.modo-frame {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
}

.modo-placeholder {
  width: 100%;
  height: 100%;
  padding: 10px 12px;
  background: var(--color-neutral-2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modo-placeholder-content {
  height: 100%;
  background: var(--color-white);
  border-radius: 6px;
}
.modo-placeholder-content span {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50px) translateY(-16px);
          transform: translateX(-50px) translateY(-16px);
  font-weight: 600;
  font-size: 32px;
  color: var(--color-neutral-5);
}

.arco-card-box {
  border-radius: 0;
  border: 0;
}
.arco-card-box.card-box-border {
  border: 1px solid var(--color-neutral-3);
}
.arco-card-box.card-box-radius {
  border-radius: 6px;
}
.arco-card-box.card-box-shadow {
  -webkit-box-shadow: rgba(200, 200, 200, 0.5) 0 2.08979px 4.17958px 0;
          box-shadow: rgba(200, 200, 200, 0.5) 0 2.08979px 4.17958px 0;
}
.arco-card-box.card-bg-gray {
  background-color: rgb(var(--color-fill-1));
}
.arco-card-box.card-bg-primary {
  background-color: rgb(var(--primary-1));
}
.arco-card-box.card-bg-warning {
  background-color: rgb(var(--warning-1));
}
.arco-card-box.card-bg-danger {
  background-color: rgb(var(--danger-1));
}
.arco-card-box.card-header-gray > .arco-card-header .arco-card-header-title,
.arco-card-box.card-header-primary > .arco-card-header .arco-card-header-title,
.arco-card-box.card-header-success > .arco-card-header .arco-card-header-title,
.arco-card-box.card-header-warning > .arco-card-header .arco-card-header-title,
.arco-card-box.card-header-danger > .arco-card-header .arco-card-header-title {
  padding-left: 0;
}
.arco-card-box.card-header-gray > .arco-card-header .arco-card-header-title:before,
.arco-card-box.card-header-primary > .arco-card-header .arco-card-header-title:before,
.arco-card-box.card-header-success > .arco-card-header .arco-card-header-title:before,
.arco-card-box.card-header-warning > .arco-card-header .arco-card-header-title:before,
.arco-card-box.card-header-danger > .arco-card-header .arco-card-header-title:before,
.arco-card-box.card-header-gray > .arco-card-header .arco-card-header-title .before,
.arco-card-box.card-header-primary > .arco-card-header .arco-card-header-title .before,
.arco-card-box.card-header-success > .arco-card-header .arco-card-header-title .before,
.arco-card-box.card-header-warning > .arco-card-header .arco-card-header-title .before,
.arco-card-box.card-header-danger > .arco-card-header .arco-card-header-title .before {
  display: none;
}
.arco-card-box.card-header-gray > .arco-card-header {
  background-color: rgb(var(--color-fill-1));
}
.arco-card-box.card-header-primary > .arco-card-header {
  background-color: rgb(var(--primary-1));
}
.arco-card-box.card-header-success > .arco-card-header {
  background-color: rgb(var(--success-1));
}
.arco-card-box.card-header-warning > .arco-card-header {
  background-color: rgb(var(--warning-1));
}
.arco-card-box.card-header-danger > .arco-card-header {
  background-color: rgb(var(--danger-1));
}
.arco-card-box .arco-card-header {
  border-bottom-width: 0;
}
.arco-card-box .arco-card-header-title {
  padding-left: 12px;
  position: relative;
  font-weight: 700;
}
.arco-card-box .arco-card-header-subtitle {
  display: inline-block;
  margin-left: 16px;
  font-weight: 400;
  font-size: 85%;
}
.arco-card-box .arco-card-header-title:before,
.arco-card-box .arco-card-header-title .before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  border-radius: 1.5px;
  height: 15px;
  background: rgb(var(--primary-6));
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.arco-card-box.arco-card-size-default .arco-card-header-title,
.arco-card-box.arco-card-size-default .arco-card-body {
  font-size: 18px;
}
.arco-card-box.arco-card-size-small .arco-card-header-title,
.arco-card-box.arco-card-size-small .arco-card-body {
  font-size: 16px;
}
/*smallCard*/
.arco-card-small-card {
  border-radius: 0;
  cursor: pointer;
  border: 0;
}
.arco-card-small-card.small-card-radius {
  border-radius: 6px;
  /*overflow: hidden;*/
}
.arco-card-small-card.small-card-bg-default.small-card-bordered {
  border: 1px solid var(--color-neutral-3);
}
.arco-card-small-card.small-card-bg-default.small-card-hoverable {
  -webkit-box-shadow: 0 1.9125px 3.825px rgba(var(--gray-3), 0.5);
          box-shadow: 0 1.9125px 3.825px rgba(var(--gray-3), 0.5);
}
.arco-card-small-card.small-card-bg-default:hover {
  background-color: var(--color-fill-2);
}
.arco-card-small-card.small-card-bg-default:active {
  background-color: var(--color-fill-4);
}
.arco-card-small-card.small-card-bg-primary {
  background-color: rgb(var(--primary-3));
}
.arco-card-small-card.small-card-bg-primary.small-card-bordered {
  border-color: rgb(var(--primary-6));
}
.arco-card-small-card.small-card-bg-primary.small-card-hoverable {
  -webkit-box-shadow: 0 1.9125px 3.825px rgba(var(--primary-6), 0.3);
          box-shadow: 0 1.9125px 3.825px rgba(var(--primary-6), 0.3);
}
.arco-card-small-card.small-card-bg-primary:hover {
  background-color: rgb(var(--primary-2));
}
.arco-card-small-card.small-card-bg-primary:active {
  background-color: rgb(var(--primary-3));
}
.arco-card-small-card.small-card-bg-success {
  background-color: rgb(var(--success-3));
}
.arco-card-small-card.small-card-bg-success.small-card-bordered {
  border-color: rgb(var(--success-6));
}
.arco-card-small-card.small-card-bg-success.small-card-hoverable {
  -webkit-box-shadow: 0 1.9125px 3.825px rgba(var(--success-6), 0.3);
          box-shadow: 0 1.9125px 3.825px rgba(var(--success-6), 0.3);
}
.arco-card-small-card.small-card-bg-success:hover {
  background-color: rgb(var(--success-2));
}
.arco-card-small-card.small-card-bg-success:active {
  background-color: rgb(var(--success-3));
}
.arco-card-small-card.small-card-bg-warning {
  background-color: rgb(var(--warning-3));
}
.arco-card-small-card.small-card-bg-warning.small-card-bordered {
  border-color: rgb(var(--warning-6));
}
.arco-card-small-card.small-card-bg-warning.small-card-hoverable {
  -webkit-box-shadow: 0 1.9125px 3.825px rgba(var(--warning-6), 0.3);
          box-shadow: 0 1.9125px 3.825px rgba(var(--warning-6), 0.3);
}
.arco-card-small-card.small-card-bg-warning:hover {
  background-color: rgb(var(--warning-2));
}
.arco-card-small-card.small-card-bg-warning:active {
  background-color: rgb(var(--warning-3));
}
.arco-card-small-card.small-card-bg-danger {
  background-color: rgb(var(--danger-3));
}
.arco-card-small-card.small-card-bg-danger.small-card-bordered {
  border-color: rgb(var(--danger-6));
}
.arco-card-small-card.small-card-bg-danger:hover {
  background-color: rgb(var(--danger-2));
}
.arco-card-small-card.small-card-bg-danger:active {
  background-color: rgb(var(--danger-3));
}
.arco-card-small-card .arco-card-header {
  height: 32px;
  border-bottom-width: 0;
}
.arco-card-small-card .arco-card-header-title {
  position: relative;
  font-weight: 700;
  font-size: 14px;
}
.arco-card-small-card .arco-card-body {
  font-size: 15px;
  color: rgb(var(--color-text-4));
}
.arco-card-small-card .arco-card-body .small-card-text {
  color: rgb(var(--color-text-4));
}
.arco-card-small-card.arco-card-size-default .arco-card-header-title,
.arco-card-small-card.arco-card-size-default .arco-card-body {
  font-size: 16px;
}
.arco-card-small-card.arco-card-size-small .arco-card-header-title,
.arco-card-small-card.arco-card-size-small .arco-card-body {
  font-size: 14px;
}

.arco-btn-group > span .arco-btn {
  border-radius: 0;
}
.arco-btn-group > span:first-child .arco-btn {
  border-radius: 2px 0 0 2px;
}
.arco-btn-group > span:last-child .arco-btn {
  border-radius: 0 2px 2px 0;
}
.arco-btn-group > span:not(:last-child) .arco-btn {
  border-right: 1px solid var(--color-secondary-hover);
}
.arco-btn-group > span:not(:last-child) .arco-btn-primary {
  border-right: 1px solid rgb(var(--primary-5));
}

.RCascaderPanel {
  width: 100%;
  height: 100%;
}
.RCascaderPanel .RCascaderPanel-popup-container {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
}
.RCascaderPanel .RCascaderPanel-popup-container > div > span > .arco-cascader-popup {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.RCascaderPanel .RCascaderPanel-trigger-container {
  display: none;
}

.cron-wrapper {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  outline: none;
  border-radius: 4px;
}
.cron-wrapper .footer {
  border-top: 1px solid #e8e8e8;
  padding: 16px;
  text-align: right;
}
.cron-wrapper .content {
  padding: 0 16px 10px;
}
.cron-wrapper .arco-checkbox-group .arco-checkbox {
  width: 48px;
}
.cron-wrapper .arco-checkbox-group.year-checkbox .arco-checkbox {
  width: 64px;
}
.cron-trigger {
  width: 800px;
}

.arco-picker.modo-datePicker {
  width: 100%;
}

.arco-picker.modo-rangePicker {
  width: 100%;
}

.divider-has-text > span {
  font-size: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}
.divider-has-text.default::before,
.divider-has-text.default::after {
  border-bottom-color: #d9d9d9 !important;
}
.divider-has-text.blue::before,
.divider-has-text.blue::after {
  border-bottom-color: rgb(var(--primary-6)) !important;
}
.divider-has-text.solid::before,
.divider-has-text.solid::after {
  border-bottom-style: solid !important;
}
.divider-has-text.dashed::before,
.divider-has-text.dashed::after {
  border-bottom-style: dashed !important;
}
.divider-has-text.size1::before,
.divider-has-text.size1::after {
  border-bottom-width: 1px !important;
}
.divider-has-text.size2::before,
.divider-has-text.size2::after {
  border-bottom-width: 2px !important;
}
.divider-has-text.size3::before,
.divider-has-text.size3::after {
  border-bottom-width: 3px !important;
}
.divider-has-text.size4::before,
.divider-has-text.size4::after {
  border-bottom-width: 4px !important;
}
.divider-has-text.size5::before,
.divider-has-text.size5::after {
  border-bottom-width: 5px !important;
}
.divider-has-text.size6::before,
.divider-has-text.size6::after {
  border-bottom-width: 6px !important;
}
.divider-has-text.size7::before,
.divider-has-text.size7::after {
  border-bottom-width: 7px !important;
}
.divider-has-text.size8::before,
.divider-has-text.size8::after {
  border-bottom-width: 8px !important;
}
.divider-notext.default {
  border-bottom-color: #d9d9d9 !important;
}
.divider-notext.blue {
  border-bottom-color: rgb(var(--primary-6)) !important;
}
.divider-notext.solid::before,
.divider-notext.solid::after {
  border-bottom-style: solid !important;
}
.divider-notext.dashed::before,
.divider-notext.dashed::after {
  border-bottom-style: dashed !important;
}
.divider-notext.size1 {
  border-bottom-width: 1px !important;
}
.divider-notext.size2 {
  border-bottom-width: 2px !important;
}
.divider-notext.size3 {
  border-bottom-width: 3px !important;
}
.divider-notext.size4 {
  border-bottom-width: 4px !important;
}
.divider-notext.size5 {
  border-bottom-width: 5px !important;
}
.divider-notext.size6 {
  border-bottom-width: 6px !important;
}
.divider-notext.size7 {
  border-bottom-width: 7px !important;
}
.divider-notext.size8 {
  border-bottom-width: 8px !important;
}

.action-btn {
  margin: 0 8px;
  color: rgb(var(--primary-6));
  cursor: pointer;
  position: relative;
  z-index: 1000000;
}
.action-btn:hover {
  color: rgb(var(--primary-5));
}

.moda-face {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  vertical-align: middle;
}
.moda-face .arco-avatar-circle {
  margin-right: 4px;
}
.moda-face .arco-avatar-circle {
  font-size: 12px;
}
.moda-face-red .arco-avatar-circle {
  background-color: rgb(var(--red-6));
}
.moda-face-orangered .arco-avatar-circle {
  background-color: rgb(var(--orangered-6));
}
.moda-face-orange .arco-avatar-circle {
  background-color: rgb(var(--orange-6));
}
.moda-face-gold .arco-avatar-circle {
  background-color: rgb(var(--gold-6));
}
.moda-face-lime .arco-avatar-circle {
  background-color: rgb(var(--lime-6));
}
.moda-face-green .arco-avatar-circle {
  background-color: rgb(var(--green-6));
}
.moda-face-cyan .arco-avatar-circle {
  background-color: rgb(var(--cyan-6));
}
.moda-face-blue .arco-avatar-circle {
  background-color: rgb(var(--blue-6));
}
.moda-face-arcoblue .arco-avatar-circle {
  background-color: rgb(var(--arcoblue-6));
}
.moda-face-purple .arco-avatar-circle {
  background-color: rgb(var(--purple-6));
}
.moda-face-pinkpurple .arco-avatar-circle {
  background-color: rgb(var(--pinkpurple-6));
}
.moda-face-magenta .arco-avatar-circle {
  background-color: rgb(var(--magenta-6));
}
.moda-face-gray .arco-avatar-circle {
  background-color: rgb(var(--gray-6));
}
.moda-face-disabled {
  color: var(--color-neutral-4);
}
.moda-face-disabled .arco-avatar-circle {
  background-color: var(--color-neutral-4);
  font-size: 12px !important;
}
.moda-face.text-hidden .arco-avatar-circle {
  margin-right: 0;
}
.moda-face-size-small {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
}
.moda-face-size-medium {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.moda-face-size-large {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}

.modo-filter-panel {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%;
  height: auto;
}
.modo-filter-panel .modo-filter-panel-content {
  height: auto;
  padding: 10px 16px 0 16px;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.modo-filter-panel .modo-filter-panel-oper {
  width: 100%;
  text-align: center;
  padding: 5px 0;
}
.modo-filter-panel .arco-form .arco-space-item {
  width: 100%;
}
.modo-filter-panel .arco-form .arco-space-item .form-item-row {
  overflow: hidden;
  border-bottom: 1px dashed var(--color-border);
}
.modo-filter-panel .arco-form .arco-form-item {
  width: 100%;
  margin: 5px 0;
}
.modo-filter-panel .arco-form .arco-form-item .arco-form-item-wrapper {
  padding-left: 10px;
}
.modo-filter-panel .arco-form .arco-form-item .arco-form-item-control-children {
  line-height: 28px;
}
.modo-filter-panel .arco-form .form-item-col-content {
  display: inline-block;
  width: calc(100% - 60px);
  float: left;
}
.modo-filter-panel .arco-form .form-item-col-content .arco-tag {
  height: 20px;
  line-height: 22px;
  padding: 0 5px;
  font-weight: 400;
  color: var(--color-text-2);
}
.modo-filter-panel .arco-form .form-item-col-content .arco-tag-checked {
  color: #fff;
}
.modo-filter-panel .arco-form .form-item-col-content .arco-form-item-wrapper {
  padding-right: 10px;
}
.modo-filter-panel .arco-form .form-item-col-content .checkbox-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modo-filter-panel .arco-form .form-item-col-content .arco-checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;
}
.modo-filter-panel .arco-form .form-item-col-content .arco-checkbox-group.more {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: visible;
}
.modo-filter-panel .arco-form .form-item-col-content .arco-checkbox {
  margin-right: 20px;
  padding-left: 5px;
}
.modo-filter-panel .arco-form .form-item-col-oper {
  text-align: right;
  line-height: 38px;
  font-size: 12px;
  height: 38px;
  -ms-flex-preferred-size: 60px;
      flex-basis: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modo-filter-panel .arco-form .form-item-col-oper .more-button {
  display: none;
  background-color: #ffffff !important;
}
.modo-filter-panel .arco-form .form-item-col-oper .more-button:hover {
  background-color: var(--color-secondary-hover) !important;
}
.modo-filter-panel .arco-form .form-item-col-oper .more-button > span {
  font-size: 12px;
}
.modo-filter-panel .arco-form .form-item-col-oper.has-more .more-button {
  display: inline-block;
}
.modo-filter-panel .arco-form .arco-form-label-item {
  padding-right: 0;
}
.modo-filter-panel .arco-form .arco-form-label-item > label {
  font-size: 12px;
  white-space: normal;
  font-weight: 500;
}
.modo-filter-panel .arco-form .arco-btn-text:not(.arco-btn-disabled) {
  color: var(--color-text-2);
}
.modo-filter-panel .arco-form .arco-btn-primary:not(.arco-btn-disabled) {
  background-color: #ffff02;
  color: var(--color-text-1);
}
.modo-filter-panel .arco-form .arco-btn-size-default {
  padding: 0 5px;
}

.modo-flexLayout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.arco-form.modo-form {
  grid-gap: 0 10px;
  gap: 0 10px;
  grid-template-columns: repeat(24, minmax(0px, 1fr));
  display: grid;
}
.arco-form.modo-form.modo-widget-editor {
  min-height: 30px;
}
.arco-form.modo-form.arco-form-inline {
  grid-gap: 0 10px;
  gap: 0 10px;
  grid-template-columns: repeat(24, minmax(0px, 1fr));
  grid-area: span 24 / span 24 / auto / auto;
  display: grid !important;
}
.arco-form.modo-form .arco-btn-group {
  white-space: nowrap;
}
.arco-form.modo-form .arco-form-item > .arco-form-label-item {
  overflow: hidden;
}
.arco-form.modo-form .arco-form-item .arco-form-item-control-children {
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.arco-form-layout-inline {
  margin-right: 10px;
}
.arco-form.modo-form.ie {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0;
}
.arco-form.modo-form.ie .arco-form-item:not(.row-last) .arco-form-item-wrapper {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding-right: 10px;
}
.arco-form.modo-form.ie .span-2 {
  -ms-flex-preferred-size: calc((100% - 110px) / 12 - 1px);
      flex-basis: calc((100% - 110px) / 12 - 1px);
}
.arco-form.modo-form.ie .span-3 {
  -ms-flex-preferred-size: calc(100%/8 - 1px);
      flex-basis: calc(100%/8 - 1px);
}
.arco-form.modo-form.ie .span-4 {
  -ms-flex-preferred-size: calc(100%/6 - 1px);
      flex-basis: calc(100%/6 - 1px);
}
.arco-form.modo-form.ie .span-6 {
  -ms-flex-preferred-size: calc(100%/4 - 1px);
      flex-basis: calc(100%/4 - 1px);
}
.arco-form.modo-form.ie .span-8 {
  -ms-flex-preferred-size: calc(100%/3 - 1px);
      flex-basis: calc(100%/3 - 1px);
}
.arco-form.modo-form.ie .span-12 {
  -ms-flex-preferred-size: calc(100%/2 - 1px);
      flex-basis: calc(100%/2 - 1px);
}
.arco-form.modo-form.ie .span-16 {
  -ms-flex-preferred-size: calc(100% * 2/3 - 1px);
      flex-basis: calc(100% * 2/3 - 1px);
}
.arco-form.modo-form.ie .span-16 {
  -ms-flex-preferred-size: calc(100% * 2/3 - 1px);
      flex-basis: calc(100% * 2/3 - 1px);
}
.arco-form.modo-form.ie .span-18 {
  -ms-flex-preferred-size: calc(100% * 3/4 - 1px);
      flex-basis: calc(100% * 3/4 - 1px);
}
.arco-form.modo-form.ie .span-20 {
  -ms-flex-preferred-size: calc(100% * 5/6 - 1px);
      flex-basis: calc(100% * 5/6 - 1px);
}
.arco-form.modo-form.ie .span-21 {
  -ms-flex-preferred-size: calc(100% * 7/8 - 1px);
      flex-basis: calc(100% * 7/8 - 1px);
}
.arco-form.modo-form.ie .span-22 {
  -ms-flex-preferred-size: calc(100% * 11/12 - 1px);
      flex-basis: calc(100% * 11/12 - 1px);
}
.arco-form.modo-form.ie .span-24 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.modo-form-group .arco-form-inline {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-direction: row;
      flex-direction: row;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
}
.modo-form-group .arco-form-inline .placeholder-label {
  line-height: 30px;
}

.arco-drawer-header-title {
  font-size: 12px;
}
.source-code .arco-drawer-header {
  height: 30px;
  padding: 0 10px;
}
.source-code .arco-drawer-close-icon {
  top: 8px;
  right: 10px;
}
.source-code .arco-drawer-content {
  padding: 0;
}
.source-code .arco-drawer-footer {
  padding: 5px 10px;
}
.source-code .arco-drawer-footer .arco-btn {
  height: 22px;
}

.modo-designer-bind-var {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modo-designer-bind-var .element {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modo-designer-bind-var .code {
  background: var(--color-white);
  width: 28px;
  height: 28px;
  line-height: 28px;
  color: var(--color-gray-6);
  text-align: center;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  cursor: pointer;
  border-radius: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.modo-designer-bind-var .code.mini {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.modo-designer-bind-var .code.small {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.modo-designer-bind-var .code.large {
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.modo-designer-bind-var .code:hover {
  background: var(--color-fill-2);
}
.modo-designer-bind-var .code:active {
  background: var(--color-fill-3);
}
.modo-designer-bind-var .code.active {
  background: var(--color-primary-6);
  color: var(--color-white);
}

.icon-list > div > div {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 240px;
}
.icon-list > div > div > li {
  width: 24px !important;
  height: 24px !important;
  text-align: center !important;
  line-height: 24px !important;
  padding: 0px !important;
}

.modo-table-form .table-form-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px;
}
.modo-table-form .table-form-header:not(.icon-btn) .arco-btn-group .arco-btn svg {
  display: none;
}
.modo-table-form .table-form-header:not(.icon-btn) .arco-btn-group .arco-btn:not(:last-child) {
  margin-right: 10px;
}
.modo-table-form .table-form-header.icon-btn .arco-btn-group .arco-btn svg {
  display: inline-block;
}
.modo-table-form .table-form-header.icon-btn .arco-btn-group .arco-btn span {
  display: none;
}
.modo-table-form.empty .arco-table-body {
  min-height: 120px;
}
.modo-table-form.empty .arco-table-body .arco-table-no-data {
  height: auto;
}
.modo-table-form .arco-table .arco-table-td,
.modo-table-form .arco-table .arco-table-th-item {
  padding-left: 6px;
  padding-right: 6px;
}
.modo-table-form .arco-form-item.arco-form-item-error {
  position: relative;
}
.modo-table-form .arco-form-item.arco-form-item-error:hover .arco-form-message {
  display: block;
}
.modo-table-form .arco-form-message {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 24px;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  border-radius: 2px;
  z-index: 10;
  background: var(--color-white);
  padding: 0 4px;
  -webkit-box-shadow: 0 0 5px #d3d3d3;
          box-shadow: 0 0 5px #d3d3d3;
  -webkit-animation: none;
          animation: none;
}
.modo-table-form .arco-table-td {
  padding: 0 5px;
}
.modo-table-form .arco-table-th-item {
  padding: 0 10px;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modo-table-form .editable-row .editable-cell {
  display: inline-block;
  padding: 5px 11px;
}
.modo-table-form .editable-row .editable-cell .arco-table-td {
  padding: 0 5px;
}
.modo-table-form .editable-row .editable-cell:hover {
  border-radius: 4px;
  border: 1px solid var(--color-border);
  padding: 4px 10px;
}

.custom-label-item .arco-form-label-item label,
.custom-label-item .arco-form-label-item .label-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.custom-label-item .arco-form-label-item label .arco-typography,
.custom-label-item .arco-form-label-item .label-content .arco-typography {
  line-height: inherit !important;
}
.custom-label-item .arco-form-item-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.arco-form-item.no-label > .arco-form-label-item {
  display: none;
}
.arco-form-item.no-margin-bottom {
  margin-bottom: 0;
}

.modo-form-list {
  width: 100%;
}
.modo-form-list .row {
  margin-bottom: 10px;
}
.modo-form-list .row-space {
  width: calc(100% - 76px);
}
.modo-form-list .row-space .arco-space-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.modo-iframe {
  width: 100%;
  border: 0;
}
.modo-iframe.active {
  border: 2px solid var(--color-primary-4);
}

.inputColor .btn-delete {
  cursor: pointer;
  opacity: 0;
}
.inputColor .btn-delete:hover {
  color: rgb(var(--primary-5));
}
.inputColor .btn-delete:focus {
  color: rgb(var(--primary-6));
}
.inputColor:hover .btn-delete {
  opacity: 1;
}

.arco-typography.modo-widget {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}

.modo-table {
  width: 100%;
}
.arco-table .moda-face .arco-avatar-circle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.arco-table .column-id {
  color: var(--color-gray-6);
}
.arco-table div.arco-typography,
.arco-table p.arco-typography {
  margin-bottom: 0;
  width: 100%;
}
.arco-table div.arco-typography .arco-typography-simple-ellipsis,
.arco-table p.arco-typography .arco-typography-simple-ellipsis {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.arco-table .react-resizable {
  position: relative;
  background-clip: padding-box;
}
.arco-table .react-resizable-handle {
  position: absolute;
  width: 10px;
  height: 100%;
  bottom: 0;
  right: -5px;
  cursor: col-resize;
  z-index: 1;
}
.arco-table .arco-table-no-data {
  min-height: 120px;
  width: 100% !important;
  padding: 0;
  margin: 0 !important;
  border: 0 !important;
}
.arco-table .arco-empty {
  width: 100%;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.arco-table .arco-empty .arco-empty-wrapper {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  color: rgb(var(--gray-5));
}
.arco-table .arco-empty .arco-empty-wrapper .arco-empty-image {
  font-size: 48px;
  line-height: 1;
  margin-bottom: 4px;
}
.arco-table .arco-empty .arco-empty-description {
  color: rgb(var(--gray-5));
  font-size: 14px;
}
.arco-table .arco-table-col-has-sorter .arco-table-cell-with-sorter {
  padding: 0;
}
.arco-table.automatic table {
  table-layout: auto;
}
.modo-table .table-title {
  line-height: 28px;
  font-size: 14px;
  color: var(--color-text-1);
  font-weight: 500;
}
.modo-table .table-header {
  min-height: 28px;
  padding-bottom: 10px;
}
.modo-table-scroll {
  height: 100%;
}
.modo-table-scroll.arco-table-border .arco-table-container {
  border-left: 1px solid var(--color-neutral-3);
}
.modo-table-scroll.arco-table-border .arco-table-container .arco-table-th:first-child,
.modo-table-scroll.arco-table-border .arco-table-container .arco-table-td:first-child {
  border-left: 0;
}
.modo-table-scroll.arco-table-border.arco-table-border-cell .arco-table-container .arco-table-th:first-child,
.modo-table-scroll.arco-table-border.arco-table-border-cell .arco-table-container .arco-table-td:first-child {
  border-left: 1px solid var(--color-neutral-3);
}
.modo-table-scroll.arco-table-border.arco-table-border-cell .arco-table-container {
  border-left: 0;
}
.modo-table-scroll .arco-spin {
  height: 100%;
}
.modo-table-scroll .arco-spin-children {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modo-table-scroll .arco-table-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.modo-table-scroll .arco-table-content-scroll {
  height: 100%;
}
.modo-table-scroll .arco-table-content-scroll .arco-table-content-inner {
  height: 100%;
}
.modo-table-scroll .arco-table-body {
  height: calc(100% - 37px);
  position: relative;
}
.modo-table-scroll .arco-table-empty-row td {
  padding: 0;
}
.modo-table-scroll .arco-table-no-data {
  position: absolute;
  height: calc(100% - 32px);
}
.modo-table-scroll .arco-empty {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-70px);
          transform: translateY(-70px);
}
.modo-table-scroll .arco-table-container::before {
  height: 1px;
}

.modo-tabs {
  width: 100%;
}
.modo-tabs .arco-tabs-header-title-text > .arco-typography {
  margin-bottom: 0;
}
.modo-tabs .arco-tabs-header-title-disabled .arco-typography,
.modo-tabs .arco-tabs-header-title-disabled:hover .arco-typography {
  color: var(--color-text-4);
}
.modo-tabs-editable {
  background: var(--color-white);
  border-radius: 6px;
  overflow: hidden;
  height: 100%;
}
.modo-tabs-editable > .arco-tabs {
  height: 100%;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav {
  padding: 8px 0;
  -webkit-box-shadow: inset 0px -1px 0px 0px #f2f3f5;
          box-shadow: inset 0px -1px 0px 0px #f2f3f5;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav::before {
  display: none;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-ink {
  display: none;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-scroll {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title {
  background: var(--color-gray-3);
  color: var(--color-text-2);
  border-radius: 4px;
  border: 0px;
  height: 24px;
  padding: 6px 8px !important;
  margin-left: 6px !important;
  margin-right: 0px !important;
  width: 110px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 1, 1);
  transition: all 0.2s cubic-bezier(0, 0, 1, 1);
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title span {
  display: block;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title .arco-typography {
  width: 100%;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title:first-of-type {
  margin-left: 0px !important;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title .arco-tabs-header-title-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title .arco-tabs-header-title-text > .arco-typography {
  margin-bottom: 0px;
  color: inherit;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title:hover .arco-tabs-close-icon {
  width: 12px;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title:hover .arco-tabs-icon-hover {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title .arco-tabs-close-icon {
  width: 0px;
  margin-left: 0px;
  overflow: hidden;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title .arco-tabs-icon-hover {
  color: var(--color-gray-8);
  vertical-align: middle;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title-active,
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title-active:hover {
  background-color: var(--color-primary-6);
  color: var(--color-white);
  font-weight: 500;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title-active .arco-typography,
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title-active:hover .arco-typography {
  color: var(--color-white);
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title-active:hover .arco-tabs-icon-hover,
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title-active:hover:hover .arco-tabs-icon-hover {
  opacity: 1;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title-active .arco-tabs-icon-hover,
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-tabs-header-title-active:hover .arco-tabs-icon-hover {
  color: var(--color-white);
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .arco-icon-hover:hover::before {
  display: none;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .tab-title {
  background: var(--color-white);
  border-radius: 4px;
  padding: 0px 10px;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .tab-title svg {
  color: var(--color-primary-6);
  margin-right: 7.5px;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-header-nav .tab-title span {
  font-size: 14px;
  color: var(--color-text-1);
  font-weight: 600;
  vertical-align: middle;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-content {
  height: calc(100% - 46px);
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-content .arco-tabs-content-inner {
  height: 100%;
}
.modo-tabs-editable > .arco-tabs > .arco-tabs-content .arco-tabs-pane {
  background: var(--color-white);
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
}
.modo-tabs-editable.placeholder > .arco-tabs {
  height: 40px;
}
.modo-tabs-editable > .tab-placeholder {
  background: var(--color-white);
  height: calc(100% - 40px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  position: relative;
  z-index: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.moda-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 24px;
  line-height: 22px;
  padding: 0 8px;
  border-radius: var(--border-radius-small);
  color: var(--color-text-1);
  font-size: 12px;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 500;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.moda-tag .arco-icon-hover.moda-tag-icon-hover::before {
  width: 16px;
  height: 16px;
}
.moda-tag .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: var(--color-fill-3);
}
.moda-tag-checkable {
  cursor: pointer;
  -webkit-transition: all 0.1s cubic-bezier(0, 0, 1, 1);
  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
}
.moda-tag-checkable:hover {
  background-color: var(--color-fill-2);
}
.moda-tag-checked {
  border-color: transparent;
  background-color: var(--color-fill-2);
}
.moda-tag-checkable.moda-tag-checked:hover {
  background-color: var(--color-fill-3);
  border-color: transparent;
}
.moda-tag-bordered,
.moda-tag-checkable.moda-tag-checked.moda-tag-bordered:hover {
  border-color: rgb(var(--gray-6));
}
.moda-tag-size-small {
  height: 20px;
  line-height: 18px;
  font-size: 12px;
}
.moda-tag-size-medium {
  height: 28px;
  line-height: 26px;
  font-size: 14px;
}
.moda-tag-size-large {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}
.moda-tag-hide {
  display: none;
}
.moda-tag-loading {
  opacity: 0.8;
  cursor: default;
}
.moda-tag-icon {
  margin-right: 4px;
  color: var(--color-text-2);
}
.moda-tag-plain {
  border-color: rgb(var(--gray-6));
}
.moda-tag-dark {
  background-color: var(--color-neutral-7);
  border-color: var(--color-neutral-7);
  color: var(--color-white);
}
.moda-tag-text {
  background-color: transparent;
  padding: 0 0;
}
.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-4);
}
.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4) !important;
}
.moda-tag-text.moda-tag-disabled {
  background-color: transparent;
}
.moda-tag-text.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4) !important;
}
.moda-tag-plain.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4) !important;
}
.moda-tag-dark.moda-tag-disabled {
  background-color: var(--color-neutral-4);
}
.moda-tag-dark.moda-tag-disabled .moda-tag-icon {
  color: var(--color-white) !important;
}
.moda-tag-checked.moda-tag-red {
  color: rgb(var(--red-6));
  background-color: rgb(var(--red-1));
  border: 1px solid transparent;
}
.moda-tag-checked.moda-tag-red .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgb(var(--red-2));
}
.moda-tag-checkable.moda-tag-checked.moda-tag-red:hover {
  background-color: rgb(var(--red-2));
  border-color: transparent;
}
.moda-tag-checked.moda-tag-red.moda-tag-bordered,
.moda-tag-checked.moda-tag-red.moda-tag-bordered:hover {
  border-color: rgb(var(--red-6));
}
.moda-tag-checked.moda-tag-red .moda-tag-close-icon,
.moda-tag-checked.moda-tag-red .moda-tag-icon,
.moda-tag-checked.moda-tag-red .moda-tag-loading-icon {
  color: rgb(var(--red-6));
}
.moda-tag-disabled.moda-tag-red {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-4);
}
.moda-tag-disabled.moda-tag-red .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-red {
  border-color: rgb(var(--red-6));
}
.moda-tag-plain.moda-tag-red.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-red.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-dark.moda-tag-red {
  background-color: rgb(var(--red-6));
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-red .moda-tag-icon {
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-red .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.moda-tag-dark.moda-tag-red.moda-tag-disabled {
  background-color: var(--color-neutral-4);
}
.moda-tag-text.moda-tag-red {
  background-color: var(--color-white);
}
.moda-tag-icon-red > .moda-tag-icon {
  color: rgb(var(--red-6)) !important;
}
.moda-tag-checked.moda-tag-orangered {
  color: rgb(var(--orangered-6));
  background-color: rgb(var(--orangered-1));
  border: 1px solid transparent;
}
.moda-tag-checked.moda-tag-orangered .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgb(var(--orangered-2));
}
.moda-tag-checkable.moda-tag-checked.moda-tag-orangered:hover {
  background-color: rgb(var(--orangered-2));
  border-color: transparent;
}
.moda-tag-checked.moda-tag-orangered.moda-tag-bordered,
.moda-tag-checked.moda-tag-orangered.moda-tag-bordered:hover {
  border-color: rgb(var(--orangered-6));
}
.moda-tag-checked.moda-tag-orangered .moda-tag-close-icon,
.moda-tag-checked.moda-tag-orangered .moda-tag-icon,
.moda-tag-checked.moda-tag-orangered .moda-tag-loading-icon {
  color: rgb(var(--orangered-6));
}
.moda-tag-disabled.moda-tag-orangered {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-4);
}
.moda-tag-disabled.moda-tag-orangered .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-orangered {
  border-color: rgb(var(--orangered-6));
}
.moda-tag-plain.moda-tag-orangered.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-orangered.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-dark.moda-tag-orangered {
  background-color: rgb(var(--orangered-6));
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-orangered .moda-tag-icon {
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-orangered .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.moda-tag-dark.moda-tag-orangered.moda-tag-disabled {
  background-color: var(--color-neutral-4);
}
.moda-tag-text.moda-tag-orangered {
  background-color: var(--color-white);
}
.moda-tag-icon-orangered > .moda-tag-icon {
  color: rgb(var(--orangered-6)) !important;
}
.moda-tag-checked.moda-tag-orange {
  color: rgb(var(--orange-6));
  background-color: rgb(var(--orange-1));
  border: 1px solid transparent;
}
.moda-tag-checked.moda-tag-orange .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgb(var(--orange-2));
}
.moda-tag-checkable.moda-tag-checked.moda-tag-orange:hover {
  background-color: rgb(var(--orange-2));
  border-color: transparent;
}
.moda-tag-checked.moda-tag-orange.moda-tag-bordered,
.moda-tag-checked.moda-tag-orange.moda-tag-bordered:hover {
  border-color: rgb(var(--orange-6));
}
.moda-tag-checked.moda-tag-orange .moda-tag-close-icon,
.moda-tag-checked.moda-tag-orange .moda-tag-icon,
.moda-tag-checked.moda-tag-orange .moda-tag-loading-icon {
  color: rgb(var(--orange-6));
}
.moda-tag-disabled.moda-tag-orange {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-4);
}
.moda-tag-disabled.moda-tag-orange .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-orange {
  border-color: rgb(var(--orange-6));
}
.moda-tag-plain.moda-tag-orange.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-orange.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-dark.moda-tag-orange {
  background-color: rgb(var(--orange-6));
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-orange .moda-tag-icon {
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-orange .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.moda-tag-dark.moda-tag-orange.moda-tag-disabled {
  background-color: var(--color-neutral-4);
}
.moda-tag-text.moda-tag-orange {
  background-color: var(--color-white);
}
.moda-tag-icon-orange > .moda-tag-icon {
  color: rgb(var(--orange-6)) !important;
}
.moda-tag-checked.moda-tag-gold {
  color: rgb(var(--gold-6));
  background-color: rgb(var(--gold-1));
  border: 1px solid transparent;
}
.moda-tag-checked.moda-tag-gold .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgb(var(--gold-2));
}
.moda-tag-checkable.moda-tag-checked.moda-tag-gold:hover {
  background-color: rgb(var(--gold-3));
  border-color: transparent;
}
.moda-tag-checked.moda-tag-gold.moda-tag-bordered,
.moda-tag-checked.moda-tag-gold.moda-tag-bordered:hover {
  border-color: rgb(var(--gold-6));
}
.moda-tag-checked.moda-tag-gold .moda-tag-close-icon,
.moda-tag-checked.moda-tag-gold .moda-tag-icon,
.moda-tag-checked.moda-tag-gold .moda-tag-loading-icon {
  color: rgb(var(--gold-6));
}
.moda-tag-disabled.moda-tag-gold {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-4);
}
.moda-tag-disabled.moda-tag-gold .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-gold {
  border-color: rgb(var(--gold-6));
}
.moda-tag-plain.moda-tag-gold.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-gold.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-dark.moda-tag-gold {
  background-color: rgb(var(--gold-6));
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-gold .moda-tag-icon {
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-gold .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.moda-tag-dark.moda-tag-gold.moda-tag-disabled {
  background-color: var(--color-neutral-4);
}
.moda-tag-text.moda-tag-gold {
  background-color: var(--color-white);
}
.moda-tag-icon-gold > .moda-tag-icon {
  color: rgb(var(--gold-6)) !important;
}
.moda-tag-checked.moda-tag-lime {
  color: rgb(var(--lime-6));
  background-color: rgb(var(--lime-1));
  border: 1px solid transparent;
}
.moda-tag-checked.moda-tag-lime .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgb(var(--lime-2));
}
.moda-tag-checkable.moda-tag-checked.moda-tag-lime:hover {
  background-color: rgb(var(--lime-2));
  border-color: transparent;
}
.moda-tag-checked.moda-tag-lime.moda-tag-bordered,
.moda-tag-checked.moda-tag-lime.moda-tag-bordered:hover {
  border-color: rgb(var(--lime-6));
}
.moda-tag-checked.moda-tag-lime .moda-tag-close-icon,
.moda-tag-checked.moda-tag-lime .moda-tag-icon,
.moda-tag-checked.moda-tag-lime .moda-tag-loading-icon {
  color: rgb(var(--lime-6));
}
.moda-tag-disabled.moda-tag-lime {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-4);
}
.moda-tag-disabled.moda-tag-lime .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-lime {
  border-color: rgb(var(--lime-6));
}
.moda-tag-plain.moda-tag-lime.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-lime.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-dark.moda-tag-lime {
  background-color: rgb(var(--lime-6));
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-lime .moda-tag-icon {
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-lime .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.moda-tag-dark.moda-tag-lime.moda-tag-disabled {
  background-color: var(--color-neutral-4);
}
.moda-tag-text.moda-tag-lime {
  background-color: var(--color-white);
}
.moda-tag-icon-lime > .moda-tag-icon {
  color: rgb(var(--lime-6)) !important;
}
.moda-tag-checked.moda-tag-green {
  color: rgb(var(--green-6));
  background-color: rgb(var(--green-1));
  border: 1px solid transparent;
}
.moda-tag-checked.moda-tag-green .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgb(var(--green-2));
}
.moda-tag-checkable.moda-tag-checked.moda-tag-green:hover {
  background-color: rgb(var(--green-2));
  border-color: transparent;
}
.moda-tag-checked.moda-tag-green.moda-tag-bordered,
.moda-tag-checked.moda-tag-green.moda-tag-bordered:hover {
  border-color: rgb(var(--green-6));
}
.moda-tag-checked.moda-tag-green .moda-tag-close-icon,
.moda-tag-checked.moda-tag-green .moda-tag-icon,
.moda-tag-checked.moda-tag-green .moda-tag-loading-icon {
  color: rgb(var(--green-6));
}
.moda-tag-disabled.moda-tag-green {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-4);
}
.moda-tag-disabled.moda-tag-green .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-green {
  border-color: rgb(var(--green-6));
}
.moda-tag-plain.moda-tag-green.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-green.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-dark.moda-tag-green {
  background-color: rgb(var(--green-6));
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-green .moda-tag-icon {
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-green .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.moda-tag-dark.moda-tag-green.moda-tag-disabled {
  background-color: var(--color-neutral-4);
}
.moda-tag-text.moda-tag-green {
  background-color: var(--color-white);
}
.moda-tag-icon-green > .moda-tag-icon {
  color: rgb(var(--green-6)) !important;
}
.moda-tag-checked.moda-tag-cyan {
  color: rgb(var(--cyan-6));
  background-color: rgb(var(--cyan-1));
  border: 1px solid transparent;
}
.moda-tag-checked.moda-tag-cyan .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgb(var(--cyan-2));
}
.moda-tag-checkable.moda-tag-checked.moda-tag-cyan:hover {
  background-color: rgb(var(--cyan-2));
  border-color: transparent;
}
.moda-tag-checked.moda-tag-cyan.moda-tag-bordered,
.moda-tag-checked.moda-tag-cyan.moda-tag-bordered:hover {
  border-color: rgb(var(--cyan-6));
}
.moda-tag-checked.moda-tag-cyan .moda-tag-close-icon,
.moda-tag-checked.moda-tag-cyan .moda-tag-icon,
.moda-tag-checked.moda-tag-cyan .moda-tag-loading-icon {
  color: rgb(var(--cyan-6));
}
.moda-tag-disabled.moda-tag-cyan {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-4);
}
.moda-tag-disabled.moda-tag-cyan .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-cyan {
  border-color: rgb(var(--cyan-6));
}
.moda-tag-plain.moda-tag-cyan.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-cyan.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-dark.moda-tag-cyan {
  background-color: rgb(var(--cyan-6));
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-cyan .moda-tag-icon {
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-cyan .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.moda-tag-dark.moda-tag-cyan.moda-tag-disabled {
  background-color: var(--color-neutral-4);
}
.moda-tag-text.moda-tag-cyan {
  background-color: var(--color-white);
}
.moda-tag-icon-cyan > .moda-tag-icon {
  color: rgb(var(--cyan-6)) !important;
}
.moda-tag-checked.moda-tag-blue {
  color: rgb(var(--blue-6));
  background-color: rgb(var(--blue-1));
  border: 1px solid transparent;
}
.moda-tag-checked.moda-tag-blue .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgb(var(--blue-2));
}
.moda-tag-checkable.moda-tag-checked.moda-tag-blue:hover {
  background-color: rgb(var(--blue-2));
  border-color: transparent;
}
.moda-tag-checked.moda-tag-blue.moda-tag-bordered,
.moda-tag-checked.moda-tag-blue.moda-tag-bordered:hover {
  border-color: rgb(var(--blue-6));
}
.moda-tag-checked.moda-tag-blue .moda-tag-close-icon,
.moda-tag-checked.moda-tag-blue .moda-tag-icon,
.moda-tag-checked.moda-tag-blue .moda-tag-loading-icon {
  color: rgb(var(--blue-6));
}
.moda-tag-disabled.moda-tag-blue {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-4);
}
.moda-tag-disabled.moda-tag-blue .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-blue {
  border-color: rgb(var(--blue-6));
}
.moda-tag-plain.moda-tag-blue.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-blue.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-dark.moda-tag-blue {
  background-color: rgb(var(--blue-6));
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-blue .moda-tag-icon {
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-blue .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.moda-tag-dark.moda-tag-blue.moda-tag-disabled {
  background-color: var(--color-neutral-4);
}
.moda-tag-text.moda-tag-blue {
  background-color: var(--color-white);
}
.moda-tag-icon-blue > .moda-tag-icon {
  color: rgb(var(--blue-6)) !important;
}
.moda-tag-checked.moda-tag-arcoblue {
  color: rgb(var(--arcoblue-6));
  background-color: rgb(var(--arcoblue-1));
  border: 1px solid transparent;
}
.moda-tag-checked.moda-tag-arcoblue .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgb(var(--arcoblue-2));
}
.moda-tag-checkable.moda-tag-checked.moda-tag-arcoblue:hover {
  background-color: rgb(var(--arcoblue-2));
  border-color: transparent;
}
.moda-tag-checked.moda-tag-arcoblue.moda-tag-bordered,
.moda-tag-checked.moda-tag-arcoblue.moda-tag-bordered:hover {
  border-color: rgb(var(--arcoblue-6));
}
.moda-tag-checked.moda-tag-arcoblue .moda-tag-close-icon,
.moda-tag-checked.moda-tag-arcoblue .moda-tag-icon,
.moda-tag-checked.moda-tag-arcoblue .moda-tag-loading-icon {
  color: rgb(var(--arcoblue-6));
}
.moda-tag-disabled.moda-tag-arcoblue {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-4);
}
.moda-tag-disabled.moda-tag-arcoblue .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-arcoblue {
  border-color: rgb(var(--arcoblue-6));
}
.moda-tag-plain.moda-tag-arcoblue.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-arcoblue.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-dark.moda-tag-arcoblue {
  background-color: rgb(var(--arcoblue-6));
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-arcoblue .moda-tag-icon {
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-arcoblue .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.moda-tag-dark.moda-tag-arcoblue.moda-tag-disabled {
  background-color: var(--color-neutral-4);
}
.moda-tag-text.moda-tag-arcoblue {
  background-color: var(--color-white);
}
.moda-tag-icon-arcoblue > .moda-tag-icon {
  color: rgb(var(--arcoblue-6)) !important;
}
.moda-tag-checked.moda-tag-purple {
  color: rgb(var(--purple-6));
  background-color: rgb(var(--purple-1));
  border: 1px solid transparent;
}
.moda-tag-checked.moda-tag-purple .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgb(var(--purple-2));
}
.moda-tag-checkable.moda-tag-checked.moda-tag-purple:hover {
  background-color: rgb(var(--purple-2));
  border-color: transparent;
}
.moda-tag-checked.moda-tag-purple.moda-tag-bordered,
.moda-tag-checked.moda-tag-purple.moda-tag-bordered:hover {
  border-color: rgb(var(--purple-6));
}
.moda-tag-checked.moda-tag-purple .moda-tag-close-icon,
.moda-tag-checked.moda-tag-purple .moda-tag-icon,
.moda-tag-checked.moda-tag-purple .moda-tag-loading-icon {
  color: rgb(var(--purple-6));
}
.moda-tag-disabled.moda-tag-purple {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-4);
}
.moda-tag-disabled.moda-tag-purple .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-purple {
  border-color: rgb(var(--purple-6));
}
.moda-tag-plain.moda-tag-purple.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-purple.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-dark.moda-tag-purple {
  background-color: rgb(var(--purple-6));
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-purple .moda-tag-icon {
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-purple .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.moda-tag-dark.moda-tag-purple.moda-tag-disabled {
  background-color: var(--color-neutral-4);
}
.moda-tag-text.moda-tag-purple {
  background-color: var(--color-white);
}
.moda-tag-icon-purple > .moda-tag-icon {
  color: rgb(var(--purple-6)) !important;
}
.moda-tag-checked.moda-tag-pinkpurple {
  color: rgb(var(--pinkpurple-6));
  background-color: rgb(var(--pinkpurple-1));
  border: 1px solid transparent;
}
.moda-tag-checked.moda-tag-pinkpurple .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgb(var(--pinkpurple-2));
}
.moda-tag-checkable.moda-tag-checked.moda-tag-pinkpurple:hover {
  background-color: rgb(var(--pinkpurple-2));
  border-color: transparent;
}
.moda-tag-checked.moda-tag-pinkpurple.moda-tag-bordered,
.moda-tag-checked.moda-tag-pinkpurple.moda-tag-bordered:hover {
  border-color: rgb(var(--pinkpurple-6));
}
.moda-tag-checked.moda-tag-pinkpurple .moda-tag-close-icon,
.moda-tag-checked.moda-tag-pinkpurple .moda-tag-icon,
.moda-tag-checked.moda-tag-pinkpurple .moda-tag-loading-icon {
  color: rgb(var(--pinkpurple-6));
}
.moda-tag-disabled.moda-tag-pinkpurple {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-4);
}
.moda-tag-disabled.moda-tag-pinkpurple .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-pinkpurple {
  border-color: rgb(var(--pinkpurple-6));
}
.moda-tag-plain.moda-tag-pinkpurple.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-pinkpurple.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-dark.moda-tag-pinkpurple {
  background-color: rgb(var(--pinkpurple-6));
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-pinkpurple .moda-tag-icon {
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-pinkpurple .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.moda-tag-dark.moda-tag-pinkpurple.moda-tag-disabled {
  background-color: var(--color-neutral-4);
}
.moda-tag-text.moda-tag-pinkpurple {
  background-color: var(--color-white);
}
.moda-tag-icon-pinkpurple > .moda-tag-icon {
  color: rgb(var(--pinkpurple-6)) !important;
}
.moda-tag-checked.moda-tag-magenta {
  color: rgb(var(--magenta-6));
  background-color: rgb(var(--magenta-1));
  border: 1px solid transparent;
}
.moda-tag-checked.moda-tag-magenta .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgb(var(--magenta-2));
}
.moda-tag-checkable.moda-tag-checked.moda-tag-magenta:hover {
  background-color: rgb(var(--magenta-2));
  border-color: transparent;
}
.moda-tag-checked.moda-tag-magenta.moda-tag-bordered,
.moda-tag-checked.moda-tag-magenta.moda-tag-bordered:hover {
  border-color: rgb(var(--magenta-6));
}
.moda-tag-checked.moda-tag-magenta .moda-tag-close-icon,
.moda-tag-checked.moda-tag-magenta .moda-tag-icon,
.moda-tag-checked.moda-tag-magenta .moda-tag-loading-icon {
  color: rgb(var(--magenta-6));
}
.moda-tag-disabled.moda-tag-magenta {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-4);
}
.moda-tag-disabled.moda-tag-magenta .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-magenta {
  border-color: rgb(var(--magenta-6));
}
.moda-tag-plain.moda-tag-magenta.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-magenta.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-dark.moda-tag-magenta {
  background-color: rgb(var(--magenta-6));
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-magenta .moda-tag-icon {
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-magenta .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.moda-tag-dark.moda-tag-magenta.moda-tag-disabled {
  background-color: var(--color-neutral-4);
}
.moda-tag-text.moda-tag-magenta {
  background-color: var(--color-white);
}
.moda-tag-icon-magenta > .moda-tag-icon {
  color: rgb(var(--magenta-6)) !important;
}
.moda-tag-checked.moda-tag-gray {
  color: rgb(var(--gray-6));
  background-color: rgb(var(--gray-2));
  border: 1px solid transparent;
}
.moda-tag-checked.moda-tag-gray .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgb(var(--gray-3));
}
.moda-tag-checkable.moda-tag-checked.moda-tag-gray:hover {
  background-color: rgb(var(--gray-3));
  border-color: transparent;
}
.moda-tag-checked.moda-tag-gray.moda-tag-bordered,
.moda-tag-checked.moda-tag-gray.moda-tag-bordered:hover {
  border-color: rgb(var(--gray-6));
}
.moda-tag-checked.moda-tag-gray .moda-tag-close-icon,
.moda-tag-checked.moda-tag-gray .moda-tag-icon,
.moda-tag-checked.moda-tag-gray .moda-tag-loading-icon {
  color: rgb(var(--gray-6));
}
.moda-tag-disabled.moda-tag-gray {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-4);
}
.moda-tag-disabled.moda-tag-gray .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-gray {
  border-color: rgb(var(--gray-6));
}
.moda-tag-plain.moda-tag-gray.moda-tag-disabled {
  background-color: var(--color-neutral-2);
  border-color: var(--color-neutral-3);
  color: var(--color-neutral-4);
}
.moda-tag-plain.moda-tag-gray.moda-tag-disabled .moda-tag-icon {
  color: var(--color-neutral-4);
}
.moda-tag-dark.moda-tag-gray {
  background-color: rgb(var(--gray-6));
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-gray .moda-tag-icon {
  color: var(--color-white);
}
.moda-tag-dark.moda-tag-gray .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.moda-tag-dark.moda-tag-gray.moda-tag-disabled {
  background-color: var(--color-neutral-4);
}
.moda-tag-text.moda-tag-gray {
  background-color: var(--color-white);
}
.moda-tag-icon-gray > .moda-tag-icon {
  color: rgb(var(--gray-6)) !important;
}
.moda-tag-custom-color {
  color: var(--color-white);
}
.moda-tag-custom-color .arco-icon-hover.moda-tag-icon-hover:hover::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.moda-tag .moda-tag-close-btn {
  font-size: 12px;
  margin-left: 4px;
}
.moda-tag .moda-tag-close-btn > svg {
  position: relative;
}
.moda-tag-loading-icon {
  font-size: 12px;
  margin-left: 4px;
}
.moda-tag-dark.moda-tag-text-color .moda-tag-icon svg {
  color: var(--color-white) !important;
}

.arco-tag.tag-dark.red {
  background: red !important;
  border-color: red !important;
}
.arco-tag.tag-dark.orangered {
  background: orangered !important;
  border-color: orangered !important;
}
.arco-tag.tag-dark.orange {
  background: orange !important;
  border-color: orange !important;
}
.arco-tag.tag-dark.gold {
  background: gold !important;
  border-color: gold !important;
}
.arco-tag.tag-dark.lime {
  background: lime !important;
  border-color: lime !important;
}
.arco-tag.tag-dark.green {
  background: green !important;
  border-color: green !important;
}
.arco-tag.tag-dark.cyan {
  background: cyan !important;
  border-color: cyan !important;
}
.arco-tag.tag-dark.blue {
  background: blue !important;
  border-color: blue !important;
}
.arco-tag.tag-dark.arcoblue {
  background: #2f54eb !important;
  border-color: #2f54eb !important;
}
.arco-tag.tag-dark.purple {
  background: purple !important;
  border-color: purple !important;
}
.arco-tag.tag-dark.pink {
  background: pink !important;
  border-color: pink !important;
}
.arco-tag.tag-dark.pinkpurple {
  background: #eb2f96 !important;
  border-color: #eb2f96 !important;
}
.arco-tag.tag-dark.gray {
  background: #86909c !important;
  border-color: #86909c !important;
}

.arco-typography.modo-widget {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}

/*arco-timeline*/
.arco-timeline.timeline-dot-size-small > .arco-timeline-item .arco-timeline-item-dot {
  width: 12px;
  height: 12px;
}
.arco-timeline.timeline-dot-size-small > .arco-timeline-item .arco-timeline-item-content {
  font-size: 12px;
}
.arco-timeline.timeline-dot-size-default > .arco-timeline-item .arco-timeline-item-dot {
  width: 14px;
  height: 14px;
}
.arco-timeline.timeline-dot-size-default > .arco-timeline-item .arco-timeline-item-content {
  font-size: 14px;
}
.arco-timeline.timeline-dot-size-medium > .arco-timeline-item .arco-timeline-item-dot {
  width: 16px;
  height: 16px;
}
.arco-timeline.timeline-dot-size-medium > .arco-timeline-item .arco-timeline-item-content {
  font-size: 16px;
}

.arco-transfer.m-transfer {
  width: 100%;
}
.arco-transfer.m-transfer .arco-transfer-view {
  width: calc(50% - 16px) !important;
}
.arco-transfer.m-transfer .arco-transfer-view .arco-transfer-view-custom-list {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0 12px 12px;
  margin-top: 4px;
  overflow: auto;
}
.arco-transfer.m-transfer .arco-transfer-view .arco-transfer-view-custom-list::-webkit-scrollbar {
  width: 8px;
}
.arco-transfer.m-transfer .arco-transfer-view .arco-transfer-view-custom-list::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: rgba(204, 204, 204, 0.8);
}
.arco-transfer.m-transfer .arco-transfer-operations {
  padding: 0 14px;
}

.tree-drop-menu .arco-dropdown-menu-item {
  line-height: 30px;
  min-width: 64px;
}
.modo-tree {
  display: inline-block;
}
.tree-node-highlight-text {
  color: var(--color-primary-light-4);
}

.modo-view {
  overflow: auto;
  -webkit-tap-highlight-color: transparent !important;
  tap-highlight-color: transparent !important;
}
.ie .modo-table {
  width: 100%;
}
.ie .modo-table .arco-table .arco-table-body {
  width: calc(100% - 8px);
  overflow: scroll;
}
.ie .modo-table .arco-table .arco-table-header {
  width: calc(100% - 8px);
  overflow-y: hidden !important;
  outline: 1px solid transparent;
}

.mobile-audio {
  /* Custom styles for the input range */
  /* Custom styles for the input range thumb */
}
.mobile-audio .input-range {
  height: 4px;
  margin: 10px 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #ddd;
  border-radius: 5px;
  vertical-align: middle;
}
.mobile-audio .input-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background-color: transparent;
  /* Adjust the color as needed */
  cursor: pointer;
}
.mobile-audio .input-range::-moz-range-thumb {
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background-color: transparent;
  /* Adjust the color as needed */
  cursor: pointer;
}
.mobile-audio .input-range.progress {
  background-color: #007bff;
  /* Progress color */
}
.mobile-audio .input-range.thumb-progress::-webkit-slider-thumb {
  background-color: #007bff;
  /* Thumb color when progress */
}
.mobile-audio .input-range.thumb-progress::-moz-range-thumb {
  background-color: #007bff;
  /* Thumb color when progress */
}
.mobile-audio .arco-btn-size-default {
  font-size: 12px;
}

.ArcoMobile.mobile-upload .arco-upload {
  width: 100%;
}
.ArcoMobile.mobile-upload .arco-upload > .arco-upload-trigger > div {
  width: 100%;
}
.ArcoMobile.mobile-upload .mobile-upload-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ArcoMobile.mobile-upload .mobile-upload-content .mobile-upload-content-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ArcoMobile.mobile-upload .mobile-upload-content .mobile-upload-content-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 54px;
  padding-left: 2px;
}
.ArcoMobile.mobile-upload .arco-upload-list .arco-upload-list-item {
  padding: 8px 22px 8px 0px;
}
.ArcoMobile.mobile-upload .arco-upload-list .arco-upload-list-item .arco-upload-list-item-text .arco-upload-list-item-text-content .arco-upload-list-item-text-name {
  font-size: 18px;
}
.ArcoMobile.mobile-upload .arco-upload-list .arco-upload-list-item .arco-upload-list-item-text .arco-upload-list-item-text-content .arco-upload-list-item-text-name .arco-upload-list-file-icon {
  font-size: 20px;
}
.ArcoMobile.mobile-upload .arco-upload-list .arco-upload-list-item .arco-upload-list-item-text .arco-upload-list-item-text-content .arco-upload-list-status .arco-progress {
  font-size: 20px;
}
.ArcoMobile.mobile-upload .arco-upload-list .arco-upload-list-item .arco-upload-list-item-text .arco-upload-list-item-text-content .arco-upload-list-status .arco-progress .arco-progress-circle-wrapper {
  width: 20px;
  height: 20px;
}
.ArcoMobile.mobile-upload .arco-upload-list .arco-upload-list-item .arco-upload-list-item-operation {
  font-size: 20px;
}
.ArcoMobile.arco-form .arco-form-item-control-wrapper .mobile-upload .mobile-upload-content .mobile-upload-content-button {
  height: 22px;
}

.steps-custom-align .arco-steps-item.horizontal {
  margin: 0px;
  width: 150px;
}
.steps-custom-align .arco-steps-item-custom-icon {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.steps-custom-align .horizontal .arco-steps-item-tail {
  width: 200% !important;
  height: 0PX !important;
}

.modo-widget {
  position: relative;
}
.modo-widget.modo-widget-hidden {
  display: none!important;
}
.modo-renderer {
  width: 100%;
  height: 100%;
  background: #fff;
}
.modo-designer-view-panel {
  width: 100%;
  height: 100%;
}
.modo-widget-editor-oper-group {
  position: absolute;
  background: var(--color-primary-4);
  top: -18px;
  right: 0;
  padding: 0 5px;
  color: var(--color-white);
  z-index: 11;
  white-space: nowrap;
}
.modo-widget-editor-oper-group .moda-icon {
  margin-right: 2px;
}
.modo-widget-editor-oper-group .moda-icon:last-child {
  margin-right: 0;
}
.modo-widget-editor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 1px;
  cursor: pointer;
}
.modo-widget-editor .modo-widget-editor-title {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--color-gray-3);
  color: var(--color-white);
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  padding: 0 5px;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  white-space: pre;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  z-index: 1000;
  display: none;
}
.modo-widget-editor > .modo-widget-editor-oper-group {
  top: 0;
}
.modo-widget-editor:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 0;
}
.view-modal .arco-modal-content {
  padding: 0;
}
.arco-modal-wrapper.headless .arco-modal .arco-modal-header {
  display: none;
}
.view-drawer .arco-drawer-content {
  padding: 0;
}
.arco-drawer-wrapper.headless .arco-drawer .arco-drawer-header {
  display: none;
}
.modo-widget-loop {
  position: relative;
}
.modo-widget-loading > .arco-spin,
.modo-widget-loop > .arco-spin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.modo-widget-loading > .arco-spin:after,
.modo-widget-loop > .arco-spin:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 1;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  pointer-events: none;
  z-index: 999;
}
.modo-widget-loading > .arco-spin .arco-spin-icon,
.modo-widget-loop > .arco-spin .arco-spin-icon {
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  position: absolute;
  z-index: 1000;
}
.modo-widget-loading > .arco-spin.arco-spin-with-tip .arco-spin-icon,
.modo-widget-loop > .arco-spin.arco-spin-with-tip .arco-spin-icon {
  top: calc(50% - 18px);
}
.modo-widget-loading > .arco-spin.arco-spin-with-tip .arco-spin-tip,
.modo-widget-loop > .arco-spin.arco-spin-with-tip .arco-spin-tip {
  position: absolute;
  top: calc(50% + 6px);
  left: calc(50%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1000;
}
.modo-widget-loading .pagination-container,
.modo-widget-loop .pagination-container {
  padding: 10px 0;
}

/*
* Remix Icon v4.7.0
* https://remixicon.com
* https://github.com/Remix-Design/RemixIcon
*
* Copyright RemixIcon.com
* Released under the Apache License Version 2.0
*
* Date: 2025-10-10
*/
@font-face {
  font-family: "remixicon";
  src: url(//cdn.vortex.zj.chinamobile.com/aiesopc_zqesop_web/1.0.38/773561f8a87b86aac767.eot?t=1760071648894); /* IE9*/
  src: url(//cdn.vortex.zj.chinamobile.com/aiesopc_zqesop_web/1.0.38/773561f8a87b86aac767.eot?t=1760071648894#iefix) format('embedded-opentype'), /* IE6-IE8 */
  url(//cdn.vortex.zj.chinamobile.com/aiesopc_zqesop_web/1.0.38/355fe0cc6223710470f5.woff2?t=1760071648894) format("woff2"),
  url(//cdn.vortex.zj.chinamobile.com/aiesopc_zqesop_web/1.0.38/8cc767bead4b7f46238d.woff?t=1760071648894) format("woff"),
  url(//cdn.vortex.zj.chinamobile.com/aiesopc_zqesop_web/1.0.38/18428f6017b7c1840c7c.ttf?t=1760071648894) format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url(//cdn.vortex.zj.chinamobile.com/aiesopc_zqesop_web/1.0.38/41a57134fda3e649a782.svg?t=1760071648894#remixicon) format('svg'); /* iOS 4.1- */
  font-display: swap;
}

[class^="ri-"], [class*=" ri-"] {
  font-family: 'remixicon' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; }
.ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; }
.ri-xxs { font-size: .5em; }
.ri-xs { font-size: .75em; }
.ri-sm { font-size: .875em }
.ri-1x { font-size: 1em; }
.ri-2x { font-size: 2em; }
.ri-3x { font-size: 3em; }
.ri-4x { font-size: 4em; }
.ri-5x { font-size: 5em; }
.ri-6x { font-size: 6em; }
.ri-7x { font-size: 7em; }
.ri-8x { font-size: 8em; }
.ri-9x { font-size: 9em; }
.ri-10x { font-size: 10em; }
.ri-fw { text-align: center; width: 1.25em; }

.ri-24-hours-fill:before { content: "\ea01"; }
.ri-24-hours-line:before { content: "\ea02"; }
.ri-4k-fill:before { content: "\ea03"; }
.ri-4k-line:before { content: "\ea04"; }
.ri-a-b:before { content: "\ea05"; }
.ri-account-box-fill:before { content: "\ea06"; }
.ri-account-box-line:before { content: "\ea07"; }
.ri-account-circle-fill:before { content: "\ea08"; }
.ri-account-circle-line:before { content: "\ea09"; }
.ri-account-pin-box-fill:before { content: "\ea0a"; }
.ri-account-pin-box-line:before { content: "\ea0b"; }
.ri-account-pin-circle-fill:before { content: "\ea0c"; }
.ri-account-pin-circle-line:before { content: "\ea0d"; }
.ri-add-box-fill:before { content: "\ea0e"; }
.ri-add-box-line:before { content: "\ea0f"; }
.ri-add-circle-fill:before { content: "\ea10"; }
.ri-add-circle-line:before { content: "\ea11"; }
.ri-add-fill:before { content: "\ea12"; }
.ri-add-line:before { content: "\ea13"; }
.ri-admin-fill:before { content: "\ea14"; }
.ri-admin-line:before { content: "\ea15"; }
.ri-advertisement-fill:before { content: "\ea16"; }
.ri-advertisement-line:before { content: "\ea17"; }
.ri-airplay-fill:before { content: "\ea18"; }
.ri-airplay-line:before { content: "\ea19"; }
.ri-alarm-fill:before { content: "\ea1a"; }
.ri-alarm-line:before { content: "\ea1b"; }
.ri-alarm-warning-fill:before { content: "\ea1c"; }
.ri-alarm-warning-line:before { content: "\ea1d"; }
.ri-album-fill:before { content: "\ea1e"; }
.ri-album-line:before { content: "\ea1f"; }
.ri-alert-fill:before { content: "\ea20"; }
.ri-alert-line:before { content: "\ea21"; }
.ri-aliens-fill:before { content: "\ea22"; }
.ri-aliens-line:before { content: "\ea23"; }
.ri-align-bottom:before { content: "\ea24"; }
.ri-align-center:before { content: "\ea25"; }
.ri-align-justify:before { content: "\ea26"; }
.ri-align-left:before { content: "\ea27"; }
.ri-align-right:before { content: "\ea28"; }
.ri-align-top:before { content: "\ea29"; }
.ri-align-vertically:before { content: "\ea2a"; }
.ri-alipay-fill:before { content: "\ea2b"; }
.ri-alipay-line:before { content: "\ea2c"; }
.ri-amazon-fill:before { content: "\ea2d"; }
.ri-amazon-line:before { content: "\ea2e"; }
.ri-anchor-fill:before { content: "\ea2f"; }
.ri-anchor-line:before { content: "\ea30"; }
.ri-ancient-gate-fill:before { content: "\ea31"; }
.ri-ancient-gate-line:before { content: "\ea32"; }
.ri-ancient-pavilion-fill:before { content: "\ea33"; }
.ri-ancient-pavilion-line:before { content: "\ea34"; }
.ri-android-fill:before { content: "\ea35"; }
.ri-android-line:before { content: "\ea36"; }
.ri-angularjs-fill:before { content: "\ea37"; }
.ri-angularjs-line:before { content: "\ea38"; }
.ri-anticlockwise-2-fill:before { content: "\ea39"; }
.ri-anticlockwise-2-line:before { content: "\ea3a"; }
.ri-anticlockwise-fill:before { content: "\ea3b"; }
.ri-anticlockwise-line:before { content: "\ea3c"; }
.ri-app-store-fill:before { content: "\ea3d"; }
.ri-app-store-line:before { content: "\ea3e"; }
.ri-apple-fill:before { content: "\ea3f"; }
.ri-apple-line:before { content: "\ea40"; }
.ri-apps-2-fill:before { content: "\ea41"; }
.ri-apps-2-line:before { content: "\ea42"; }
.ri-apps-fill:before { content: "\ea43"; }
.ri-apps-line:before { content: "\ea44"; }
.ri-archive-drawer-fill:before { content: "\ea45"; }
.ri-archive-drawer-line:before { content: "\ea46"; }
.ri-archive-fill:before { content: "\ea47"; }
.ri-archive-line:before { content: "\ea48"; }
.ri-arrow-down-circle-fill:before { content: "\ea49"; }
.ri-arrow-down-circle-line:before { content: "\ea4a"; }
.ri-arrow-down-fill:before { content: "\ea4b"; }
.ri-arrow-down-line:before { content: "\ea4c"; }
.ri-arrow-down-s-fill:before { content: "\ea4d"; }
.ri-arrow-down-s-line:before { content: "\ea4e"; }
.ri-arrow-drop-down-fill:before { content: "\ea4f"; }
.ri-arrow-drop-down-line:before { content: "\ea50"; }
.ri-arrow-drop-left-fill:before { content: "\ea51"; }
.ri-arrow-drop-left-line:before { content: "\ea52"; }
.ri-arrow-drop-right-fill:before { content: "\ea53"; }
.ri-arrow-drop-right-line:before { content: "\ea54"; }
.ri-arrow-drop-up-fill:before { content: "\ea55"; }
.ri-arrow-drop-up-line:before { content: "\ea56"; }
.ri-arrow-go-back-fill:before { content: "\ea57"; }
.ri-arrow-go-back-line:before { content: "\ea58"; }
.ri-arrow-go-forward-fill:before { content: "\ea59"; }
.ri-arrow-go-forward-line:before { content: "\ea5a"; }
.ri-arrow-left-circle-fill:before { content: "\ea5b"; }
.ri-arrow-left-circle-line:before { content: "\ea5c"; }
.ri-arrow-left-down-fill:before { content: "\ea5d"; }
.ri-arrow-left-down-line:before { content: "\ea5e"; }
.ri-arrow-left-fill:before { content: "\ea5f"; }
.ri-arrow-left-line:before { content: "\ea60"; }
.ri-arrow-left-right-fill:before { content: "\ea61"; }
.ri-arrow-left-right-line:before { content: "\ea62"; }
.ri-arrow-left-s-fill:before { content: "\ea63"; }
.ri-arrow-left-s-line:before { content: "\ea64"; }
.ri-arrow-left-up-fill:before { content: "\ea65"; }
.ri-arrow-left-up-line:before { content: "\ea66"; }
.ri-arrow-right-circle-fill:before { content: "\ea67"; }
.ri-arrow-right-circle-line:before { content: "\ea68"; }
.ri-arrow-right-down-fill:before { content: "\ea69"; }
.ri-arrow-right-down-line:before { content: "\ea6a"; }
.ri-arrow-right-fill:before { content: "\ea6b"; }
.ri-arrow-right-line:before { content: "\ea6c"; }
.ri-arrow-right-s-fill:before { content: "\ea6d"; }
.ri-arrow-right-s-line:before { content: "\ea6e"; }
.ri-arrow-right-up-fill:before { content: "\ea6f"; }
.ri-arrow-right-up-line:before { content: "\ea70"; }
.ri-arrow-up-circle-fill:before { content: "\ea71"; }
.ri-arrow-up-circle-line:before { content: "\ea72"; }
.ri-arrow-up-down-fill:before { content: "\ea73"; }
.ri-arrow-up-down-line:before { content: "\ea74"; }
.ri-arrow-up-fill:before { content: "\ea75"; }
.ri-arrow-up-line:before { content: "\ea76"; }
.ri-arrow-up-s-fill:before { content: "\ea77"; }
.ri-arrow-up-s-line:before { content: "\ea78"; }
.ri-artboard-2-fill:before { content: "\ea79"; }
.ri-artboard-2-line:before { content: "\ea7a"; }
.ri-artboard-fill:before { content: "\ea7b"; }
.ri-artboard-line:before { content: "\ea7c"; }
.ri-article-fill:before { content: "\ea7d"; }
.ri-article-line:before { content: "\ea7e"; }
.ri-aspect-ratio-fill:before { content: "\ea7f"; }
.ri-aspect-ratio-line:before { content: "\ea80"; }
.ri-asterisk:before { content: "\ea81"; }
.ri-at-fill:before { content: "\ea82"; }
.ri-at-line:before { content: "\ea83"; }
.ri-attachment-2:before { content: "\ea84"; }
.ri-attachment-fill:before { content: "\ea85"; }
.ri-attachment-line:before { content: "\ea86"; }
.ri-auction-fill:before { content: "\ea87"; }
.ri-auction-line:before { content: "\ea88"; }
.ri-award-fill:before { content: "\ea89"; }
.ri-award-line:before { content: "\ea8a"; }
.ri-baidu-fill:before { content: "\ea8b"; }
.ri-baidu-line:before { content: "\ea8c"; }
.ri-ball-pen-fill:before { content: "\ea8d"; }
.ri-ball-pen-line:before { content: "\ea8e"; }
.ri-bank-card-2-fill:before { content: "\ea8f"; }
.ri-bank-card-2-line:before { content: "\ea90"; }
.ri-bank-card-fill:before { content: "\ea91"; }
.ri-bank-card-line:before { content: "\ea92"; }
.ri-bank-fill:before { content: "\ea93"; }
.ri-bank-line:before { content: "\ea94"; }
.ri-bar-chart-2-fill:before { content: "\ea95"; }
.ri-bar-chart-2-line:before { content: "\ea96"; }
.ri-bar-chart-box-fill:before { content: "\ea97"; }
.ri-bar-chart-box-line:before { content: "\ea98"; }
.ri-bar-chart-fill:before { content: "\ea99"; }
.ri-bar-chart-grouped-fill:before { content: "\ea9a"; }
.ri-bar-chart-grouped-line:before { content: "\ea9b"; }
.ri-bar-chart-horizontal-fill:before { content: "\ea9c"; }
.ri-bar-chart-horizontal-line:before { content: "\ea9d"; }
.ri-bar-chart-line:before { content: "\ea9e"; }
.ri-barcode-box-fill:before { content: "\ea9f"; }
.ri-barcode-box-line:before { content: "\eaa0"; }
.ri-barcode-fill:before { content: "\eaa1"; }
.ri-barcode-line:before { content: "\eaa2"; }
.ri-barricade-fill:before { content: "\eaa3"; }
.ri-barricade-line:before { content: "\eaa4"; }
.ri-base-station-fill:before { content: "\eaa5"; }
.ri-base-station-line:before { content: "\eaa6"; }
.ri-basketball-fill:before { content: "\eaa7"; }
.ri-basketball-line:before { content: "\eaa8"; }
.ri-battery-2-charge-fill:before { content: "\eaa9"; }
.ri-battery-2-charge-line:before { content: "\eaaa"; }
.ri-battery-2-fill:before { content: "\eaab"; }
.ri-battery-2-line:before { content: "\eaac"; }
.ri-battery-charge-fill:before { content: "\eaad"; }
.ri-battery-charge-line:before { content: "\eaae"; }
.ri-battery-fill:before { content: "\eaaf"; }
.ri-battery-line:before { content: "\eab0"; }
.ri-battery-low-fill:before { content: "\eab1"; }
.ri-battery-low-line:before { content: "\eab2"; }
.ri-battery-saver-fill:before { content: "\eab3"; }
.ri-battery-saver-line:before { content: "\eab4"; }
.ri-battery-share-fill:before { content: "\eab5"; }
.ri-battery-share-line:before { content: "\eab6"; }
.ri-bear-smile-fill:before { content: "\eab7"; }
.ri-bear-smile-line:before { content: "\eab8"; }
.ri-behance-fill:before { content: "\eab9"; }
.ri-behance-line:before { content: "\eaba"; }
.ri-bell-fill:before { content: "\eabb"; }
.ri-bell-line:before { content: "\eabc"; }
.ri-bike-fill:before { content: "\eabd"; }
.ri-bike-line:before { content: "\eabe"; }
.ri-bilibili-fill:before { content: "\eabf"; }
.ri-bilibili-line:before { content: "\eac0"; }
.ri-bill-fill:before { content: "\eac1"; }
.ri-bill-line:before { content: "\eac2"; }
.ri-billiards-fill:before { content: "\eac3"; }
.ri-billiards-line:before { content: "\eac4"; }
.ri-bit-coin-fill:before { content: "\eac5"; }
.ri-bit-coin-line:before { content: "\eac6"; }
.ri-blaze-fill:before { content: "\eac7"; }
.ri-blaze-line:before { content: "\eac8"; }
.ri-bluetooth-connect-fill:before { content: "\eac9"; }
.ri-bluetooth-connect-line:before { content: "\eaca"; }
.ri-bluetooth-fill:before { content: "\eacb"; }
.ri-bluetooth-line:before { content: "\eacc"; }
.ri-blur-off-fill:before { content: "\eacd"; }
.ri-blur-off-line:before { content: "\eace"; }
.ri-body-scan-fill:before { content: "\eacf"; }
.ri-body-scan-line:before { content: "\ead0"; }
.ri-bold:before { content: "\ead1"; }
.ri-book-2-fill:before { content: "\ead2"; }
.ri-book-2-line:before { content: "\ead3"; }
.ri-book-3-fill:before { content: "\ead4"; }
.ri-book-3-line:before { content: "\ead5"; }
.ri-book-fill:before { content: "\ead6"; }
.ri-book-line:before { content: "\ead7"; }
.ri-book-marked-fill:before { content: "\ead8"; }
.ri-book-marked-line:before { content: "\ead9"; }
.ri-book-open-fill:before { content: "\eada"; }
.ri-book-open-line:before { content: "\eadb"; }
.ri-book-read-fill:before { content: "\eadc"; }
.ri-book-read-line:before { content: "\eadd"; }
.ri-booklet-fill:before { content: "\eade"; }
.ri-booklet-line:before { content: "\eadf"; }
.ri-bookmark-2-fill:before { content: "\eae0"; }
.ri-bookmark-2-line:before { content: "\eae1"; }
.ri-bookmark-3-fill:before { content: "\eae2"; }
.ri-bookmark-3-line:before { content: "\eae3"; }
.ri-bookmark-fill:before { content: "\eae4"; }
.ri-bookmark-line:before { content: "\eae5"; }
.ri-boxing-fill:before { content: "\eae6"; }
.ri-boxing-line:before { content: "\eae7"; }
.ri-braces-fill:before { content: "\eae8"; }
.ri-braces-line:before { content: "\eae9"; }
.ri-brackets-fill:before { content: "\eaea"; }
.ri-brackets-line:before { content: "\eaeb"; }
.ri-briefcase-2-fill:before { content: "\eaec"; }
.ri-briefcase-2-line:before { content: "\eaed"; }
.ri-briefcase-3-fill:before { content: "\eaee"; }
.ri-briefcase-3-line:before { content: "\eaef"; }
.ri-briefcase-4-fill:before { content: "\eaf0"; }
.ri-briefcase-4-line:before { content: "\eaf1"; }
.ri-briefcase-5-fill:before { content: "\eaf2"; }
.ri-briefcase-5-line:before { content: "\eaf3"; }
.ri-briefcase-fill:before { content: "\eaf4"; }
.ri-briefcase-line:before { content: "\eaf5"; }
.ri-bring-forward:before { content: "\eaf6"; }
.ri-bring-to-front:before { content: "\eaf7"; }
.ri-broadcast-fill:before { content: "\eaf8"; }
.ri-broadcast-line:before { content: "\eaf9"; }
.ri-brush-2-fill:before { content: "\eafa"; }
.ri-brush-2-line:before { content: "\eafb"; }
.ri-brush-3-fill:before { content: "\eafc"; }
.ri-brush-3-line:before { content: "\eafd"; }
.ri-brush-4-fill:before { content: "\eafe"; }
.ri-brush-4-line:before { content: "\eaff"; }
.ri-brush-fill:before { content: "\eb00"; }
.ri-brush-line:before { content: "\eb01"; }
.ri-bubble-chart-fill:before { content: "\eb02"; }
.ri-bubble-chart-line:before { content: "\eb03"; }
.ri-bug-2-fill:before { content: "\eb04"; }
.ri-bug-2-line:before { content: "\eb05"; }
.ri-bug-fill:before { content: "\eb06"; }
.ri-bug-line:before { content: "\eb07"; }
.ri-building-2-fill:before { content: "\eb08"; }
.ri-building-2-line:before { content: "\eb09"; }
.ri-building-3-fill:before { content: "\eb0a"; }
.ri-building-3-line:before { content: "\eb0b"; }
.ri-building-4-fill:before { content: "\eb0c"; }
.ri-building-4-line:before { content: "\eb0d"; }
.ri-building-fill:before { content: "\eb0e"; }
.ri-building-line:before { content: "\eb0f"; }
.ri-bus-2-fill:before { content: "\eb10"; }
.ri-bus-2-line:before { content: "\eb11"; }
.ri-bus-fill:before { content: "\eb12"; }
.ri-bus-line:before { content: "\eb13"; }
.ri-bus-wifi-fill:before { content: "\eb14"; }
.ri-bus-wifi-line:before { content: "\eb15"; }
.ri-cactus-fill:before { content: "\eb16"; }
.ri-cactus-line:before { content: "\eb17"; }
.ri-cake-2-fill:before { content: "\eb18"; }
.ri-cake-2-line:before { content: "\eb19"; }
.ri-cake-3-fill:before { content: "\eb1a"; }
.ri-cake-3-line:before { content: "\eb1b"; }
.ri-cake-fill:before { content: "\eb1c"; }
.ri-cake-line:before { content: "\eb1d"; }
.ri-calculator-fill:before { content: "\eb1e"; }
.ri-calculator-line:before { content: "\eb1f"; }
.ri-calendar-2-fill:before { content: "\eb20"; }
.ri-calendar-2-line:before { content: "\eb21"; }
.ri-calendar-check-fill:before { content: "\eb22"; }
.ri-calendar-check-line:before { content: "\eb23"; }
.ri-calendar-event-fill:before { content: "\eb24"; }
.ri-calendar-event-line:before { content: "\eb25"; }
.ri-calendar-fill:before { content: "\eb26"; }
.ri-calendar-line:before { content: "\eb27"; }
.ri-calendar-todo-fill:before { content: "\eb28"; }
.ri-calendar-todo-line:before { content: "\eb29"; }
.ri-camera-2-fill:before { content: "\eb2a"; }
.ri-camera-2-line:before { content: "\eb2b"; }
.ri-camera-3-fill:before { content: "\eb2c"; }
.ri-camera-3-line:before { content: "\eb2d"; }
.ri-camera-fill:before { content: "\eb2e"; }
.ri-camera-lens-fill:before { content: "\eb2f"; }
.ri-camera-lens-line:before { content: "\eb30"; }
.ri-camera-line:before { content: "\eb31"; }
.ri-camera-off-fill:before { content: "\eb32"; }
.ri-camera-off-line:before { content: "\eb33"; }
.ri-camera-switch-fill:before { content: "\eb34"; }
.ri-camera-switch-line:before { content: "\eb35"; }
.ri-capsule-fill:before { content: "\eb36"; }
.ri-capsule-line:before { content: "\eb37"; }
.ri-car-fill:before { content: "\eb38"; }
.ri-car-line:before { content: "\eb39"; }
.ri-car-washing-fill:before { content: "\eb3a"; }
.ri-car-washing-line:before { content: "\eb3b"; }
.ri-caravan-fill:before { content: "\eb3c"; }
.ri-caravan-line:before { content: "\eb3d"; }
.ri-cast-fill:before { content: "\eb3e"; }
.ri-cast-line:before { content: "\eb3f"; }
.ri-cellphone-fill:before { content: "\eb40"; }
.ri-cellphone-line:before { content: "\eb41"; }
.ri-celsius-fill:before { content: "\eb42"; }
.ri-celsius-line:before { content: "\eb43"; }
.ri-centos-fill:before { content: "\eb44"; }
.ri-centos-line:before { content: "\eb45"; }
.ri-character-recognition-fill:before { content: "\eb46"; }
.ri-character-recognition-line:before { content: "\eb47"; }
.ri-charging-pile-2-fill:before { content: "\eb48"; }
.ri-charging-pile-2-line:before { content: "\eb49"; }
.ri-charging-pile-fill:before { content: "\eb4a"; }
.ri-charging-pile-line:before { content: "\eb4b"; }
.ri-chat-1-fill:before { content: "\eb4c"; }
.ri-chat-1-line:before { content: "\eb4d"; }
.ri-chat-2-fill:before { content: "\eb4e"; }
.ri-chat-2-line:before { content: "\eb4f"; }
.ri-chat-3-fill:before { content: "\eb50"; }
.ri-chat-3-line:before { content: "\eb51"; }
.ri-chat-4-fill:before { content: "\eb52"; }
.ri-chat-4-line:before { content: "\eb53"; }
.ri-chat-check-fill:before { content: "\eb54"; }
.ri-chat-check-line:before { content: "\eb55"; }
.ri-chat-delete-fill:before { content: "\eb56"; }
.ri-chat-delete-line:before { content: "\eb57"; }
.ri-chat-download-fill:before { content: "\eb58"; }
.ri-chat-download-line:before { content: "\eb59"; }
.ri-chat-follow-up-fill:before { content: "\eb5a"; }
.ri-chat-follow-up-line:before { content: "\eb5b"; }
.ri-chat-forward-fill:before { content: "\eb5c"; }
.ri-chat-forward-line:before { content: "\eb5d"; }
.ri-chat-heart-fill:before { content: "\eb5e"; }
.ri-chat-heart-line:before { content: "\eb5f"; }
.ri-chat-history-fill:before { content: "\eb60"; }
.ri-chat-history-line:before { content: "\eb61"; }
.ri-chat-new-fill:before { content: "\eb62"; }
.ri-chat-new-line:before { content: "\eb63"; }
.ri-chat-off-fill:before { content: "\eb64"; }
.ri-chat-off-line:before { content: "\eb65"; }
.ri-chat-poll-fill:before { content: "\eb66"; }
.ri-chat-poll-line:before { content: "\eb67"; }
.ri-chat-private-fill:before { content: "\eb68"; }
.ri-chat-private-line:before { content: "\eb69"; }
.ri-chat-quote-fill:before { content: "\eb6a"; }
.ri-chat-quote-line:before { content: "\eb6b"; }
.ri-chat-settings-fill:before { content: "\eb6c"; }
.ri-chat-settings-line:before { content: "\eb6d"; }
.ri-chat-smile-2-fill:before { content: "\eb6e"; }
.ri-chat-smile-2-line:before { content: "\eb6f"; }
.ri-chat-smile-3-fill:before { content: "\eb70"; }
.ri-chat-smile-3-line:before { content: "\eb71"; }
.ri-chat-smile-fill:before { content: "\eb72"; }
.ri-chat-smile-line:before { content: "\eb73"; }
.ri-chat-upload-fill:before { content: "\eb74"; }
.ri-chat-upload-line:before { content: "\eb75"; }
.ri-chat-voice-fill:before { content: "\eb76"; }
.ri-chat-voice-line:before { content: "\eb77"; }
.ri-check-double-fill:before { content: "\eb78"; }
.ri-check-double-line:before { content: "\eb79"; }
.ri-check-fill:before { content: "\eb7a"; }
.ri-check-line:before { content: "\eb7b"; }
.ri-checkbox-blank-circle-fill:before { content: "\eb7c"; }
.ri-checkbox-blank-circle-line:before { content: "\eb7d"; }
.ri-checkbox-blank-fill:before { content: "\eb7e"; }
.ri-checkbox-blank-line:before { content: "\eb7f"; }
.ri-checkbox-circle-fill:before { content: "\eb80"; }
.ri-checkbox-circle-line:before { content: "\eb81"; }
.ri-checkbox-fill:before { content: "\eb82"; }
.ri-checkbox-indeterminate-fill:before { content: "\eb83"; }
.ri-checkbox-indeterminate-line:before { content: "\eb84"; }
.ri-checkbox-line:before { content: "\eb85"; }
.ri-checkbox-multiple-blank-fill:before { content: "\eb86"; }
.ri-checkbox-multiple-blank-line:before { content: "\eb87"; }
.ri-checkbox-multiple-fill:before { content: "\eb88"; }
.ri-checkbox-multiple-line:before { content: "\eb89"; }
.ri-china-railway-fill:before { content: "\eb8a"; }
.ri-china-railway-line:before { content: "\eb8b"; }
.ri-chrome-fill:before { content: "\eb8c"; }
.ri-chrome-line:before { content: "\eb8d"; }
.ri-clapperboard-fill:before { content: "\eb8e"; }
.ri-clapperboard-line:before { content: "\eb8f"; }
.ri-clipboard-fill:before { content: "\eb90"; }
.ri-clipboard-line:before { content: "\eb91"; }
.ri-clockwise-2-fill:before { content: "\eb92"; }
.ri-clockwise-2-line:before { content: "\eb93"; }
.ri-clockwise-fill:before { content: "\eb94"; }
.ri-clockwise-line:before { content: "\eb95"; }
.ri-close-circle-fill:before { content: "\eb96"; }
.ri-close-circle-line:before { content: "\eb97"; }
.ri-close-fill:before { content: "\eb98"; }
.ri-close-line:before { content: "\eb99"; }
.ri-closed-captioning-fill:before { content: "\eb9a"; }
.ri-closed-captioning-line:before { content: "\eb9b"; }
.ri-cloud-fill:before { content: "\eb9c"; }
.ri-cloud-line:before { content: "\eb9d"; }
.ri-cloud-off-fill:before { content: "\eb9e"; }
.ri-cloud-off-line:before { content: "\eb9f"; }
.ri-cloud-windy-fill:before { content: "\eba0"; }
.ri-cloud-windy-line:before { content: "\eba1"; }
.ri-cloudy-2-fill:before { content: "\eba2"; }
.ri-cloudy-2-line:before { content: "\eba3"; }
.ri-cloudy-fill:before { content: "\eba4"; }
.ri-cloudy-line:before { content: "\eba5"; }
.ri-code-box-fill:before { content: "\eba6"; }
.ri-code-box-line:before { content: "\eba7"; }
.ri-code-fill:before { content: "\eba8"; }
.ri-code-line:before { content: "\eba9"; }
.ri-code-s-fill:before { content: "\ebaa"; }
.ri-code-s-line:before { content: "\ebab"; }
.ri-code-s-slash-fill:before { content: "\ebac"; }
.ri-code-s-slash-line:before { content: "\ebad"; }
.ri-code-view:before { content: "\ebae"; }
.ri-codepen-fill:before { content: "\ebaf"; }
.ri-codepen-line:before { content: "\ebb0"; }
.ri-coin-fill:before { content: "\ebb1"; }
.ri-coin-line:before { content: "\ebb2"; }
.ri-coins-fill:before { content: "\ebb3"; }
.ri-coins-line:before { content: "\ebb4"; }
.ri-collage-fill:before { content: "\ebb5"; }
.ri-collage-line:before { content: "\ebb6"; }
.ri-command-fill:before { content: "\ebb7"; }
.ri-command-line:before { content: "\ebb8"; }
.ri-community-fill:before { content: "\ebb9"; }
.ri-community-line:before { content: "\ebba"; }
.ri-compass-2-fill:before { content: "\ebbb"; }
.ri-compass-2-line:before { content: "\ebbc"; }
.ri-compass-3-fill:before { content: "\ebbd"; }
.ri-compass-3-line:before { content: "\ebbe"; }
.ri-compass-4-fill:before { content: "\ebbf"; }
.ri-compass-4-line:before { content: "\ebc0"; }
.ri-compass-discover-fill:before { content: "\ebc1"; }
.ri-compass-discover-line:before { content: "\ebc2"; }
.ri-compass-fill:before { content: "\ebc3"; }
.ri-compass-line:before { content: "\ebc4"; }
.ri-compasses-2-fill:before { content: "\ebc5"; }
.ri-compasses-2-line:before { content: "\ebc6"; }
.ri-compasses-fill:before { content: "\ebc7"; }
.ri-compasses-line:before { content: "\ebc8"; }
.ri-computer-fill:before { content: "\ebc9"; }
.ri-computer-line:before { content: "\ebca"; }
.ri-contacts-book-2-fill:before { content: "\ebcb"; }
.ri-contacts-book-2-line:before { content: "\ebcc"; }
.ri-contacts-book-fill:before { content: "\ebcd"; }
.ri-contacts-book-line:before { content: "\ebce"; }
.ri-contacts-book-upload-fill:before { content: "\ebcf"; }
.ri-contacts-book-upload-line:before { content: "\ebd0"; }
.ri-contacts-fill:before { content: "\ebd1"; }
.ri-contacts-line:before { content: "\ebd2"; }
.ri-contrast-2-fill:before { content: "\ebd3"; }
.ri-contrast-2-line:before { content: "\ebd4"; }
.ri-contrast-drop-2-fill:before { content: "\ebd5"; }
.ri-contrast-drop-2-line:before { content: "\ebd6"; }
.ri-contrast-drop-fill:before { content: "\ebd7"; }
.ri-contrast-drop-line:before { content: "\ebd8"; }
.ri-contrast-fill:before { content: "\ebd9"; }
.ri-contrast-line:before { content: "\ebda"; }
.ri-copper-coin-fill:before { content: "\ebdb"; }
.ri-copper-coin-line:before { content: "\ebdc"; }
.ri-copper-diamond-fill:before { content: "\ebdd"; }
.ri-copper-diamond-line:before { content: "\ebde"; }
.ri-copyleft-fill:before { content: "\ebdf"; }
.ri-copyleft-line:before { content: "\ebe0"; }
.ri-copyright-fill:before { content: "\ebe1"; }
.ri-copyright-line:before { content: "\ebe2"; }
.ri-coreos-fill:before { content: "\ebe3"; }
.ri-coreos-line:before { content: "\ebe4"; }
.ri-coupon-2-fill:before { content: "\ebe5"; }
.ri-coupon-2-line:before { content: "\ebe6"; }
.ri-coupon-3-fill:before { content: "\ebe7"; }
.ri-coupon-3-line:before { content: "\ebe8"; }
.ri-coupon-4-fill:before { content: "\ebe9"; }
.ri-coupon-4-line:before { content: "\ebea"; }
.ri-coupon-5-fill:before { content: "\ebeb"; }
.ri-coupon-5-line:before { content: "\ebec"; }
.ri-coupon-fill:before { content: "\ebed"; }
.ri-coupon-line:before { content: "\ebee"; }
.ri-cpu-fill:before { content: "\ebef"; }
.ri-cpu-line:before { content: "\ebf0"; }
.ri-creative-commons-by-fill:before { content: "\ebf1"; }
.ri-creative-commons-by-line:before { content: "\ebf2"; }
.ri-creative-commons-fill:before { content: "\ebf3"; }
.ri-creative-commons-line:before { content: "\ebf4"; }
.ri-creative-commons-nc-fill:before { content: "\ebf5"; }
.ri-creative-commons-nc-line:before { content: "\ebf6"; }
.ri-creative-commons-nd-fill:before { content: "\ebf7"; }
.ri-creative-commons-nd-line:before { content: "\ebf8"; }
.ri-creative-commons-sa-fill:before { content: "\ebf9"; }
.ri-creative-commons-sa-line:before { content: "\ebfa"; }
.ri-creative-commons-zero-fill:before { content: "\ebfb"; }
.ri-creative-commons-zero-line:before { content: "\ebfc"; }
.ri-criminal-fill:before { content: "\ebfd"; }
.ri-criminal-line:before { content: "\ebfe"; }
.ri-crop-2-fill:before { content: "\ebff"; }
.ri-crop-2-line:before { content: "\ec00"; }
.ri-crop-fill:before { content: "\ec01"; }
.ri-crop-line:before { content: "\ec02"; }
.ri-css3-fill:before { content: "\ec03"; }
.ri-css3-line:before { content: "\ec04"; }
.ri-cup-fill:before { content: "\ec05"; }
.ri-cup-line:before { content: "\ec06"; }
.ri-currency-fill:before { content: "\ec07"; }
.ri-currency-line:before { content: "\ec08"; }
.ri-cursor-fill:before { content: "\ec09"; }
.ri-cursor-line:before { content: "\ec0a"; }
.ri-customer-service-2-fill:before { content: "\ec0b"; }
.ri-customer-service-2-line:before { content: "\ec0c"; }
.ri-customer-service-fill:before { content: "\ec0d"; }
.ri-customer-service-line:before { content: "\ec0e"; }
.ri-dashboard-2-fill:before { content: "\ec0f"; }
.ri-dashboard-2-line:before { content: "\ec10"; }
.ri-dashboard-3-fill:before { content: "\ec11"; }
.ri-dashboard-3-line:before { content: "\ec12"; }
.ri-dashboard-fill:before { content: "\ec13"; }
.ri-dashboard-line:before { content: "\ec14"; }
.ri-database-2-fill:before { content: "\ec15"; }
.ri-database-2-line:before { content: "\ec16"; }
.ri-database-fill:before { content: "\ec17"; }
.ri-database-line:before { content: "\ec18"; }
.ri-delete-back-2-fill:before { content: "\ec19"; }
.ri-delete-back-2-line:before { content: "\ec1a"; }
.ri-delete-back-fill:before { content: "\ec1b"; }
.ri-delete-back-line:before { content: "\ec1c"; }
.ri-delete-bin-2-fill:before { content: "\ec1d"; }
.ri-delete-bin-2-line:before { content: "\ec1e"; }
.ri-delete-bin-3-fill:before { content: "\ec1f"; }
.ri-delete-bin-3-line:before { content: "\ec20"; }
.ri-delete-bin-4-fill:before { content: "\ec21"; }
.ri-delete-bin-4-line:before { content: "\ec22"; }
.ri-delete-bin-5-fill:before { content: "\ec23"; }
.ri-delete-bin-5-line:before { content: "\ec24"; }
.ri-delete-bin-6-fill:before { content: "\ec25"; }
.ri-delete-bin-6-line:before { content: "\ec26"; }
.ri-delete-bin-7-fill:before { content: "\ec27"; }
.ri-delete-bin-7-line:before { content: "\ec28"; }
.ri-delete-bin-fill:before { content: "\ec29"; }
.ri-delete-bin-line:before { content: "\ec2a"; }
.ri-delete-column:before { content: "\ec2b"; }
.ri-delete-row:before { content: "\ec2c"; }
.ri-device-fill:before { content: "\ec2d"; }
.ri-device-line:before { content: "\ec2e"; }
.ri-device-recover-fill:before { content: "\ec2f"; }
.ri-device-recover-line:before { content: "\ec30"; }
.ri-dingding-fill:before { content: "\ec31"; }
.ri-dingding-line:before { content: "\ec32"; }
.ri-direction-fill:before { content: "\ec33"; }
.ri-direction-line:before { content: "\ec34"; }
.ri-disc-fill:before { content: "\ec35"; }
.ri-disc-line:before { content: "\ec36"; }
.ri-discord-fill:before { content: "\ec37"; }
.ri-discord-line:before { content: "\ec38"; }
.ri-discuss-fill:before { content: "\ec39"; }
.ri-discuss-line:before { content: "\ec3a"; }
.ri-dislike-fill:before { content: "\ec3b"; }
.ri-dislike-line:before { content: "\ec3c"; }
.ri-disqus-fill:before { content: "\ec3d"; }
.ri-disqus-line:before { content: "\ec3e"; }
.ri-divide-fill:before { content: "\ec3f"; }
.ri-divide-line:before { content: "\ec40"; }
.ri-donut-chart-fill:before { content: "\ec41"; }
.ri-donut-chart-line:before { content: "\ec42"; }
.ri-door-closed-fill:before { content: "\ec43"; }
.ri-door-closed-line:before { content: "\ec44"; }
.ri-door-fill:before { content: "\ec45"; }
.ri-door-line:before { content: "\ec46"; }
.ri-door-lock-box-fill:before { content: "\ec47"; }
.ri-door-lock-box-line:before { content: "\ec48"; }
.ri-door-lock-fill:before { content: "\ec49"; }
.ri-door-lock-line:before { content: "\ec4a"; }
.ri-door-open-fill:before { content: "\ec4b"; }
.ri-door-open-line:before { content: "\ec4c"; }
.ri-dossier-fill:before { content: "\ec4d"; }
.ri-dossier-line:before { content: "\ec4e"; }
.ri-douban-fill:before { content: "\ec4f"; }
.ri-douban-line:before { content: "\ec50"; }
.ri-double-quotes-l:before { content: "\ec51"; }
.ri-double-quotes-r:before { content: "\ec52"; }
.ri-download-2-fill:before { content: "\ec53"; }
.ri-download-2-line:before { content: "\ec54"; }
.ri-download-cloud-2-fill:before { content: "\ec55"; }
.ri-download-cloud-2-line:before { content: "\ec56"; }
.ri-download-cloud-fill:before { content: "\ec57"; }
.ri-download-cloud-line:before { content: "\ec58"; }
.ri-download-fill:before { content: "\ec59"; }
.ri-download-line:before { content: "\ec5a"; }
.ri-draft-fill:before { content: "\ec5b"; }
.ri-draft-line:before { content: "\ec5c"; }
.ri-drag-drop-fill:before { content: "\ec5d"; }
.ri-drag-drop-line:before { content: "\ec5e"; }
.ri-drag-move-2-fill:before { content: "\ec5f"; }
.ri-drag-move-2-line:before { content: "\ec60"; }
.ri-drag-move-fill:before { content: "\ec61"; }
.ri-drag-move-line:before { content: "\ec62"; }
.ri-dribbble-fill:before { content: "\ec63"; }
.ri-dribbble-line:before { content: "\ec64"; }
.ri-drive-fill:before { content: "\ec65"; }
.ri-drive-line:before { content: "\ec66"; }
.ri-drizzle-fill:before { content: "\ec67"; }
.ri-drizzle-line:before { content: "\ec68"; }
.ri-drop-fill:before { content: "\ec69"; }
.ri-drop-line:before { content: "\ec6a"; }
.ri-dropbox-fill:before { content: "\ec6b"; }
.ri-dropbox-line:before { content: "\ec6c"; }
.ri-dual-sim-1-fill:before { content: "\ec6d"; }
.ri-dual-sim-1-line:before { content: "\ec6e"; }
.ri-dual-sim-2-fill:before { content: "\ec6f"; }
.ri-dual-sim-2-line:before { content: "\ec70"; }
.ri-dv-fill:before { content: "\ec71"; }
.ri-dv-line:before { content: "\ec72"; }
.ri-dvd-fill:before { content: "\ec73"; }
.ri-dvd-line:before { content: "\ec74"; }
.ri-e-bike-2-fill:before { content: "\ec75"; }
.ri-e-bike-2-line:before { content: "\ec76"; }
.ri-e-bike-fill:before { content: "\ec77"; }
.ri-e-bike-line:before { content: "\ec78"; }
.ri-earth-fill:before { content: "\ec79"; }
.ri-earth-line:before { content: "\ec7a"; }
.ri-earthquake-fill:before { content: "\ec7b"; }
.ri-earthquake-line:before { content: "\ec7c"; }
.ri-edge-fill:before { content: "\ec7d"; }
.ri-edge-line:before { content: "\ec7e"; }
.ri-edit-2-fill:before { content: "\ec7f"; }
.ri-edit-2-line:before { content: "\ec80"; }
.ri-edit-box-fill:before { content: "\ec81"; }
.ri-edit-box-line:before { content: "\ec82"; }
.ri-edit-circle-fill:before { content: "\ec83"; }
.ri-edit-circle-line:before { content: "\ec84"; }
.ri-edit-fill:before { content: "\ec85"; }
.ri-edit-line:before { content: "\ec86"; }
.ri-eject-fill:before { content: "\ec87"; }
.ri-eject-line:before { content: "\ec88"; }
.ri-emotion-2-fill:before { content: "\ec89"; }
.ri-emotion-2-line:before { content: "\ec8a"; }
.ri-emotion-fill:before { content: "\ec8b"; }
.ri-emotion-happy-fill:before { content: "\ec8c"; }
.ri-emotion-happy-line:before { content: "\ec8d"; }
.ri-emotion-laugh-fill:before { content: "\ec8e"; }
.ri-emotion-laugh-line:before { content: "\ec8f"; }
.ri-emotion-line:before { content: "\ec90"; }
.ri-emotion-normal-fill:before { content: "\ec91"; }
.ri-emotion-normal-line:before { content: "\ec92"; }
.ri-emotion-sad-fill:before { content: "\ec93"; }
.ri-emotion-sad-line:before { content: "\ec94"; }
.ri-emotion-unhappy-fill:before { content: "\ec95"; }
.ri-emotion-unhappy-line:before { content: "\ec96"; }
.ri-empathize-fill:before { content: "\ec97"; }
.ri-empathize-line:before { content: "\ec98"; }
.ri-emphasis-cn:before { content: "\ec99"; }
.ri-emphasis:before { content: "\ec9a"; }
.ri-english-input:before { content: "\ec9b"; }
.ri-equalizer-fill:before { content: "\ec9c"; }
.ri-equalizer-line:before { content: "\ec9d"; }
.ri-eraser-fill:before { content: "\ec9e"; }
.ri-eraser-line:before { content: "\ec9f"; }
.ri-error-warning-fill:before { content: "\eca0"; }
.ri-error-warning-line:before { content: "\eca1"; }
.ri-evernote-fill:before { content: "\eca2"; }
.ri-evernote-line:before { content: "\eca3"; }
.ri-exchange-box-fill:before { content: "\eca4"; }
.ri-exchange-box-line:before { content: "\eca5"; }
.ri-exchange-cny-fill:before { content: "\eca6"; }
.ri-exchange-cny-line:before { content: "\eca7"; }
.ri-exchange-dollar-fill:before { content: "\eca8"; }
.ri-exchange-dollar-line:before { content: "\eca9"; }
.ri-exchange-fill:before { content: "\ecaa"; }
.ri-exchange-funds-fill:before { content: "\ecab"; }
.ri-exchange-funds-line:before { content: "\ecac"; }
.ri-exchange-line:before { content: "\ecad"; }
.ri-external-link-fill:before { content: "\ecae"; }
.ri-external-link-line:before { content: "\ecaf"; }
.ri-eye-2-fill:before { content: "\ecb0"; }
.ri-eye-2-line:before { content: "\ecb1"; }
.ri-eye-close-fill:before { content: "\ecb2"; }
.ri-eye-close-line:before { content: "\ecb3"; }
.ri-eye-fill:before { content: "\ecb4"; }
.ri-eye-line:before { content: "\ecb5"; }
.ri-eye-off-fill:before { content: "\ecb6"; }
.ri-eye-off-line:before { content: "\ecb7"; }
.ri-facebook-box-fill:before { content: "\ecb8"; }
.ri-facebook-box-line:before { content: "\ecb9"; }
.ri-facebook-circle-fill:before { content: "\ecba"; }
.ri-facebook-circle-line:before { content: "\ecbb"; }
.ri-facebook-fill:before { content: "\ecbc"; }
.ri-facebook-line:before { content: "\ecbd"; }
.ri-fahrenheit-fill:before { content: "\ecbe"; }
.ri-fahrenheit-line:before { content: "\ecbf"; }
.ri-feedback-fill:before { content: "\ecc0"; }
.ri-feedback-line:before { content: "\ecc1"; }
.ri-file-2-fill:before { content: "\ecc2"; }
.ri-file-2-line:before { content: "\ecc3"; }
.ri-file-3-fill:before { content: "\ecc4"; }
.ri-file-3-line:before { content: "\ecc5"; }
.ri-file-4-fill:before { content: "\ecc6"; }
.ri-file-4-line:before { content: "\ecc7"; }
.ri-file-add-fill:before { content: "\ecc8"; }
.ri-file-add-line:before { content: "\ecc9"; }
.ri-file-chart-2-fill:before { content: "\ecca"; }
.ri-file-chart-2-line:before { content: "\eccb"; }
.ri-file-chart-fill:before { content: "\eccc"; }
.ri-file-chart-line:before { content: "\eccd"; }
.ri-file-cloud-fill:before { content: "\ecce"; }
.ri-file-cloud-line:before { content: "\eccf"; }
.ri-file-code-fill:before { content: "\ecd0"; }
.ri-file-code-line:before { content: "\ecd1"; }
.ri-file-copy-2-fill:before { content: "\ecd2"; }
.ri-file-copy-2-line:before { content: "\ecd3"; }
.ri-file-copy-fill:before { content: "\ecd4"; }
.ri-file-copy-line:before { content: "\ecd5"; }
.ri-file-damage-fill:before { content: "\ecd6"; }
.ri-file-damage-line:before { content: "\ecd7"; }
.ri-file-download-fill:before { content: "\ecd8"; }
.ri-file-download-line:before { content: "\ecd9"; }
.ri-file-edit-fill:before { content: "\ecda"; }
.ri-file-edit-line:before { content: "\ecdb"; }
.ri-file-excel-2-fill:before { content: "\ecdc"; }
.ri-file-excel-2-line:before { content: "\ecdd"; }
.ri-file-excel-fill:before { content: "\ecde"; }
.ri-file-excel-line:before { content: "\ecdf"; }
.ri-file-fill:before { content: "\ece0"; }
.ri-file-forbid-fill:before { content: "\ece1"; }
.ri-file-forbid-line:before { content: "\ece2"; }
.ri-file-gif-fill:before { content: "\ece3"; }
.ri-file-gif-line:before { content: "\ece4"; }
.ri-file-history-fill:before { content: "\ece5"; }
.ri-file-history-line:before { content: "\ece6"; }
.ri-file-hwp-fill:before { content: "\ece7"; }
.ri-file-hwp-line:before { content: "\ece8"; }
.ri-file-info-fill:before { content: "\ece9"; }
.ri-file-info-line:before { content: "\ecea"; }
.ri-file-line:before { content: "\eceb"; }
.ri-file-list-2-fill:before { content: "\ecec"; }
.ri-file-list-2-line:before { content: "\eced"; }
.ri-file-list-3-fill:before { content: "\ecee"; }
.ri-file-list-3-line:before { content: "\ecef"; }
.ri-file-list-fill:before { content: "\ecf0"; }
.ri-file-list-line:before { content: "\ecf1"; }
.ri-file-lock-fill:before { content: "\ecf2"; }
.ri-file-lock-line:before { content: "\ecf3"; }
.ri-file-marked-fill:before { content: "\ecf4"; }
.ri-file-marked-line:before { content: "\ecf5"; }
.ri-file-music-fill:before { content: "\ecf6"; }
.ri-file-music-line:before { content: "\ecf7"; }
.ri-file-paper-2-fill:before { content: "\ecf8"; }
.ri-file-paper-2-line:before { content: "\ecf9"; }
.ri-file-paper-fill:before { content: "\ecfa"; }
.ri-file-paper-line:before { content: "\ecfb"; }
.ri-file-pdf-fill:before { content: "\ecfc"; }
.ri-file-pdf-line:before { content: "\ecfd"; }
.ri-file-ppt-2-fill:before { content: "\ecfe"; }
.ri-file-ppt-2-line:before { content: "\ecff"; }
.ri-file-ppt-fill:before { content: "\ed00"; }
.ri-file-ppt-line:before { content: "\ed01"; }
.ri-file-reduce-fill:before { content: "\ed02"; }
.ri-file-reduce-line:before { content: "\ed03"; }
.ri-file-search-fill:before { content: "\ed04"; }
.ri-file-search-line:before { content: "\ed05"; }
.ri-file-settings-fill:before { content: "\ed06"; }
.ri-file-settings-line:before { content: "\ed07"; }
.ri-file-shield-2-fill:before { content: "\ed08"; }
.ri-file-shield-2-line:before { content: "\ed09"; }
.ri-file-shield-fill:before { content: "\ed0a"; }
.ri-file-shield-line:before { content: "\ed0b"; }
.ri-file-shred-fill:before { content: "\ed0c"; }
.ri-file-shred-line:before { content: "\ed0d"; }
.ri-file-text-fill:before { content: "\ed0e"; }
.ri-file-text-line:before { content: "\ed0f"; }
.ri-file-transfer-fill:before { content: "\ed10"; }
.ri-file-transfer-line:before { content: "\ed11"; }
.ri-file-unknow-fill:before { content: "\ed12"; }
.ri-file-unknow-line:before { content: "\ed13"; }
.ri-file-upload-fill:before { content: "\ed14"; }
.ri-file-upload-line:before { content: "\ed15"; }
.ri-file-user-fill:before { content: "\ed16"; }
.ri-file-user-line:before { content: "\ed17"; }
.ri-file-warning-fill:before { content: "\ed18"; }
.ri-file-warning-line:before { content: "\ed19"; }
.ri-file-word-2-fill:before { content: "\ed1a"; }
.ri-file-word-2-line:before { content: "\ed1b"; }
.ri-file-word-fill:before { content: "\ed1c"; }
.ri-file-word-line:before { content: "\ed1d"; }
.ri-file-zip-fill:before { content: "\ed1e"; }
.ri-file-zip-line:before { content: "\ed1f"; }
.ri-film-fill:before { content: "\ed20"; }
.ri-film-line:before { content: "\ed21"; }
.ri-filter-2-fill:before { content: "\ed22"; }
.ri-filter-2-line:before { content: "\ed23"; }
.ri-filter-3-fill:before { content: "\ed24"; }
.ri-filter-3-line:before { content: "\ed25"; }
.ri-filter-fill:before { content: "\ed26"; }
.ri-filter-line:before { content: "\ed27"; }
.ri-filter-off-fill:before { content: "\ed28"; }
.ri-filter-off-line:before { content: "\ed29"; }
.ri-find-replace-fill:before { content: "\ed2a"; }
.ri-find-replace-line:before { content: "\ed2b"; }
.ri-finder-fill:before { content: "\ed2c"; }
.ri-finder-line:before { content: "\ed2d"; }
.ri-fingerprint-2-fill:before { content: "\ed2e"; }
.ri-fingerprint-2-line:before { content: "\ed2f"; }
.ri-fingerprint-fill:before { content: "\ed30"; }
.ri-fingerprint-line:before { content: "\ed31"; }
.ri-fire-fill:before { content: "\ed32"; }
.ri-fire-line:before { content: "\ed33"; }
.ri-firefox-fill:before { content: "\ed34"; }
.ri-firefox-line:before { content: "\ed35"; }
.ri-first-aid-kit-fill:before { content: "\ed36"; }
.ri-first-aid-kit-line:before { content: "\ed37"; }
.ri-flag-2-fill:before { content: "\ed38"; }
.ri-flag-2-line:before { content: "\ed39"; }
.ri-flag-fill:before { content: "\ed3a"; }
.ri-flag-line:before { content: "\ed3b"; }
.ri-flashlight-fill:before { content: "\ed3c"; }
.ri-flashlight-line:before { content: "\ed3d"; }
.ri-flask-fill:before { content: "\ed3e"; }
.ri-flask-line:before { content: "\ed3f"; }
.ri-flight-land-fill:before { content: "\ed40"; }
.ri-flight-land-line:before { content: "\ed41"; }
.ri-flight-takeoff-fill:before { content: "\ed42"; }
.ri-flight-takeoff-line:before { content: "\ed43"; }
.ri-flood-fill:before { content: "\ed44"; }
.ri-flood-line:before { content: "\ed45"; }
.ri-flow-chart:before { content: "\ed46"; }
.ri-flutter-fill:before { content: "\ed47"; }
.ri-flutter-line:before { content: "\ed48"; }
.ri-focus-2-fill:before { content: "\ed49"; }
.ri-focus-2-line:before { content: "\ed4a"; }
.ri-focus-3-fill:before { content: "\ed4b"; }
.ri-focus-3-line:before { content: "\ed4c"; }
.ri-focus-fill:before { content: "\ed4d"; }
.ri-focus-line:before { content: "\ed4e"; }
.ri-foggy-fill:before { content: "\ed4f"; }
.ri-foggy-line:before { content: "\ed50"; }
.ri-folder-2-fill:before { content: "\ed51"; }
.ri-folder-2-line:before { content: "\ed52"; }
.ri-folder-3-fill:before { content: "\ed53"; }
.ri-folder-3-line:before { content: "\ed54"; }
.ri-folder-4-fill:before { content: "\ed55"; }
.ri-folder-4-line:before { content: "\ed56"; }
.ri-folder-5-fill:before { content: "\ed57"; }
.ri-folder-5-line:before { content: "\ed58"; }
.ri-folder-add-fill:before { content: "\ed59"; }
.ri-folder-add-line:before { content: "\ed5a"; }
.ri-folder-chart-2-fill:before { content: "\ed5b"; }
.ri-folder-chart-2-line:before { content: "\ed5c"; }
.ri-folder-chart-fill:before { content: "\ed5d"; }
.ri-folder-chart-line:before { content: "\ed5e"; }
.ri-folder-download-fill:before { content: "\ed5f"; }
.ri-folder-download-line:before { content: "\ed60"; }
.ri-folder-fill:before { content: "\ed61"; }
.ri-folder-forbid-fill:before { content: "\ed62"; }
.ri-folder-forbid-line:before { content: "\ed63"; }
.ri-folder-history-fill:before { content: "\ed64"; }
.ri-folder-history-line:before { content: "\ed65"; }
.ri-folder-info-fill:before { content: "\ed66"; }
.ri-folder-info-line:before { content: "\ed67"; }
.ri-folder-keyhole-fill:before { content: "\ed68"; }
.ri-folder-keyhole-line:before { content: "\ed69"; }
.ri-folder-line:before { content: "\ed6a"; }
.ri-folder-lock-fill:before { content: "\ed6b"; }
.ri-folder-lock-line:before { content: "\ed6c"; }
.ri-folder-music-fill:before { content: "\ed6d"; }
.ri-folder-music-line:before { content: "\ed6e"; }
.ri-folder-open-fill:before { content: "\ed6f"; }
.ri-folder-open-line:before { content: "\ed70"; }
.ri-folder-received-fill:before { content: "\ed71"; }
.ri-folder-received-line:before { content: "\ed72"; }
.ri-folder-reduce-fill:before { content: "\ed73"; }
.ri-folder-reduce-line:before { content: "\ed74"; }
.ri-folder-settings-fill:before { content: "\ed75"; }
.ri-folder-settings-line:before { content: "\ed76"; }
.ri-folder-shared-fill:before { content: "\ed77"; }
.ri-folder-shared-line:before { content: "\ed78"; }
.ri-folder-shield-2-fill:before { content: "\ed79"; }
.ri-folder-shield-2-line:before { content: "\ed7a"; }
.ri-folder-shield-fill:before { content: "\ed7b"; }
.ri-folder-shield-line:before { content: "\ed7c"; }
.ri-folder-transfer-fill:before { content: "\ed7d"; }
.ri-folder-transfer-line:before { content: "\ed7e"; }
.ri-folder-unknow-fill:before { content: "\ed7f"; }
.ri-folder-unknow-line:before { content: "\ed80"; }
.ri-folder-upload-fill:before { content: "\ed81"; }
.ri-folder-upload-line:before { content: "\ed82"; }
.ri-folder-user-fill:before { content: "\ed83"; }
.ri-folder-user-line:before { content: "\ed84"; }
.ri-folder-warning-fill:before { content: "\ed85"; }
.ri-folder-warning-line:before { content: "\ed86"; }
.ri-folder-zip-fill:before { content: "\ed87"; }
.ri-folder-zip-line:before { content: "\ed88"; }
.ri-folders-fill:before { content: "\ed89"; }
.ri-folders-line:before { content: "\ed8a"; }
.ri-font-color:before { content: "\ed8b"; }
.ri-font-size-2:before { content: "\ed8c"; }
.ri-font-size:before { content: "\ed8d"; }
.ri-football-fill:before { content: "\ed8e"; }
.ri-football-line:before { content: "\ed8f"; }
.ri-footprint-fill:before { content: "\ed90"; }
.ri-footprint-line:before { content: "\ed91"; }
.ri-forbid-2-fill:before { content: "\ed92"; }
.ri-forbid-2-line:before { content: "\ed93"; }
.ri-forbid-fill:before { content: "\ed94"; }
.ri-forbid-line:before { content: "\ed95"; }
.ri-format-clear:before { content: "\ed96"; }
.ri-fridge-fill:before { content: "\ed97"; }
.ri-fridge-line:before { content: "\ed98"; }
.ri-fullscreen-exit-fill:before { content: "\ed99"; }
.ri-fullscreen-exit-line:before { content: "\ed9a"; }
.ri-fullscreen-fill:before { content: "\ed9b"; }
.ri-fullscreen-line:before { content: "\ed9c"; }
.ri-function-fill:before { content: "\ed9d"; }
.ri-function-line:before { content: "\ed9e"; }
.ri-functions:before { content: "\ed9f"; }
.ri-funds-box-fill:before { content: "\eda0"; }
.ri-funds-box-line:before { content: "\eda1"; }
.ri-funds-fill:before { content: "\eda2"; }
.ri-funds-line:before { content: "\eda3"; }
.ri-gallery-fill:before { content: "\eda4"; }
.ri-gallery-line:before { content: "\eda5"; }
.ri-gallery-upload-fill:before { content: "\eda6"; }
.ri-gallery-upload-line:before { content: "\eda7"; }
.ri-game-fill:before { content: "\eda8"; }
.ri-game-line:before { content: "\eda9"; }
.ri-gamepad-fill:before { content: "\edaa"; }
.ri-gamepad-line:before { content: "\edab"; }
.ri-gas-station-fill:before { content: "\edac"; }
.ri-gas-station-line:before { content: "\edad"; }
.ri-gatsby-fill:before { content: "\edae"; }
.ri-gatsby-line:before { content: "\edaf"; }
.ri-genderless-fill:before { content: "\edb0"; }
.ri-genderless-line:before { content: "\edb1"; }
.ri-ghost-2-fill:before { content: "\edb2"; }
.ri-ghost-2-line:before { content: "\edb3"; }
.ri-ghost-fill:before { content: "\edb4"; }
.ri-ghost-line:before { content: "\edb5"; }
.ri-ghost-smile-fill:before { content: "\edb6"; }
.ri-ghost-smile-line:before { content: "\edb7"; }
.ri-gift-2-fill:before { content: "\edb8"; }
.ri-gift-2-line:before { content: "\edb9"; }
.ri-gift-fill:before { content: "\edba"; }
.ri-gift-line:before { content: "\edbb"; }
.ri-git-branch-fill:before { content: "\edbc"; }
.ri-git-branch-line:before { content: "\edbd"; }
.ri-git-commit-fill:before { content: "\edbe"; }
.ri-git-commit-line:before { content: "\edbf"; }
.ri-git-merge-fill:before { content: "\edc0"; }
.ri-git-merge-line:before { content: "\edc1"; }
.ri-git-pull-request-fill:before { content: "\edc2"; }
.ri-git-pull-request-line:before { content: "\edc3"; }
.ri-git-repository-commits-fill:before { content: "\edc4"; }
.ri-git-repository-commits-line:before { content: "\edc5"; }
.ri-git-repository-fill:before { content: "\edc6"; }
.ri-git-repository-line:before { content: "\edc7"; }
.ri-git-repository-private-fill:before { content: "\edc8"; }
.ri-git-repository-private-line:before { content: "\edc9"; }
.ri-github-fill:before { content: "\edca"; }
.ri-github-line:before { content: "\edcb"; }
.ri-gitlab-fill:before { content: "\edcc"; }
.ri-gitlab-line:before { content: "\edcd"; }
.ri-global-fill:before { content: "\edce"; }
.ri-global-line:before { content: "\edcf"; }
.ri-globe-fill:before { content: "\edd0"; }
.ri-globe-line:before { content: "\edd1"; }
.ri-goblet-fill:before { content: "\edd2"; }
.ri-goblet-line:before { content: "\edd3"; }
.ri-google-fill:before { content: "\edd4"; }
.ri-google-line:before { content: "\edd5"; }
.ri-google-play-fill:before { content: "\edd6"; }
.ri-google-play-line:before { content: "\edd7"; }
.ri-government-fill:before { content: "\edd8"; }
.ri-government-line:before { content: "\edd9"; }
.ri-gps-fill:before { content: "\edda"; }
.ri-gps-line:before { content: "\eddb"; }
.ri-gradienter-fill:before { content: "\eddc"; }
.ri-gradienter-line:before { content: "\eddd"; }
.ri-grid-fill:before { content: "\edde"; }
.ri-grid-line:before { content: "\eddf"; }
.ri-group-2-fill:before { content: "\ede0"; }
.ri-group-2-line:before { content: "\ede1"; }
.ri-group-fill:before { content: "\ede2"; }
.ri-group-line:before { content: "\ede3"; }
.ri-guide-fill:before { content: "\ede4"; }
.ri-guide-line:before { content: "\ede5"; }
.ri-h-1:before { content: "\ede6"; }
.ri-h-2:before { content: "\ede7"; }
.ri-h-3:before { content: "\ede8"; }
.ri-h-4:before { content: "\ede9"; }
.ri-h-5:before { content: "\edea"; }
.ri-h-6:before { content: "\edeb"; }
.ri-hail-fill:before { content: "\edec"; }
.ri-hail-line:before { content: "\eded"; }
.ri-hammer-fill:before { content: "\edee"; }
.ri-hammer-line:before { content: "\edef"; }
.ri-hand-coin-fill:before { content: "\edf0"; }
.ri-hand-coin-line:before { content: "\edf1"; }
.ri-hand-heart-fill:before { content: "\edf2"; }
.ri-hand-heart-line:before { content: "\edf3"; }
.ri-hand-sanitizer-fill:before { content: "\edf4"; }
.ri-hand-sanitizer-line:before { content: "\edf5"; }
.ri-handbag-fill:before { content: "\edf6"; }
.ri-handbag-line:before { content: "\edf7"; }
.ri-hard-drive-2-fill:before { content: "\edf8"; }
.ri-hard-drive-2-line:before { content: "\edf9"; }
.ri-hard-drive-fill:before { content: "\edfa"; }
.ri-hard-drive-line:before { content: "\edfb"; }
.ri-hashtag:before { content: "\edfc"; }
.ri-haze-2-fill:before { content: "\edfd"; }
.ri-haze-2-line:before { content: "\edfe"; }
.ri-haze-fill:before { content: "\edff"; }
.ri-haze-line:before { content: "\ee00"; }
.ri-hd-fill:before { content: "\ee01"; }
.ri-hd-line:before { content: "\ee02"; }
.ri-heading:before { content: "\ee03"; }
.ri-headphone-fill:before { content: "\ee04"; }
.ri-headphone-line:before { content: "\ee05"; }
.ri-health-book-fill:before { content: "\ee06"; }
.ri-health-book-line:before { content: "\ee07"; }
.ri-heart-2-fill:before { content: "\ee08"; }
.ri-heart-2-line:before { content: "\ee09"; }
.ri-heart-3-fill:before { content: "\ee0a"; }
.ri-heart-3-line:before { content: "\ee0b"; }
.ri-heart-add-fill:before { content: "\ee0c"; }
.ri-heart-add-line:before { content: "\ee0d"; }
.ri-heart-fill:before { content: "\ee0e"; }
.ri-heart-line:before { content: "\ee0f"; }
.ri-heart-pulse-fill:before { content: "\ee10"; }
.ri-heart-pulse-line:before { content: "\ee11"; }
.ri-hearts-fill:before { content: "\ee12"; }
.ri-hearts-line:before { content: "\ee13"; }
.ri-heavy-showers-fill:before { content: "\ee14"; }
.ri-heavy-showers-line:before { content: "\ee15"; }
.ri-history-fill:before { content: "\ee16"; }
.ri-history-line:before { content: "\ee17"; }
.ri-home-2-fill:before { content: "\ee18"; }
.ri-home-2-line:before { content: "\ee19"; }
.ri-home-3-fill:before { content: "\ee1a"; }
.ri-home-3-line:before { content: "\ee1b"; }
.ri-home-4-fill:before { content: "\ee1c"; }
.ri-home-4-line:before { content: "\ee1d"; }
.ri-home-5-fill:before { content: "\ee1e"; }
.ri-home-5-line:before { content: "\ee1f"; }
.ri-home-6-fill:before { content: "\ee20"; }
.ri-home-6-line:before { content: "\ee21"; }
.ri-home-7-fill:before { content: "\ee22"; }
.ri-home-7-line:before { content: "\ee23"; }
.ri-home-8-fill:before { content: "\ee24"; }
.ri-home-8-line:before { content: "\ee25"; }
.ri-home-fill:before { content: "\ee26"; }
.ri-home-gear-fill:before { content: "\ee27"; }
.ri-home-gear-line:before { content: "\ee28"; }
.ri-home-heart-fill:before { content: "\ee29"; }
.ri-home-heart-line:before { content: "\ee2a"; }
.ri-home-line:before { content: "\ee2b"; }
.ri-home-smile-2-fill:before { content: "\ee2c"; }
.ri-home-smile-2-line:before { content: "\ee2d"; }
.ri-home-smile-fill:before { content: "\ee2e"; }
.ri-home-smile-line:before { content: "\ee2f"; }
.ri-home-wifi-fill:before { content: "\ee30"; }
.ri-home-wifi-line:before { content: "\ee31"; }
.ri-honor-of-kings-fill:before { content: "\ee32"; }
.ri-honor-of-kings-line:before { content: "\ee33"; }
.ri-honour-fill:before { content: "\ee34"; }
.ri-honour-line:before { content: "\ee35"; }
.ri-hospital-fill:before { content: "\ee36"; }
.ri-hospital-line:before { content: "\ee37"; }
.ri-hotel-bed-fill:before { content: "\ee38"; }
.ri-hotel-bed-line:before { content: "\ee39"; }
.ri-hotel-fill:before { content: "\ee3a"; }
.ri-hotel-line:before { content: "\ee3b"; }
.ri-hotspot-fill:before { content: "\ee3c"; }
.ri-hotspot-line:before { content: "\ee3d"; }
.ri-hq-fill:before { content: "\ee3e"; }
.ri-hq-line:before { content: "\ee3f"; }
.ri-html5-fill:before { content: "\ee40"; }
.ri-html5-line:before { content: "\ee41"; }
.ri-ie-fill:before { content: "\ee42"; }
.ri-ie-line:before { content: "\ee43"; }
.ri-image-2-fill:before { content: "\ee44"; }
.ri-image-2-line:before { content: "\ee45"; }
.ri-image-add-fill:before { content: "\ee46"; }
.ri-image-add-line:before { content: "\ee47"; }
.ri-image-edit-fill:before { content: "\ee48"; }
.ri-image-edit-line:before { content: "\ee49"; }
.ri-image-fill:before { content: "\ee4a"; }
.ri-image-line:before { content: "\ee4b"; }
.ri-inbox-archive-fill:before { content: "\ee4c"; }
.ri-inbox-archive-line:before { content: "\ee4d"; }
.ri-inbox-fill:before { content: "\ee4e"; }
.ri-inbox-line:before { content: "\ee4f"; }
.ri-inbox-unarchive-fill:before { content: "\ee50"; }
.ri-inbox-unarchive-line:before { content: "\ee51"; }
.ri-increase-decrease-fill:before { content: "\ee52"; }
.ri-increase-decrease-line:before { content: "\ee53"; }
.ri-indent-decrease:before { content: "\ee54"; }
.ri-indent-increase:before { content: "\ee55"; }
.ri-indeterminate-circle-fill:before { content: "\ee56"; }
.ri-indeterminate-circle-line:before { content: "\ee57"; }
.ri-information-fill:before { content: "\ee58"; }
.ri-information-line:before { content: "\ee59"; }
.ri-infrared-thermometer-fill:before { content: "\ee5a"; }
.ri-infrared-thermometer-line:before { content: "\ee5b"; }
.ri-ink-bottle-fill:before { content: "\ee5c"; }
.ri-ink-bottle-line:before { content: "\ee5d"; }
.ri-input-cursor-move:before { content: "\ee5e"; }
.ri-input-method-fill:before { content: "\ee5f"; }
.ri-input-method-line:before { content: "\ee60"; }
.ri-insert-column-left:before { content: "\ee61"; }
.ri-insert-column-right:before { content: "\ee62"; }
.ri-insert-row-bottom:before { content: "\ee63"; }
.ri-insert-row-top:before { content: "\ee64"; }
.ri-instagram-fill:before { content: "\ee65"; }
.ri-instagram-line:before { content: "\ee66"; }
.ri-install-fill:before { content: "\ee67"; }
.ri-install-line:before { content: "\ee68"; }
.ri-invision-fill:before { content: "\ee69"; }
.ri-invision-line:before { content: "\ee6a"; }
.ri-italic:before { content: "\ee6b"; }
.ri-kakao-talk-fill:before { content: "\ee6c"; }
.ri-kakao-talk-line:before { content: "\ee6d"; }
.ri-key-2-fill:before { content: "\ee6e"; }
.ri-key-2-line:before { content: "\ee6f"; }
.ri-key-fill:before { content: "\ee70"; }
.ri-key-line:before { content: "\ee71"; }
.ri-keyboard-box-fill:before { content: "\ee72"; }
.ri-keyboard-box-line:before { content: "\ee73"; }
.ri-keyboard-fill:before { content: "\ee74"; }
.ri-keyboard-line:before { content: "\ee75"; }
.ri-keynote-fill:before { content: "\ee76"; }
.ri-keynote-line:before { content: "\ee77"; }
.ri-knife-blood-fill:before { content: "\ee78"; }
.ri-knife-blood-line:before { content: "\ee79"; }
.ri-knife-fill:before { content: "\ee7a"; }
.ri-knife-line:before { content: "\ee7b"; }
.ri-landscape-fill:before { content: "\ee7c"; }
.ri-landscape-line:before { content: "\ee7d"; }
.ri-layout-2-fill:before { content: "\ee7e"; }
.ri-layout-2-line:before { content: "\ee7f"; }
.ri-layout-3-fill:before { content: "\ee80"; }
.ri-layout-3-line:before { content: "\ee81"; }
.ri-layout-4-fill:before { content: "\ee82"; }
.ri-layout-4-line:before { content: "\ee83"; }
.ri-layout-5-fill:before { content: "\ee84"; }
.ri-layout-5-line:before { content: "\ee85"; }
.ri-layout-6-fill:before { content: "\ee86"; }
.ri-layout-6-line:before { content: "\ee87"; }
.ri-layout-bottom-2-fill:before { content: "\ee88"; }
.ri-layout-bottom-2-line:before { content: "\ee89"; }
.ri-layout-bottom-fill:before { content: "\ee8a"; }
.ri-layout-bottom-line:before { content: "\ee8b"; }
.ri-layout-column-fill:before { content: "\ee8c"; }
.ri-layout-column-line:before { content: "\ee8d"; }
.ri-layout-fill:before { content: "\ee8e"; }
.ri-layout-grid-fill:before { content: "\ee8f"; }
.ri-layout-grid-line:before { content: "\ee90"; }
.ri-layout-left-2-fill:before { content: "\ee91"; }
.ri-layout-left-2-line:before { content: "\ee92"; }
.ri-layout-left-fill:before { content: "\ee93"; }
.ri-layout-left-line:before { content: "\ee94"; }
.ri-layout-line:before { content: "\ee95"; }
.ri-layout-masonry-fill:before { content: "\ee96"; }
.ri-layout-masonry-line:before { content: "\ee97"; }
.ri-layout-right-2-fill:before { content: "\ee98"; }
.ri-layout-right-2-line:before { content: "\ee99"; }
.ri-layout-right-fill:before { content: "\ee9a"; }
.ri-layout-right-line:before { content: "\ee9b"; }
.ri-layout-row-fill:before { content: "\ee9c"; }
.ri-layout-row-line:before { content: "\ee9d"; }
.ri-layout-top-2-fill:before { content: "\ee9e"; }
.ri-layout-top-2-line:before { content: "\ee9f"; }
.ri-layout-top-fill:before { content: "\eea0"; }
.ri-layout-top-line:before { content: "\eea1"; }
.ri-leaf-fill:before { content: "\eea2"; }
.ri-leaf-line:before { content: "\eea3"; }
.ri-lifebuoy-fill:before { content: "\eea4"; }
.ri-lifebuoy-line:before { content: "\eea5"; }
.ri-lightbulb-fill:before { content: "\eea6"; }
.ri-lightbulb-flash-fill:before { content: "\eea7"; }
.ri-lightbulb-flash-line:before { content: "\eea8"; }
.ri-lightbulb-line:before { content: "\eea9"; }
.ri-line-chart-fill:before { content: "\eeaa"; }
.ri-line-chart-line:before { content: "\eeab"; }
.ri-line-fill:before { content: "\eeac"; }
.ri-line-height:before { content: "\eead"; }
.ri-line-line:before { content: "\eeae"; }
.ri-link-m:before { content: "\eeaf"; }
.ri-link-unlink-m:before { content: "\eeb0"; }
.ri-link-unlink:before { content: "\eeb1"; }
.ri-link:before { content: "\eeb2"; }
.ri-linkedin-box-fill:before { content: "\eeb3"; }
.ri-linkedin-box-line:before { content: "\eeb4"; }
.ri-linkedin-fill:before { content: "\eeb5"; }
.ri-linkedin-line:before { content: "\eeb6"; }
.ri-links-fill:before { content: "\eeb7"; }
.ri-links-line:before { content: "\eeb8"; }
.ri-list-check-2:before { content: "\eeb9"; }
.ri-list-check:before { content: "\eeba"; }
.ri-list-ordered:before { content: "\eebb"; }
.ri-list-settings-fill:before { content: "\eebc"; }
.ri-list-settings-line:before { content: "\eebd"; }
.ri-list-unordered:before { content: "\eebe"; }
.ri-live-fill:before { content: "\eebf"; }
.ri-live-line:before { content: "\eec0"; }
.ri-loader-2-fill:before { content: "\eec1"; }
.ri-loader-2-line:before { content: "\eec2"; }
.ri-loader-3-fill:before { content: "\eec3"; }
.ri-loader-3-line:before { content: "\eec4"; }
.ri-loader-4-fill:before { content: "\eec5"; }
.ri-loader-4-line:before { content: "\eec6"; }
.ri-loader-5-fill:before { content: "\eec7"; }
.ri-loader-5-line:before { content: "\eec8"; }
.ri-loader-fill:before { content: "\eec9"; }
.ri-loader-line:before { content: "\eeca"; }
.ri-lock-2-fill:before { content: "\eecb"; }
.ri-lock-2-line:before { content: "\eecc"; }
.ri-lock-fill:before { content: "\eecd"; }
.ri-lock-line:before { content: "\eece"; }
.ri-lock-password-fill:before { content: "\eecf"; }
.ri-lock-password-line:before { content: "\eed0"; }
.ri-lock-unlock-fill:before { content: "\eed1"; }
.ri-lock-unlock-line:before { content: "\eed2"; }
.ri-login-box-fill:before { content: "\eed3"; }
.ri-login-box-line:before { content: "\eed4"; }
.ri-login-circle-fill:before { content: "\eed5"; }
.ri-login-circle-line:before { content: "\eed6"; }
.ri-logout-box-fill:before { content: "\eed7"; }
.ri-logout-box-line:before { content: "\eed8"; }
.ri-logout-box-r-fill:before { content: "\eed9"; }
.ri-logout-box-r-line:before { content: "\eeda"; }
.ri-logout-circle-fill:before { content: "\eedb"; }
.ri-logout-circle-line:before { content: "\eedc"; }
.ri-logout-circle-r-fill:before { content: "\eedd"; }
.ri-logout-circle-r-line:before { content: "\eede"; }
.ri-luggage-cart-fill:before { content: "\eedf"; }
.ri-luggage-cart-line:before { content: "\eee0"; }
.ri-luggage-deposit-fill:before { content: "\eee1"; }
.ri-luggage-deposit-line:before { content: "\eee2"; }
.ri-lungs-fill:before { content: "\eee3"; }
.ri-lungs-line:before { content: "\eee4"; }
.ri-mac-fill:before { content: "\eee5"; }
.ri-mac-line:before { content: "\eee6"; }
.ri-macbook-fill:before { content: "\eee7"; }
.ri-macbook-line:before { content: "\eee8"; }
.ri-magic-fill:before { content: "\eee9"; }
.ri-magic-line:before { content: "\eeea"; }
.ri-mail-add-fill:before { content: "\eeeb"; }
.ri-mail-add-line:before { content: "\eeec"; }
.ri-mail-check-fill:before { content: "\eeed"; }
.ri-mail-check-line:before { content: "\eeee"; }
.ri-mail-close-fill:before { content: "\eeef"; }
.ri-mail-close-line:before { content: "\eef0"; }
.ri-mail-download-fill:before { content: "\eef1"; }
.ri-mail-download-line:before { content: "\eef2"; }
.ri-mail-fill:before { content: "\eef3"; }
.ri-mail-forbid-fill:before { content: "\eef4"; }
.ri-mail-forbid-line:before { content: "\eef5"; }
.ri-mail-line:before { content: "\eef6"; }
.ri-mail-lock-fill:before { content: "\eef7"; }
.ri-mail-lock-line:before { content: "\eef8"; }
.ri-mail-open-fill:before { content: "\eef9"; }
.ri-mail-open-line:before { content: "\eefa"; }
.ri-mail-send-fill:before { content: "\eefb"; }
.ri-mail-send-line:before { content: "\eefc"; }
.ri-mail-settings-fill:before { content: "\eefd"; }
.ri-mail-settings-line:before { content: "\eefe"; }
.ri-mail-star-fill:before { content: "\eeff"; }
.ri-mail-star-line:before { content: "\ef00"; }
.ri-mail-unread-fill:before { content: "\ef01"; }
.ri-mail-unread-line:before { content: "\ef02"; }
.ri-mail-volume-fill:before { content: "\ef03"; }
.ri-mail-volume-line:before { content: "\ef04"; }
.ri-map-2-fill:before { content: "\ef05"; }
.ri-map-2-line:before { content: "\ef06"; }
.ri-map-fill:before { content: "\ef07"; }
.ri-map-line:before { content: "\ef08"; }
.ri-map-pin-2-fill:before { content: "\ef09"; }
.ri-map-pin-2-line:before { content: "\ef0a"; }
.ri-map-pin-3-fill:before { content: "\ef0b"; }
.ri-map-pin-3-line:before { content: "\ef0c"; }
.ri-map-pin-4-fill:before { content: "\ef0d"; }
.ri-map-pin-4-line:before { content: "\ef0e"; }
.ri-map-pin-5-fill:before { content: "\ef0f"; }
.ri-map-pin-5-line:before { content: "\ef10"; }
.ri-map-pin-add-fill:before { content: "\ef11"; }
.ri-map-pin-add-line:before { content: "\ef12"; }
.ri-map-pin-fill:before { content: "\ef13"; }
.ri-map-pin-line:before { content: "\ef14"; }
.ri-map-pin-range-fill:before { content: "\ef15"; }
.ri-map-pin-range-line:before { content: "\ef16"; }
.ri-map-pin-time-fill:before { content: "\ef17"; }
.ri-map-pin-time-line:before { content: "\ef18"; }
.ri-map-pin-user-fill:before { content: "\ef19"; }
.ri-map-pin-user-line:before { content: "\ef1a"; }
.ri-mark-pen-fill:before { content: "\ef1b"; }
.ri-mark-pen-line:before { content: "\ef1c"; }
.ri-markdown-fill:before { content: "\ef1d"; }
.ri-markdown-line:before { content: "\ef1e"; }
.ri-markup-fill:before { content: "\ef1f"; }
.ri-markup-line:before { content: "\ef20"; }
.ri-mastercard-fill:before { content: "\ef21"; }
.ri-mastercard-line:before { content: "\ef22"; }
.ri-mastodon-fill:before { content: "\ef23"; }
.ri-mastodon-line:before { content: "\ef24"; }
.ri-medal-2-fill:before { content: "\ef25"; }
.ri-medal-2-line:before { content: "\ef26"; }
.ri-medal-fill:before { content: "\ef27"; }
.ri-medal-line:before { content: "\ef28"; }
.ri-medicine-bottle-fill:before { content: "\ef29"; }
.ri-medicine-bottle-line:before { content: "\ef2a"; }
.ri-medium-fill:before { content: "\ef2b"; }
.ri-medium-line:before { content: "\ef2c"; }
.ri-men-fill:before { content: "\ef2d"; }
.ri-men-line:before { content: "\ef2e"; }
.ri-mental-health-fill:before { content: "\ef2f"; }
.ri-mental-health-line:before { content: "\ef30"; }
.ri-menu-2-fill:before { content: "\ef31"; }
.ri-menu-2-line:before { content: "\ef32"; }
.ri-menu-3-fill:before { content: "\ef33"; }
.ri-menu-3-line:before { content: "\ef34"; }
.ri-menu-4-fill:before { content: "\ef35"; }
.ri-menu-4-line:before { content: "\ef36"; }
.ri-menu-5-fill:before { content: "\ef37"; }
.ri-menu-5-line:before { content: "\ef38"; }
.ri-menu-add-fill:before { content: "\ef39"; }
.ri-menu-add-line:before { content: "\ef3a"; }
.ri-menu-fill:before { content: "\ef3b"; }
.ri-menu-fold-fill:before { content: "\ef3c"; }
.ri-menu-fold-line:before { content: "\ef3d"; }
.ri-menu-line:before { content: "\ef3e"; }
.ri-menu-unfold-fill:before { content: "\ef3f"; }
.ri-menu-unfold-line:before { content: "\ef40"; }
.ri-merge-cells-horizontal:before { content: "\ef41"; }
.ri-merge-cells-vertical:before { content: "\ef42"; }
.ri-message-2-fill:before { content: "\ef43"; }
.ri-message-2-line:before { content: "\ef44"; }
.ri-message-3-fill:before { content: "\ef45"; }
.ri-message-3-line:before { content: "\ef46"; }
.ri-message-fill:before { content: "\ef47"; }
.ri-message-line:before { content: "\ef48"; }
.ri-messenger-fill:before { content: "\ef49"; }
.ri-messenger-line:before { content: "\ef4a"; }
.ri-meteor-fill:before { content: "\ef4b"; }
.ri-meteor-line:before { content: "\ef4c"; }
.ri-mic-2-fill:before { content: "\ef4d"; }
.ri-mic-2-line:before { content: "\ef4e"; }
.ri-mic-fill:before { content: "\ef4f"; }
.ri-mic-line:before { content: "\ef50"; }
.ri-mic-off-fill:before { content: "\ef51"; }
.ri-mic-off-line:before { content: "\ef52"; }
.ri-mickey-fill:before { content: "\ef53"; }
.ri-mickey-line:before { content: "\ef54"; }
.ri-microscope-fill:before { content: "\ef55"; }
.ri-microscope-line:before { content: "\ef56"; }
.ri-microsoft-fill:before { content: "\ef57"; }
.ri-microsoft-line:before { content: "\ef58"; }
.ri-mind-map:before { content: "\ef59"; }
.ri-mini-program-fill:before { content: "\ef5a"; }
.ri-mini-program-line:before { content: "\ef5b"; }
.ri-mist-fill:before { content: "\ef5c"; }
.ri-mist-line:before { content: "\ef5d"; }
.ri-money-cny-box-fill:before { content: "\ef5e"; }
.ri-money-cny-box-line:before { content: "\ef5f"; }
.ri-money-cny-circle-fill:before { content: "\ef60"; }
.ri-money-cny-circle-line:before { content: "\ef61"; }
.ri-money-dollar-box-fill:before { content: "\ef62"; }
.ri-money-dollar-box-line:before { content: "\ef63"; }
.ri-money-dollar-circle-fill:before { content: "\ef64"; }
.ri-money-dollar-circle-line:before { content: "\ef65"; }
.ri-money-euro-box-fill:before { content: "\ef66"; }
.ri-money-euro-box-line:before { content: "\ef67"; }
.ri-money-euro-circle-fill:before { content: "\ef68"; }
.ri-money-euro-circle-line:before { content: "\ef69"; }
.ri-money-pound-box-fill:before { content: "\ef6a"; }
.ri-money-pound-box-line:before { content: "\ef6b"; }
.ri-money-pound-circle-fill:before { content: "\ef6c"; }
.ri-money-pound-circle-line:before { content: "\ef6d"; }
.ri-moon-clear-fill:before { content: "\ef6e"; }
.ri-moon-clear-line:before { content: "\ef6f"; }
.ri-moon-cloudy-fill:before { content: "\ef70"; }
.ri-moon-cloudy-line:before { content: "\ef71"; }
.ri-moon-fill:before { content: "\ef72"; }
.ri-moon-foggy-fill:before { content: "\ef73"; }
.ri-moon-foggy-line:before { content: "\ef74"; }
.ri-moon-line:before { content: "\ef75"; }
.ri-more-2-fill:before { content: "\ef76"; }
.ri-more-2-line:before { content: "\ef77"; }
.ri-more-fill:before { content: "\ef78"; }
.ri-more-line:before { content: "\ef79"; }
.ri-motorbike-fill:before { content: "\ef7a"; }
.ri-motorbike-line:before { content: "\ef7b"; }
.ri-mouse-fill:before { content: "\ef7c"; }
.ri-mouse-line:before { content: "\ef7d"; }
.ri-movie-2-fill:before { content: "\ef7e"; }
.ri-movie-2-line:before { content: "\ef7f"; }
.ri-movie-fill:before { content: "\ef80"; }
.ri-movie-line:before { content: "\ef81"; }
.ri-music-2-fill:before { content: "\ef82"; }
.ri-music-2-line:before { content: "\ef83"; }
.ri-music-fill:before { content: "\ef84"; }
.ri-music-line:before { content: "\ef85"; }
.ri-mv-fill:before { content: "\ef86"; }
.ri-mv-line:before { content: "\ef87"; }
.ri-navigation-fill:before { content: "\ef88"; }
.ri-navigation-line:before { content: "\ef89"; }
.ri-netease-cloud-music-fill:before { content: "\ef8a"; }
.ri-netease-cloud-music-line:before { content: "\ef8b"; }
.ri-netflix-fill:before { content: "\ef8c"; }
.ri-netflix-line:before { content: "\ef8d"; }
.ri-newspaper-fill:before { content: "\ef8e"; }
.ri-newspaper-line:before { content: "\ef8f"; }
.ri-node-tree:before { content: "\ef90"; }
.ri-notification-2-fill:before { content: "\ef91"; }
.ri-notification-2-line:before { content: "\ef92"; }
.ri-notification-3-fill:before { content: "\ef93"; }
.ri-notification-3-line:before { content: "\ef94"; }
.ri-notification-4-fill:before { content: "\ef95"; }
.ri-notification-4-line:before { content: "\ef96"; }
.ri-notification-badge-fill:before { content: "\ef97"; }
.ri-notification-badge-line:before { content: "\ef98"; }
.ri-notification-fill:before { content: "\ef99"; }
.ri-notification-line:before { content: "\ef9a"; }
.ri-notification-off-fill:before { content: "\ef9b"; }
.ri-notification-off-line:before { content: "\ef9c"; }
.ri-npmjs-fill:before { content: "\ef9d"; }
.ri-npmjs-line:before { content: "\ef9e"; }
.ri-number-0:before { content: "\ef9f"; }
.ri-number-1:before { content: "\efa0"; }
.ri-number-2:before { content: "\efa1"; }
.ri-number-3:before { content: "\efa2"; }
.ri-number-4:before { content: "\efa3"; }
.ri-number-5:before { content: "\efa4"; }
.ri-number-6:before { content: "\efa5"; }
.ri-number-7:before { content: "\efa6"; }
.ri-number-8:before { content: "\efa7"; }
.ri-number-9:before { content: "\efa8"; }
.ri-numbers-fill:before { content: "\efa9"; }
.ri-numbers-line:before { content: "\efaa"; }
.ri-nurse-fill:before { content: "\efab"; }
.ri-nurse-line:before { content: "\efac"; }
.ri-oil-fill:before { content: "\efad"; }
.ri-oil-line:before { content: "\efae"; }
.ri-omega:before { content: "\efaf"; }
.ri-open-arm-fill:before { content: "\efb0"; }
.ri-open-arm-line:before { content: "\efb1"; }
.ri-open-source-fill:before { content: "\efb2"; }
.ri-open-source-line:before { content: "\efb3"; }
.ri-opera-fill:before { content: "\efb4"; }
.ri-opera-line:before { content: "\efb5"; }
.ri-order-play-fill:before { content: "\efb6"; }
.ri-order-play-line:before { content: "\efb7"; }
.ri-organization-chart:before { content: "\efb8"; }
.ri-outlet-2-fill:before { content: "\efb9"; }
.ri-outlet-2-line:before { content: "\efba"; }
.ri-outlet-fill:before { content: "\efbb"; }
.ri-outlet-line:before { content: "\efbc"; }
.ri-page-separator:before { content: "\efbd"; }
.ri-pages-fill:before { content: "\efbe"; }
.ri-pages-line:before { content: "\efbf"; }
.ri-paint-brush-fill:before { content: "\efc0"; }
.ri-paint-brush-line:before { content: "\efc1"; }
.ri-paint-fill:before { content: "\efc2"; }
.ri-paint-line:before { content: "\efc3"; }
.ri-palette-fill:before { content: "\efc4"; }
.ri-palette-line:before { content: "\efc5"; }
.ri-pantone-fill:before { content: "\efc6"; }
.ri-pantone-line:before { content: "\efc7"; }
.ri-paragraph:before { content: "\efc8"; }
.ri-parent-fill:before { content: "\efc9"; }
.ri-parent-line:before { content: "\efca"; }
.ri-parentheses-fill:before { content: "\efcb"; }
.ri-parentheses-line:before { content: "\efcc"; }
.ri-parking-box-fill:before { content: "\efcd"; }
.ri-parking-box-line:before { content: "\efce"; }
.ri-parking-fill:before { content: "\efcf"; }
.ri-parking-line:before { content: "\efd0"; }
.ri-passport-fill:before { content: "\efd1"; }
.ri-passport-line:before { content: "\efd2"; }
.ri-patreon-fill:before { content: "\efd3"; }
.ri-patreon-line:before { content: "\efd4"; }
.ri-pause-circle-fill:before { content: "\efd5"; }
.ri-pause-circle-line:before { content: "\efd6"; }
.ri-pause-fill:before { content: "\efd7"; }
.ri-pause-line:before { content: "\efd8"; }
.ri-pause-mini-fill:before { content: "\efd9"; }
.ri-pause-mini-line:before { content: "\efda"; }
.ri-paypal-fill:before { content: "\efdb"; }
.ri-paypal-line:before { content: "\efdc"; }
.ri-pen-nib-fill:before { content: "\efdd"; }
.ri-pen-nib-line:before { content: "\efde"; }
.ri-pencil-fill:before { content: "\efdf"; }
.ri-pencil-line:before { content: "\efe0"; }
.ri-pencil-ruler-2-fill:before { content: "\efe1"; }
.ri-pencil-ruler-2-line:before { content: "\efe2"; }
.ri-pencil-ruler-fill:before { content: "\efe3"; }
.ri-pencil-ruler-line:before { content: "\efe4"; }
.ri-percent-fill:before { content: "\efe5"; }
.ri-percent-line:before { content: "\efe6"; }
.ri-phone-camera-fill:before { content: "\efe7"; }
.ri-phone-camera-line:before { content: "\efe8"; }
.ri-phone-fill:before { content: "\efe9"; }
.ri-phone-find-fill:before { content: "\efea"; }
.ri-phone-find-line:before { content: "\efeb"; }
.ri-phone-line:before { content: "\efec"; }
.ri-phone-lock-fill:before { content: "\efed"; }
.ri-phone-lock-line:before { content: "\efee"; }
.ri-picture-in-picture-2-fill:before { content: "\efef"; }
.ri-picture-in-picture-2-line:before { content: "\eff0"; }
.ri-picture-in-picture-exit-fill:before { content: "\eff1"; }
.ri-picture-in-picture-exit-line:before { content: "\eff2"; }
.ri-picture-in-picture-fill:before { content: "\eff3"; }
.ri-picture-in-picture-line:before { content: "\eff4"; }
.ri-pie-chart-2-fill:before { content: "\eff5"; }
.ri-pie-chart-2-line:before { content: "\eff6"; }
.ri-pie-chart-box-fill:before { content: "\eff7"; }
.ri-pie-chart-box-line:before { content: "\eff8"; }
.ri-pie-chart-fill:before { content: "\eff9"; }
.ri-pie-chart-line:before { content: "\effa"; }
.ri-pin-distance-fill:before { content: "\effb"; }
.ri-pin-distance-line:before { content: "\effc"; }
.ri-ping-pong-fill:before { content: "\effd"; }
.ri-ping-pong-line:before { content: "\effe"; }
.ri-pinterest-fill:before { content: "\efff"; }
.ri-pinterest-line:before { content: "\f000"; }
.ri-pinyin-input:before { content: "\f001"; }
.ri-pixelfed-fill:before { content: "\f002"; }
.ri-pixelfed-line:before { content: "\f003"; }
.ri-plane-fill:before { content: "\f004"; }
.ri-plane-line:before { content: "\f005"; }
.ri-plant-fill:before { content: "\f006"; }
.ri-plant-line:before { content: "\f007"; }
.ri-play-circle-fill:before { content: "\f008"; }
.ri-play-circle-line:before { content: "\f009"; }
.ri-play-fill:before { content: "\f00a"; }
.ri-play-line:before { content: "\f00b"; }
.ri-play-list-2-fill:before { content: "\f00c"; }
.ri-play-list-2-line:before { content: "\f00d"; }
.ri-play-list-add-fill:before { content: "\f00e"; }
.ri-play-list-add-line:before { content: "\f00f"; }
.ri-play-list-fill:before { content: "\f010"; }
.ri-play-list-line:before { content: "\f011"; }
.ri-play-mini-fill:before { content: "\f012"; }
.ri-play-mini-line:before { content: "\f013"; }
.ri-playstation-fill:before { content: "\f014"; }
.ri-playstation-line:before { content: "\f015"; }
.ri-plug-2-fill:before { content: "\f016"; }
.ri-plug-2-line:before { content: "\f017"; }
.ri-plug-fill:before { content: "\f018"; }
.ri-plug-line:before { content: "\f019"; }
.ri-polaroid-2-fill:before { content: "\f01a"; }
.ri-polaroid-2-line:before { content: "\f01b"; }
.ri-polaroid-fill:before { content: "\f01c"; }
.ri-polaroid-line:before { content: "\f01d"; }
.ri-police-car-fill:before { content: "\f01e"; }
.ri-police-car-line:before { content: "\f01f"; }
.ri-price-tag-2-fill:before { content: "\f020"; }
.ri-price-tag-2-line:before { content: "\f021"; }
.ri-price-tag-3-fill:before { content: "\f022"; }
.ri-price-tag-3-line:before { content: "\f023"; }
.ri-price-tag-fill:before { content: "\f024"; }
.ri-price-tag-line:before { content: "\f025"; }
.ri-printer-cloud-fill:before { content: "\f026"; }
.ri-printer-cloud-line:before { content: "\f027"; }
.ri-printer-fill:before { content: "\f028"; }
.ri-printer-line:before { content: "\f029"; }
.ri-product-hunt-fill:before { content: "\f02a"; }
.ri-product-hunt-line:before { content: "\f02b"; }
.ri-profile-fill:before { content: "\f02c"; }
.ri-profile-line:before { content: "\f02d"; }
.ri-projector-2-fill:before { content: "\f02e"; }
.ri-projector-2-line:before { content: "\f02f"; }
.ri-projector-fill:before { content: "\f030"; }
.ri-projector-line:before { content: "\f031"; }
.ri-psychotherapy-fill:before { content: "\f032"; }
.ri-psychotherapy-line:before { content: "\f033"; }
.ri-pulse-fill:before { content: "\f034"; }
.ri-pulse-line:before { content: "\f035"; }
.ri-pushpin-2-fill:before { content: "\f036"; }
.ri-pushpin-2-line:before { content: "\f037"; }
.ri-pushpin-fill:before { content: "\f038"; }
.ri-pushpin-line:before { content: "\f039"; }
.ri-qq-fill:before { content: "\f03a"; }
.ri-qq-line:before { content: "\f03b"; }
.ri-qr-code-fill:before { content: "\f03c"; }
.ri-qr-code-line:before { content: "\f03d"; }
.ri-qr-scan-2-fill:before { content: "\f03e"; }
.ri-qr-scan-2-line:before { content: "\f03f"; }
.ri-qr-scan-fill:before { content: "\f040"; }
.ri-qr-scan-line:before { content: "\f041"; }
.ri-question-answer-fill:before { content: "\f042"; }
.ri-question-answer-line:before { content: "\f043"; }
.ri-question-fill:before { content: "\f044"; }
.ri-question-line:before { content: "\f045"; }
.ri-question-mark:before { content: "\f046"; }
.ri-questionnaire-fill:before { content: "\f047"; }
.ri-questionnaire-line:before { content: "\f048"; }
.ri-quill-pen-fill:before { content: "\f049"; }
.ri-quill-pen-line:before { content: "\f04a"; }
.ri-radar-fill:before { content: "\f04b"; }
.ri-radar-line:before { content: "\f04c"; }
.ri-radio-2-fill:before { content: "\f04d"; }
.ri-radio-2-line:before { content: "\f04e"; }
.ri-radio-button-fill:before { content: "\f04f"; }
.ri-radio-button-line:before { content: "\f050"; }
.ri-radio-fill:before { content: "\f051"; }
.ri-radio-line:before { content: "\f052"; }
.ri-rainbow-fill:before { content: "\f053"; }
.ri-rainbow-line:before { content: "\f054"; }
.ri-rainy-fill:before { content: "\f055"; }
.ri-rainy-line:before { content: "\f056"; }
.ri-reactjs-fill:before { content: "\f057"; }
.ri-reactjs-line:before { content: "\f058"; }
.ri-record-circle-fill:before { content: "\f059"; }
.ri-record-circle-line:before { content: "\f05a"; }
.ri-record-mail-fill:before { content: "\f05b"; }
.ri-record-mail-line:before { content: "\f05c"; }
.ri-recycle-fill:before { content: "\f05d"; }
.ri-recycle-line:before { content: "\f05e"; }
.ri-red-packet-fill:before { content: "\f05f"; }
.ri-red-packet-line:before { content: "\f060"; }
.ri-reddit-fill:before { content: "\f061"; }
.ri-reddit-line:before { content: "\f062"; }
.ri-refresh-fill:before { content: "\f063"; }
.ri-refresh-line:before { content: "\f064"; }
.ri-refund-2-fill:before { content: "\f065"; }
.ri-refund-2-line:before { content: "\f066"; }
.ri-refund-fill:before { content: "\f067"; }
.ri-refund-line:before { content: "\f068"; }
.ri-registered-fill:before { content: "\f069"; }
.ri-registered-line:before { content: "\f06a"; }
.ri-remixicon-fill:before { content: "\f06b"; }
.ri-remixicon-line:before { content: "\f06c"; }
.ri-remote-control-2-fill:before { content: "\f06d"; }
.ri-remote-control-2-line:before { content: "\f06e"; }
.ri-remote-control-fill:before { content: "\f06f"; }
.ri-remote-control-line:before { content: "\f070"; }
.ri-repeat-2-fill:before { content: "\f071"; }
.ri-repeat-2-line:before { content: "\f072"; }
.ri-repeat-fill:before { content: "\f073"; }
.ri-repeat-line:before { content: "\f074"; }
.ri-repeat-one-fill:before { content: "\f075"; }
.ri-repeat-one-line:before { content: "\f076"; }
.ri-reply-all-fill:before { content: "\f077"; }
.ri-reply-all-line:before { content: "\f078"; }
.ri-reply-fill:before { content: "\f079"; }
.ri-reply-line:before { content: "\f07a"; }
.ri-reserved-fill:before { content: "\f07b"; }
.ri-reserved-line:before { content: "\f07c"; }
.ri-rest-time-fill:before { content: "\f07d"; }
.ri-rest-time-line:before { content: "\f07e"; }
.ri-restart-fill:before { content: "\f07f"; }
.ri-restart-line:before { content: "\f080"; }
.ri-restaurant-2-fill:before { content: "\f081"; }
.ri-restaurant-2-line:before { content: "\f082"; }
.ri-restaurant-fill:before { content: "\f083"; }
.ri-restaurant-line:before { content: "\f084"; }
.ri-rewind-fill:before { content: "\f085"; }
.ri-rewind-line:before { content: "\f086"; }
.ri-rewind-mini-fill:before { content: "\f087"; }
.ri-rewind-mini-line:before { content: "\f088"; }
.ri-rhythm-fill:before { content: "\f089"; }
.ri-rhythm-line:before { content: "\f08a"; }
.ri-riding-fill:before { content: "\f08b"; }
.ri-riding-line:before { content: "\f08c"; }
.ri-road-map-fill:before { content: "\f08d"; }
.ri-road-map-line:before { content: "\f08e"; }
.ri-roadster-fill:before { content: "\f08f"; }
.ri-roadster-line:before { content: "\f090"; }
.ri-robot-fill:before { content: "\f091"; }
.ri-robot-line:before { content: "\f092"; }
.ri-rocket-2-fill:before { content: "\f093"; }
.ri-rocket-2-line:before { content: "\f094"; }
.ri-rocket-fill:before { content: "\f095"; }
.ri-rocket-line:before { content: "\f096"; }
.ri-rotate-lock-fill:before { content: "\f097"; }
.ri-rotate-lock-line:before { content: "\f098"; }
.ri-rounded-corner:before { content: "\f099"; }
.ri-route-fill:before { content: "\f09a"; }
.ri-route-line:before { content: "\f09b"; }
.ri-router-fill:before { content: "\f09c"; }
.ri-router-line:before { content: "\f09d"; }
.ri-rss-fill:before { content: "\f09e"; }
.ri-rss-line:before { content: "\f09f"; }
.ri-ruler-2-fill:before { content: "\f0a0"; }
.ri-ruler-2-line:before { content: "\f0a1"; }
.ri-ruler-fill:before { content: "\f0a2"; }
.ri-ruler-line:before { content: "\f0a3"; }
.ri-run-fill:before { content: "\f0a4"; }
.ri-run-line:before { content: "\f0a5"; }
.ri-safari-fill:before { content: "\f0a6"; }
.ri-safari-line:before { content: "\f0a7"; }
.ri-safe-2-fill:before { content: "\f0a8"; }
.ri-safe-2-line:before { content: "\f0a9"; }
.ri-safe-fill:before { content: "\f0aa"; }
.ri-safe-line:before { content: "\f0ab"; }
.ri-sailboat-fill:before { content: "\f0ac"; }
.ri-sailboat-line:before { content: "\f0ad"; }
.ri-save-2-fill:before { content: "\f0ae"; }
.ri-save-2-line:before { content: "\f0af"; }
.ri-save-3-fill:before { content: "\f0b0"; }
.ri-save-3-line:before { content: "\f0b1"; }
.ri-save-fill:before { content: "\f0b2"; }
.ri-save-line:before { content: "\f0b3"; }
.ri-scales-2-fill:before { content: "\f0b4"; }
.ri-scales-2-line:before { content: "\f0b5"; }
.ri-scales-3-fill:before { content: "\f0b6"; }
.ri-scales-3-line:before { content: "\f0b7"; }
.ri-scales-fill:before { content: "\f0b8"; }
.ri-scales-line:before { content: "\f0b9"; }
.ri-scan-2-fill:before { content: "\f0ba"; }
.ri-scan-2-line:before { content: "\f0bb"; }
.ri-scan-fill:before { content: "\f0bc"; }
.ri-scan-line:before { content: "\f0bd"; }
.ri-scissors-2-fill:before { content: "\f0be"; }
.ri-scissors-2-line:before { content: "\f0bf"; }
.ri-scissors-cut-fill:before { content: "\f0c0"; }
.ri-scissors-cut-line:before { content: "\f0c1"; }
.ri-scissors-fill:before { content: "\f0c2"; }
.ri-scissors-line:before { content: "\f0c3"; }
.ri-screenshot-2-fill:before { content: "\f0c4"; }
.ri-screenshot-2-line:before { content: "\f0c5"; }
.ri-screenshot-fill:before { content: "\f0c6"; }
.ri-screenshot-line:before { content: "\f0c7"; }
.ri-sd-card-fill:before { content: "\f0c8"; }
.ri-sd-card-line:before { content: "\f0c9"; }
.ri-sd-card-mini-fill:before { content: "\f0ca"; }
.ri-sd-card-mini-line:before { content: "\f0cb"; }
.ri-search-2-fill:before { content: "\f0cc"; }
.ri-search-2-line:before { content: "\f0cd"; }
.ri-search-eye-fill:before { content: "\f0ce"; }
.ri-search-eye-line:before { content: "\f0cf"; }
.ri-search-fill:before { content: "\f0d0"; }
.ri-search-line:before { content: "\f0d1"; }
.ri-secure-payment-fill:before { content: "\f0d2"; }
.ri-secure-payment-line:before { content: "\f0d3"; }
.ri-seedling-fill:before { content: "\f0d4"; }
.ri-seedling-line:before { content: "\f0d5"; }
.ri-send-backward:before { content: "\f0d6"; }
.ri-send-plane-2-fill:before { content: "\f0d7"; }
.ri-send-plane-2-line:before { content: "\f0d8"; }
.ri-send-plane-fill:before { content: "\f0d9"; }
.ri-send-plane-line:before { content: "\f0da"; }
.ri-send-to-back:before { content: "\f0db"; }
.ri-sensor-fill:before { content: "\f0dc"; }
.ri-sensor-line:before { content: "\f0dd"; }
.ri-separator:before { content: "\f0de"; }
.ri-server-fill:before { content: "\f0df"; }
.ri-server-line:before { content: "\f0e0"; }
.ri-service-fill:before { content: "\f0e1"; }
.ri-service-line:before { content: "\f0e2"; }
.ri-settings-2-fill:before { content: "\f0e3"; }
.ri-settings-2-line:before { content: "\f0e4"; }
.ri-settings-3-fill:before { content: "\f0e5"; }
.ri-settings-3-line:before { content: "\f0e6"; }
.ri-settings-4-fill:before { content: "\f0e7"; }
.ri-settings-4-line:before { content: "\f0e8"; }
.ri-settings-5-fill:before { content: "\f0e9"; }
.ri-settings-5-line:before { content: "\f0ea"; }
.ri-settings-6-fill:before { content: "\f0eb"; }
.ri-settings-6-line:before { content: "\f0ec"; }
.ri-settings-fill:before { content: "\f0ed"; }
.ri-settings-line:before { content: "\f0ee"; }
.ri-shape-2-fill:before { content: "\f0ef"; }
.ri-shape-2-line:before { content: "\f0f0"; }
.ri-shape-fill:before { content: "\f0f1"; }
.ri-shape-line:before { content: "\f0f2"; }
.ri-share-box-fill:before { content: "\f0f3"; }
.ri-share-box-line:before { content: "\f0f4"; }
.ri-share-circle-fill:before { content: "\f0f5"; }
.ri-share-circle-line:before { content: "\f0f6"; }
.ri-share-fill:before { content: "\f0f7"; }
.ri-share-forward-2-fill:before { content: "\f0f8"; }
.ri-share-forward-2-line:before { content: "\f0f9"; }
.ri-share-forward-box-fill:before { content: "\f0fa"; }
.ri-share-forward-box-line:before { content: "\f0fb"; }
.ri-share-forward-fill:before { content: "\f0fc"; }
.ri-share-forward-line:before { content: "\f0fd"; }
.ri-share-line:before { content: "\f0fe"; }
.ri-shield-check-fill:before { content: "\f0ff"; }
.ri-shield-check-line:before { content: "\f100"; }
.ri-shield-cross-fill:before { content: "\f101"; }
.ri-shield-cross-line:before { content: "\f102"; }
.ri-shield-fill:before { content: "\f103"; }
.ri-shield-flash-fill:before { content: "\f104"; }
.ri-shield-flash-line:before { content: "\f105"; }
.ri-shield-keyhole-fill:before { content: "\f106"; }
.ri-shield-keyhole-line:before { content: "\f107"; }
.ri-shield-line:before { content: "\f108"; }
.ri-shield-star-fill:before { content: "\f109"; }
.ri-shield-star-line:before { content: "\f10a"; }
.ri-shield-user-fill:before { content: "\f10b"; }
.ri-shield-user-line:before { content: "\f10c"; }
.ri-ship-2-fill:before { content: "\f10d"; }
.ri-ship-2-line:before { content: "\f10e"; }
.ri-ship-fill:before { content: "\f10f"; }
.ri-ship-line:before { content: "\f110"; }
.ri-shirt-fill:before { content: "\f111"; }
.ri-shirt-line:before { content: "\f112"; }
.ri-shopping-bag-2-fill:before { content: "\f113"; }
.ri-shopping-bag-2-line:before { content: "\f114"; }
.ri-shopping-bag-3-fill:before { content: "\f115"; }
.ri-shopping-bag-3-line:before { content: "\f116"; }
.ri-shopping-bag-fill:before { content: "\f117"; }
.ri-shopping-bag-line:before { content: "\f118"; }
.ri-shopping-basket-2-fill:before { content: "\f119"; }
.ri-shopping-basket-2-line:before { content: "\f11a"; }
.ri-shopping-basket-fill:before { content: "\f11b"; }
.ri-shopping-basket-line:before { content: "\f11c"; }
.ri-shopping-cart-2-fill:before { content: "\f11d"; }
.ri-shopping-cart-2-line:before { content: "\f11e"; }
.ri-shopping-cart-fill:before { content: "\f11f"; }
.ri-shopping-cart-line:before { content: "\f120"; }
.ri-showers-fill:before { content: "\f121"; }
.ri-showers-line:before { content: "\f122"; }
.ri-shuffle-fill:before { content: "\f123"; }
.ri-shuffle-line:before { content: "\f124"; }
.ri-shut-down-fill:before { content: "\f125"; }
.ri-shut-down-line:before { content: "\f126"; }
.ri-side-bar-fill:before { content: "\f127"; }
.ri-side-bar-line:before { content: "\f128"; }
.ri-signal-tower-fill:before { content: "\f129"; }
.ri-signal-tower-line:before { content: "\f12a"; }
.ri-signal-wifi-1-fill:before { content: "\f12b"; }
.ri-signal-wifi-1-line:before { content: "\f12c"; }
.ri-signal-wifi-2-fill:before { content: "\f12d"; }
.ri-signal-wifi-2-line:before { content: "\f12e"; }
.ri-signal-wifi-3-fill:before { content: "\f12f"; }
.ri-signal-wifi-3-line:before { content: "\f130"; }
.ri-signal-wifi-error-fill:before { content: "\f131"; }
.ri-signal-wifi-error-line:before { content: "\f132"; }
.ri-signal-wifi-fill:before { content: "\f133"; }
.ri-signal-wifi-line:before { content: "\f134"; }
.ri-signal-wifi-off-fill:before { content: "\f135"; }
.ri-signal-wifi-off-line:before { content: "\f136"; }
.ri-sim-card-2-fill:before { content: "\f137"; }
.ri-sim-card-2-line:before { content: "\f138"; }
.ri-sim-card-fill:before { content: "\f139"; }
.ri-sim-card-line:before { content: "\f13a"; }
.ri-single-quotes-l:before { content: "\f13b"; }
.ri-single-quotes-r:before { content: "\f13c"; }
.ri-sip-fill:before { content: "\f13d"; }
.ri-sip-line:before { content: "\f13e"; }
.ri-skip-back-fill:before { content: "\f13f"; }
.ri-skip-back-line:before { content: "\f140"; }
.ri-skip-back-mini-fill:before { content: "\f141"; }
.ri-skip-back-mini-line:before { content: "\f142"; }
.ri-skip-forward-fill:before { content: "\f143"; }
.ri-skip-forward-line:before { content: "\f144"; }
.ri-skip-forward-mini-fill:before { content: "\f145"; }
.ri-skip-forward-mini-line:before { content: "\f146"; }
.ri-skull-2-fill:before { content: "\f147"; }
.ri-skull-2-line:before { content: "\f148"; }
.ri-skull-fill:before { content: "\f149"; }
.ri-skull-line:before { content: "\f14a"; }
.ri-skype-fill:before { content: "\f14b"; }
.ri-skype-line:before { content: "\f14c"; }
.ri-slack-fill:before { content: "\f14d"; }
.ri-slack-line:before { content: "\f14e"; }
.ri-slice-fill:before { content: "\f14f"; }
.ri-slice-line:before { content: "\f150"; }
.ri-slideshow-2-fill:before { content: "\f151"; }
.ri-slideshow-2-line:before { content: "\f152"; }
.ri-slideshow-3-fill:before { content: "\f153"; }
.ri-slideshow-3-line:before { content: "\f154"; }
.ri-slideshow-4-fill:before { content: "\f155"; }
.ri-slideshow-4-line:before { content: "\f156"; }
.ri-slideshow-fill:before { content: "\f157"; }
.ri-slideshow-line:before { content: "\f158"; }
.ri-smartphone-fill:before { content: "\f159"; }
.ri-smartphone-line:before { content: "\f15a"; }
.ri-snapchat-fill:before { content: "\f15b"; }
.ri-snapchat-line:before { content: "\f15c"; }
.ri-snowy-fill:before { content: "\f15d"; }
.ri-snowy-line:before { content: "\f15e"; }
.ri-sort-asc:before { content: "\f15f"; }
.ri-sort-desc:before { content: "\f160"; }
.ri-sound-module-fill:before { content: "\f161"; }
.ri-sound-module-line:before { content: "\f162"; }
.ri-soundcloud-fill:before { content: "\f163"; }
.ri-soundcloud-line:before { content: "\f164"; }
.ri-space-ship-fill:before { content: "\f165"; }
.ri-space-ship-line:before { content: "\f166"; }
.ri-space:before { content: "\f167"; }
.ri-spam-2-fill:before { content: "\f168"; }
.ri-spam-2-line:before { content: "\f169"; }
.ri-spam-3-fill:before { content: "\f16a"; }
.ri-spam-3-line:before { content: "\f16b"; }
.ri-spam-fill:before { content: "\f16c"; }
.ri-spam-line:before { content: "\f16d"; }
.ri-speaker-2-fill:before { content: "\f16e"; }
.ri-speaker-2-line:before { content: "\f16f"; }
.ri-speaker-3-fill:before { content: "\f170"; }
.ri-speaker-3-line:before { content: "\f171"; }
.ri-speaker-fill:before { content: "\f172"; }
.ri-speaker-line:before { content: "\f173"; }
.ri-spectrum-fill:before { content: "\f174"; }
.ri-spectrum-line:before { content: "\f175"; }
.ri-speed-fill:before { content: "\f176"; }
.ri-speed-line:before { content: "\f177"; }
.ri-speed-mini-fill:before { content: "\f178"; }
.ri-speed-mini-line:before { content: "\f179"; }
.ri-split-cells-horizontal:before { content: "\f17a"; }
.ri-split-cells-vertical:before { content: "\f17b"; }
.ri-spotify-fill:before { content: "\f17c"; }
.ri-spotify-line:before { content: "\f17d"; }
.ri-spy-fill:before { content: "\f17e"; }
.ri-spy-line:before { content: "\f17f"; }
.ri-stack-fill:before { content: "\f180"; }
.ri-stack-line:before { content: "\f181"; }
.ri-stack-overflow-fill:before { content: "\f182"; }
.ri-stack-overflow-line:before { content: "\f183"; }
.ri-stackshare-fill:before { content: "\f184"; }
.ri-stackshare-line:before { content: "\f185"; }
.ri-star-fill:before { content: "\f186"; }
.ri-star-half-fill:before { content: "\f187"; }
.ri-star-half-line:before { content: "\f188"; }
.ri-star-half-s-fill:before { content: "\f189"; }
.ri-star-half-s-line:before { content: "\f18a"; }
.ri-star-line:before { content: "\f18b"; }
.ri-star-s-fill:before { content: "\f18c"; }
.ri-star-s-line:before { content: "\f18d"; }
.ri-star-smile-fill:before { content: "\f18e"; }
.ri-star-smile-line:before { content: "\f18f"; }
.ri-steam-fill:before { content: "\f190"; }
.ri-steam-line:before { content: "\f191"; }
.ri-steering-2-fill:before { content: "\f192"; }
.ri-steering-2-line:before { content: "\f193"; }
.ri-steering-fill:before { content: "\f194"; }
.ri-steering-line:before { content: "\f195"; }
.ri-stethoscope-fill:before { content: "\f196"; }
.ri-stethoscope-line:before { content: "\f197"; }
.ri-sticky-note-2-fill:before { content: "\f198"; }
.ri-sticky-note-2-line:before { content: "\f199"; }
.ri-sticky-note-fill:before { content: "\f19a"; }
.ri-sticky-note-line:before { content: "\f19b"; }
.ri-stock-fill:before { content: "\f19c"; }
.ri-stock-line:before { content: "\f19d"; }
.ri-stop-circle-fill:before { content: "\f19e"; }
.ri-stop-circle-line:before { content: "\f19f"; }
.ri-stop-fill:before { content: "\f1a0"; }
.ri-stop-line:before { content: "\f1a1"; }
.ri-stop-mini-fill:before { content: "\f1a2"; }
.ri-stop-mini-line:before { content: "\f1a3"; }
.ri-store-2-fill:before { content: "\f1a4"; }
.ri-store-2-line:before { content: "\f1a5"; }
.ri-store-3-fill:before { content: "\f1a6"; }
.ri-store-3-line:before { content: "\f1a7"; }
.ri-store-fill:before { content: "\f1a8"; }
.ri-store-line:before { content: "\f1a9"; }
.ri-strikethrough-2:before { content: "\f1aa"; }
.ri-strikethrough:before { content: "\f1ab"; }
.ri-subscript-2:before { content: "\f1ac"; }
.ri-subscript:before { content: "\f1ad"; }
.ri-subtract-fill:before { content: "\f1ae"; }
.ri-subtract-line:before { content: "\f1af"; }
.ri-subway-fill:before { content: "\f1b0"; }
.ri-subway-line:before { content: "\f1b1"; }
.ri-subway-wifi-fill:before { content: "\f1b2"; }
.ri-subway-wifi-line:before { content: "\f1b3"; }
.ri-suitcase-2-fill:before { content: "\f1b4"; }
.ri-suitcase-2-line:before { content: "\f1b5"; }
.ri-suitcase-3-fill:before { content: "\f1b6"; }
.ri-suitcase-3-line:before { content: "\f1b7"; }
.ri-suitcase-fill:before { content: "\f1b8"; }
.ri-suitcase-line:before { content: "\f1b9"; }
.ri-sun-cloudy-fill:before { content: "\f1ba"; }
.ri-sun-cloudy-line:before { content: "\f1bb"; }
.ri-sun-fill:before { content: "\f1bc"; }
.ri-sun-foggy-fill:before { content: "\f1bd"; }
.ri-sun-foggy-line:before { content: "\f1be"; }
.ri-sun-line:before { content: "\f1bf"; }
.ri-superscript-2:before { content: "\f1c0"; }
.ri-superscript:before { content: "\f1c1"; }
.ri-surgical-mask-fill:before { content: "\f1c2"; }
.ri-surgical-mask-line:before { content: "\f1c3"; }
.ri-surround-sound-fill:before { content: "\f1c4"; }
.ri-surround-sound-line:before { content: "\f1c5"; }
.ri-survey-fill:before { content: "\f1c6"; }
.ri-survey-line:before { content: "\f1c7"; }
.ri-swap-box-fill:before { content: "\f1c8"; }
.ri-swap-box-line:before { content: "\f1c9"; }
.ri-swap-fill:before { content: "\f1ca"; }
.ri-swap-line:before { content: "\f1cb"; }
.ri-switch-fill:before { content: "\f1cc"; }
.ri-switch-line:before { content: "\f1cd"; }
.ri-sword-fill:before { content: "\f1ce"; }
.ri-sword-line:before { content: "\f1cf"; }
.ri-syringe-fill:before { content: "\f1d0"; }
.ri-syringe-line:before { content: "\f1d1"; }
.ri-t-box-fill:before { content: "\f1d2"; }
.ri-t-box-line:before { content: "\f1d3"; }
.ri-t-shirt-2-fill:before { content: "\f1d4"; }
.ri-t-shirt-2-line:before { content: "\f1d5"; }
.ri-t-shirt-air-fill:before { content: "\f1d6"; }
.ri-t-shirt-air-line:before { content: "\f1d7"; }
.ri-t-shirt-fill:before { content: "\f1d8"; }
.ri-t-shirt-line:before { content: "\f1d9"; }
.ri-table-2:before { content: "\f1da"; }
.ri-table-alt-fill:before { content: "\f1db"; }
.ri-table-alt-line:before { content: "\f1dc"; }
.ri-table-fill:before { content: "\f1dd"; }
.ri-table-line:before { content: "\f1de"; }
.ri-tablet-fill:before { content: "\f1df"; }
.ri-tablet-line:before { content: "\f1e0"; }
.ri-takeaway-fill:before { content: "\f1e1"; }
.ri-takeaway-line:before { content: "\f1e2"; }
.ri-taobao-fill:before { content: "\f1e3"; }
.ri-taobao-line:before { content: "\f1e4"; }
.ri-tape-fill:before { content: "\f1e5"; }
.ri-tape-line:before { content: "\f1e6"; }
.ri-task-fill:before { content: "\f1e7"; }
.ri-task-line:before { content: "\f1e8"; }
.ri-taxi-fill:before { content: "\f1e9"; }
.ri-taxi-line:before { content: "\f1ea"; }
.ri-taxi-wifi-fill:before { content: "\f1eb"; }
.ri-taxi-wifi-line:before { content: "\f1ec"; }
.ri-team-fill:before { content: "\f1ed"; }
.ri-team-line:before { content: "\f1ee"; }
.ri-telegram-fill:before { content: "\f1ef"; }
.ri-telegram-line:before { content: "\f1f0"; }
.ri-temp-cold-fill:before { content: "\f1f1"; }
.ri-temp-cold-line:before { content: "\f1f2"; }
.ri-temp-hot-fill:before { content: "\f1f3"; }
.ri-temp-hot-line:before { content: "\f1f4"; }
.ri-terminal-box-fill:before { content: "\f1f5"; }
.ri-terminal-box-line:before { content: "\f1f6"; }
.ri-terminal-fill:before { content: "\f1f7"; }
.ri-terminal-line:before { content: "\f1f8"; }
.ri-terminal-window-fill:before { content: "\f1f9"; }
.ri-terminal-window-line:before { content: "\f1fa"; }
.ri-test-tube-fill:before { content: "\f1fb"; }
.ri-test-tube-line:before { content: "\f1fc"; }
.ri-text-direction-l:before { content: "\f1fd"; }
.ri-text-direction-r:before { content: "\f1fe"; }
.ri-text-spacing:before { content: "\f1ff"; }
.ri-text-wrap:before { content: "\f200"; }
.ri-text:before { content: "\f201"; }
.ri-thermometer-fill:before { content: "\f202"; }
.ri-thermometer-line:before { content: "\f203"; }
.ri-thumb-down-fill:before { content: "\f204"; }
.ri-thumb-down-line:before { content: "\f205"; }
.ri-thumb-up-fill:before { content: "\f206"; }
.ri-thumb-up-line:before { content: "\f207"; }
.ri-thunderstorms-fill:before { content: "\f208"; }
.ri-thunderstorms-line:before { content: "\f209"; }
.ri-ticket-2-fill:before { content: "\f20a"; }
.ri-ticket-2-line:before { content: "\f20b"; }
.ri-ticket-fill:before { content: "\f20c"; }
.ri-ticket-line:before { content: "\f20d"; }
.ri-time-fill:before { content: "\f20e"; }
.ri-time-line:before { content: "\f20f"; }
.ri-timer-2-fill:before { content: "\f210"; }
.ri-timer-2-line:before { content: "\f211"; }
.ri-timer-fill:before { content: "\f212"; }
.ri-timer-flash-fill:before { content: "\f213"; }
.ri-timer-flash-line:before { content: "\f214"; }
.ri-timer-line:before { content: "\f215"; }
.ri-todo-fill:before { content: "\f216"; }
.ri-todo-line:before { content: "\f217"; }
.ri-toggle-fill:before { content: "\f218"; }
.ri-toggle-line:before { content: "\f219"; }
.ri-tools-fill:before { content: "\f21a"; }
.ri-tools-line:before { content: "\f21b"; }
.ri-tornado-fill:before { content: "\f21c"; }
.ri-tornado-line:before { content: "\f21d"; }
.ri-trademark-fill:before { content: "\f21e"; }
.ri-trademark-line:before { content: "\f21f"; }
.ri-traffic-light-fill:before { content: "\f220"; }
.ri-traffic-light-line:before { content: "\f221"; }
.ri-train-fill:before { content: "\f222"; }
.ri-train-line:before { content: "\f223"; }
.ri-train-wifi-fill:before { content: "\f224"; }
.ri-train-wifi-line:before { content: "\f225"; }
.ri-translate-2:before { content: "\f226"; }
.ri-translate:before { content: "\f227"; }
.ri-travesti-fill:before { content: "\f228"; }
.ri-travesti-line:before { content: "\f229"; }
.ri-treasure-map-fill:before { content: "\f22a"; }
.ri-treasure-map-line:before { content: "\f22b"; }
.ri-trello-fill:before { content: "\f22c"; }
.ri-trello-line:before { content: "\f22d"; }
.ri-trophy-fill:before { content: "\f22e"; }
.ri-trophy-line:before { content: "\f22f"; }
.ri-truck-fill:before { content: "\f230"; }
.ri-truck-line:before { content: "\f231"; }
.ri-tumblr-fill:before { content: "\f232"; }
.ri-tumblr-line:before { content: "\f233"; }
.ri-tv-2-fill:before { content: "\f234"; }
.ri-tv-2-line:before { content: "\f235"; }
.ri-tv-fill:before { content: "\f236"; }
.ri-tv-line:before { content: "\f237"; }
.ri-twitch-fill:before { content: "\f238"; }
.ri-twitch-line:before { content: "\f239"; }
.ri-twitter-fill:before { content: "\f23a"; }
.ri-twitter-line:before { content: "\f23b"; }
.ri-typhoon-fill:before { content: "\f23c"; }
.ri-typhoon-line:before { content: "\f23d"; }
.ri-u-disk-fill:before { content: "\f23e"; }
.ri-u-disk-line:before { content: "\f23f"; }
.ri-ubuntu-fill:before { content: "\f240"; }
.ri-ubuntu-line:before { content: "\f241"; }
.ri-umbrella-fill:before { content: "\f242"; }
.ri-umbrella-line:before { content: "\f243"; }
.ri-underline:before { content: "\f244"; }
.ri-uninstall-fill:before { content: "\f245"; }
.ri-uninstall-line:before { content: "\f246"; }
.ri-unsplash-fill:before { content: "\f247"; }
.ri-unsplash-line:before { content: "\f248"; }
.ri-upload-2-fill:before { content: "\f249"; }
.ri-upload-2-line:before { content: "\f24a"; }
.ri-upload-cloud-2-fill:before { content: "\f24b"; }
.ri-upload-cloud-2-line:before { content: "\f24c"; }
.ri-upload-cloud-fill:before { content: "\f24d"; }
.ri-upload-cloud-line:before { content: "\f24e"; }
.ri-upload-fill:before { content: "\f24f"; }
.ri-upload-line:before { content: "\f250"; }
.ri-usb-fill:before { content: "\f251"; }
.ri-usb-line:before { content: "\f252"; }
.ri-user-2-fill:before { content: "\f253"; }
.ri-user-2-line:before { content: "\f254"; }
.ri-user-3-fill:before { content: "\f255"; }
.ri-user-3-line:before { content: "\f256"; }
.ri-user-4-fill:before { content: "\f257"; }
.ri-user-4-line:before { content: "\f258"; }
.ri-user-5-fill:before { content: "\f259"; }
.ri-user-5-line:before { content: "\f25a"; }
.ri-user-6-fill:before { content: "\f25b"; }
.ri-user-6-line:before { content: "\f25c"; }
.ri-user-add-fill:before { content: "\f25d"; }
.ri-user-add-line:before { content: "\f25e"; }
.ri-user-fill:before { content: "\f25f"; }
.ri-user-follow-fill:before { content: "\f260"; }
.ri-user-follow-line:before { content: "\f261"; }
.ri-user-heart-fill:before { content: "\f262"; }
.ri-user-heart-line:before { content: "\f263"; }
.ri-user-line:before { content: "\f264"; }
.ri-user-location-fill:before { content: "\f265"; }
.ri-user-location-line:before { content: "\f266"; }
.ri-user-received-2-fill:before { content: "\f267"; }
.ri-user-received-2-line:before { content: "\f268"; }
.ri-user-received-fill:before { content: "\f269"; }
.ri-user-received-line:before { content: "\f26a"; }
.ri-user-search-fill:before { content: "\f26b"; }
.ri-user-search-line:before { content: "\f26c"; }
.ri-user-settings-fill:before { content: "\f26d"; }
.ri-user-settings-line:before { content: "\f26e"; }
.ri-user-shared-2-fill:before { content: "\f26f"; }
.ri-user-shared-2-line:before { content: "\f270"; }
.ri-user-shared-fill:before { content: "\f271"; }
.ri-user-shared-line:before { content: "\f272"; }
.ri-user-smile-fill:before { content: "\f273"; }
.ri-user-smile-line:before { content: "\f274"; }
.ri-user-star-fill:before { content: "\f275"; }
.ri-user-star-line:before { content: "\f276"; }
.ri-user-unfollow-fill:before { content: "\f277"; }
.ri-user-unfollow-line:before { content: "\f278"; }
.ri-user-voice-fill:before { content: "\f279"; }
.ri-user-voice-line:before { content: "\f27a"; }
.ri-video-add-fill:before { content: "\f27b"; }
.ri-video-add-line:before { content: "\f27c"; }
.ri-video-chat-fill:before { content: "\f27d"; }
.ri-video-chat-line:before { content: "\f27e"; }
.ri-video-download-fill:before { content: "\f27f"; }
.ri-video-download-line:before { content: "\f280"; }
.ri-video-fill:before { content: "\f281"; }
.ri-video-line:before { content: "\f282"; }
.ri-video-upload-fill:before { content: "\f283"; }
.ri-video-upload-line:before { content: "\f284"; }
.ri-vidicon-2-fill:before { content: "\f285"; }
.ri-vidicon-2-line:before { content: "\f286"; }
.ri-vidicon-fill:before { content: "\f287"; }
.ri-vidicon-line:before { content: "\f288"; }
.ri-vimeo-fill:before { content: "\f289"; }
.ri-vimeo-line:before { content: "\f28a"; }
.ri-vip-crown-2-fill:before { content: "\f28b"; }
.ri-vip-crown-2-line:before { content: "\f28c"; }
.ri-vip-crown-fill:before { content: "\f28d"; }
.ri-vip-crown-line:before { content: "\f28e"; }
.ri-vip-diamond-fill:before { content: "\f28f"; }
.ri-vip-diamond-line:before { content: "\f290"; }
.ri-vip-fill:before { content: "\f291"; }
.ri-vip-line:before { content: "\f292"; }
.ri-virus-fill:before { content: "\f293"; }
.ri-virus-line:before { content: "\f294"; }
.ri-visa-fill:before { content: "\f295"; }
.ri-visa-line:before { content: "\f296"; }
.ri-voice-recognition-fill:before { content: "\f297"; }
.ri-voice-recognition-line:before { content: "\f298"; }
.ri-voiceprint-fill:before { content: "\f299"; }
.ri-voiceprint-line:before { content: "\f29a"; }
.ri-volume-down-fill:before { content: "\f29b"; }
.ri-volume-down-line:before { content: "\f29c"; }
.ri-volume-mute-fill:before { content: "\f29d"; }
.ri-volume-mute-line:before { content: "\f29e"; }
.ri-volume-off-vibrate-fill:before { content: "\f29f"; }
.ri-volume-off-vibrate-line:before { content: "\f2a0"; }
.ri-volume-up-fill:before { content: "\f2a1"; }
.ri-volume-up-line:before { content: "\f2a2"; }
.ri-volume-vibrate-fill:before { content: "\f2a3"; }
.ri-volume-vibrate-line:before { content: "\f2a4"; }
.ri-vuejs-fill:before { content: "\f2a5"; }
.ri-vuejs-line:before { content: "\f2a6"; }
.ri-walk-fill:before { content: "\f2a7"; }
.ri-walk-line:before { content: "\f2a8"; }
.ri-wallet-2-fill:before { content: "\f2a9"; }
.ri-wallet-2-line:before { content: "\f2aa"; }
.ri-wallet-3-fill:before { content: "\f2ab"; }
.ri-wallet-3-line:before { content: "\f2ac"; }
.ri-wallet-fill:before { content: "\f2ad"; }
.ri-wallet-line:before { content: "\f2ae"; }
.ri-water-flash-fill:before { content: "\f2af"; }
.ri-water-flash-line:before { content: "\f2b0"; }
.ri-webcam-fill:before { content: "\f2b1"; }
.ri-webcam-line:before { content: "\f2b2"; }
.ri-wechat-2-fill:before { content: "\f2b3"; }
.ri-wechat-2-line:before { content: "\f2b4"; }
.ri-wechat-fill:before { content: "\f2b5"; }
.ri-wechat-line:before { content: "\f2b6"; }
.ri-wechat-pay-fill:before { content: "\f2b7"; }
.ri-wechat-pay-line:before { content: "\f2b8"; }
.ri-weibo-fill:before { content: "\f2b9"; }
.ri-weibo-line:before { content: "\f2ba"; }
.ri-whatsapp-fill:before { content: "\f2bb"; }
.ri-whatsapp-line:before { content: "\f2bc"; }
.ri-wheelchair-fill:before { content: "\f2bd"; }
.ri-wheelchair-line:before { content: "\f2be"; }
.ri-wifi-fill:before { content: "\f2bf"; }
.ri-wifi-line:before { content: "\f2c0"; }
.ri-wifi-off-fill:before { content: "\f2c1"; }
.ri-wifi-off-line:before { content: "\f2c2"; }
.ri-window-2-fill:before { content: "\f2c3"; }
.ri-window-2-line:before { content: "\f2c4"; }
.ri-window-fill:before { content: "\f2c5"; }
.ri-window-line:before { content: "\f2c6"; }
.ri-windows-fill:before { content: "\f2c7"; }
.ri-windows-line:before { content: "\f2c8"; }
.ri-windy-fill:before { content: "\f2c9"; }
.ri-windy-line:before { content: "\f2ca"; }
.ri-wireless-charging-fill:before { content: "\f2cb"; }
.ri-wireless-charging-line:before { content: "\f2cc"; }
.ri-women-fill:before { content: "\f2cd"; }
.ri-women-line:before { content: "\f2ce"; }
.ri-wubi-input:before { content: "\f2cf"; }
.ri-xbox-fill:before { content: "\f2d0"; }
.ri-xbox-line:before { content: "\f2d1"; }
.ri-xing-fill:before { content: "\f2d2"; }
.ri-xing-line:before { content: "\f2d3"; }
.ri-youtube-fill:before { content: "\f2d4"; }
.ri-youtube-line:before { content: "\f2d5"; }
.ri-zcool-fill:before { content: "\f2d6"; }
.ri-zcool-line:before { content: "\f2d7"; }
.ri-zhihu-fill:before { content: "\f2d8"; }
.ri-zhihu-line:before { content: "\f2d9"; }
.ri-zoom-in-fill:before { content: "\f2da"; }
.ri-zoom-in-line:before { content: "\f2db"; }
.ri-zoom-out-fill:before { content: "\f2dc"; }
.ri-zoom-out-line:before { content: "\f2dd"; }
.ri-zzz-fill:before { content: "\f2de"; }
.ri-zzz-line:before { content: "\f2df"; }
.ri-arrow-down-double-fill:before { content: "\f2e0"; }
.ri-arrow-down-double-line:before { content: "\f2e1"; }
.ri-arrow-left-double-fill:before { content: "\f2e2"; }
.ri-arrow-left-double-line:before { content: "\f2e3"; }
.ri-arrow-right-double-fill:before { content: "\f2e4"; }
.ri-arrow-right-double-line:before { content: "\f2e5"; }
.ri-arrow-turn-back-fill:before { content: "\f2e6"; }
.ri-arrow-turn-back-line:before { content: "\f2e7"; }
.ri-arrow-turn-forward-fill:before { content: "\f2e8"; }
.ri-arrow-turn-forward-line:before { content: "\f2e9"; }
.ri-arrow-up-double-fill:before { content: "\f2ea"; }
.ri-arrow-up-double-line:before { content: "\f2eb"; }
.ri-bard-fill:before { content: "\f2ec"; }
.ri-bard-line:before { content: "\f2ed"; }
.ri-bootstrap-fill:before { content: "\f2ee"; }
.ri-bootstrap-line:before { content: "\f2ef"; }
.ri-box-1-fill:before { content: "\f2f0"; }
.ri-box-1-line:before { content: "\f2f1"; }
.ri-box-2-fill:before { content: "\f2f2"; }
.ri-box-2-line:before { content: "\f2f3"; }
.ri-box-3-fill:before { content: "\f2f4"; }
.ri-box-3-line:before { content: "\f2f5"; }
.ri-brain-fill:before { content: "\f2f6"; }
.ri-brain-line:before { content: "\f2f7"; }
.ri-candle-fill:before { content: "\f2f8"; }
.ri-candle-line:before { content: "\f2f9"; }
.ri-cash-fill:before { content: "\f2fa"; }
.ri-cash-line:before { content: "\f2fb"; }
.ri-contract-left-fill:before { content: "\f2fc"; }
.ri-contract-left-line:before { content: "\f2fd"; }
.ri-contract-left-right-fill:before { content: "\f2fe"; }
.ri-contract-left-right-line:before { content: "\f2ff"; }
.ri-contract-right-fill:before { content: "\f300"; }
.ri-contract-right-line:before { content: "\f301"; }
.ri-contract-up-down-fill:before { content: "\f302"; }
.ri-contract-up-down-line:before { content: "\f303"; }
.ri-copilot-fill:before { content: "\f304"; }
.ri-copilot-line:before { content: "\f305"; }
.ri-corner-down-left-fill:before { content: "\f306"; }
.ri-corner-down-left-line:before { content: "\f307"; }
.ri-corner-down-right-fill:before { content: "\f308"; }
.ri-corner-down-right-line:before { content: "\f309"; }
.ri-corner-left-down-fill:before { content: "\f30a"; }
.ri-corner-left-down-line:before { content: "\f30b"; }
.ri-corner-left-up-fill:before { content: "\f30c"; }
.ri-corner-left-up-line:before { content: "\f30d"; }
.ri-corner-right-down-fill:before { content: "\f30e"; }
.ri-corner-right-down-line:before { content: "\f30f"; }
.ri-corner-right-up-fill:before { content: "\f310"; }
.ri-corner-right-up-line:before { content: "\f311"; }
.ri-corner-up-left-double-fill:before { content: "\f312"; }
.ri-corner-up-left-double-line:before { content: "\f313"; }
.ri-corner-up-left-fill:before { content: "\f314"; }
.ri-corner-up-left-line:before { content: "\f315"; }
.ri-corner-up-right-double-fill:before { content: "\f316"; }
.ri-corner-up-right-double-line:before { content: "\f317"; }
.ri-corner-up-right-fill:before { content: "\f318"; }
.ri-corner-up-right-line:before { content: "\f319"; }
.ri-cross-fill:before { content: "\f31a"; }
.ri-cross-line:before { content: "\f31b"; }
.ri-edge-new-fill:before { content: "\f31c"; }
.ri-edge-new-line:before { content: "\f31d"; }
.ri-equal-fill:before { content: "\f31e"; }
.ri-equal-line:before { content: "\f31f"; }
.ri-expand-left-fill:before { content: "\f320"; }
.ri-expand-left-line:before { content: "\f321"; }
.ri-expand-left-right-fill:before { content: "\f322"; }
.ri-expand-left-right-line:before { content: "\f323"; }
.ri-expand-right-fill:before { content: "\f324"; }
.ri-expand-right-line:before { content: "\f325"; }
.ri-expand-up-down-fill:before { content: "\f326"; }
.ri-expand-up-down-line:before { content: "\f327"; }
.ri-flickr-fill:before { content: "\f328"; }
.ri-flickr-line:before { content: "\f329"; }
.ri-forward-10-fill:before { content: "\f32a"; }
.ri-forward-10-line:before { content: "\f32b"; }
.ri-forward-15-fill:before { content: "\f32c"; }
.ri-forward-15-line:before { content: "\f32d"; }
.ri-forward-30-fill:before { content: "\f32e"; }
.ri-forward-30-line:before { content: "\f32f"; }
.ri-forward-5-fill:before { content: "\f330"; }
.ri-forward-5-line:before { content: "\f331"; }
.ri-graduation-cap-fill:before { content: "\f332"; }
.ri-graduation-cap-line:before { content: "\f333"; }
.ri-home-office-fill:before { content: "\f334"; }
.ri-home-office-line:before { content: "\f335"; }
.ri-hourglass-2-fill:before { content: "\f336"; }
.ri-hourglass-2-line:before { content: "\f337"; }
.ri-hourglass-fill:before { content: "\f338"; }
.ri-hourglass-line:before { content: "\f339"; }
.ri-javascript-fill:before { content: "\f33a"; }
.ri-javascript-line:before { content: "\f33b"; }
.ri-loop-left-fill:before { content: "\f33c"; }
.ri-loop-left-line:before { content: "\f33d"; }
.ri-loop-right-fill:before { content: "\f33e"; }
.ri-loop-right-line:before { content: "\f33f"; }
.ri-memories-fill:before { content: "\f340"; }
.ri-memories-line:before { content: "\f341"; }
.ri-meta-fill:before { content: "\f342"; }
.ri-meta-line:before { content: "\f343"; }
.ri-microsoft-loop-fill:before { content: "\f344"; }
.ri-microsoft-loop-line:before { content: "\f345"; }
.ri-nft-fill:before { content: "\f346"; }
.ri-nft-line:before { content: "\f347"; }
.ri-notion-fill:before { content: "\f348"; }
.ri-notion-line:before { content: "\f349"; }
.ri-openai-fill:before { content: "\f34a"; }
.ri-openai-line:before { content: "\f34b"; }
.ri-overline:before { content: "\f34c"; }
.ri-p2p-fill:before { content: "\f34d"; }
.ri-p2p-line:before { content: "\f34e"; }
.ri-presentation-fill:before { content: "\f34f"; }
.ri-presentation-line:before { content: "\f350"; }
.ri-replay-10-fill:before { content: "\f351"; }
.ri-replay-10-line:before { content: "\f352"; }
.ri-replay-15-fill:before { content: "\f353"; }
.ri-replay-15-line:before { content: "\f354"; }
.ri-replay-30-fill:before { content: "\f355"; }
.ri-replay-30-line:before { content: "\f356"; }
.ri-replay-5-fill:before { content: "\f357"; }
.ri-replay-5-line:before { content: "\f358"; }
.ri-school-fill:before { content: "\f359"; }
.ri-school-line:before { content: "\f35a"; }
.ri-shining-2-fill:before { content: "\f35b"; }
.ri-shining-2-line:before { content: "\f35c"; }
.ri-shining-fill:before { content: "\f35d"; }
.ri-shining-line:before { content: "\f35e"; }
.ri-sketching:before { content: "\f35f"; }
.ri-skip-down-fill:before { content: "\f360"; }
.ri-skip-down-line:before { content: "\f361"; }
.ri-skip-left-fill:before { content: "\f362"; }
.ri-skip-left-line:before { content: "\f363"; }
.ri-skip-right-fill:before { content: "\f364"; }
.ri-skip-right-line:before { content: "\f365"; }
.ri-skip-up-fill:before { content: "\f366"; }
.ri-skip-up-line:before { content: "\f367"; }
.ri-slow-down-fill:before { content: "\f368"; }
.ri-slow-down-line:before { content: "\f369"; }
.ri-sparkling-2-fill:before { content: "\f36a"; }
.ri-sparkling-2-line:before { content: "\f36b"; }
.ri-sparkling-fill:before { content: "\f36c"; }
.ri-sparkling-line:before { content: "\f36d"; }
.ri-speak-fill:before { content: "\f36e"; }
.ri-speak-line:before { content: "\f36f"; }
.ri-speed-up-fill:before { content: "\f370"; }
.ri-speed-up-line:before { content: "\f371"; }
.ri-tiktok-fill:before { content: "\f372"; }
.ri-tiktok-line:before { content: "\f373"; }
.ri-token-swap-fill:before { content: "\f374"; }
.ri-token-swap-line:before { content: "\f375"; }
.ri-unpin-fill:before { content: "\f376"; }
.ri-unpin-line:before { content: "\f377"; }
.ri-wechat-channels-fill:before { content: "\f378"; }
.ri-wechat-channels-line:before { content: "\f379"; }
.ri-wordpress-fill:before { content: "\f37a"; }
.ri-wordpress-line:before { content: "\f37b"; }
.ri-blender-fill:before { content: "\f37c"; }
.ri-blender-line:before { content: "\f37d"; }
.ri-emoji-sticker-fill:before { content: "\f37e"; }
.ri-emoji-sticker-line:before { content: "\f37f"; }
.ri-git-close-pull-request-fill:before { content: "\f380"; }
.ri-git-close-pull-request-line:before { content: "\f381"; }
.ri-instance-fill:before { content: "\f382"; }
.ri-instance-line:before { content: "\f383"; }
.ri-megaphone-fill:before { content: "\f384"; }
.ri-megaphone-line:before { content: "\f385"; }
.ri-pass-expired-fill:before { content: "\f386"; }
.ri-pass-expired-line:before { content: "\f387"; }
.ri-pass-pending-fill:before { content: "\f388"; }
.ri-pass-pending-line:before { content: "\f389"; }
.ri-pass-valid-fill:before { content: "\f38a"; }
.ri-pass-valid-line:before { content: "\f38b"; }
.ri-ai-generate:before { content: "\f38c"; }
.ri-calendar-close-fill:before { content: "\f38d"; }
.ri-calendar-close-line:before { content: "\f38e"; }
.ri-draggable:before { content: "\f38f"; }
.ri-font-family:before { content: "\f390"; }
.ri-font-mono:before { content: "\f391"; }
.ri-font-sans-serif:before { content: "\f392"; }
.ri-font-sans:before { content: "\f393"; }
.ri-hard-drive-3-fill:before { content: "\f394"; }
.ri-hard-drive-3-line:before { content: "\f395"; }
.ri-kick-fill:before { content: "\f396"; }
.ri-kick-line:before { content: "\f397"; }
.ri-list-check-3:before { content: "\f398"; }
.ri-list-indefinite:before { content: "\f399"; }
.ri-list-ordered-2:before { content: "\f39a"; }
.ri-list-radio:before { content: "\f39b"; }
.ri-openbase-fill:before { content: "\f39c"; }
.ri-openbase-line:before { content: "\f39d"; }
.ri-planet-fill:before { content: "\f39e"; }
.ri-planet-line:before { content: "\f39f"; }
.ri-prohibited-fill:before { content: "\f3a0"; }
.ri-prohibited-line:before { content: "\f3a1"; }
.ri-quote-text:before { content: "\f3a2"; }
.ri-seo-fill:before { content: "\f3a3"; }
.ri-seo-line:before { content: "\f3a4"; }
.ri-slash-commands:before { content: "\f3a5"; }
.ri-archive-2-fill:before { content: "\f3a6"; }
.ri-archive-2-line:before { content: "\f3a7"; }
.ri-inbox-2-fill:before { content: "\f3a8"; }
.ri-inbox-2-line:before { content: "\f3a9"; }
.ri-shake-hands-fill:before { content: "\f3aa"; }
.ri-shake-hands-line:before { content: "\f3ab"; }
.ri-supabase-fill:before { content: "\f3ac"; }
.ri-supabase-line:before { content: "\f3ad"; }
.ri-water-percent-fill:before { content: "\f3ae"; }
.ri-water-percent-line:before { content: "\f3af"; }
.ri-yuque-fill:before { content: "\f3b0"; }
.ri-yuque-line:before { content: "\f3b1"; }
.ri-crosshair-2-fill:before { content: "\f3b2"; }
.ri-crosshair-2-line:before { content: "\f3b3"; }
.ri-crosshair-fill:before { content: "\f3b4"; }
.ri-crosshair-line:before { content: "\f3b5"; }
.ri-file-close-fill:before { content: "\f3b6"; }
.ri-file-close-line:before { content: "\f3b7"; }
.ri-infinity-fill:before { content: "\f3b8"; }
.ri-infinity-line:before { content: "\f3b9"; }
.ri-rfid-fill:before { content: "\f3ba"; }
.ri-rfid-line:before { content: "\f3bb"; }
.ri-slash-commands-2:before { content: "\f3bc"; }
.ri-user-forbid-fill:before { content: "\f3bd"; }
.ri-user-forbid-line:before { content: "\f3be"; }
.ri-beer-fill:before { content: "\f3bf"; }
.ri-beer-line:before { content: "\f3c0"; }
.ri-circle-fill:before { content: "\f3c1"; }
.ri-circle-line:before { content: "\f3c2"; }
.ri-dropdown-list:before { content: "\f3c3"; }
.ri-file-image-fill:before { content: "\f3c4"; }
.ri-file-image-line:before { content: "\f3c5"; }
.ri-file-pdf-2-fill:before { content: "\f3c6"; }
.ri-file-pdf-2-line:before { content: "\f3c7"; }
.ri-file-video-fill:before { content: "\f3c8"; }
.ri-file-video-line:before { content: "\f3c9"; }
.ri-folder-image-fill:before { content: "\f3ca"; }
.ri-folder-image-line:before { content: "\f3cb"; }
.ri-folder-video-fill:before { content: "\f3cc"; }
.ri-folder-video-line:before { content: "\f3cd"; }
.ri-hexagon-fill:before { content: "\f3ce"; }
.ri-hexagon-line:before { content: "\f3cf"; }
.ri-menu-search-fill:before { content: "\f3d0"; }
.ri-menu-search-line:before { content: "\f3d1"; }
.ri-octagon-fill:before { content: "\f3d2"; }
.ri-octagon-line:before { content: "\f3d3"; }
.ri-pentagon-fill:before { content: "\f3d4"; }
.ri-pentagon-line:before { content: "\f3d5"; }
.ri-rectangle-fill:before { content: "\f3d6"; }
.ri-rectangle-line:before { content: "\f3d7"; }
.ri-robot-2-fill:before { content: "\f3d8"; }
.ri-robot-2-line:before { content: "\f3d9"; }
.ri-shapes-fill:before { content: "\f3da"; }
.ri-shapes-line:before { content: "\f3db"; }
.ri-square-fill:before { content: "\f3dc"; }
.ri-square-line:before { content: "\f3dd"; }
.ri-tent-fill:before { content: "\f3de"; }
.ri-tent-line:before { content: "\f3df"; }
.ri-threads-fill:before { content: "\f3e0"; }
.ri-threads-line:before { content: "\f3e1"; }
.ri-tree-fill:before { content: "\f3e2"; }
.ri-tree-line:before { content: "\f3e3"; }
.ri-triangle-fill:before { content: "\f3e4"; }
.ri-triangle-line:before { content: "\f3e5"; }
.ri-twitter-x-fill:before { content: "\f3e6"; }
.ri-twitter-x-line:before { content: "\f3e7"; }
.ri-verified-badge-fill:before { content: "\f3e8"; }
.ri-verified-badge-line:before { content: "\f3e9"; }
.ri-armchair-fill:before { content: "\f3ea"; }
.ri-armchair-line:before { content: "\f3eb"; }
.ri-bnb-fill:before { content: "\f3ec"; }
.ri-bnb-line:before { content: "\f3ed"; }
.ri-bread-fill:before { content: "\f3ee"; }
.ri-bread-line:before { content: "\f3ef"; }
.ri-btc-fill:before { content: "\f3f0"; }
.ri-btc-line:before { content: "\f3f1"; }
.ri-calendar-schedule-fill:before { content: "\f3f2"; }
.ri-calendar-schedule-line:before { content: "\f3f3"; }
.ri-dice-1-fill:before { content: "\f3f4"; }
.ri-dice-1-line:before { content: "\f3f5"; }
.ri-dice-2-fill:before { content: "\f3f6"; }
.ri-dice-2-line:before { content: "\f3f7"; }
.ri-dice-3-fill:before { content: "\f3f8"; }
.ri-dice-3-line:before { content: "\f3f9"; }
.ri-dice-4-fill:before { content: "\f3fa"; }
.ri-dice-4-line:before { content: "\f3fb"; }
.ri-dice-5-fill:before { content: "\f3fc"; }
.ri-dice-5-line:before { content: "\f3fd"; }
.ri-dice-6-fill:before { content: "\f3fe"; }
.ri-dice-6-line:before { content: "\f3ff"; }
.ri-dice-fill:before { content: "\f400"; }
.ri-dice-line:before { content: "\f401"; }
.ri-drinks-fill:before { content: "\f402"; }
.ri-drinks-line:before { content: "\f403"; }
.ri-equalizer-2-fill:before { content: "\f404"; }
.ri-equalizer-2-line:before { content: "\f405"; }
.ri-equalizer-3-fill:before { content: "\f406"; }
.ri-equalizer-3-line:before { content: "\f407"; }
.ri-eth-fill:before { content: "\f408"; }
.ri-eth-line:before { content: "\f409"; }
.ri-flower-fill:before { content: "\f40a"; }
.ri-flower-line:before { content: "\f40b"; }
.ri-glasses-2-fill:before { content: "\f40c"; }
.ri-glasses-2-line:before { content: "\f40d"; }
.ri-glasses-fill:before { content: "\f40e"; }
.ri-glasses-line:before { content: "\f40f"; }
.ri-goggles-fill:before { content: "\f410"; }
.ri-goggles-line:before { content: "\f411"; }
.ri-image-circle-fill:before { content: "\f412"; }
.ri-image-circle-line:before { content: "\f413"; }
.ri-info-i:before { content: "\f414"; }
.ri-money-rupee-circle-fill:before { content: "\f415"; }
.ri-money-rupee-circle-line:before { content: "\f416"; }
.ri-news-fill:before { content: "\f417"; }
.ri-news-line:before { content: "\f418"; }
.ri-robot-3-fill:before { content: "\f419"; }
.ri-robot-3-line:before { content: "\f41a"; }
.ri-share-2-fill:before { content: "\f41b"; }
.ri-share-2-line:before { content: "\f41c"; }
.ri-sofa-fill:before { content: "\f41d"; }
.ri-sofa-line:before { content: "\f41e"; }
.ri-svelte-fill:before { content: "\f41f"; }
.ri-svelte-line:before { content: "\f420"; }
.ri-vk-fill:before { content: "\f421"; }
.ri-vk-line:before { content: "\f422"; }
.ri-xrp-fill:before { content: "\f423"; }
.ri-xrp-line:before { content: "\f424"; }
.ri-xtz-fill:before { content: "\f425"; }
.ri-xtz-line:before { content: "\f426"; }
.ri-archive-stack-fill:before { content: "\f427"; }
.ri-archive-stack-line:before { content: "\f428"; }
.ri-bowl-fill:before { content: "\f429"; }
.ri-bowl-line:before { content: "\f42a"; }
.ri-calendar-view:before { content: "\f42b"; }
.ri-carousel-view:before { content: "\f42c"; }
.ri-code-block:before { content: "\f42d"; }
.ri-color-filter-fill:before { content: "\f42e"; }
.ri-color-filter-line:before { content: "\f42f"; }
.ri-contacts-book-3-fill:before { content: "\f430"; }
.ri-contacts-book-3-line:before { content: "\f431"; }
.ri-contract-fill:before { content: "\f432"; }
.ri-contract-line:before { content: "\f433"; }
.ri-drinks-2-fill:before { content: "\f434"; }
.ri-drinks-2-line:before { content: "\f435"; }
.ri-export-fill:before { content: "\f436"; }
.ri-export-line:before { content: "\f437"; }
.ri-file-check-fill:before { content: "\f438"; }
.ri-file-check-line:before { content: "\f439"; }
.ri-focus-mode:before { content: "\f43a"; }
.ri-folder-6-fill:before { content: "\f43b"; }
.ri-folder-6-line:before { content: "\f43c"; }
.ri-folder-check-fill:before { content: "\f43d"; }
.ri-folder-check-line:before { content: "\f43e"; }
.ri-folder-close-fill:before { content: "\f43f"; }
.ri-folder-close-line:before { content: "\f440"; }
.ri-folder-cloud-fill:before { content: "\f441"; }
.ri-folder-cloud-line:before { content: "\f442"; }
.ri-gallery-view-2:before { content: "\f443"; }
.ri-gallery-view:before { content: "\f444"; }
.ri-hand:before { content: "\f445"; }
.ri-import-fill:before { content: "\f446"; }
.ri-import-line:before { content: "\f447"; }
.ri-information-2-fill:before { content: "\f448"; }
.ri-information-2-line:before { content: "\f449"; }
.ri-kanban-view-2:before { content: "\f44a"; }
.ri-kanban-view:before { content: "\f44b"; }
.ri-list-view:before { content: "\f44c"; }
.ri-lock-star-fill:before { content: "\f44d"; }
.ri-lock-star-line:before { content: "\f44e"; }
.ri-puzzle-2-fill:before { content: "\f44f"; }
.ri-puzzle-2-line:before { content: "\f450"; }
.ri-puzzle-fill:before { content: "\f451"; }
.ri-puzzle-line:before { content: "\f452"; }
.ri-ram-2-fill:before { content: "\f453"; }
.ri-ram-2-line:before { content: "\f454"; }
.ri-ram-fill:before { content: "\f455"; }
.ri-ram-line:before { content: "\f456"; }
.ri-receipt-fill:before { content: "\f457"; }
.ri-receipt-line:before { content: "\f458"; }
.ri-shadow-fill:before { content: "\f459"; }
.ri-shadow-line:before { content: "\f45a"; }
.ri-sidebar-fold-fill:before { content: "\f45b"; }
.ri-sidebar-fold-line:before { content: "\f45c"; }
.ri-sidebar-unfold-fill:before { content: "\f45d"; }
.ri-sidebar-unfold-line:before { content: "\f45e"; }
.ri-slideshow-view:before { content: "\f45f"; }
.ri-sort-alphabet-asc:before { content: "\f460"; }
.ri-sort-alphabet-desc:before { content: "\f461"; }
.ri-sort-number-asc:before { content: "\f462"; }
.ri-sort-number-desc:before { content: "\f463"; }
.ri-stacked-view:before { content: "\f464"; }
.ri-sticky-note-add-fill:before { content: "\f465"; }
.ri-sticky-note-add-line:before { content: "\f466"; }
.ri-swap-2-fill:before { content: "\f467"; }
.ri-swap-2-line:before { content: "\f468"; }
.ri-swap-3-fill:before { content: "\f469"; }
.ri-swap-3-line:before { content: "\f46a"; }
.ri-table-3:before { content: "\f46b"; }
.ri-table-view:before { content: "\f46c"; }
.ri-text-block:before { content: "\f46d"; }
.ri-text-snippet:before { content: "\f46e"; }
.ri-timeline-view:before { content: "\f46f"; }
.ri-blogger-fill:before { content: "\f470"; }
.ri-blogger-line:before { content: "\f471"; }
.ri-chat-thread-fill:before { content: "\f472"; }
.ri-chat-thread-line:before { content: "\f473"; }
.ri-discount-percent-fill:before { content: "\f474"; }
.ri-discount-percent-line:before { content: "\f475"; }
.ri-exchange-2-fill:before { content: "\f476"; }
.ri-exchange-2-line:before { content: "\f477"; }
.ri-git-fork-fill:before { content: "\f478"; }
.ri-git-fork-line:before { content: "\f479"; }
.ri-input-field:before { content: "\f47a"; }
.ri-progress-1-fill:before { content: "\f47b"; }
.ri-progress-1-line:before { content: "\f47c"; }
.ri-progress-2-fill:before { content: "\f47d"; }
.ri-progress-2-line:before { content: "\f47e"; }
.ri-progress-3-fill:before { content: "\f47f"; }
.ri-progress-3-line:before { content: "\f480"; }
.ri-progress-4-fill:before { content: "\f481"; }
.ri-progress-4-line:before { content: "\f482"; }
.ri-progress-5-fill:before { content: "\f483"; }
.ri-progress-5-line:before { content: "\f484"; }
.ri-progress-6-fill:before { content: "\f485"; }
.ri-progress-6-line:before { content: "\f486"; }
.ri-progress-7-fill:before { content: "\f487"; }
.ri-progress-7-line:before { content: "\f488"; }
.ri-progress-8-fill:before { content: "\f489"; }
.ri-progress-8-line:before { content: "\f48a"; }
.ri-remix-run-fill:before { content: "\f48b"; }
.ri-remix-run-line:before { content: "\f48c"; }
.ri-signpost-fill:before { content: "\f48d"; }
.ri-signpost-line:before { content: "\f48e"; }
.ri-time-zone-fill:before { content: "\f48f"; }
.ri-time-zone-line:before { content: "\f490"; }
.ri-arrow-down-wide-fill:before { content: "\f491"; }
.ri-arrow-down-wide-line:before { content: "\f492"; }
.ri-arrow-left-wide-fill:before { content: "\f493"; }
.ri-arrow-left-wide-line:before { content: "\f494"; }
.ri-arrow-right-wide-fill:before { content: "\f495"; }
.ri-arrow-right-wide-line:before { content: "\f496"; }
.ri-arrow-up-wide-fill:before { content: "\f497"; }
.ri-arrow-up-wide-line:before { content: "\f498"; }
.ri-bluesky-fill:before { content: "\f499"; }
.ri-bluesky-line:before { content: "\f49a"; }
.ri-expand-height-fill:before { content: "\f49b"; }
.ri-expand-height-line:before { content: "\f49c"; }
.ri-expand-width-fill:before { content: "\f49d"; }
.ri-expand-width-line:before { content: "\f49e"; }
.ri-forward-end-fill:before { content: "\f49f"; }
.ri-forward-end-line:before { content: "\f4a0"; }
.ri-forward-end-mini-fill:before { content: "\f4a1"; }
.ri-forward-end-mini-line:before { content: "\f4a2"; }
.ri-friendica-fill:before { content: "\f4a3"; }
.ri-friendica-line:before { content: "\f4a4"; }
.ri-git-pr-draft-fill:before { content: "\f4a5"; }
.ri-git-pr-draft-line:before { content: "\f4a6"; }
.ri-play-reverse-fill:before { content: "\f4a7"; }
.ri-play-reverse-line:before { content: "\f4a8"; }
.ri-play-reverse-mini-fill:before { content: "\f4a9"; }
.ri-play-reverse-mini-line:before { content: "\f4aa"; }
.ri-rewind-start-fill:before { content: "\f4ab"; }
.ri-rewind-start-line:before { content: "\f4ac"; }
.ri-rewind-start-mini-fill:before { content: "\f4ad"; }
.ri-rewind-start-mini-line:before { content: "\f4ae"; }
.ri-scroll-to-bottom-fill:before { content: "\f4af"; }
.ri-scroll-to-bottom-line:before { content: "\f4b0"; }
.ri-add-large-fill:before { content: "\f4b1"; }
.ri-add-large-line:before { content: "\f4b2"; }
.ri-aed-electrodes-fill:before { content: "\f4b3"; }
.ri-aed-electrodes-line:before { content: "\f4b4"; }
.ri-aed-fill:before { content: "\f4b5"; }
.ri-aed-line:before { content: "\f4b6"; }
.ri-alibaba-cloud-fill:before { content: "\f4b7"; }
.ri-alibaba-cloud-line:before { content: "\f4b8"; }
.ri-align-item-bottom-fill:before { content: "\f4b9"; }
.ri-align-item-bottom-line:before { content: "\f4ba"; }
.ri-align-item-horizontal-center-fill:before { content: "\f4bb"; }
.ri-align-item-horizontal-center-line:before { content: "\f4bc"; }
.ri-align-item-left-fill:before { content: "\f4bd"; }
.ri-align-item-left-line:before { content: "\f4be"; }
.ri-align-item-right-fill:before { content: "\f4bf"; }
.ri-align-item-right-line:before { content: "\f4c0"; }
.ri-align-item-top-fill:before { content: "\f4c1"; }
.ri-align-item-top-line:before { content: "\f4c2"; }
.ri-align-item-vertical-center-fill:before { content: "\f4c3"; }
.ri-align-item-vertical-center-line:before { content: "\f4c4"; }
.ri-apps-2-add-fill:before { content: "\f4c5"; }
.ri-apps-2-add-line:before { content: "\f4c6"; }
.ri-close-large-fill:before { content: "\f4c7"; }
.ri-close-large-line:before { content: "\f4c8"; }
.ri-collapse-diagonal-2-fill:before { content: "\f4c9"; }
.ri-collapse-diagonal-2-line:before { content: "\f4ca"; }
.ri-collapse-diagonal-fill:before { content: "\f4cb"; }
.ri-collapse-diagonal-line:before { content: "\f4cc"; }
.ri-dashboard-horizontal-fill:before { content: "\f4cd"; }
.ri-dashboard-horizontal-line:before { content: "\f4ce"; }
.ri-expand-diagonal-2-fill:before { content: "\f4cf"; }
.ri-expand-diagonal-2-line:before { content: "\f4d0"; }
.ri-expand-diagonal-fill:before { content: "\f4d1"; }
.ri-expand-diagonal-line:before { content: "\f4d2"; }
.ri-firebase-fill:before { content: "\f4d3"; }
.ri-firebase-line:before { content: "\f4d4"; }
.ri-flip-horizontal-2-fill:before { content: "\f4d5"; }
.ri-flip-horizontal-2-line:before { content: "\f4d6"; }
.ri-flip-horizontal-fill:before { content: "\f4d7"; }
.ri-flip-horizontal-line:before { content: "\f4d8"; }
.ri-flip-vertical-2-fill:before { content: "\f4d9"; }
.ri-flip-vertical-2-line:before { content: "\f4da"; }
.ri-flip-vertical-fill:before { content: "\f4db"; }
.ri-flip-vertical-line:before { content: "\f4dc"; }
.ri-formula:before { content: "\f4dd"; }
.ri-function-add-fill:before { content: "\f4de"; }
.ri-function-add-line:before { content: "\f4df"; }
.ri-goblet-2-fill:before { content: "\f4e0"; }
.ri-goblet-2-line:before { content: "\f4e1"; }
.ri-golf-ball-fill:before { content: "\f4e2"; }
.ri-golf-ball-line:before { content: "\f4e3"; }
.ri-group-3-fill:before { content: "\f4e4"; }
.ri-group-3-line:before { content: "\f4e5"; }
.ri-heart-add-2-fill:before { content: "\f4e6"; }
.ri-heart-add-2-line:before { content: "\f4e7"; }
.ri-id-card-fill:before { content: "\f4e8"; }
.ri-id-card-line:before { content: "\f4e9"; }
.ri-information-off-fill:before { content: "\f4ea"; }
.ri-information-off-line:before { content: "\f4eb"; }
.ri-java-fill:before { content: "\f4ec"; }
.ri-java-line:before { content: "\f4ed"; }
.ri-layout-grid-2-fill:before { content: "\f4ee"; }
.ri-layout-grid-2-line:before { content: "\f4ef"; }
.ri-layout-horizontal-fill:before { content: "\f4f0"; }
.ri-layout-horizontal-line:before { content: "\f4f1"; }
.ri-layout-vertical-fill:before { content: "\f4f2"; }
.ri-layout-vertical-line:before { content: "\f4f3"; }
.ri-menu-fold-2-fill:before { content: "\f4f4"; }
.ri-menu-fold-2-line:before { content: "\f4f5"; }
.ri-menu-fold-3-fill:before { content: "\f4f6"; }
.ri-menu-fold-3-line:before { content: "\f4f7"; }
.ri-menu-fold-4-fill:before { content: "\f4f8"; }
.ri-menu-fold-4-line:before { content: "\f4f9"; }
.ri-menu-unfold-2-fill:before { content: "\f4fa"; }
.ri-menu-unfold-2-line:before { content: "\f4fb"; }
.ri-menu-unfold-3-fill:before { content: "\f4fc"; }
.ri-menu-unfold-3-line:before { content: "\f4fd"; }
.ri-menu-unfold-4-fill:before { content: "\f4fe"; }
.ri-menu-unfold-4-line:before { content: "\f4ff"; }
.ri-mobile-download-fill:before { content: "\f500"; }
.ri-mobile-download-line:before { content: "\f501"; }
.ri-nextjs-fill:before { content: "\f502"; }
.ri-nextjs-line:before { content: "\f503"; }
.ri-nodejs-fill:before { content: "\f504"; }
.ri-nodejs-line:before { content: "\f505"; }
.ri-pause-large-fill:before { content: "\f506"; }
.ri-pause-large-line:before { content: "\f507"; }
.ri-play-large-fill:before { content: "\f508"; }
.ri-play-large-line:before { content: "\f509"; }
.ri-play-reverse-large-fill:before { content: "\f50a"; }
.ri-play-reverse-large-line:before { content: "\f50b"; }
.ri-police-badge-fill:before { content: "\f50c"; }
.ri-police-badge-line:before { content: "\f50d"; }
.ri-prohibited-2-fill:before { content: "\f50e"; }
.ri-prohibited-2-line:before { content: "\f50f"; }
.ri-shopping-bag-4-fill:before { content: "\f510"; }
.ri-shopping-bag-4-line:before { content: "\f511"; }
.ri-snowflake-fill:before { content: "\f512"; }
.ri-snowflake-line:before { content: "\f513"; }
.ri-square-root:before { content: "\f514"; }
.ri-stop-large-fill:before { content: "\f515"; }
.ri-stop-large-line:before { content: "\f516"; }
.ri-tailwind-css-fill:before { content: "\f517"; }
.ri-tailwind-css-line:before { content: "\f518"; }
.ri-tooth-fill:before { content: "\f519"; }
.ri-tooth-line:before { content: "\f51a"; }
.ri-video-off-fill:before { content: "\f51b"; }
.ri-video-off-line:before { content: "\f51c"; }
.ri-video-on-fill:before { content: "\f51d"; }
.ri-video-on-line:before { content: "\f51e"; }
.ri-webhook-fill:before { content: "\f51f"; }
.ri-webhook-line:before { content: "\f520"; }
.ri-weight-fill:before { content: "\f521"; }
.ri-weight-line:before { content: "\f522"; }
.ri-book-shelf-fill:before { content: "\f523"; }
.ri-book-shelf-line:before { content: "\f524"; }
.ri-brain-2-fill:before { content: "\f525"; }
.ri-brain-2-line:before { content: "\f526"; }
.ri-chat-search-fill:before { content: "\f527"; }
.ri-chat-search-line:before { content: "\f528"; }
.ri-chat-unread-fill:before { content: "\f529"; }
.ri-chat-unread-line:before { content: "\f52a"; }
.ri-collapse-horizontal-fill:before { content: "\f52b"; }
.ri-collapse-horizontal-line:before { content: "\f52c"; }
.ri-collapse-vertical-fill:before { content: "\f52d"; }
.ri-collapse-vertical-line:before { content: "\f52e"; }
.ri-dna-fill:before { content: "\f52f"; }
.ri-dna-line:before { content: "\f530"; }
.ri-dropper-fill:before { content: "\f531"; }
.ri-dropper-line:before { content: "\f532"; }
.ri-expand-diagonal-s-2-fill:before { content: "\f533"; }
.ri-expand-diagonal-s-2-line:before { content: "\f534"; }
.ri-expand-diagonal-s-fill:before { content: "\f535"; }
.ri-expand-diagonal-s-line:before { content: "\f536"; }
.ri-expand-horizontal-fill:before { content: "\f537"; }
.ri-expand-horizontal-line:before { content: "\f538"; }
.ri-expand-horizontal-s-fill:before { content: "\f539"; }
.ri-expand-horizontal-s-line:before { content: "\f53a"; }
.ri-expand-vertical-fill:before { content: "\f53b"; }
.ri-expand-vertical-line:before { content: "\f53c"; }
.ri-expand-vertical-s-fill:before { content: "\f53d"; }
.ri-expand-vertical-s-line:before { content: "\f53e"; }
.ri-gemini-fill:before { content: "\f53f"; }
.ri-gemini-line:before { content: "\f540"; }
.ri-reset-left-fill:before { content: "\f541"; }
.ri-reset-left-line:before { content: "\f542"; }
.ri-reset-right-fill:before { content: "\f543"; }
.ri-reset-right-line:before { content: "\f544"; }
.ri-stairs-fill:before { content: "\f545"; }
.ri-stairs-line:before { content: "\f546"; }
.ri-telegram-2-fill:before { content: "\f547"; }
.ri-telegram-2-line:before { content: "\f548"; }
.ri-triangular-flag-fill:before { content: "\f549"; }
.ri-triangular-flag-line:before { content: "\f54a"; }
.ri-user-minus-fill:before { content: "\f54b"; }
.ri-user-minus-line:before { content: "\f54c"; }
.ri-account-box-2-fill:before { content: "\f54d"; }
.ri-account-box-2-line:before { content: "\f54e"; }
.ri-account-circle-2-fill:before { content: "\f54f"; }
.ri-account-circle-2-line:before { content: "\f550"; }
.ri-alarm-snooze-fill:before { content: "\f551"; }
.ri-alarm-snooze-line:before { content: "\f552"; }
.ri-arrow-down-box-fill:before { content: "\f553"; }
.ri-arrow-down-box-line:before { content: "\f554"; }
.ri-arrow-left-box-fill:before { content: "\f555"; }
.ri-arrow-left-box-line:before { content: "\f556"; }
.ri-arrow-left-down-box-fill:before { content: "\f557"; }
.ri-arrow-left-down-box-line:before { content: "\f558"; }
.ri-arrow-left-up-box-fill:before { content: "\f559"; }
.ri-arrow-left-up-box-line:before { content: "\f55a"; }
.ri-arrow-right-box-fill:before { content: "\f55b"; }
.ri-arrow-right-box-line:before { content: "\f55c"; }
.ri-arrow-right-down-box-fill:before { content: "\f55d"; }
.ri-arrow-right-down-box-line:before { content: "\f55e"; }
.ri-arrow-right-up-box-fill:before { content: "\f55f"; }
.ri-arrow-right-up-box-line:before { content: "\f560"; }
.ri-arrow-up-box-fill:before { content: "\f561"; }
.ri-arrow-up-box-line:before { content: "\f562"; }
.ri-bar-chart-box-ai-fill:before { content: "\f563"; }
.ri-bar-chart-box-ai-line:before { content: "\f564"; }
.ri-brush-ai-fill:before { content: "\f565"; }
.ri-brush-ai-line:before { content: "\f566"; }
.ri-camera-ai-fill:before { content: "\f567"; }
.ri-camera-ai-line:before { content: "\f568"; }
.ri-chat-ai-fill:before { content: "\f569"; }
.ri-chat-ai-line:before { content: "\f56a"; }
.ri-chat-smile-ai-fill:before { content: "\f56b"; }
.ri-chat-smile-ai-line:before { content: "\f56c"; }
.ri-chat-voice-ai-fill:before { content: "\f56d"; }
.ri-chat-voice-ai-line:before { content: "\f56e"; }
.ri-code-ai-fill:before { content: "\f56f"; }
.ri-code-ai-line:before { content: "\f570"; }
.ri-color-filter-ai-fill:before { content: "\f571"; }
.ri-color-filter-ai-line:before { content: "\f572"; }
.ri-custom-size:before { content: "\f573"; }
.ri-fediverse-fill:before { content: "\f574"; }
.ri-fediverse-line:before { content: "\f575"; }
.ri-flag-off-fill:before { content: "\f576"; }
.ri-flag-off-line:before { content: "\f577"; }
.ri-home-9-fill:before { content: "\f578"; }
.ri-home-9-line:before { content: "\f579"; }
.ri-image-ai-fill:before { content: "\f57a"; }
.ri-image-ai-line:before { content: "\f57b"; }
.ri-image-circle-ai-fill:before { content: "\f57c"; }
.ri-image-circle-ai-line:before { content: "\f57d"; }
.ri-info-card-fill:before { content: "\f57e"; }
.ri-info-card-line:before { content: "\f57f"; }
.ri-landscape-ai-fill:before { content: "\f580"; }
.ri-landscape-ai-line:before { content: "\f581"; }
.ri-letter-spacing-2:before { content: "\f582"; }
.ri-line-height-2:before { content: "\f583"; }
.ri-mail-ai-fill:before { content: "\f584"; }
.ri-mail-ai-line:before { content: "\f585"; }
.ri-mic-2-ai-fill:before { content: "\f586"; }
.ri-mic-2-ai-line:before { content: "\f587"; }
.ri-mic-ai-fill:before { content: "\f588"; }
.ri-mic-ai-line:before { content: "\f589"; }
.ri-movie-ai-fill:before { content: "\f58a"; }
.ri-movie-ai-line:before { content: "\f58b"; }
.ri-music-ai-fill:before { content: "\f58c"; }
.ri-music-ai-line:before { content: "\f58d"; }
.ri-notification-snooze-fill:before { content: "\f58e"; }
.ri-notification-snooze-line:before { content: "\f58f"; }
.ri-php-fill:before { content: "\f590"; }
.ri-php-line:before { content: "\f591"; }
.ri-pix-fill:before { content: "\f592"; }
.ri-pix-line:before { content: "\f593"; }
.ri-pulse-ai-fill:before { content: "\f594"; }
.ri-pulse-ai-line:before { content: "\f595"; }
.ri-quill-pen-ai-fill:before { content: "\f596"; }
.ri-quill-pen-ai-line:before { content: "\f597"; }
.ri-speak-ai-fill:before { content: "\f598"; }
.ri-speak-ai-line:before { content: "\f599"; }
.ri-star-off-fill:before { content: "\f59a"; }
.ri-star-off-line:before { content: "\f59b"; }
.ri-translate-ai-2:before { content: "\f59c"; }
.ri-translate-ai:before { content: "\f59d"; }
.ri-user-community-fill:before { content: "\f59e"; }
.ri-user-community-line:before { content: "\f59f"; }
.ri-vercel-fill:before { content: "\f5a0"; }
.ri-vercel-line:before { content: "\f5a1"; }
.ri-video-ai-fill:before { content: "\f5a2"; }
.ri-video-ai-line:before { content: "\f5a3"; }
.ri-video-on-ai-fill:before { content: "\f5a4"; }
.ri-video-on-ai-line:before { content: "\f5a5"; }
.ri-voice-ai-fill:before { content: "\f5a6"; }
.ri-voice-ai-line:before { content: "\f5a7"; }
.ri-ai-generate-2:before { content: "\f5a8"; }
.ri-ai-generate-text:before { content: "\f5a9"; }
.ri-anthropic-fill:before { content: "\f5aa"; }
.ri-anthropic-line:before { content: "\f5ab"; }
.ri-apps-2-ai-fill:before { content: "\f5ac"; }
.ri-apps-2-ai-line:before { content: "\f5ad"; }
.ri-camera-lens-ai-fill:before { content: "\f5ae"; }
.ri-camera-lens-ai-line:before { content: "\f5af"; }
.ri-clapperboard-ai-fill:before { content: "\f5b0"; }
.ri-clapperboard-ai-line:before { content: "\f5b1"; }
.ri-claude-fill:before { content: "\f5b2"; }
.ri-claude-line:before { content: "\f5b3"; }
.ri-closed-captioning-ai-fill:before { content: "\f5b4"; }
.ri-closed-captioning-ai-line:before { content: "\f5b5"; }
.ri-dvd-ai-fill:before { content: "\f5b6"; }
.ri-dvd-ai-line:before { content: "\f5b7"; }
.ri-film-ai-fill:before { content: "\f5b8"; }
.ri-film-ai-line:before { content: "\f5b9"; }
.ri-font-size-ai:before { content: "\f5ba"; }
.ri-mixtral-fill:before { content: "\f5bb"; }
.ri-mixtral-line:before { content: "\f5bc"; }
.ri-movie-2-ai-fill:before { content: "\f5bd"; }
.ri-movie-2-ai-line:before { content: "\f5be"; }
.ri-mv-ai-fill:before { content: "\f5bf"; }
.ri-mv-ai-line:before { content: "\f5c0"; }
.ri-perplexity-fill:before { content: "\f5c1"; }
.ri-perplexity-line:before { content: "\f5c2"; }
.ri-poker-clubs-fill:before { content: "\f5c3"; }
.ri-poker-clubs-line:before { content: "\f5c4"; }
.ri-poker-diamonds-fill:before { content: "\f5c5"; }
.ri-poker-diamonds-line:before { content: "\f5c6"; }
.ri-poker-hearts-fill:before { content: "\f5c7"; }
.ri-poker-hearts-line:before { content: "\f5c8"; }
.ri-poker-spades-fill:before { content: "\f5c9"; }
.ri-poker-spades-line:before { content: "\f5ca"; }
.ri-safe-3-fill:before { content: "\f5cb"; }
.ri-safe-3-line:before { content: "\f5cc"; }
.ri-accessibility-fill:before { content: "\f5cd"; }
.ri-accessibility-line:before { content: "\f5ce"; }
.ri-alarm-add-fill:before { content: "\f5cf"; }
.ri-alarm-add-line:before { content: "\f5d0"; }
.ri-arrow-down-long-fill:before { content: "\f5d1"; }
.ri-arrow-down-long-line:before { content: "\f5d2"; }
.ri-arrow-left-down-long-fill:before { content: "\f5d3"; }
.ri-arrow-left-down-long-line:before { content: "\f5d4"; }
.ri-arrow-left-long-fill:before { content: "\f5d5"; }
.ri-arrow-left-long-line:before { content: "\f5d6"; }
.ri-arrow-left-up-long-fill:before { content: "\f5d7"; }
.ri-arrow-left-up-long-line:before { content: "\f5d8"; }
.ri-arrow-right-down-long-fill:before { content: "\f5d9"; }
.ri-arrow-right-down-long-line:before { content: "\f5da"; }
.ri-arrow-right-long-fill:before { content: "\f5db"; }
.ri-arrow-right-long-line:before { content: "\f5dc"; }
.ri-arrow-right-up-long-fill:before { content: "\f5dd"; }
.ri-arrow-right-up-long-line:before { content: "\f5de"; }
.ri-arrow-up-long-fill:before { content: "\f5df"; }
.ri-arrow-up-long-line:before { content: "\f5e0"; }
.ri-chess-fill:before { content: "\f5e1"; }
.ri-chess-line:before { content: "\f5e2"; }
.ri-diamond-fill:before { content: "\f5e3"; }
.ri-diamond-line:before { content: "\f5e4"; }
.ri-diamond-ring-fill:before { content: "\f5e5"; }
.ri-diamond-ring-line:before { content: "\f5e6"; }
.ri-figma-fill:before { content: "\f5e7"; }
.ri-figma-line:before { content: "\f5e8"; }
.ri-firefox-browser-fill:before { content: "\f5e9"; }
.ri-firefox-browser-line:before { content: "\f5ea"; }
.ri-jewelry-fill:before { content: "\f5eb"; }
.ri-jewelry-line:before { content: "\f5ec"; }
.ri-multi-image-fill:before { content: "\f5ed"; }
.ri-multi-image-line:before { content: "\f5ee"; }
.ri-no-credit-card-fill:before { content: "\f5ef"; }
.ri-no-credit-card-line:before { content: "\f5f0"; }
.ri-service-bell-fill:before { content: "\f5f1"; }
.ri-service-bell-line:before { content: "\f5f2"; }
.ri-ai-agent-fill:before { content: "\f5f3"; }
.ri-ai-agent-line:before { content: "\f5f4"; }
.ri-ai-generate-2-fill:before { content: "\f5f5"; }
.ri-ai-generate-2-line:before { content: "\f5f6"; }
.ri-ai-generate-3d-fill:before { content: "\f5f7"; }
.ri-ai-generate-3d-line:before { content: "\f5f8"; }
.ri-ai:before { content: "\f5f9"; }
.ri-apps-ai-fill:before { content: "\f5fa"; }
.ri-apps-ai-line:before { content: "\f5fb"; }
.ri-atom-fill:before { content: "\f5fc"; }
.ri-atom-line:before { content: "\f5fd"; }
.ri-book-ai-fill:before { content: "\f5fe"; }
.ri-book-ai-line:before { content: "\f5ff"; }
.ri-brain-3-fill:before { content: "\f600"; }
.ri-brain-3-line:before { content: "\f601"; }
.ri-brain-ai-3-fill:before { content: "\f602"; }
.ri-brain-ai-3-line:before { content: "\f603"; }
.ri-brush-ai-3-fill:before { content: "\f604"; }
.ri-brush-ai-3-line:before { content: "\f605"; }
.ri-camera-4-fill:before { content: "\f606"; }
.ri-camera-4-line:before { content: "\f607"; }
.ri-camera-ai-2-fill:before { content: "\f608"; }
.ri-camera-ai-2-line:before { content: "\f609"; }
.ri-chat-ai-2-fill:before { content: "\f60a"; }
.ri-chat-ai-2-line:before { content: "\f60b"; }
.ri-chat-ai-3-fill:before { content: "\f60c"; }
.ri-chat-ai-3-line:before { content: "\f60d"; }
.ri-chat-ai-4-fill:before { content: "\f60e"; }
.ri-chat-ai-4-line:before { content: "\f60f"; }
.ri-chat-smile-ai-3-fill:before { content: "\f610"; }
.ri-chat-smile-ai-3-line:before { content: "\f611"; }
.ri-deepseek-fill:before { content: "\f612"; }
.ri-deepseek-line:before { content: "\f613"; }
.ri-file-ai-2-fill:before { content: "\f614"; }
.ri-file-ai-2-line:before { content: "\f615"; }
.ri-file-ai-fill:before { content: "\f616"; }
.ri-file-ai-line:before { content: "\f617"; }
.ri-function-ai-fill:before { content: "\f618"; }
.ri-function-ai-line:before { content: "\f619"; }
.ri-game-2-fill:before { content: "\f61a"; }
.ri-game-2-line:before { content: "\f61b"; }
.ri-goblet-broken-fill:before { content: "\f61c"; }
.ri-goblet-broken-line:before { content: "\f61d"; }
.ri-lightbulb-ai-fill:before { content: "\f61e"; }
.ri-lightbulb-ai-line:before { content: "\f61f"; }
.ri-loop-left-ai-fill:before { content: "\f620"; }
.ri-loop-left-ai-line:before { content: "\f621"; }
.ri-loop-right-ai-fill:before { content: "\f622"; }
.ri-loop-right-ai-line:before { content: "\f623"; }
.ri-message-ai-3-fill:before { content: "\f624"; }
.ri-message-ai-3-line:before { content: "\f625"; }
.ri-painting-ai-fill:before { content: "\f626"; }
.ri-painting-ai-line:before { content: "\f627"; }
.ri-painting-fill:before { content: "\f628"; }
.ri-painting-line:before { content: "\f629"; }
.ri-pencil-ai-2-fill:before { content: "\f62a"; }
.ri-pencil-ai-2-line:before { content: "\f62b"; }
.ri-pencil-ai-fill:before { content: "\f62c"; }
.ri-pencil-ai-line:before { content: "\f62d"; }
.ri-remix-fill:before { content: "\f62e"; }
.ri-remix-line:before { content: "\f62f"; }
.ri-search-ai-2-fill:before { content: "\f630"; }
.ri-search-ai-2-line:before { content: "\f631"; }
.ri-search-ai-3-fill:before { content: "\f632"; }
.ri-search-ai-3-line:before { content: "\f633"; }
.ri-search-ai-4-fill:before { content: "\f634"; }
.ri-search-ai-4-line:before { content: "\f635"; }
.ri-search-ai-fill:before { content: "\f636"; }
.ri-search-ai-line:before { content: "\f637"; }
.ri-speech-to-text-fill:before { content: "\f638"; }
.ri-speech-to-text-line:before { content: "\f639"; }
.ri-target-fill:before { content: "\f63a"; }
.ri-target-line:before { content: "\f63b"; }
.ri-text-to-speech-fill:before { content: "\f63c"; }
.ri-text-to-speech-line:before { content: "\f63d"; }
.ri-wrench-fill:before { content: "\f63e"; }
.ri-wrench-line:before { content: "\f63f"; }


* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html,
body,
#root {
  width: 100%;
  height: 100%;
}
.w-h-100 {
  width: 100%;
  height: 100%;
}
.center,
.f-screen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.f-screen {
  width: 100%;
  height: 100%;
}
.arco-layout .lay-header .lay-header-title {
  background: var(--color-white);
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 10px;
  -webkit-box-shadow: inset 0px -1px 0px 0px #f2f3f5;
          box-shadow: inset 0px -1px 0px 0px #f2f3f5;
}
.arco-layout .lay-header .lay-header-title svg {
  color: rgb(var(--primary-6));
  font-size: 12px;
  display: inline-block;
  margin-right: 7.5px;
}
.arco-layout .lay-header .lay-header-title span {
  font-size: 14px;
  color: var(--color-text-1);
  font-weight: 600;
}
.page {
  height: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: var(--color-gray-2);
}
.page .arco-layout {
  height: calc(100%);
  background: #fff;
  border-radius: 6px;
}
.page-content {
  padding: 0 16px 10px 16px;
}
.page-btns {
  margin-bottom: 10px;
}
.page-btns .btn {
  min-width: 72px;
}
.page-footer {
  padding: 10px 0;
}
.modo-tab-page-content {
  padding: 20px;
}
.table-handel:not(:last-child) {
  margin-left: 8px;
}
.moda-icon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  width: 1em;
  height: 1em;
  vertical-align: -2px;
  stroke: currentColor;
}
.moda-icon[fill='currentColor'] {
  fill: currentColor;
  stroke: none;
}
.moda-icon[stroke='currentColor'] {
  stroke: currentColor;
  fill: none;
}
.moda-icon[fill='currentColor'][stroke='currentColor'] {
  fill: currentColor;
  stroke: currentColor;
}
.moda-icon-loading {
  -webkit-animation: moda-loading-circle 1s infinite cubic-bezier(0, 0, 1, 1);
          animation: moda-loading-circle 1s infinite cubic-bezier(0, 0, 1, 1);
}
@-webkit-keyframes moda-loading-circle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes moda-loading-circle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.moda-icon-hover {
  position: relative;
  display: inline-block;
  cursor: pointer;
  line-height: 0;
}
.moda-icon-hover .moda-icon {
  position: relative;
  vertical-align: -0.09em;
}
.moda-icon-hover::before {
  content: '';
  position: absolute;
  display: block;
  border-radius: var(--border-radius-circle);
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
  transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
}
.moda-icon-hover:hover::before {
  background-color: var(--color-fill-2);
}
.moda-icon-hover.moda-icon-hover-disabled::before {
  opacity: 0;
}
.moda-icon-hover::before {
  top: 50%;
  left: 50%;
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.moda-icon-hover-size-mini::before {
  top: 50%;
  left: 50%;
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.moda-icon-hover-size-small::before {
  top: 50%;
  left: 50%;
  height: 20px;
  width: 20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.moda-icon-hover-size-large::before {
  top: 50%;
  left: 50%;
  height: 24px;
  width: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.moda-icon-hover-size-huge::before {
  top: 50%;
  left: 50%;
  height: 24px;
  width: 24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
a[href='http://bpmn.io'] {
  display: none !important;
}
/* IE10+ CSS styles go here */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .arco-avatar-text {
    top: 22%;
  }
}
.arco-tag .arco-tag-content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@font-face {
  font-family: "remixicon";
  src: url(//cdn.vortex.zj.chinamobile.com/aiesopc_zqesop_web/1.0.38/53ec05edb4b6864b45b1.eot?t=1690730386070);
  /* IE9*/
  src: url(//cdn.vortex.zj.chinamobile.com/aiesopc_zqesop_web/1.0.38/4aa0fd158658e2a40e79.ttf?t=1690730386070) format('truetype');
  font-display: swap;
}
.flex-default,
.flex-inline,
.block-full-width {
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.flex-default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.block-full-width {
  display: block;
  width: 100%;
}
.ArcoMobile .arco-form-item,
.modo-renderer .ArcoMobile .arco-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-top: 1px solid var(--form-item-border-divider-color);
}
.ArcoMobile .arco-form-item:first-child,
.modo-renderer .ArcoMobile .arco-form-item:first-child {
  border: none;
}
.ArcoMobile .arco-form-label-item,
.modo-renderer .ArcoMobile .arco-form-label-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 16px;
  line-height: 54px;
  color: #1d2129;
  padding-right: 16px;
  width: 96px;
}
.ArcoMobile [dir="rtl"] .arco-form-label-item,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-form-label-item {
  padding-right: 0;
  padding-right: initial;
  padding-left: 16px;
}
.ArcoMobile .arco-form-label-item-required-asterisk,
.modo-renderer .ArcoMobile .arco-form-label-item-required-asterisk {
  position: absolute;
  left: -0.6em;
  top: 0;
  font-size: 16px;
  line-height: 54px;
  color: #f53f3f;
}
.ArcoMobile [dir="rtl"] .arco-form-label-item-required-asterisk,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-form-label-item-required-asterisk {
  left: auto;
  left: initial;
  right: -0.6em;
}
.ArcoMobile .disabled .arco-form-label-item,
.modo-renderer .ArcoMobile .disabled .arco-form-label-item {
  color: #c9cdd4;
}
.ArcoMobile .arco-form-item-control,
.modo-renderer .ArcoMobile .arco-form-item-control {
  padding: 16px 0;
}
.ArcoMobile .arco-form-item-control .arco-input-wrap,
.modo-renderer .ArcoMobile .arco-form-item-control .arco-input-wrap,
.ArcoMobile .arco-form-item-control .arco-input,
.modo-renderer .ArcoMobile .arco-form-item-control .arco-input {
  padding: 0;
}
.ArcoMobile .arco-form-item-control-wrapper,
.modo-renderer .ArcoMobile .arco-form-item-control-wrapper {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.ArcoMobile .arco-form-item-control-wrapper .arco-input-wrap,
.modo-renderer .ArcoMobile .arco-form-item-control-wrapper .arco-input-wrap {
  height: 22px;
}
.ArcoMobile .arco-form-item-message,
.modo-renderer .ArcoMobile .arco-form-item-message {
  font-size: 12px;
  color: #f53f3f;
  margin-top: -5px;
  margin-bottom: 16px;
}
.ArcoMobile .arco-form-item-message svg,
.modo-renderer .ArcoMobile .arco-form-item-message svg,
.ArcoMobile .arco-form-item-message span,
.modo-renderer .ArcoMobile .arco-form-item-message span {
  vertical-align: middle;
}
.ArcoMobile .arco-form-item-message svg,
.modo-renderer .ArcoMobile .arco-form-item-message svg {
  margin-right: 4px;
}
.ArcoMobile [dir="rtl"] .arco-form-item-message svg,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-form-item-message svg {
  margin-right: 0;
  margin-right: initial;
  margin-left: 4px;
}
.ArcoMobile .arco-form-item-error-message,
.modo-renderer .ArcoMobile .arco-form-item-error-message {
  color: #f53f3f;
}
.ArcoMobile .arco-form-item-warning-message,
.modo-renderer .ArcoMobile .arco-form-item-warning-message {
  color: #ff7d00;
}
.ArcoMobile .arco-form-item.arco-form-item-vertical,
.modo-renderer .ArcoMobile .arco-form-item.arco-form-item-vertical {
  display: block;
}
.ArcoMobile .arco-form-item.arco-form-item-vertical .arco-input-wrap,
.modo-renderer .ArcoMobile .arco-form-item.arco-form-item-vertical .arco-input-wrap {
  padding-left: 0;
}
.ArcoMobile [dir="rtl"] .arco-form-item.arco-form-item-vertical .arco-input-wrap,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-form-item.arco-form-item-vertical .arco-input-wrap {
  padding-left: 0;
  padding-left: initial;
  padding-right: 0;
}
.ArcoMobile .arco-form-item.arco-form-item-vertical .arco-form-label-item,
.modo-renderer .ArcoMobile .arco-form-item.arco-form-item-vertical .arco-form-label-item {
  width: auto;
  margin-top: 16px;
  height: 16px;
  line-height: 16px;
}
.ArcoMobile .arco-form-item.arco-form-item-vertical .arco-form-label-item-required-asterisk,
.modo-renderer .ArcoMobile .arco-form-item.arco-form-item-vertical .arco-form-label-item-required-asterisk {
  height: 16px;
  line-height: 16px;
}
.ArcoMobile.arco-form .arco-form-item,
.modo-renderer .ArcoMobile.arco-form .arco-form-item {
  border-top: 1px solid var(--color-border-2);
  margin-bottom: 0;
}
.ArcoMobile.arco-form .arco-form-item > .arco-form-label-item,
.modo-renderer .ArcoMobile.arco-form .arco-form-item > .arco-form-label-item {
  font-size: 16px;
  line-height: 54px;
  /*color: #1d2129;*/
  color: var(--color-text-1);
  padding-right: 16px;
  width: 96px;
}
.ArcoMobile.arco-form [dir="rtl"] .arco-form-label-item,
.modo-renderer .ArcoMobile.arco-form [dir="rtl"] .arco-form-label-item {
  padding-left: 16px;
}
.ArcoMobile.arco-form .arco-form-label-item-required-asterisk,
.modo-renderer .ArcoMobile.arco-form .arco-form-label-item-required-asterisk {
  font-size: 16px;
  line-height: 54px;
  /*color: #f53f3f;*/
  color: rgb(var(--danger-6));
}
.ArcoMobile.arco-form .disabled .arco-form-label-item,
.modo-renderer .ArcoMobile.arco-form .disabled .arco-form-label-item {
  /*color: #c9cdd4;*/
  color: var(--color-border-3);
}
.ArcoMobile.arco-form .arco-form-item-horizontal > .arco-form-item-control-wrapper,
.modo-renderer .ArcoMobile.arco-form .arco-form-item-horizontal > .arco-form-item-control-wrapper {
  max-width: calc(100% - 1.92 * 50px);
}
.ArcoMobile.arco-form .arco-form-item-control-wrapper .arco-input-wrap,
.modo-renderer .ArcoMobile.arco-form .arco-form-item-control-wrapper .arco-input-wrap {
  height: 22px;
}
.ArcoMobile.arco-form .arco-form-item-control-wrapper .arco-input-wrap.textarea,
.modo-renderer .ArcoMobile.arco-form .arco-form-item-control-wrapper .arco-input-wrap.textarea {
  height: auto;
}
.ArcoMobile.arco-form .arco-form-item-message,
.modo-renderer .ArcoMobile.arco-form .arco-form-item-message {
  font-size: 12px;
  /*color: #f53f3f;*/
  color: rgb(var(--danger-6));
  margin-top: -5px;
}
.ArcoMobile.arco-form .arco-form-item-message svg,
.modo-renderer .ArcoMobile.arco-form .arco-form-item-message svg {
  margin-right: 4px;
}
.ArcoMobile.arco-form [dir="rtl"] .arco-form-item-message svg,
.modo-renderer .ArcoMobile.arco-form [dir="rtl"] .arco-form-item-message svg {
  margin-right: 0;
  margin-right: initial;
  margin-left: 4px;
}
.ArcoMobile.arco-form .arco-form-item-error-message,
.modo-renderer .ArcoMobile.arco-form .arco-form-item-error-message {
  /*color: #f53f3f;*/
  color: rgb(var(--danger-6));
}
.ArcoMobile.arco-form .arco-form-item-warning-message,
.modo-renderer .ArcoMobile.arco-form .arco-form-item-warning-message {
  /*color: #ff7d00;*/
  color: rgb(var(--warning-6));
}
.ArcoMobile.arco-form .arco-form-item.arco-form-item-vertical > .arco-form-label-item,
.modo-renderer .ArcoMobile.arco-form .arco-form-item.arco-form-item-vertical > .arco-form-label-item {
  height: 16px;
  line-height: 16px;
}
.ArcoMobile.arco-form .arco-form-item.arco-form-item-vertical > .arco-form-label-item-required-asterisk,
.modo-renderer .ArcoMobile.arco-form .arco-form-item.arco-form-item-vertical > .arco-form-label-item-required-asterisk {
  height: 16px;
  line-height: 16px;
}
.ArcoMobile.arco-form .arco-form-item > .arco-form-label-item,
.modo-renderer .ArcoMobile.arco-form .arco-form-item > .arco-form-label-item {
  overflow: visible;
  overflow: initial;
}
.ArcoMobile.arco-btn,
.modo-renderer .ArcoMobile.arco-btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ArcoMobile.arco-input-container,
.modo-renderer .ArcoMobile.arco-input-container {
  width: 100%;
  color: #1d2129;
  position: relative;
}
.ArcoMobile.arco-input-container .arco-input-label,
.modo-renderer .ArcoMobile.arco-input-container .arco-input-label {
  min-width: 64px;
}
.ArcoMobile .arco-input-label,
.modo-renderer .ArcoMobile .arco-input-label {
  padding-top: 1PX;
}
.ArcoMobile .arco-input-label.required::before,
.modo-renderer .ArcoMobile .arco-input-label.required::before {
  content: "* ";
  color: #f53f3f;
}
.ArcoMobile .disabled .arco-input-label,
.modo-renderer .ArcoMobile .disabled .arco-input-label {
  color: #c9cdd4;
}
.ArcoMobile .arco-input-wrap,
.modo-renderer .ArcoMobile .arco-input-wrap {
  position: relative;
  height: 54px;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
}
.ArcoMobile .arco-input-wrap textarea,
.modo-renderer .ArcoMobile .arco-input-wrap textarea,
.ArcoMobile .arco-input-wrap input,
.modo-renderer .ArcoMobile .arco-input-wrap input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  background: transparent;
}
.ArcoMobile .arco-input-wrap textarea:disabled,
.modo-renderer .ArcoMobile .arco-input-wrap textarea:disabled,
.ArcoMobile .arco-input-wrap input:disabled,
.modo-renderer .ArcoMobile .arco-input-wrap input:disabled {
  color: #c9cdd4;
  -webkit-text-fill-color: #c9cdd4;
  opacity: 1;
}
.ArcoMobile .arco-input-wrap.textarea,
.modo-renderer .ArcoMobile .arco-input-wrap.textarea {
  height: auto;
  -webkit-box-align: start;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 16px;
}
.ArcoMobile .arco-input-wrap.textarea.has-stat,
.modo-renderer .ArcoMobile .arco-input-wrap.textarea.has-stat {
  padding: 16px 16px 44px;
}
.ArcoMobile .arco-input-wrap.border-all,
.modo-renderer .ArcoMobile .arco-input-wrap.border-all {
  -webkit-box-shadow: 0 0 0 1PX #e5e6eb inset;
          box-shadow: 0 0 0 1PX #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-input-wrap.border-all,
  .modo-renderer .ArcoMobile .arco-input-wrap.border-all {
    -webkit-box-shadow: 0 0 0 0.5PX #e5e6eb inset;
            box-shadow: 0 0 0 0.5PX #e5e6eb inset;
  }
}
.ArcoMobile .ios .arco-input-wrap.border-all,
.modo-renderer .ArcoMobile .ios .arco-input-wrap.border-all,
.ArcoMobile .arco-input-wrap.border-all.ios,
.modo-renderer .ArcoMobile .arco-input-wrap.border-all.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0.5PX solid #e5e6eb;
}
.ArcoMobile .arco-input-wrap.border-half,
.modo-renderer .ArcoMobile .arco-input-wrap.border-half {
  -webkit-box-shadow: 0 1PX 0 0 #e5e6eb inset;
          box-shadow: 0 1PX 0 0 #e5e6eb inset;
  -webkit-box-shadow: 0 -1PX 0 0 #e5e6eb inset;
          box-shadow: 0 -1PX 0 0 #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-input-wrap.border-half,
  .modo-renderer .ArcoMobile .arco-input-wrap.border-half {
    -webkit-box-shadow: 0 0.5PX 0 0 #e5e6eb inset;
            box-shadow: 0 0.5PX 0 0 #e5e6eb inset;
  }
}
.ArcoMobile .ios .arco-input-wrap.border-half,
.modo-renderer .ArcoMobile .ios .arco-input-wrap.border-half,
.ArcoMobile .arco-input-wrap.border-half.ios,
.modo-renderer .ArcoMobile .arco-input-wrap.border-half.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top: 0.5PX solid #e5e6eb;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-input-wrap.border-half,
  .modo-renderer .ArcoMobile .arco-input-wrap.border-half {
    -webkit-box-shadow: 0 -0.5PX 0 0 #e5e6eb inset;
            box-shadow: 0 -0.5PX 0 0 #e5e6eb inset;
  }
}
.ArcoMobile .ios .arco-input-wrap.border-half,
.modo-renderer .ArcoMobile .ios .arco-input-wrap.border-half,
.ArcoMobile .arco-input-wrap.border-half.ios,
.modo-renderer .ArcoMobile .arco-input-wrap.border-half.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 0.5PX solid #e5e6eb;
}
.ArcoMobile .arco-input-wrap.border-bottom,
.modo-renderer .ArcoMobile .arco-input-wrap.border-bottom {
  -webkit-box-shadow: 0 -1PX 0 0 #e5e6eb inset;
          box-shadow: 0 -1PX 0 0 #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-input-wrap.border-bottom,
  .modo-renderer .ArcoMobile .arco-input-wrap.border-bottom {
    -webkit-box-shadow: 0 -0.5PX 0 0 #e5e6eb inset;
            box-shadow: 0 -0.5PX 0 0 #e5e6eb inset;
  }
}
.ArcoMobile .ios .arco-input-wrap.border-bottom,
.modo-renderer .ArcoMobile .ios .arco-input-wrap.border-bottom,
.ArcoMobile .arco-input-wrap.border-bottom.ios,
.modo-renderer .ArcoMobile .arco-input-wrap.border-bottom.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 0.5PX solid #e5e6eb;
}
.ArcoMobile .arco-input-prefix,
.modo-renderer .ArcoMobile .arco-input-prefix,
.ArcoMobile .arco-input-suffix,
.modo-renderer .ArcoMobile .arco-input-suffix,
.ArcoMobile .arco-input-clear,
.modo-renderer .ArcoMobile .arco-input-clear {
  font-size: 16px;
  line-height: 22px;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ArcoMobile .arco-input-prefix,
.modo-renderer .ArcoMobile .arco-input-prefix {
  padding-right: 24px;
}
.ArcoMobile [dir="rtl"] .arco-input-prefix,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-input-prefix {
  padding-right: 0;
  padding-right: initial;
  padding-left: 24px;
}
.ArcoMobile .arco-input-clear,
.modo-renderer .ArcoMobile .arco-input-clear,
.ArcoMobile .arco-input-suffix,
.modo-renderer .ArcoMobile .arco-input-suffix {
  padding-left: 16px;
}
.ArcoMobile [dir="rtl"] .arco-input-clear,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-input-clear,
.ArcoMobile [dir="rtl"] .arco-input-suffix,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-input-suffix {
  padding-left: 0;
  padding-left: initial;
  padding-right: 16px;
}
.ArcoMobile .arco-input-clear,
.modo-renderer .ArcoMobile .arco-input-clear {
  color: #c9cdd4;
  font-size: 16PX;
}
.ArcoMobile .arco-input,
.modo-renderer .ArcoMobile .arco-input {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 22px;
  caret-color: rgb(var(--primary-6));
  padding: 12px 0;
  color: #1d2129;
}
.ArcoMobile .arco-input::-webkit-input-placeholder,
.modo-renderer .ArcoMobile .arco-input::-webkit-input-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-input::-webkit-input-placeholder, .modo-renderer .ArcoMobile .arco-input::-webkit-input-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-input::-moz-placeholder, .modo-renderer .ArcoMobile .arco-input::-moz-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-input:-ms-input-placeholder, .modo-renderer .ArcoMobile .arco-input:-ms-input-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-input::-ms-input-placeholder, .modo-renderer .ArcoMobile .arco-input::-ms-input-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-input::placeholder,
.modo-renderer .ArcoMobile .arco-input::placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-input::-webkit-search-cancel-button,
.modo-renderer .ArcoMobile .arco-input::-webkit-search-cancel-button {
  display: none;
}
.ArcoMobile.arco-input-container,
.modo-renderer .ArcoMobile.arco-input-container {
  color: var(--color-text-1);
}
.ArcoMobile.arco-input-container .arco-input-label,
.modo-renderer .ArcoMobile.arco-input-container .arco-input-label {
  min-width: 64px;
}
.ArcoMobile .arco-input-label.required::before,
.modo-renderer .ArcoMobile .arco-input-label.required::before {
  color: rgb(var(--danger-6));
}
.ArcoMobile .disabled .arco-input-label,
.modo-renderer .ArcoMobile .disabled .arco-input-label {
  color: var(--color-text-4);
}
.ArcoMobile .arco-input-wrap,
.modo-renderer .ArcoMobile .arco-input-wrap {
  height: 54px;
  padding: 0 16px;
}
.ArcoMobile .arco-input-wrap textarea,
.modo-renderer .ArcoMobile .arco-input-wrap textarea,
.ArcoMobile .arco-input-wrap input,
.modo-renderer .ArcoMobile .arco-input-wrap input {
  border-color: transparent;
  background-color: transparent;
}
.ArcoMobile .arco-input-wrap textarea:hover,
.modo-renderer .ArcoMobile .arco-input-wrap textarea:hover,
.ArcoMobile .arco-input-wrap input:hover,
.modo-renderer .ArcoMobile .arco-input-wrap input:hover,
.ArcoMobile .arco-input-wrap textarea:focus,
.modo-renderer .ArcoMobile .arco-input-wrap textarea:focus,
.ArcoMobile .arco-input-wrap input:focus,
.modo-renderer .ArcoMobile .arco-input-wrap input:focus {
  border-color: transparent;
  background-color: transparent;
}
.ArcoMobile .arco-input-wrap textarea:disabled,
.modo-renderer .ArcoMobile .arco-input-wrap textarea:disabled,
.ArcoMobile .arco-input-wrap input:disabled,
.modo-renderer .ArcoMobile .arco-input-wrap input:disabled {
  color: var(--color-text-4);
  -webkit-text-fill-color: var(--color-text-4);
}
.ArcoMobile .arco-input-wrap.textarea,
.modo-renderer .ArcoMobile .arco-input-wrap.textarea {
  padding: 16px;
}
.ArcoMobile .arco-input-wrap.textarea.has-stat,
.modo-renderer .ArcoMobile .arco-input-wrap.textarea.has-stat {
  padding: 16px 16px 44px;
}
.ArcoMobile .arco-input-wrap.border-all,
.modo-renderer .ArcoMobile .arco-input-wrap.border-all {
  -webkit-box-shadow: 0 0 0 1PX var(--color-border-2) inset;
          box-shadow: 0 0 0 1PX var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-input-wrap.border-all,
  .modo-renderer .ArcoMobile .arco-input-wrap.border-all {
    -webkit-box-shadow: 0 0 0 0.5PX var(--color-border-2) inset;
            box-shadow: 0 0 0 0.5PX var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .arco-input-wrap.border-all,
.modo-renderer .ArcoMobile .ios .arco-input-wrap.border-all,
.ArcoMobile .arco-input-wrap.border-all.ios,
.modo-renderer .ArcoMobile .arco-input-wrap.border-all.ios {
  border: 0.5PX solid var(--color-border-2);
}
.ArcoMobile .arco-input-wrap.border-half,
.modo-renderer .ArcoMobile .arco-input-wrap.border-half {
  -webkit-box-shadow: 0 1PX 0 0 var(--color-border-2) inset;
          box-shadow: 0 1PX 0 0 var(--color-border-2) inset;
  -webkit-box-shadow: 0 -1PX 0 0 var(--color-border-2) inset;
          box-shadow: 0 -1PX 0 0 var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-input-wrap.border-half,
  .modo-renderer .ArcoMobile .arco-input-wrap.border-half {
    -webkit-box-shadow: 0 0.5PX 0 0 var(--color-border-2) inset;
            box-shadow: 0 0.5PX 0 0 var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .arco-input-wrap.border-half,
.modo-renderer .ArcoMobile .ios .arco-input-wrap.border-half,
.ArcoMobile .arco-input-wrap.border-half.ios,
.modo-renderer .ArcoMobile .arco-input-wrap.border-half.ios {
  border-top: 0.5PX solid var(--color-border-2);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-input-wrap.border-half,
  .modo-renderer .ArcoMobile .arco-input-wrap.border-half {
    -webkit-box-shadow: 0 -0.5PX 0 0 var(--color-border-2) inset;
            box-shadow: 0 -0.5PX 0 0 var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .arco-input-wrap.border-half,
.modo-renderer .ArcoMobile .ios .arco-input-wrap.border-half,
.ArcoMobile .arco-input-wrap.border-half.ios,
.modo-renderer .ArcoMobile .arco-input-wrap.border-half.ios {
  border-bottom: 0.5PX solid var(--color-border-2);
}
.ArcoMobile .arco-input-wrap.border-bottom,
.modo-renderer .ArcoMobile .arco-input-wrap.border-bottom {
  -webkit-box-shadow: 0 -1PX 0 0 var(--color-border-2) inset;
          box-shadow: 0 -1PX 0 0 var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-input-wrap.border-bottom,
  .modo-renderer .ArcoMobile .arco-input-wrap.border-bottom {
    -webkit-box-shadow: 0 -0.5PX 0 0 var(--color-border-2) inset;
            box-shadow: 0 -0.5PX 0 0 var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .arco-input-wrap.border-bottom,
.modo-renderer .ArcoMobile .ios .arco-input-wrap.border-bottom,
.ArcoMobile .arco-input-wrap.border-bottom.ios,
.modo-renderer .ArcoMobile .arco-input-wrap.border-bottom.ios {
  border-bottom: 0.5PX solid var(--color-border-2);
}
.ArcoMobile .arco-input-prefix,
.modo-renderer .ArcoMobile .arco-input-prefix,
.ArcoMobile .arco-input-suffix,
.modo-renderer .ArcoMobile .arco-input-suffix,
.ArcoMobile .arco-input-clear,
.modo-renderer .ArcoMobile .arco-input-clear {
  font-size: 16px;
  line-height: 22px;
}
.ArcoMobile .arco-input-prefix,
.modo-renderer .ArcoMobile .arco-input-prefix {
  padding-right: 24px;
}
.ArcoMobile [dir="rtl"] .arco-input-prefix,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-input-prefix {
  padding-left: 24px;
}
.ArcoMobile .arco-input-clear,
.modo-renderer .ArcoMobile .arco-input-clear,
.ArcoMobile .arco-input-suffix,
.modo-renderer .ArcoMobile .arco-input-suffix {
  padding-left: 16px;
}
.ArcoMobile [dir="rtl"] .arco-input-clear,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-input-clear,
.ArcoMobile [dir="rtl"] .arco-input-suffix,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-input-suffix {
  padding-right: 16px;
}
.ArcoMobile .arco-input-clear,
.modo-renderer .ArcoMobile .arco-input-clear {
  color: var(--color-text-4);
}
.ArcoMobile .arco-input,
.modo-renderer .ArcoMobile .arco-input {
  font-size: 16px;
  line-height: 22px;
  caret-color: var(--primary-6);
  padding: 12px 0;
  color: var(--color-text-1);
  border: 1px solid transparent;
}
.ArcoMobile .arco-input:hover,
.modo-renderer .ArcoMobile .arco-input:hover {
  border-color: transparent;
}
.ArcoMobile .arco-input::-webkit-input-placeholder,
.modo-renderer .ArcoMobile .arco-input::-webkit-input-placeholder {
  color: var(--color-text-4);
}
.ArcoMobile .arco-input::-webkit-input-placeholder, .modo-renderer .ArcoMobile .arco-input::-webkit-input-placeholder {
  color: var(--color-text-4);
}
.ArcoMobile .arco-input::-moz-placeholder, .modo-renderer .ArcoMobile .arco-input::-moz-placeholder {
  color: var(--color-text-4);
}
.ArcoMobile .arco-input:-ms-input-placeholder, .modo-renderer .ArcoMobile .arco-input:-ms-input-placeholder {
  color: var(--color-text-4);
}
.ArcoMobile .arco-input::-ms-input-placeholder, .modo-renderer .ArcoMobile .arco-input::-ms-input-placeholder {
  color: var(--color-text-4);
}
.ArcoMobile .arco-input::placeholder,
.modo-renderer .ArcoMobile .arco-input::placeholder {
  color: var(--color-text-4);
}
.ArcoMobile.arco-count-down {
  font-size: 16px;
  line-height: 22px;
  /*color:  #1d2129 ;*/
  color: var(--color-text-1);
}
.ArcoMobile .arco-checkbox,
.modo-renderer .ArcoMobile .arco-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile .arco-checkbox .checkbox-icon,
.modo-renderer .ArcoMobile .arco-checkbox .checkbox-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20PX;
  color: #c2c6cc;
}
.ArcoMobile .arco-checkbox .checkbox-icon.checked,
.modo-renderer .ArcoMobile .arco-checkbox .checkbox-icon.checked {
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-checkbox .checkbox-icon.disabled,
.modo-renderer .ArcoMobile .arco-checkbox .checkbox-icon.disabled {
  color: #f7f8fa;
}
.ArcoMobile .arco-checkbox .checkbox-icon.checked.disabled,
.modo-renderer .ArcoMobile .arco-checkbox .checkbox-icon.checked.disabled {
  color: rgba(51, 112, 255, 0.5);
}
.ArcoMobile .arco-checkbox .checkbox-text,
.modo-renderer .ArcoMobile .arco-checkbox .checkbox-text {
  font-size: 16px;
  color: #1d2129;
}
.ArcoMobile .arco-checkbox .checkbox-icon + .checkbox-text,
.modo-renderer .ArcoMobile .arco-checkbox .checkbox-icon + .checkbox-text {
  margin-left: 8px;
}
.ArcoMobile [dir="rtl"] .arco-checkbox .checkbox-icon + .checkbox-text,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-checkbox .checkbox-icon + .checkbox-text {
  margin-left: 0;
  margin-left: initial;
  margin-right: 8px;
}
.ArcoMobile .arco-checkbox.disabled .checkbox-text,
.modo-renderer .ArcoMobile .arco-checkbox.disabled .checkbox-text {
  opacity: 0.5;
}
.ArcoMobile .arco-checkbox.block,
.modo-renderer .ArcoMobile .arco-checkbox.block {
  width: 100%;
}
.ArcoMobile .arco-checkbox.justify,
.modo-renderer .ArcoMobile .arco-checkbox.justify {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.ArcoMobile .arco-checkbox-group .arco-checkbox:not(:last-child),
.modo-renderer .ArcoMobile .arco-checkbox-group .arco-checkbox:not(:last-child) {
  margin-right: 24px;
}
.ArcoMobile [dir="rtl"] .arco-checkbox-group .arco-checkbox:not(:last-child),
.modo-renderer .ArcoMobile [dir="rtl"] .arco-checkbox-group .arco-checkbox:not(:last-child) {
  margin-right: 0;
  margin-right: initial;
  margin-left: 24px;
}
.ArcoMobile .arco-checkbox-group .arco-checkbox:not(:last-child).block,
.modo-renderer .ArcoMobile .arco-checkbox-group .arco-checkbox:not(:last-child).block,
.ArcoMobile .arco-checkbox-group .arco-checkbox:not(:last-child).justify,
.modo-renderer .ArcoMobile .arco-checkbox-group .arco-checkbox:not(:last-child).justify {
  margin-right: 0;
}
.ArcoMobile [dir="rtl"] .arco-checkbox-group .arco-checkbox:not(:last-child).block,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-checkbox-group .arco-checkbox:not(:last-child).block,
.ArcoMobile [dir="rtl"] .arco-checkbox-group .arco-checkbox:not(:last-child).justify,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-checkbox-group .arco-checkbox:not(:last-child).justify {
  margin-right: 0;
  margin-right: initial;
  margin-left: 0;
}
.ArcoMobile .arco-checkbox-group,
.modo-renderer .ArcoMobile .arco-checkbox-group {
  /*display: unset!important;*/
  line-height: 0;
}
.ArcoMobile .arco-checkbox,
.modo-renderer .ArcoMobile .arco-checkbox {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.ArcoMobile .arco-checkbox .checkbox-icon,
.modo-renderer .ArcoMobile .arco-checkbox .checkbox-icon {
  /*color: #c2c6cc;*/
  color: var(--color-fill-4);
}
.ArcoMobile .arco-checkbox .checkbox-icon.checked,
.modo-renderer .ArcoMobile .arco-checkbox .checkbox-icon.checked {
  /*color:  rgb(var(--primary-6)) ;*/
  color: rgb(var(--primary-6)) !important;
}
.ArcoMobile .arco-checkbox .checkbox-icon.disabled,
.modo-renderer .ArcoMobile .arco-checkbox .checkbox-icon.disabled {
  /*color:  #f7f8fa ;*/
  color: var(--color-fill-3);
}
.ArcoMobile .arco-checkbox .checkbox-icon.checked.disabled,
.modo-renderer .ArcoMobile .arco-checkbox .checkbox-icon.checked.disabled {
  /*color:  rgba(51, 112, 255, 0.5) ;*/
  color: var(--color-primary-light-3);
}
.ArcoMobile .arco-checkbox .checkbox-text,
.modo-renderer .ArcoMobile .arco-checkbox .checkbox-text {
  font-size: 16px;
  color: var(--color-text-1);
}
.ArcoMobile .arco-checkbox .checkbox-icon + .checkbox-text,
.modo-renderer .ArcoMobile .arco-checkbox .checkbox-icon + .checkbox-text {
  margin-left: 8px;
}
.ArcoMobile [dir="rtl"] .arco-checkbox .checkbox-icon + .checkbox-text,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-checkbox .checkbox-icon + .checkbox-text {
  margin-right: 8px;
}
.ArcoMobile .arco-checkbox-group .arco-checkbox:not(:last-child),
.modo-renderer .ArcoMobile .arco-checkbox-group .arco-checkbox:not(:last-child) {
  margin-right: 24px;
}
.ArcoMobile [dir="rtl"] .arco-checkbox-group .arco-checkbox:not(:last-child),
.modo-renderer .ArcoMobile [dir="rtl"] .arco-checkbox-group .arco-checkbox:not(:last-child) {
  margin-left: 24px;
}
.ArcoMobile .arco-radio,
.modo-renderer .ArcoMobile .arco-radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile .arco-radio .radio-icon,
.modo-renderer .ArcoMobile .arco-radio .radio-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20PX;
  color: #c2c6cc;
}
.ArcoMobile .arco-radio .radio-icon.checked,
.modo-renderer .ArcoMobile .arco-radio .radio-icon.checked {
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-radio .radio-icon.disabled,
.modo-renderer .ArcoMobile .arco-radio .radio-icon.disabled {
  color: #f7f8fa;
}
.ArcoMobile .arco-radio .radio-icon.checked.disabled,
.modo-renderer .ArcoMobile .arco-radio .radio-icon.checked.disabled {
  color: rgba(51, 112, 255, 0.5);
}
.ArcoMobile .arco-radio .radio-text,
.modo-renderer .ArcoMobile .arco-radio .radio-text {
  font-size: 16px;
  color: #1d2129;
}
.ArcoMobile .arco-radio .radio-icon + .radio-text,
.modo-renderer .ArcoMobile .arco-radio .radio-icon + .radio-text {
  margin-left: 8px;
}
.ArcoMobile [dir="rtl"] .arco-radio .radio-icon + .radio-text,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-radio .radio-icon + .radio-text {
  margin-left: 0;
  margin-left: initial;
  margin-right: 8px;
}
.ArcoMobile .arco-radio.disabled .radio-text,
.modo-renderer .ArcoMobile .arco-radio.disabled .radio-text {
  opacity: 0.5;
}
.ArcoMobile .arco-radio.block,
.modo-renderer .ArcoMobile .arco-radio.block {
  width: 100%;
}
.ArcoMobile .arco-radio.justify,
.modo-renderer .ArcoMobile .arco-radio.justify {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ArcoMobile .arco-radio-group .arco-radio:not(:last-child, .block),
.modo-renderer .ArcoMobile .arco-radio-group .arco-radio:not(:last-child, .block) {
  margin-right: 24px;
}
.ArcoMobile [dir="rtl"] .arco-radio-group .arco-radio:not(:last-child, .block),
.modo-renderer .ArcoMobile [dir="rtl"] .arco-radio-group .arco-radio:not(:last-child, .block) {
  margin-right: 0;
  margin-right: initial;
  margin-left: 24px;
}
.ArcoMobile .arco-radio-group,
.modo-renderer .ArcoMobile .arco-radio-group {
  /*display: unset!important;*/
  line-height: 0;
}
.ArcoMobile .arco-radio,
.modo-renderer .ArcoMobile .arco-radio {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.ArcoMobile .arco-radio .radio-icon,
.modo-renderer .ArcoMobile .arco-radio .radio-icon {
  color: var(--color-fill-4);
}
.ArcoMobile .arco-radio .radio-icon.checked,
.modo-renderer .ArcoMobile .arco-radio .radio-icon.checked {
  color: rgb(var(--primary-6)) !important;
}
.ArcoMobile .arco-radio .radio-icon.disabled,
.modo-renderer .ArcoMobile .arco-radio .radio-icon.disabled {
  color: var(--color-fill-1);
}
.ArcoMobile .arco-radio .radio-icon.checked.disabled,
.modo-renderer .ArcoMobile .arco-radio .radio-icon.checked.disabled {
  color: rgba(var(--primary-5), 0.5);
}
.ArcoMobile .arco-radio .radio-text,
.modo-renderer .ArcoMobile .arco-radio .radio-text {
  font-size: 16px;
  color: var(--color-text-1);
}
.ArcoMobile .arco-radio .radio-icon + .radio-text,
.modo-renderer .ArcoMobile .arco-radio .radio-icon + .radio-text {
  margin-left: 8px;
}
.ArcoMobile [dir="rtl"] .arco-radio .radio-icon + .radio-text,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-radio .radio-icon + .radio-text {
  margin-right: 8px;
}
.ArcoMobile .arco-radio-group .arco-radio:not(:last-child, .block),
.modo-renderer .ArcoMobile .arco-radio-group .arco-radio:not(:last-child, .block) {
  margin-right: 24px;
}
.ArcoMobile [dir="rtl"] .arco-radio-group .arco-radio:not(:last-child, .block),
.modo-renderer .ArcoMobile [dir="rtl"] .arco-radio-group .arco-radio:not(:last-child, .block) {
  margin-left: 24px;
}
.ArcoMobile .arco-carousel,
.modo-renderer .ArcoMobile .arco-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.ArcoMobile .arco-carousel-wrap,
.modo-renderer .ArcoMobile .arco-carousel-wrap {
  position: relative;
  font-size: 0;
  width: 100%;
}
.ArcoMobile .arco-carousel.wrap-placeholder,
.modo-renderer .ArcoMobile .arco-carousel.wrap-placeholder {
  display: none;
}
.ArcoMobile .arco-carousel-inner,
.modo-renderer .ArcoMobile .arco-carousel-inner {
  overflow: visible;
}
.ArcoMobile .arco-carousel-inner:not(.vertical),
.modo-renderer .ArcoMobile .arco-carousel-inner:not(.vertical) {
  white-space: nowrap;
}
.ArcoMobile .arco-carousel-inner.auto,
.modo-renderer .ArcoMobile .arco-carousel-inner.auto,
.ArcoMobile .arco-carousel-inner.auto .arco-carousel-inner-item-inner,
.modo-renderer .ArcoMobile .arco-carousel-inner.auto .arco-carousel-inner-item-inner {
  -webkit-transition-timing-function: cubic-bezier(0.66, 0, 0.34, 1);
  transition-timing-function: cubic-bezier(0.66, 0, 0.34, 1);
}
.ArcoMobile .arco-carousel-inner.slide,
.modo-renderer .ArcoMobile .arco-carousel-inner.slide,
.ArcoMobile .arco-carousel-inner.slide .arco-carousel-inner-item-inner,
.modo-renderer .ArcoMobile .arco-carousel-inner.slide .arco-carousel-inner-item-inner {
  -webkit-transition-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
  transition-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
}
.ArcoMobile .arco-carousel-item,
.modo-renderer .ArcoMobile .arco-carousel-item {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  position: relative;
}
.ArcoMobile .arco-carousel-item.ssr-float,
.modo-renderer .ArcoMobile .arco-carousel-item.ssr-float {
  max-height: 0;
  overflow: visible;
}
.ArcoMobile .arco-carousel-item.vertical > *,
.modo-renderer .ArcoMobile .arco-carousel-item.vertical > *,
.ArcoMobile .arco-carousel-item.vertical .arco-carousel-item-inner > *,
.modo-renderer .ArcoMobile .arco-carousel-item.vertical .arco-carousel-item-inner > * {
  height: 100%;
}
.ArcoMobile .arco-carousel-item > img,
.modo-renderer .ArcoMobile .arco-carousel-item > img,
.ArcoMobile .arco-carousel-item-inner > img,
.modo-renderer .ArcoMobile .arco-carousel-item-inner > img,
.ArcoMobile .arco-carousel-item .carousel-item-img,
.modo-renderer .ArcoMobile .arco-carousel-item .carousel-item-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ArcoMobile .arco-carousel-item .carousel-item-text,
.modo-renderer .ArcoMobile .arco-carousel-item .carousel-item-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 12px;
  font-size: 16px;
  height: 32px;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5.18%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5.18%, rgba(0, 0, 0, 0.15) 100%);
}
.ArcoMobile .arco-carousel-item-inner,
.modo-renderer .ArcoMobile .arco-carousel-item-inner {
  width: 100%;
  height: 100%;
}
.ArcoMobile .arco-carousel-item-inner,
.modo-renderer .ArcoMobile .arco-carousel-item-inner {
  width: 100%;
  height: 100%;
}
.ArcoMobile .arco-carousel-indicator,
.modo-renderer .ArcoMobile .arco-carousel-indicator {
  position: absolute;
  bottom: 12px;
  z-index: 1;
  will-change: transform;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ArcoMobile .arco-carousel-indicator.pos-start,
.modo-renderer .ArcoMobile .arco-carousel-indicator.pos-start {
  left: 16px;
  text-align: left;
}
.ArcoMobile [dir="rtl"] .arco-carousel-indicator.pos-start,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator.pos-start {
  left: auto;
  left: initial;
  right: 16px;
}
.ArcoMobile [dir="rtl"] .arco-carousel-indicator.pos-start,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator.pos-start {
  text-align: right;
}
.ArcoMobile .arco-carousel-indicator.pos-center,
.modo-renderer .ArcoMobile .arco-carousel-indicator.pos-center {
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  text-align: center;
}
.ArcoMobile .arco-carousel-indicator.pos-end,
.modo-renderer .ArcoMobile .arco-carousel-indicator.pos-end {
  right: 16px;
  text-align: right;
}
.ArcoMobile [dir="rtl"] .arco-carousel-indicator.pos-end,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator.pos-end {
  right: auto;
  right: initial;
  left: 16px;
}
.ArcoMobile [dir="rtl"] .arco-carousel-indicator.pos-end,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator.pos-end {
  text-align: left;
}
.ArcoMobile .arco-carousel-indicator-vertical .indicator,
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical .indicator {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 12px;
  width: 3PX !important;
}
.ArcoMobile .arco-carousel-indicator-vertical .indicator:not(:last-of-type),
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical .indicator:not(:last-of-type) {
  margin: 0;
  margin-bottom: 8px;
}
.ArcoMobile .arco-carousel-indicator-vertical .indicator.type-circle:not(:last-of-type),
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical .indicator.type-circle:not(:last-of-type) {
  margin: 0;
  margin-bottom: 8px;
}
.ArcoMobile .arco-carousel-indicator-vertical.pos-start,
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical.pos-start {
  top: 16px;
}
.ArcoMobile .arco-carousel-indicator-vertical.pos-center,
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical.pos-center {
  bottom: 50%;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}
.ArcoMobile .arco-carousel-indicator-vertical.pos-end,
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical.pos-end {
  bottom: 16px;
}
.ArcoMobile .arco-carousel-indicator-vertical.ver-pos-left,
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical.ver-pos-left {
  left: auto;
  right: auto;
  left: 12px;
}
.ArcoMobile [dir="rtl"] .arco-carousel-indicator-vertical.ver-pos-left,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator-vertical.ver-pos-left {
  left: auto;
  left: initial;
  right: 12px;
}
.ArcoMobile .arco-carousel-indicator-vertical.ver-pos-right,
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical.ver-pos-right {
  left: auto;
  right: auto;
  right: 12px;
}
.ArcoMobile [dir="rtl"] .arco-carousel-indicator-vertical.ver-pos-right,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator-vertical.ver-pos-right {
  right: auto;
  right: initial;
  left: 12px;
}
.ArcoMobile .arco-carousel-indicator.inverse .indicator,
.modo-renderer .ArcoMobile .arco-carousel-indicator.inverse .indicator {
  background-color: #e5e6eb;
}
.ArcoMobile .arco-carousel-indicator.inverse .indicator.active,
.modo-renderer .ArcoMobile .arco-carousel-indicator.inverse .indicator.active {
  background-color: rgb(var(--primary-6));
}
.ArcoMobile .arco-carousel-indicator.outside,
.modo-renderer .ArcoMobile .arco-carousel-indicator.outside {
  position: relative;
  left: 0;
  -webkit-transform: none;
  transform: none;
  bottom: 0;
  padding: 8px 0 5px;
}
.ArcoMobile .arco-carousel-indicator .indicator,
.modo-renderer .ArcoMobile .arco-carousel-indicator .indicator {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background-color: rgba(255, 255, 255, 0.5);
}
.ArcoMobile .arco-carousel-indicator .indicator.active,
.modo-renderer .ArcoMobile .arco-carousel-indicator .indicator.active {
  background-color: #ffffff;
}
.ArcoMobile .arco-carousel-indicator-horizontal .indicator,
.modo-renderer .ArcoMobile .arco-carousel-indicator-horizontal .indicator {
  display: inline-block;
  width: 12px;
  height: 3PX !important;
}
.ArcoMobile .arco-carousel-indicator-horizontal .indicator:not(:last-of-type),
.modo-renderer .ArcoMobile .arco-carousel-indicator-horizontal .indicator:not(:last-of-type) {
  margin-right: 8px;
}
.ArcoMobile [dir="rtl"] .arco-carousel-indicator-horizontal .indicator:not(:last-of-type),
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator-horizontal .indicator:not(:last-of-type) {
  margin-right: 0;
  margin-right: initial;
  margin-left: 8px;
}
.ArcoMobile .arco-carousel-indicator .circle-indicator,
.modo-renderer .ArcoMobile .arco-carousel-indicator .circle-indicator,
.ArcoMobile .arco-carousel-indicator .indicator.type-circle,
.modo-renderer .ArcoMobile .arco-carousel-indicator .indicator.type-circle {
  width: 6PX !important;
  height: 6PX !important;
  border-radius: 50%;
}
.ArcoMobile .arco-carousel-indicator .circle-indicator:not(:last-of-type),
.modo-renderer .ArcoMobile .arco-carousel-indicator .circle-indicator:not(:last-of-type),
.ArcoMobile .arco-carousel-indicator .indicator.type-circle:not(:last-of-type),
.modo-renderer .ArcoMobile .arco-carousel-indicator .indicator.type-circle:not(:last-of-type) {
  margin-right: 8px;
}
.ArcoMobile [dir="rtl"] .arco-carousel-indicator .circle-indicator:not(:last-of-type),
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator .circle-indicator:not(:last-of-type),
.ArcoMobile [dir="rtl"] .arco-carousel-indicator .indicator.type-circle:not(:last-of-type),
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator .indicator.type-circle:not(:last-of-type) {
  margin-right: 0;
  margin-right: initial;
  margin-left: 8px;
}
.ArcoMobile .arco-carousel-item .carousel-item-text,
.modo-renderer .ArcoMobile .arco-carousel-item .carousel-item-text {
  padding: 0 12px;
  font-size: 16px;
  height: 32px;
}
.ArcoMobile .arco-carousel-indicator,
.modo-renderer .ArcoMobile .arco-carousel-indicator {
  bottom: 12px;
}
.ArcoMobile .arco-carousel-indicator.pos-start,
.modo-renderer .ArcoMobile .arco-carousel-indicator.pos-start {
  left: 16px;
}
.ArcoMobile [dir="rtl"] .arco-carousel-indicator.pos-start,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator.pos-start {
  right: 16px;
}
.ArcoMobile .arco-carousel-indicator.pos-end,
.modo-renderer .ArcoMobile .arco-carousel-indicator.pos-end {
  right: 16px;
}
.ArcoMobile [dir="rtl"] .arco-carousel-indicator.pos-end,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator.pos-end {
  left: 16px;
}
.ArcoMobile .arco-carousel-indicator-vertical .indicator,
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical .indicator {
  height: 12px;
}
.ArcoMobile .arco-carousel-indicator-vertical .indicator:not(:last-of-type),
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical .indicator:not(:last-of-type) {
  margin-bottom: 8px;
}
.ArcoMobile .arco-carousel-indicator-vertical .indicator.type-circle:not(:last-of-type),
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical .indicator.type-circle:not(:last-of-type) {
  margin-bottom: 8px;
}
.ArcoMobile .arco-carousel-indicator-vertical.pos-start,
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical.pos-start {
  top: 16px;
}
.ArcoMobile .arco-carousel-indicator-vertical.pos-end,
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical.pos-end {
  bottom: 16px;
}
.ArcoMobile .arco-carousel-indicator-vertical.ver-pos-left,
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical.ver-pos-left {
  left: 12px;
}
.ArcoMobile [dir="rtl"] .arco-carousel-indicator-vertical.ver-pos-left,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator-vertical.ver-pos-left {
  right: 12px;
}
.ArcoMobile .arco-carousel-indicator-vertical.ver-pos-right,
.modo-renderer .ArcoMobile .arco-carousel-indicator-vertical.ver-pos-right {
  right: 12px;
}
.ArcoMobile [dir="rtl"] .arco-carousel-indicator-vertical.ver-pos-right,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator-vertical.ver-pos-right {
  left: 12px;
}
.ArcoMobile .arco-carousel-indicator.inverse .indicator,
.modo-renderer .ArcoMobile .arco-carousel-indicator.inverse .indicator {
  /*background-color: #e5e6eb;*/
  background-color: var(--color-border-2);
}
.ArcoMobile .arco-carousel-indicator.inverse .indicator.active,
.modo-renderer .ArcoMobile .arco-carousel-indicator.inverse .indicator.active {
  background-color: rgb(var(--primary-6));
}
.ArcoMobile .arco-carousel-indicator.outside,
.modo-renderer .ArcoMobile .arco-carousel-indicator.outside {
  padding: 8px 0 5px;
}
.ArcoMobile .arco-carousel-indicator-horizontal .indicator,
.modo-renderer .ArcoMobile .arco-carousel-indicator-horizontal .indicator {
  width: 12px;
}
.ArcoMobile .arco-carousel-indicator-horizontal .indicator:not(:last-of-type),
.modo-renderer .ArcoMobile .arco-carousel-indicator-horizontal .indicator:not(:last-of-type) {
  margin-right: 8px;
}
.ArcoMobile [dir="rtl"] .arco-carousel-indicator-horizontal .indicator:not(:last-of-type),
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator-horizontal .indicator:not(:last-of-type) {
  margin-left: 8px;
}
.ArcoMobile .arco-carousel-indicator .circle-indicator:not(:last-of-type),
.modo-renderer .ArcoMobile .arco-carousel-indicator .circle-indicator:not(:last-of-type),
.ArcoMobile .arco-carousel-indicator .indicator.type-circle:not(:last-of-type),
.modo-renderer .ArcoMobile .arco-carousel-indicator .indicator.type-circle:not(:last-of-type) {
  margin-right: 8px;
}
.ArcoMobile [dir="rtl"] .arco-carousel-indicator .circle-indicator:not(:last-of-type),
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator .circle-indicator:not(:last-of-type),
.ArcoMobile [dir="rtl"] .arco-carousel-indicator .indicator.type-circle:not(:last-of-type),
.modo-renderer .ArcoMobile [dir="rtl"] .arco-carousel-indicator .indicator.type-circle:not(:last-of-type) {
  margin-left: 8px;
}
.ArcoMobile .arco-avatar,
.modo-renderer .ArcoMobile .arco-avatar {
  position: relative;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  background-color: #4080FF;
}
.ArcoMobile .arco-avatar-mode-image,
.modo-renderer .ArcoMobile .arco-avatar-mode-image {
  background-color: transparent;
}
.ArcoMobile .arco-avatar-default-overlap,
.modo-renderer .ArcoMobile .arco-avatar-default-overlap {
  background-color: #c9cdd4;
}
.ArcoMobile .arco-avatar-shape-circle,
.modo-renderer .ArcoMobile .arco-avatar-shape-circle {
  border-radius: 50%;
}
.ArcoMobile .arco-avatar-shape-circle .arco-avatar-img .image-content,
.modo-renderer .ArcoMobile .arco-avatar-shape-circle .arco-avatar-img .image-content {
  border-radius: 50%;
}
.ArcoMobile .arco-avatar-shape-square,
.modo-renderer .ArcoMobile .arco-avatar-shape-square {
  border-radius: 4px;
}
.ArcoMobile .arco-avatar-shape-square .arco-avatar-img .image-content,
.modo-renderer .ArcoMobile .arco-avatar-shape-square .arco-avatar-img .image-content {
  border-radius: 4px;
}
.ArcoMobile .arco-avatar-size-ultra-small,
.modo-renderer .ArcoMobile .arco-avatar-size-ultra-small {
  width: 24px;
  height: 24px;
}
.ArcoMobile .arco-avatar-default-icon-size-ultra-small,
.modo-renderer .ArcoMobile .arco-avatar-default-icon-size-ultra-small {
  font-size: 12px;
}
.ArcoMobile .arco-avatar-text-size-ultra-small,
.modo-renderer .ArcoMobile .arco-avatar-text-size-ultra-small {
  font-size: 10px;
}
.ArcoMobile .arco-avatar-wrapper-with-info-size-ultra-small,
.modo-renderer .ArcoMobile .arco-avatar-wrapper-with-info-size-ultra-small {
  height: 56px;
}
.ArcoMobile .arco-avatar-name-size-ultra-small,
.modo-renderer .ArcoMobile .arco-avatar-name-size-ultra-small {
  font-size: 13px;
  line-height: 18px;
}
.ArcoMobile .arco-avatar-desc-size-ultra-small,
.modo-renderer .ArcoMobile .arco-avatar-desc-size-ultra-small {
  margin-top: 2px;
  font-size: 10px;
  line-height: 14px;
}
.ArcoMobile .arco-avatar-size-smaller,
.modo-renderer .ArcoMobile .arco-avatar-size-smaller {
  width: 32px;
  height: 32px;
}
.ArcoMobile .arco-avatar-default-icon-size-smaller,
.modo-renderer .ArcoMobile .arco-avatar-default-icon-size-smaller {
  font-size: 16px;
}
.ArcoMobile .arco-avatar-text-size-smaller,
.modo-renderer .ArcoMobile .arco-avatar-text-size-smaller {
  font-size: 12px;
}
.ArcoMobile .arco-avatar-wrapper-with-info-size-smaller,
.modo-renderer .ArcoMobile .arco-avatar-wrapper-with-info-size-smaller {
  height: 64px;
}
.ArcoMobile .arco-avatar-name-size-smaller,
.modo-renderer .ArcoMobile .arco-avatar-name-size-smaller {
  font-size: 14px;
  line-height: 20px;
}
.ArcoMobile .arco-avatar-desc-size-smaller,
.modo-renderer .ArcoMobile .arco-avatar-desc-size-smaller {
  margin-top: 0;
  font-size: 12px;
  line-height: 16px;
}
.ArcoMobile .arco-avatar-size-small,
.modo-renderer .ArcoMobile .arco-avatar-size-small {
  width: 40px;
  height: 40px;
}
.ArcoMobile .arco-avatar-default-icon-size-small,
.modo-renderer .ArcoMobile .arco-avatar-default-icon-size-small {
  font-size: 20px;
}
.ArcoMobile .arco-avatar-text-size-small,
.modo-renderer .ArcoMobile .arco-avatar-text-size-small {
  font-size: 14px;
}
.ArcoMobile .arco-avatar-wrapper-with-info-size-small,
.modo-renderer .ArcoMobile .arco-avatar-wrapper-with-info-size-small {
  height: 80px;
}
.ArcoMobile .arco-avatar-name-size-small,
.modo-renderer .ArcoMobile .arco-avatar-name-size-small {
  font-size: 16px;
  line-height: 24px;
}
.ArcoMobile .arco-avatar-desc-size-small,
.modo-renderer .ArcoMobile .arco-avatar-desc-size-small {
  margin-top: 0;
  font-size: 12px;
  line-height: 16px;
}
.ArcoMobile .arco-avatar-size-medium,
.modo-renderer .ArcoMobile .arco-avatar-size-medium {
  width: 48px;
  height: 48px;
}
.ArcoMobile .arco-avatar-default-icon-size-medium,
.modo-renderer .ArcoMobile .arco-avatar-default-icon-size-medium {
  font-size: 24px;
}
.ArcoMobile .arco-avatar-text-size-medium,
.modo-renderer .ArcoMobile .arco-avatar-text-size-medium {
  font-size: 16px;
}
.ArcoMobile .arco-avatar-wrapper-with-info-size-medium,
.modo-renderer .ArcoMobile .arco-avatar-wrapper-with-info-size-medium {
  height: 80px;
}
.ArcoMobile .arco-avatar-name-size-medium,
.modo-renderer .ArcoMobile .arco-avatar-name-size-medium {
  font-size: 18px;
  line-height: 26px;
}
.ArcoMobile .arco-avatar-desc-size-medium,
.modo-renderer .ArcoMobile .arco-avatar-desc-size-medium {
  margin-top: 2px;
  font-size: 14px;
  line-height: 20px;
}
.ArcoMobile .arco-avatar-size-large,
.modo-renderer .ArcoMobile .arco-avatar-size-large {
  width: 56px;
  height: 56px;
}
.ArcoMobile .arco-avatar-default-icon-size-large,
.modo-renderer .ArcoMobile .arco-avatar-default-icon-size-large {
  font-size: 28px;
}
.ArcoMobile .arco-avatar-text-size-large,
.modo-renderer .ArcoMobile .arco-avatar-text-size-large {
  font-size: 16px;
}
.ArcoMobile .arco-avatar-wrapper-with-info-size-large,
.modo-renderer .ArcoMobile .arco-avatar-wrapper-with-info-size-large {
  height: 88px;
}
.ArcoMobile .arco-avatar-name-size-large,
.modo-renderer .ArcoMobile .arco-avatar-name-size-large {
  font-size: 18px;
  line-height: 26px;
}
.ArcoMobile .arco-avatar-desc-size-large,
.modo-renderer .ArcoMobile .arco-avatar-desc-size-large {
  margin-top: 2px;
  font-size: 14px;
  line-height: 20px;
}
.ArcoMobile .arco-avatar-img,
.modo-renderer .ArcoMobile .arco-avatar-img {
  width: 100%;
  height: 100%;
}
.ArcoMobile .arco-avatar-decoration,
.modo-renderer .ArcoMobile .arco-avatar-decoration {
  position: absolute;
}
.ArcoMobile .arco-avatar-text,
.modo-renderer .ArcoMobile .arco-avatar-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  font-weight: bold;
}
.ArcoMobile .arco-avatar-wrapper,
.modo-renderer .ArcoMobile .arco-avatar-wrapper {
  display: inline-block;
}
.ArcoMobile .arco-avatar-wrapper-with-info,
.modo-renderer .ArcoMobile .arco-avatar-wrapper-with-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile .arco-avatar-info,
.modo-renderer .ArcoMobile .arco-avatar-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 16px;
}
.ArcoMobile .arco-avatar-name,
.modo-renderer .ArcoMobile .arco-avatar-name {
  color: #1d2129;
}
.ArcoMobile .arco-avatar-desc,
.modo-renderer .ArcoMobile .arco-avatar-desc {
  color: #86909c;
}
.ArcoMobile.arco-avatar-group .arco-avatar-wrapper-shape-circle,
.modo-renderer .ArcoMobile.arco-avatar-group .arco-avatar-wrapper-shape-circle {
  position: relative;
}
.ArcoMobile.arco-avatar-group .arco-avatar-wrapper-shape-circle:first-child,
.modo-renderer .ArcoMobile.arco-avatar-group .arco-avatar-wrapper-shape-circle:first-child {
  margin-left: 0;
}
.ArcoMobile.arco-avatar-group .arco-avatar,
.modo-renderer .ArcoMobile.arco-avatar-group .arco-avatar {
  border-style: solid;
  border-color: #ffffff;
}
.ArcoMobile .arco-avatar-group-size-ultra-small .arco-avatar-wrapper,
.modo-renderer .ArcoMobile .arco-avatar-group-size-ultra-small .arco-avatar-wrapper {
  margin-left: -8px;
}
.ArcoMobile .arco-avatar-group-size-ultra-small .arco-avatar,
.modo-renderer .ArcoMobile .arco-avatar-group-size-ultra-small .arco-avatar {
  border-width: 1px;
}
.ArcoMobile .arco-avatar-group-size-smaller .arco-avatar-wrapper,
.modo-renderer .ArcoMobile .arco-avatar-group-size-smaller .arco-avatar-wrapper {
  margin-left: -8px;
}
.ArcoMobile .arco-avatar-group-size-smaller .arco-avatar,
.modo-renderer .ArcoMobile .arco-avatar-group-size-smaller .arco-avatar {
  border-width: 1px;
}
.ArcoMobile .arco-avatar-group-size-small .arco-avatar-wrapper,
.modo-renderer .ArcoMobile .arco-avatar-group-size-small .arco-avatar-wrapper {
  margin-left: -12px;
}
.ArcoMobile .arco-avatar-group-size-small .arco-avatar,
.modo-renderer .ArcoMobile .arco-avatar-group-size-small .arco-avatar {
  border-width: 1.5px;
}
.ArcoMobile .arco-avatar-group-size-medium .arco-avatar-wrapper,
.modo-renderer .ArcoMobile .arco-avatar-group-size-medium .arco-avatar-wrapper {
  margin-left: -12px;
}
.ArcoMobile .arco-avatar-group-size-medium .arco-avatar,
.modo-renderer .ArcoMobile .arco-avatar-group-size-medium .arco-avatar {
  border-width: 1.5px;
}
.ArcoMobile .arco-avatar-group-size-large .arco-avatar-wrapper,
.modo-renderer .ArcoMobile .arco-avatar-group-size-large .arco-avatar-wrapper {
  margin-left: -12px;
}
.ArcoMobile .arco-avatar-group-size-large .arco-avatar,
.modo-renderer .ArcoMobile .arco-avatar-group-size-large .arco-avatar {
  border-width: 1.5px;
}
.ArcoMobile .arco-avatar-text,
.modo-renderer .ArcoMobile .arco-avatar-text {
  position: static !important;
  position: initial !important;
  -webkit-transform-origin: 50% 50% 0;
          transform-origin: 50% 50% 0;
  -webkit-transform-origin: initial;
          transform-origin: initial;
  font-weight: inherit;
  line-height: inherit;
}
.ArcoMobile .arco-avatar,
.modo-renderer .ArcoMobile .arco-avatar {
  background-color: rgb(var(--primary-6));
}
.ArcoMobile .arco-avatar-default-overlap,
.modo-renderer .ArcoMobile .arco-avatar-default-overlap {
  background-color: var(--color-fill-4);
}
.ArcoMobile .arco-avatar-shape-square,
.modo-renderer .ArcoMobile .arco-avatar-shape-square {
  border-radius: 4px;
}
.ArcoMobile .arco-avatar-shape-square .arco-avatar-img .image-content,
.modo-renderer .ArcoMobile .arco-avatar-shape-square .arco-avatar-img .image-content {
  border-radius: 4px;
}
.ArcoMobile .arco-avatar-size-ultra-small,
.modo-renderer .ArcoMobile .arco-avatar-size-ultra-small {
  width: 24px;
  height: 24px;
}
.ArcoMobile .arco-avatar-default-icon-size-ultra-small,
.modo-renderer .ArcoMobile .arco-avatar-default-icon-size-ultra-small {
  font-size: 12px;
}
.ArcoMobile .arco-avatar-text-size-ultra-small,
.modo-renderer .ArcoMobile .arco-avatar-text-size-ultra-small {
  font-size: 10px;
}
.ArcoMobile .arco-avatar-wrapper-with-info-size-ultra-small,
.modo-renderer .ArcoMobile .arco-avatar-wrapper-with-info-size-ultra-small {
  height: 56px;
}
.ArcoMobile .arco-avatar-name-size-ultra-small,
.modo-renderer .ArcoMobile .arco-avatar-name-size-ultra-small {
  font-size: 13px;
  line-height: 18px;
}
.ArcoMobile .arco-avatar-desc-size-ultra-small,
.modo-renderer .ArcoMobile .arco-avatar-desc-size-ultra-small {
  margin-top: 2px;
  font-size: 10px;
  line-height: 14px;
}
.ArcoMobile .arco-avatar-size-smaller,
.modo-renderer .ArcoMobile .arco-avatar-size-smaller {
  width: 32px;
  height: 32px;
}
.ArcoMobile .arco-avatar-default-icon-size-smaller,
.modo-renderer .ArcoMobile .arco-avatar-default-icon-size-smaller {
  font-size: 16px;
}
.ArcoMobile .arco-avatar-text-size-smaller,
.modo-renderer .ArcoMobile .arco-avatar-text-size-smaller {
  font-size: 12px;
}
.ArcoMobile .arco-avatar-wrapper-with-info-size-smaller,
.modo-renderer .ArcoMobile .arco-avatar-wrapper-with-info-size-smaller {
  height: 64px;
}
.ArcoMobile .arco-avatar-name-size-smaller,
.modo-renderer .ArcoMobile .arco-avatar-name-size-smaller {
  font-size: 14px;
  line-height: 20px;
}
.ArcoMobile .arco-avatar-desc-size-smaller,
.modo-renderer .ArcoMobile .arco-avatar-desc-size-smaller {
  margin-top: 0;
  font-size: 12px;
  line-height: 16px;
}
.ArcoMobile .arco-avatar-size-small,
.modo-renderer .ArcoMobile .arco-avatar-size-small {
  width: 40px;
  height: 40px;
}
.ArcoMobile .arco-avatar-default-icon-size-small,
.modo-renderer .ArcoMobile .arco-avatar-default-icon-size-small {
  font-size: 20px;
}
.ArcoMobile .arco-avatar-text-size-small,
.modo-renderer .ArcoMobile .arco-avatar-text-size-small {
  font-size: 14px;
}
.ArcoMobile .arco-avatar-wrapper-with-info-size-small,
.modo-renderer .ArcoMobile .arco-avatar-wrapper-with-info-size-small {
  height: 80px;
}
.ArcoMobile .arco-avatar-name-size-small,
.modo-renderer .ArcoMobile .arco-avatar-name-size-small {
  font-size: 16px;
  line-height: 24px;
}
.ArcoMobile .arco-avatar-desc-size-small,
.modo-renderer .ArcoMobile .arco-avatar-desc-size-small {
  margin-top: 0;
  font-size: 12px;
  line-height: 16px;
}
.ArcoMobile .arco-avatar-size-medium,
.modo-renderer .ArcoMobile .arco-avatar-size-medium {
  width: 48px;
  height: 48px;
}
.ArcoMobile .arco-avatar-default-icon-size-medium,
.modo-renderer .ArcoMobile .arco-avatar-default-icon-size-medium {
  font-size: 24px;
}
.ArcoMobile .arco-avatar-text-size-medium,
.modo-renderer .ArcoMobile .arco-avatar-text-size-medium {
  font-size: 16px;
}
.ArcoMobile .arco-avatar-wrapper-with-info-size-medium,
.modo-renderer .ArcoMobile .arco-avatar-wrapper-with-info-size-medium {
  height: 80px;
}
.ArcoMobile .arco-avatar-name-size-medium,
.modo-renderer .ArcoMobile .arco-avatar-name-size-medium {
  font-size: 18px;
  line-height: 26px;
}
.ArcoMobile .arco-avatar-desc-size-medium,
.modo-renderer .ArcoMobile .arco-avatar-desc-size-medium {
  margin-top: 2px;
  font-size: 14px;
  line-height: 20px;
}
.ArcoMobile .arco-avatar-size-large,
.modo-renderer .ArcoMobile .arco-avatar-size-large {
  width: 56px;
  height: 56px;
}
.ArcoMobile .arco-avatar-default-icon-size-large,
.modo-renderer .ArcoMobile .arco-avatar-default-icon-size-large {
  font-size: 28px;
}
.ArcoMobile .arco-avatar-text-size-large,
.modo-renderer .ArcoMobile .arco-avatar-text-size-large {
  font-size: 16px;
}
.ArcoMobile .arco-avatar-wrapper-with-info-size-large,
.modo-renderer .ArcoMobile .arco-avatar-wrapper-with-info-size-large {
  height: 88px;
}
.ArcoMobile .arco-avatar-name-size-large,
.modo-renderer .ArcoMobile .arco-avatar-name-size-large {
  font-size: 18px;
  line-height: 26px;
}
.ArcoMobile .arco-avatar-desc-size-large,
.modo-renderer .ArcoMobile .arco-avatar-desc-size-large {
  margin-top: 2px;
  font-size: 14px;
  line-height: 20px;
}
.ArcoMobile .arco-avatar-info,
.modo-renderer .ArcoMobile .arco-avatar-info {
  margin-left: 16px;
}
.ArcoMobile .arco-avatar-name,
.modo-renderer .ArcoMobile .arco-avatar-name {
  color: var(--color-text-2);
}
.ArcoMobile .arco-avatar-desc,
.modo-renderer .ArcoMobile .arco-avatar-desc {
  color: var(--color-text-3);
}
.ArcoMobile.arco-avatar-group .arco-avatar-wrapper-shape-circle:first-child,
.modo-renderer .ArcoMobile.arco-avatar-group .arco-avatar-wrapper-shape-circle:first-child {
  margin-left: 0;
}
.ArcoMobile.arco-avatar-group .arco-avatar,
.modo-renderer .ArcoMobile.arco-avatar-group .arco-avatar {
  border-color: var(--color-white);
}
.ArcoMobile .arco-avatar-group-size-ultra-small .arco-avatar-wrapper,
.modo-renderer .ArcoMobile .arco-avatar-group-size-ultra-small .arco-avatar-wrapper {
  margin-left: -8px;
}
.ArcoMobile .arco-avatar-group-size-ultra-small .arco-avatar,
.modo-renderer .ArcoMobile .arco-avatar-group-size-ultra-small .arco-avatar {
  border-width: 1px;
}
.ArcoMobile .arco-avatar-group-size-smaller .arco-avatar-wrapper,
.modo-renderer .ArcoMobile .arco-avatar-group-size-smaller .arco-avatar-wrapper {
  margin-left: -8px;
}
.ArcoMobile .arco-avatar-group-size-smaller .arco-avatar,
.modo-renderer .ArcoMobile .arco-avatar-group-size-smaller .arco-avatar {
  border-width: 1px;
}
.ArcoMobile .arco-avatar-group-size-small .arco-avatar-wrapper,
.modo-renderer .ArcoMobile .arco-avatar-group-size-small .arco-avatar-wrapper {
  margin-left: -12px;
}
.ArcoMobile .arco-avatar-group-size-small .arco-avatar,
.modo-renderer .ArcoMobile .arco-avatar-group-size-small .arco-avatar {
  border-width: 1.5px;
}
.ArcoMobile .arco-avatar-group-size-medium .arco-avatar-wrapper,
.modo-renderer .ArcoMobile .arco-avatar-group-size-medium .arco-avatar-wrapper {
  margin-left: -12px;
}
.ArcoMobile .arco-avatar-group-size-medium .arco-avatar,
.modo-renderer .ArcoMobile .arco-avatar-group-size-medium .arco-avatar {
  border-width: 1.5px;
}
.ArcoMobile .arco-avatar-group-size-large .arco-avatar-wrapper,
.modo-renderer .ArcoMobile .arco-avatar-group-size-large .arco-avatar-wrapper {
  margin-left: -12px;
}
.ArcoMobile .arco-avatar-group-size-large .arco-avatar,
.modo-renderer .ArcoMobile .arco-avatar-group-size-large .arco-avatar {
  border-width: 1.5px;
}
.ArcoMobile.arco-masking .arco-masking-mask.pre-mount:not([class*="-enter"]):not([class*="-exit"]),
.modo-renderer .ArcoMobile.arco-masking .arco-masking-mask.pre-mount:not([class*="-enter"]):not([class*="-exit"]),
.ArcoMobile.arco-masking .arco-masking-content.pre-mount:not([class*="-enter"]):not([class*="-exit"]),
.modo-renderer .ArcoMobile.arco-masking .arco-masking-content.pre-mount:not([class*="-enter"]):not([class*="-exit"]),
.ArcoMobile.arco-masking .arco-masking-mask[class*="-exit-done"],
.modo-renderer .ArcoMobile.arco-masking .arco-masking-mask[class*="-exit-done"],
.ArcoMobile.arco-masking .arco-masking-content[class*="-exit-done"],
.modo-renderer .ArcoMobile.arco-masking .arco-masking-content[class*="-exit-done"] {
  opacity: 0;
  pointer-events: none;
}
.ArcoMobile.arco-masking .arco-masking-mask,
.modo-renderer .ArcoMobile.arco-masking .arco-masking-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}
.ArcoMobile.arco-masking .arco-masking-content,
.modo-renderer .ArcoMobile.arco-masking .arco-masking-content {
  position: fixed;
  z-index: 1001;
}
.ArcoMobile.arco-masking .arco-masking-content.at-center,
.modo-renderer .ArcoMobile.arco-masking .arco-masking-content.at-center {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ArcoMobile.arco-masking .arco-popup-content.need-bottom-offset,
.modo-renderer .ArcoMobile.arco-masking .arco-popup-content.need-bottom-offset {
  padding-bottom: env(safe-area-inset-bottom);
}
.ArcoMobile.arco-masking .arco-popup-content,
.modo-renderer .ArcoMobile.arco-masking .arco-popup-content {
  background: #ffffff;
  position: fixed;
  z-index: 1001;
}
.ArcoMobile.arco-masking,
.modo-renderer .ArcoMobile.arco-masking {
  display: block;
}
.ArcoMobile .arco-picker .arco-popup-content,
.modo-renderer .ArcoMobile .arco-picker .arco-popup-content {
  -webkit-box-shadow: 0 2PX 8PX rgba(0, 0, 0, 0.15);
          box-shadow: 0 2PX 8PX rgba(0, 0, 0, 0.15);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ArcoMobile .arco-picker-header,
.modo-renderer .ArcoMobile .arco-picker-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  height: 54px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ArcoMobile .arco-picker-header-title,
.modo-renderer .ArcoMobile .arco-picker-header-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  text-align: center;
  font-size: 16px;
  padding: 0 60px;
  color: #1d2129;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ArcoMobile .arco-picker-header-btn,
.modo-renderer .ArcoMobile .arco-picker-header-btn {
  position: absolute;
  font-size: 15px;
  padding: 16px;
}
.ArcoMobile .arco-picker-header-btn.left,
.modo-renderer .ArcoMobile .arco-picker-header-btn.left {
  left: 0;
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-picker-header-btn.right,
.modo-renderer .ArcoMobile .arco-picker-header-btn.right {
  right: 0;
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-picker .arco-popup-content,
.modo-renderer .ArcoMobile .arco-picker .arco-popup-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ArcoMobile .arco-picker-header,
.modo-renderer .ArcoMobile .arco-picker-header {
  height: 54px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: var(--color-white) !important;
}
.ArcoMobile .arco-picker-header-title,
.modo-renderer .ArcoMobile .arco-picker-header-title {
  font-size: 16px;
  padding: 0 60px;
  color: var(--color-text-2);
}
.ArcoMobile .arco-picker-header-btn,
.modo-renderer .ArcoMobile .arco-picker-header-btn {
  font-size: 15px;
  padding: 16px;
}
.ArcoMobile .arco-picker-header-btn.left,
.modo-renderer .ArcoMobile .arco-picker-header-btn.left {
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-picker-header-btn.right,
.modo-renderer .ArcoMobile .arco-picker-header-btn.right {
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-picker-view,
.modo-renderer .ArcoMobile .arco-picker-view {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  /* Non-prefixed version, currently*/
  height: 220px;
  position: relative;
}
.ArcoMobile .arco-picker-multi,
.modo-renderer .ArcoMobile .arco-picker-multi {
  color: #1d2129;
  font-size: 16px;
  line-height: 44px;
}
.ArcoMobile .arco-picker-multi,
.modo-renderer .ArcoMobile .arco-picker-multi,
.ArcoMobile .arco-picker-selection,
.modo-renderer .ArcoMobile .arco-picker-selection {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
}
.ArcoMobile .arco-picker-column,
.modo-renderer .ArcoMobile .arco-picker-column {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
.ArcoMobile .arco-picker-column-item-wrap,
.modo-renderer .ArcoMobile .arco-picker-column-item-wrap {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  will-change: transform;
}
.ArcoMobile .arco-picker-column-item,
.modo-renderer .ArcoMobile .arco-picker-column-item {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
}
.ArcoMobile .arco-picker-column-item::-webkit-scrollbar,
.modo-renderer .ArcoMobile .arco-picker-column-item::-webkit-scrollbar {
  display: none;
}
.ArcoMobile .arco-picker-selection,
.modo-renderer .ArcoMobile .arco-picker-selection {
  will-change: transform;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  pointer-events: none;
}
.ArcoMobile .arco-picker-selection-mask-top,
.modo-renderer .ArcoMobile .arco-picker-selection-mask-top {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(65%, rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.7) 65%);
}
.ArcoMobile .arco-picker-selection-mask-bottom,
.modo-renderer .ArcoMobile .arco-picker-selection-mask-bottom {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(65%, rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0.7) 65%);
}
.ArcoMobile .arco-picker-selection-bar,
.modo-renderer .ArcoMobile .arco-picker-selection-bar {
  width: 100%;
  height: 44px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  position: relative;
  border-width: 0;
}
.ArcoMobile .arco-picker-selection-bar::before,
.modo-renderer .ArcoMobile .arco-picker-selection-bar::before {
  content: '';
  width: 100%;
  height: 1PX;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-top-style: solid;
  border-top-width: 1PX;
  border-top-color: #e5e6eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  pointer-events: none;
  border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile .arco-picker-selection-bar::before,
  .modo-renderer .ArcoMobile .arco-picker-selection-bar::before {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    border-radius: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile .arco-picker-selection-bar::before,
  .modo-renderer .ArcoMobile .arco-picker-selection-bar::before {
    transform: scaleY(0.33333333);
    -webkit-transform: scaleY(0.33333333);
    border-radius: 0;
  }
}
.ArcoMobile .arco-picker-selection-bar::after,
.modo-renderer .ArcoMobile .arco-picker-selection-bar::after {
  content: '';
  width: 100%;
  height: 1PX;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  border-bottom-style: solid;
  border-bottom-width: 1PX;
  border-bottom-color: #e5e6eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  pointer-events: none;
  border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile .arco-picker-selection-bar::after,
  .modo-renderer .ArcoMobile .arco-picker-selection-bar::after {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    border-radius: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile .arco-picker-selection-bar::after,
  .modo-renderer .ArcoMobile .arco-picker-selection-bar::after {
    transform: scaleY(0.33333333);
    -webkit-transform: scaleY(0.33333333);
    border-radius: 0;
  }
}
.ArcoMobile .arco-picker-view,
.modo-renderer .ArcoMobile .arco-picker-view {
  height: 220px;
}
.ArcoMobile .arco-picker-multi,
.modo-renderer .ArcoMobile .arco-picker-multi {
  color: var(--color-text-2);
  font-size: 16px;
  line-height: 44px;
}
.ArcoMobile .arco-picker-selection-bar,
.modo-renderer .ArcoMobile .arco-picker-selection-bar {
  height: 44px;
}
.ArcoMobile .arco-popover-menu-content,
.modo-renderer .ArcoMobile .arco-popover-menu-content {
  border-radius: 4PX;
  overflow: hidden;
}
.ArcoMobile .arco-popover-menu-content.horizontal-menu .arco-popover-menu-item .arco-popover-menu-text,
.modo-renderer .ArcoMobile .arco-popover-menu-content.horizontal-menu .arco-popover-menu-item .arco-popover-menu-text {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ArcoMobile .arco-popover-menu-item,
.modo-renderer .ArcoMobile .arco-popover-menu-item {
  padding: 0 12px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile .arco-popover-menu-item.active,
.modo-renderer .ArcoMobile .arco-popover-menu-item.active {
  background-color: #242425;
}
.ArcoMobile .white-theme .arco-popover-menu-item.active,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item.active {
  background-color: #F7F8FA;
}
.ArcoMobile .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.modo-renderer .ArcoMobile .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
  -webkit-box-shadow: 0 -1PX 0 0 rgba(247, 248, 250, 0.1) inset;
          box-shadow: 0 -1PX 0 0 rgba(247, 248, 250, 0.1) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
  .modo-renderer .ArcoMobile .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
    -webkit-box-shadow: 0 -0.5PX 0 0 rgba(247, 248, 250, 0.1) inset;
            box-shadow: 0 -0.5PX 0 0 rgba(247, 248, 250, 0.1) inset;
  }
}
.ArcoMobile .ios .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.modo-renderer .ArcoMobile .ios .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.ArcoMobile .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text.ios,
.modo-renderer .ArcoMobile .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 0.5PX solid rgba(247, 248, 250, 0.1);
}
.ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
  -webkit-box-shadow: 0 -1PX 0 0 #e5e6eb inset;
          box-shadow: 0 -1PX 0 0 #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
  .modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
    -webkit-box-shadow: 0 -0.5PX 0 0 #e5e6eb inset;
            box-shadow: 0 -0.5PX 0 0 #e5e6eb inset;
  }
}
.ArcoMobile .ios .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.modo-renderer .ArcoMobile .ios .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text.ios,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 0.5PX solid #e5e6eb;
}
.ArcoMobile .arco-popover-menu-icon,
.modo-renderer .ArcoMobile .arco-popover-menu-icon {
  margin-right: 8px;
  font-size: 20px;
  line-height: 1;
}
.ArcoMobile .arco-popover-menu-icon > *,
.modo-renderer .ArcoMobile .arco-popover-menu-icon > * {
  float: left;
}
.ArcoMobile .arco-popover-menu-icon::after,
.modo-renderer .ArcoMobile .arco-popover-menu-icon::after {
  content: " ";
  clear: both;
}
.ArcoMobile .white-theme .arco-popover-menu-icon,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-icon {
  color: #4e5969;
}
.ArcoMobile .arco-popover-menu-text,
.modo-renderer .ArcoMobile .arco-popover-menu-text {
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 0;
  color: #fff;
}
.ArcoMobile .white-theme .arco-popover-menu-text,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-text {
  color: #1d2129;
}
.ArcoMobile .disabled .arco-popover-menu-text,
.modo-renderer .ArcoMobile .disabled .arco-popover-menu-text {
  color: rgba(255, 255, 255, 0.3);
}
.ArcoMobile .white-theme .disabled .arco-popover-menu-text,
.modo-renderer .ArcoMobile .white-theme .disabled .arco-popover-menu-text {
  color: #c9cdd4;
}
.ArcoMobile .arco-popover-menu-content.horizontal-menu,
.modo-renderer .ArcoMobile .arco-popover-menu-content.horizontal-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 288px;
}
.ArcoMobile .arco-popover-menu-content.horizontal-menu .arco-popover-menu-item,
.modo-renderer .ArcoMobile .arco-popover-menu-content.horizontal-menu .arco-popover-menu-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 72px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ArcoMobile .horizontal-menu .arco-popover-menu-item,
.modo-renderer .ArcoMobile .horizontal-menu .arco-popover-menu-item {
  padding: 12px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile .horizontal-menu .arco-popover-menu-text,
.modo-renderer .ArcoMobile .horizontal-menu .arco-popover-menu-text {
  padding: 0;
}
.ArcoMobile .horizontal-menu .arco-popover-menu-icon,
.modo-renderer .ArcoMobile .horizontal-menu .arco-popover-menu-icon {
  margin: 0 0 8px 0;
}
.ArcoMobile.arco-popover,
.modo-renderer .ArcoMobile.arco-popover {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ArcoMobile.arco-popover .popover-child-inner,
.modo-renderer .ArcoMobile.arco-popover .popover-child-inner {
  font-size: 0;
  line-height: 1;
}
.ArcoMobile .arco-popover-mask,
.modo-renderer .ArcoMobile .arco-popover-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}
.ArcoMobile .arco-popover-inner,
.modo-renderer .ArcoMobile .arco-popover-inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1010;
  right: 0;
  background-color: transparent;
  visibility: hidden;
  will-change: transform;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  color: #fff;
}
.ArcoMobile .arco-popover-inner.with-shadow .popover-bg,
.modo-renderer .ArcoMobile .arco-popover-inner.with-shadow .popover-bg {
  -webkit-box-shadow: 0 2PX 8PX 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2PX 8PX 0 rgba(0, 0, 0, 0.1);
}
.ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.topRight,
.modo-renderer .ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.topRight,
.ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.topCenter,
.modo-renderer .ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.topCenter,
.ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.topLeft,
.modo-renderer .ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.topLeft {
  -webkit-box-shadow: 6PX 6PX 8PX 0 rgba(0, 0, 0, 0.04);
          box-shadow: 6PX 6PX 8PX 0 rgba(0, 0, 0, 0.04);
}
.ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.bottomRight,
.modo-renderer .ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.bottomRight,
.ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.bottomCenter,
.modo-renderer .ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.bottomCenter,
.ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.bottomLeft,
.modo-renderer .ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.bottomLeft {
  -webkit-box-shadow: -6PX -6PX 8PX 0 rgba(0, 0, 0, 0.04);
          box-shadow: -6PX -6PX 8PX 0 rgba(0, 0, 0, 0.04);
}
.ArcoMobile .arco-popover-inner.show,
.modo-renderer .ArcoMobile .arco-popover-inner.show {
  visibility: visible;
}
.ArcoMobile .arco-popover-inner .popover-content,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-content {
  position: relative;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4PX;
}
.ArcoMobile .arco-popover-inner .popover-bg,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4PX;
  background-color: #000000;
  opacity: 0.8;
}
.ArcoMobile .arco-popover-inner .content-text,
.modo-renderer .ArcoMobile .arco-popover-inner .content-text {
  white-space: normal;
  word-break: break-all;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 12px;
}
.ArcoMobile .arco-popover-inner.with-suffix .popover-content,
.modo-renderer .ArcoMobile .arco-popover-inner.with-suffix .popover-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile .arco-popover-inner .icon-divider,
.modo-renderer .ArcoMobile .arco-popover-inner .icon-divider {
  width: 1PX;
  height: 12px;
  -webkit-box-shadow: 1PX 0 0 0 rgba(255, 255, 255, 0.3) inset;
          box-shadow: 1PX 0 0 0 rgba(255, 255, 255, 0.3) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-inner .icon-divider,
  .modo-renderer .ArcoMobile .arco-popover-inner .icon-divider {
    -webkit-box-shadow: 0.5PX 0 0 0 rgba(255, 255, 255, 0.3) inset;
            box-shadow: 0.5PX 0 0 0 rgba(255, 255, 255, 0.3) inset;
  }
}
.ArcoMobile .ios .arco-popover-inner .icon-divider,
.modo-renderer .ArcoMobile .ios .arco-popover-inner .icon-divider,
.ArcoMobile .arco-popover-inner .icon-divider.ios,
.modo-renderer .ArcoMobile .arco-popover-inner .icon-divider.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-left: 0.5PX solid rgba(255, 255, 255, 0.3);
}
.ArcoMobile .arco-popover-inner .text-close-icon,
.modo-renderer .ArcoMobile .arco-popover-inner .text-close-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  padding: 0 10px 0 11px;
}
.ArcoMobile .arco-popover-inner .text-suffix,
.modo-renderer .ArcoMobile .arco-popover-inner .text-suffix {
  padding: 0 12px 0 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.ArcoMobile .arco-popover-inner .popover-arrow,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow {
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 9PX;
  height: 9PX;
  background-color: #000000;
}
.ArcoMobile .arco-popover-inner .popover-arrow.topRight,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topRight,
.ArcoMobile .arco-popover-inner .popover-arrow.topCenter,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topCenter,
.ArcoMobile .arco-popover-inner .popover-arrow.topLeft,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topLeft,
.ArcoMobile .arco-popover-inner .popover-arrow.topRight .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topRight .popover-arrow-content,
.ArcoMobile .arco-popover-inner .popover-arrow.topCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topCenter .popover-arrow-content,
.ArcoMobile .arco-popover-inner .popover-arrow.topLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topLeft .popover-arrow-content {
  border-bottom-right-radius: 1PX;
}
.ArcoMobile .arco-popover-inner .popover-arrow.bottomRight,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomRight,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomRight .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomRight .popover-arrow-content,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter .popover-arrow-content,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft .popover-arrow-content {
  border-top-left-radius: 1PX;
}
.ArcoMobile .arco-popover-inner .popover-arrow.topRight,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topRight,
.ArcoMobile .arco-popover-inner .popover-arrow.topCenter,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topCenter,
.ArcoMobile .arco-popover-inner .popover-arrow.topLeft,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topLeft {
  -webkit-transform: translateY(50%) rotate(45deg);
          transform: translateY(50%) rotate(45deg);
}
.ArcoMobile .arco-popover-inner .popover-arrow.topRight,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topRight {
  bottom: 0;
  right: 0;
}
.ArcoMobile .arco-popover-inner .popover-arrow.topCenter,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topCenter,
.ArcoMobile .arco-popover-inner .popover-arrow.topLeft,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topLeft {
  bottom: 0;
  left: 0;
}
.ArcoMobile .arco-popover-inner .popover-arrow.bottomRight,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomRight,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.ArcoMobile .arco-popover-inner .popover-arrow.bottomRight,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomRight {
  top: 0;
  right: 0;
}
.ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft {
  top: 0;
  left: 0;
}
.ArcoMobile .arco-popover-inner.white-theme,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme {
  color: #1d2129;
}
.ArcoMobile .arco-popover-inner.white-theme .popover-bg,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme .popover-bg {
  background-color: #ffffff;
  opacity: 1;
}
.ArcoMobile .arco-popover-inner.white-theme .popover-arrow,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme .popover-arrow {
  background-color: #ffffff;
}
.ArcoMobile .arco-popover-inner.white-theme .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme .popover-arrow-content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: inherit;
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg {
  -webkit-box-shadow: 0 0 0 1PX #e5e6eb inset;
          box-shadow: 0 0 0 1PX #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg {
    -webkit-box-shadow: 0 0 0 0.5PX #e5e6eb inset;
            box-shadow: 0 0 0 0.5PX #e5e6eb inset;
  }
}
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-bg,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-bg,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0.5PX solid #e5e6eb;
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow-content {
  border-color: #e5e6eb;
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content {
  -webkit-box-shadow: -1PX -1PX 0 0 #e5e6eb inset;
          box-shadow: -1PX -1PX 0 0 #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content {
    -webkit-box-shadow: -0.5PX -0.5PX 0 0 #e5e6eb inset;
            box-shadow: -0.5PX -0.5PX 0 0 #e5e6eb inset;
  }
}
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-right: 0.5PX solid #e5e6eb;
  border-bottom: 0.5PX solid #e5e6eb;
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content {
  -webkit-box-shadow: 1PX 1PX 0 0 #e5e6eb inset;
          box-shadow: 1PX 1PX 0 0 #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content {
    -webkit-box-shadow: 0.5PX 0.5PX 0 0 #e5e6eb inset;
            box-shadow: 0.5PX 0.5PX 0 0 #e5e6eb inset;
  }
}
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top: 0.5PX solid #e5e6eb;
  border-left: 0.5PX solid #e5e6eb;
}
.ArcoMobile .global-mode.arco-popover-inner,
.modo-renderer .ArcoMobile .global-mode.arco-popover-inner {
  position: fixed;
}
.ArcoMobile .arco-popover-menu-item,
.modo-renderer .ArcoMobile .arco-popover-menu-item {
  padding: 0 12px;
  height: 44px;
}
.ArcoMobile .arco-popover-menu-item.active,
.modo-renderer .ArcoMobile .arco-popover-menu-item.active {
  /*background-color: #242425;*/
  background-color: var(--color-text-2);
}
.ArcoMobile .white-theme .arco-popover-menu-item.active,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item.active {
  /*background-color: #F7F8FA;*/
  background-color: var(color-fill-1);
}
.ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
  -webkit-box-shadow: 0 -1PX 0 0 var(--color-border-2) inset;
          box-shadow: 0 -1PX 0 0 var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
  .modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
    -webkit-box-shadow: 0 -0.5PX 0 0 var(--color-border-2) inset;
            box-shadow: 0 -0.5PX 0 0 var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.modo-renderer .ArcoMobile .ios .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text.ios,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text.ios {
  border-bottom: 0.5PX solid var(--color-border-2);
}
.ArcoMobile .arco-popover-menu-icon,
.modo-renderer .ArcoMobile .arco-popover-menu-icon {
  margin-right: 8px;
  font-size: 20px;
}
.ArcoMobile .white-theme .arco-popover-menu-icon,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-icon {
  /*color: #4e5969;*/
  color: var(--color-text-2);
}
.ArcoMobile .arco-popover-menu-text,
.modo-renderer .ArcoMobile .arco-popover-menu-text {
  font-size: 14px;
  line-height: 20px;
  padding: 12px 0;
  color: var(--color-white);
}
.ArcoMobile .white-theme .arco-popover-menu-text,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-text {
  /*color:  #1d2129 ;*/
  color: var(--color-text-1);
}
.ArcoMobile .white-theme .disabled .arco-popover-menu-text,
.modo-renderer .ArcoMobile .white-theme .disabled .arco-popover-menu-text {
  /*color: #c9cdd4;*/
  color: var(--color-border-3);
}
.ArcoMobile .arco-popover-menu-content.horizontal-menu,
.modo-renderer .ArcoMobile .arco-popover-menu-content.horizontal-menu {
  max-width: 288px;
}
.ArcoMobile .arco-popover-menu-content.horizontal-menu .arco-popover-menu-item,
.modo-renderer .ArcoMobile .arco-popover-menu-content.horizontal-menu .arco-popover-menu-item {
  width: 72px;
  height: 72px;
}
.ArcoMobile .horizontal-menu .arco-popover-menu-item,
.modo-renderer .ArcoMobile .horizontal-menu .arco-popover-menu-item {
  padding: 12px 0;
}
.ArcoMobile .horizontal-menu .arco-popover-menu-icon,
.modo-renderer .ArcoMobile .horizontal-menu .arco-popover-menu-icon {
  margin: 0 0 8px 0;
}
.ArcoMobile .arco-popover-inner,
.modo-renderer .ArcoMobile .arco-popover-inner {
  color: var(--color-white);
}
.ArcoMobile .arco-popover-inner .popover-bg,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-bg {
  background-color: var(--color-black);
}
.ArcoMobile .arco-popover-inner .content-text,
.modo-renderer .ArcoMobile .arco-popover-inner .content-text {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 12px;
}
.ArcoMobile .arco-popover-inner .icon-divider,
.modo-renderer .ArcoMobile .arco-popover-inner .icon-divider {
  height: 12px;
}
.ArcoMobile .arco-popover-inner .text-close-icon,
.modo-renderer .ArcoMobile .arco-popover-inner .text-close-icon {
  font-size: 16px;
  padding: 0 10px 0 11px;
}
.ArcoMobile .arco-popover-inner .text-suffix,
.modo-renderer .ArcoMobile .arco-popover-inner .text-suffix {
  padding: 0 12px 0 0;
}
.ArcoMobile .arco-popover-inner .popover-arrow,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow {
  background-color: var(--color-black);
}
.ArcoMobile .arco-popover-inner.white-theme,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme {
  /*color:  #1d2129 ;*/
  color: var(--color-text-1);
}
.ArcoMobile .arco-popover-inner.white-theme .popover-arrow,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme .popover-arrow {
  background-color: var(--color-white);
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg {
  -webkit-box-shadow: 0 0 0 1PX var(--color-border-2) inset;
          box-shadow: 0 0 0 1PX var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg {
    -webkit-box-shadow: 0 0 0 0.5PX var(--color-border-2) inset;
            box-shadow: 0 0 0 0.5PX var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-bg,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-bg,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0.5PX solid var(--color-border-2);
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow-content {
  border-color: var(--color-border-2);
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content {
  -webkit-box-shadow: -1PX -1PX 0 0 var(--color-border-2) inset;
          box-shadow: -1PX -1PX 0 0 var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content {
    -webkit-box-shadow: -0.5PX -0.5PX 0 0 var(--color-border-2) inset;
            box-shadow: -0.5PX -0.5PX 0 0 var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content.ios {
  border-right: 0.5PX solid var(--color-border-2);
  border-bottom: 0.5PX solid var(--color-border-2);
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content {
  -webkit-box-shadow: 1PX 1PX 0 0 var(--color-border-2) inset;
          box-shadow: 1PX 1PX 0 0 var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content {
    -webkit-box-shadow: 0.5PX 0.5PX 0 0 var(--color-border-2) inset;
            box-shadow: 0.5PX 0.5PX 0 0 var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top: 0.5PX solid var(--color-border-2);
  border-left: 0.5PX solid var(--color-border-2);
}
.ArcoMobile.arco-load-more,
.modo-renderer .ArcoMobile.arco-load-more {
  text-align: center;
  font-size: 14px;
  /*color: #86909c;*/
  color: var(--color-text-3);
}
.ArcoMobile.arco-swipe-action,
.modo-renderer .ArcoMobile.arco-swipe-action {
  position: relative;
  -webkit-transition: -webkit-transform 0s;
  transition: -webkit-transform 0s;
  transition: transform 0s;
  transition: transform 0s, -webkit-transform 0s;
  font-size: 16px;
}
.ArcoMobile.arco-swipe-action.action-open,
.modo-renderer .ArcoMobile.arco-swipe-action.action-open,
.ArcoMobile .arco-swipe-action-menu.action-open,
.modo-renderer .ArcoMobile .arco-swipe-action-menu.action-open {
  -webkit-transition-timing-function: cubic-bezier(0.2, 0.8, 0.32, 1.28);
  transition-timing-function: cubic-bezier(0.2, 0.8, 0.32, 1.28);
}
.ArcoMobile.arco-swipe-action.action-close,
.modo-renderer .ArcoMobile.arco-swipe-action.action-close,
.ArcoMobile .arco-swipe-action-menu.action-close,
.modo-renderer .ArcoMobile .arco-swipe-action-menu.action-close {
  -webkit-transition-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
  transition-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}
.ArcoMobile .arco-swipe-action-content,
.modo-renderer .ArcoMobile .arco-swipe-action-content {
  width: 100%;
}
.ArcoMobile .arco-swipe-action-menu,
.modo-renderer .ArcoMobile .arco-swipe-action-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 100%;
  overflow: visible;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  top: 0;
  -webkit-transition: width 0s;
  transition: width 0s;
}
.ArcoMobile .arco-swipe-action-menu-left,
.modo-renderer .ArcoMobile .arco-swipe-action-menu-left {
  right: 100%;
}
.ArcoMobile .arco-swipe-action-menu-right,
.modo-renderer .ArcoMobile .arco-swipe-action-menu-right {
  left: 100%;
}
.ArcoMobile .arco-swipe-action-menu-action-left::after,
.modo-renderer .ArcoMobile .arco-swipe-action-menu-action-left::after {
  right: 100%;
  margin-right: -1PX;
}
.ArcoMobile .arco-swipe-action-menu-action-right::after,
.modo-renderer .ArcoMobile .arco-swipe-action-menu-action-right::after {
  left: 100%;
  margin-left: -1PX;
}
.ArcoMobile .arco-swipe-action-menu-action-info,
.modo-renderer .ArcoMobile .arco-swipe-action-menu-action-info {
  height: 100%;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
}
.ArcoMobile .arco-swipe-action-menu-action-info-container,
.modo-renderer .ArcoMobile .arco-swipe-action-menu-action-info-container {
  position: relative;
}
.ArcoMobile .arco-swipe-action-menu-action-info-container.open-style-layer,
.modo-renderer .ArcoMobile .arco-swipe-action-menu-action-info-container.open-style-layer {
  position: absolute;
  height: 100%;
}
.ArcoMobile .arco-swipe-action-menu-action-info-container::after,
.modo-renderer .ArcoMobile .arco-swipe-action-menu-action-info-container::after {
  content: " ";
  position: absolute;
  top: 0;
  height: 100%;
  width: 30px;
  background: inherit;
}
.ArcoMobile .arco-swipe-action-menu-action-info-text,
.modo-renderer .ArcoMobile .arco-swipe-action-menu-action-info-text {
  white-space: nowrap;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
}
.ArcoMobile .arco-swipe-action-menu-action-info-icon,
.modo-renderer .ArcoMobile .arco-swipe-action-menu-action-info-icon {
  margin-right: 4px;
  height: 20px;
  width: 20px;
  color: #ffffff;
}
.ArcoMobile.arco-swipe-action,
.modo-renderer .ArcoMobile.arco-swipe-action {
  font-size: 16px;
}
.ArcoMobile .arco-swipe-action-menu-action-info,
.modo-renderer .ArcoMobile .arco-swipe-action-menu-action-info {
  padding: 16px;
}
.ArcoMobile .arco-swipe-action-menu-action-info-text,
.modo-renderer .ArcoMobile .arco-swipe-action-menu-action-info-text {
  font-size: 16px;
  line-height: 22px;
}
.ArcoMobile .arco-swipe-action-menu-action-info-icon,
.modo-renderer .ArcoMobile .arco-swipe-action-menu-action-info-icon {
  margin-right: 4px;
  height: 20px;
  width: 20px;
}
.ArcoMobile.arco-cell {
  color: #86909c;
  font-size: 16px;
  margin-left: 16px;
  padding-right: 16px;
}
.ArcoMobile.arco-cell:not(:first-of-type).bordered {
  position: relative;
  border-width: 0;
}
.ArcoMobile.arco-cell:not(:first-of-type).bordered::before {
  content: '';
  width: 100%;
  height: 1PX;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-top-style: solid;
  border-top-width: 1PX;
  border-top-color: #e5e6eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  pointer-events: none;
  border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile.arco-cell:not(:first-of-type).bordered::before {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    border-radius: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile.arco-cell:not(:first-of-type).bordered::before {
    transform: scaleY(0.33333333);
    -webkit-transform: scaleY(0.33333333);
    border-radius: 0;
  }
}
.ArcoMobile.arco-cell.without-group {
  background-color: #ffffff;
  padding-left: 16px;
  margin-left: 0;
}
.ArcoMobile.arco-cell.without-group.bordered {
  position: relative;
  border-width: 0;
}
.ArcoMobile.arco-cell.without-group.bordered::before {
  content: '';
  width: 100%;
  height: 1PX;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-top-style: solid;
  border-top-width: 1PX;
  border-top-color: #e5e6eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  pointer-events: none;
  border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile.arco-cell.without-group.bordered::before {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    border-radius: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile.arco-cell.without-group.bordered::before {
    transform: scaleY(0.33333333);
    -webkit-transform: scaleY(0.33333333);
    border-radius: 0;
  }
}
.ArcoMobile.arco-cell.without-group.bordered::after {
  content: '';
  width: 100%;
  height: 1PX;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  border-bottom-style: solid;
  border-bottom-width: 1PX;
  border-bottom-color: #e5e6eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  pointer-events: none;
  border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile.arco-cell.without-group.bordered::after {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    border-radius: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile.arco-cell.without-group.bordered::after {
    transform: scaleY(0.33333333);
    -webkit-transform: scaleY(0.33333333);
    border-radius: 0;
  }
}
.arco-cell-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  height: 54px;
}
.arco-cell-inner.has-desc {
  height: 74px;
}
.ArcoMobile.arco-cell .cell-label {
  color: #1d2129;
  margin-right: 24px;
}
[dir="rtl"] .ArcoMobile.arco-cell .cell-label {
  margin-right: 0;
  margin-right: initial;
  margin-left: 24px;
}
.ArcoMobile.arco-cell .cell-desc {
  color: #86909c;
  font-size: 14px;
  margin-top: 2px;
}
.ArcoMobile.arco-cell .cell-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}
.ArcoMobile.arco-cell .cell-content.has-label {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.ArcoMobile.arco-cell .cell-content .cell-text {
  width: 100%;
  text-align: right;
  font-size: 14px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  white-space: normal;
}
[dir="rtl"] .ArcoMobile.arco-cell .cell-content .cell-text {
  text-align: left;
}
.ArcoMobile.arco-cell .cell-label-icon {
  margin-right: 12px;
  font-size: 0;
}
[dir="rtl"] .ArcoMobile.arco-cell .cell-label-icon {
  margin-right: 0;
  margin-right: initial;
  margin-left: 12px;
}
.ArcoMobile.arco-cell .cell-label-icon .arco-icon {
  line-height: normal;
  line-height: initial;
  font-size: 20px;
  color: #4e5969;
}
.ArcoMobile.arco-cell .cell-arrow-icon {
  margin-left: 8px;
  font-size: 0;
}
[dir="rtl"] .ArcoMobile.arco-cell .cell-arrow-icon {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
[dir="rtl"] .ArcoMobile.arco-cell .cell-arrow-icon {
  margin-left: 0;
  margin-left: initial;
  margin-right: 8px;
}
.ArcoMobile.arco-cell .cell-arrow-icon .arco-icon {
  font-size: 12px;
  color: #c9cdd4;
}
.ArcoMobile.arco-cell .cell-arrow-icon .arrow-icon-svg {
  width: 8px;
}
.ArcoMobile.arco-cell .cell-arrow-icon .arrow-icon-svg path {
  fill: #c9cdd4;
}
.ArcoMobile.arco-cell .arco-input-wrap {
  padding-left: 0;
}
[dir="rtl"] .ArcoMobile.arco-cell .arco-input-wrap {
  padding-left: 16px;
  padding-right: 0;
}
.ArcoMobile.arco-cell-group .cell-group-header,
.ArcoMobile.arco-cell-group .cell-group-footer {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 16px;
}
.ArcoMobile.arco-cell-group .cell-group-body {
  background-color: #ffffff;
}
.ArcoMobile.arco-cell-group .cell-group-body.bordered {
  position: relative;
  border-width: 0;
}
.ArcoMobile.arco-cell-group .cell-group-body.bordered::before {
  content: '';
  width: 100%;
  height: 1PX;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-top-style: solid;
  border-top-width: 1PX;
  border-top-color: #e5e6eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  pointer-events: none;
  border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile.arco-cell-group .cell-group-body.bordered::before {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    border-radius: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile.arco-cell-group .cell-group-body.bordered::before {
    transform: scaleY(0.33333333);
    -webkit-transform: scaleY(0.33333333);
    border-radius: 0;
  }
}
.ArcoMobile.arco-cell-group .cell-group-body.bordered::after {
  content: '';
  width: 100%;
  height: 1PX;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  border-bottom-style: solid;
  border-bottom-width: 1PX;
  border-bottom-color: #e5e6eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  pointer-events: none;
  border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile.arco-cell-group .cell-group-body.bordered::after {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    border-radius: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile.arco-cell-group .cell-group-body.bordered::after {
    transform: scaleY(0.33333333);
    -webkit-transform: scaleY(0.33333333);
    border-radius: 0;
  }
}
.ArcoMobile.arco-cell {
  width: auto;
  color: var(--color-text-4);
  font-size: 16px;
  margin-left: 16px;
  padding-right: 16px;
}
.ArcoMobile.arco-cell:not(:first-of-type).bordered::before {
  border-top-color: var(--color-border-2);
}
.ArcoMobile.arco-cell.without-group {
  background-color: var(--color-white);
  padding-left: 16px;
}
.ArcoMobile.arco-cell.without-group.bordered::before {
  border-top-color: var(--color-border-2);
}
.ArcoMobile.arco-cell.without-group.bordered::after {
  border-bottom-color: var(--color-border-2);
}
.arco-cell-inner {
  height: 54px;
}
.arco-cell-inner.has-desc {
  height: 74px;
}
.ArcoMobile.arco-cell .cell-label {
  color: var(--color-text-1);
  margin-right: 24px;
}
[dir="rtl"] .ArcoMobile.arco-cell .cell-label {
  margin-left: 24px;
}
.ArcoMobile.arco-cell .cell-desc {
  color: var(--color-text-3);
  font-size: 14px;
  margin-top: 2px;
}
.ArcoMobile.arco-cell .cell-content .cell-text {
  font-size: 14px;
}
.ArcoMobile.arco-cell .cell-label-icon {
  margin-right: 12px;
}
[dir="rtl"] .ArcoMobile.arco-cell .cell-label-icon {
  margin-left: 12px;
}
.ArcoMobile.arco-cell .cell-label-icon .arco-icon {
  font-size: 20px;
  color: var(--color-border-2);
}
.ArcoMobile.arco-cell .cell-arrow-icon {
  margin-left: 8px;
}
.ArcoMobile.arco-cell .cell-arrow-icon .arco-icon {
  font-size: 12px;
  color: var(--color-border-3);
}
.ArcoMobile.arco-cell .cell-arrow-icon .arrow-icon-svg {
  width: 8px;
}
.ArcoMobile.arco-cell .cell-arrow-icon .arrow-icon-svg path {
  fill: var(--color-border-3);
}
[dir="rtl"] .ArcoMobile.arco-cell .arco-input-wrap {
  padding-left: 16px;
}
.ArcoMobile.arco-cell-group .cell-group-header,
.ArcoMobile.arco-cell-group .cell-group-footer {
  color: var(--color-text-3);
  font-size: 14px;
  line-height: 20px;
  padding: 12px 16px;
}
.ArcoMobile.arco-cell-group .cell-group-body {
  background-color: var(--color-white);
}
.ArcoMobile.arco-cell-group .cell-group-body.bordered::before {
  border-top-color: var(--color-border-2);
}
.ArcoMobile.arco-cell-group .cell-group-body.bordered::after {
  border-bottom-color: var(--color-border-2);
}
.ArcoMobile.arco-cell-group > .cell-group-body > .widget-list-canvas:empty {
  height: 20px;
}
.ArcoMobile .arco-keyboard,
.modo-renderer .ArcoMobile .arco-keyboard {
  background: #f2f3f5;
  padding: 8px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  /* Non-prefixed version, currently*/
}
.ArcoMobile .arco-keyboard-wrapper,
.modo-renderer .ArcoMobile .arco-keyboard-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ArcoMobile .arco-keyboard-key-wrapper,
.modo-renderer .ArcoMobile .arco-keyboard-key-wrapper {
  -webkit-box-flex: 2;
  -ms-flex: 2 0 auto;
      flex: 2 0 auto;
}
.ArcoMobile .arco-keyboard-row,
.modo-renderer .ArcoMobile .arco-keyboard-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ArcoMobile .arco-keyboard-row:not(.arco-keyboard-row:nth-last-child(1)),
.modo-renderer .ArcoMobile .arco-keyboard-row:not(.arco-keyboard-row:nth-last-child(1)) {
  margin-bottom: 8px;
}
.ArcoMobile .arco-keyboard-row .arco-keyboard-key:not(.arco-keyboard-row .arco-keyboard-key:nth-child(1)),
.modo-renderer .ArcoMobile .arco-keyboard-row .arco-keyboard-key:not(.arco-keyboard-row .arco-keyboard-key:nth-child(1)) {
  margin-left: 8px;
}
.ArcoMobile .arco-keyboard-row .arco-keyboard-key-special,
.modo-renderer .ArcoMobile .arco-keyboard-row .arco-keyboard-key-special {
  -webkit-box-flex: 2.1;
  -ms-flex: 2.1 0 auto;
      flex: 2.1 0 auto;
}
.ArcoMobile .arco-keyboard-col,
.modo-renderer .ArcoMobile .arco-keyboard-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-left: 8px;
}
.ArcoMobile .arco-keyboard-col .arco-keyboard-key:not(.arco-keyboard-col .arco-keyboard-key:nth-child(1)),
.modo-renderer .ArcoMobile .arco-keyboard-col .arco-keyboard-key:not(.arco-keyboard-col .arco-keyboard-key:nth-child(1)) {
  margin-top: 8px;
}
.ArcoMobile .arco-keyboard-col .arco-keyboard-key-confirm,
.modo-renderer .ArcoMobile .arco-keyboard-col .arco-keyboard-key-confirm {
  -webkit-box-flex: 2.5;
  -ms-flex: 2.5 0 auto;
      flex: 2.5 0 auto;
  background: rgb(var(--primary-6));
  color: #ffffff;
  font-size: 18px;
}
.ArcoMobile .arco-keyboard-key,
.modo-renderer .ArcoMobile .arco-keyboard-key {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  background: #ffffff;
  height: 48px;
  border-radius: 4px;
  color: #1d2129;
}
.ArcoMobile .arco-keyboard-key:active,
.modo-renderer .ArcoMobile .arco-keyboard-key:active {
  background: #e5e6eb;
}
.ArcoMobile .arco-keyboard-key .arco-icon,
.modo-renderer .ArcoMobile .arco-keyboard-key .arco-icon {
  font-size: 26px;
}
.ArcoMobile .arco-keyboard-popup,
.modo-renderer .ArcoMobile .arco-keyboard-popup {
  display: none;
}
.arco-keyboard {
  background: var(--color-fill-2);
  padding: 8px;
}
.arco-keyboard-row:not(.arco-keyboard-row:nth-last-child(1)) {
  margin-bottom: 8px;
}
.arco-keyboard-row .arco-keyboard-key:not(.arco-keyboard-row .arco-keyboard-key:nth-child(1)) {
  margin-left: 8px;
}
.arco-keyboard-col {
  margin-left: 8px;
}
.arco-keyboard-col .arco-keyboard-key:not(.arco-keyboard-col .arco-keyboard-key:nth-child(1)) {
  margin-top: 8px;
}
.arco-keyboard-col .arco-keyboard-key-confirm {
  background: rgb(var(--primary-6));
  color: var(--color-white);
  font-size: 18px;
}
.arco-keyboard-key {
  font-size: 22px;
  line-height: 30px;
  background: var(--color-white);
  height: 48px;
  border-radius: 4px;
  color: var(--color-text-2);
}
.arco-keyboard-key:active {
  background: var(--color-fill-3);
}
.arco-keyboard-key .arco-icon {
  font-size: 26px;
}
.arco-masking.arco-popup .arco-keyboard-popup {
  display: none;
}
.arco-masking.arco-popup .arco-popup-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}
.arco-masking.arco-popup .arco-popup-content.bottom {
  left: 0;
  bottom: 0;
  width: 100%;
}
.arco-masking.arco-popup .arco-popup-content.need-bottom-offset {
  padding-bottom: env(safe-area-inset-bottom);
}
.arco-masking.arco-popup .arco-popup-content {
  background: #ffffff;
  position: fixed;
  z-index: 1001;
}
.ArcoMobile.arco-pull-refresh,
.modo-renderer .ArcoMobile.arco-pull-refresh {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ArcoMobile.arco-pull-refresh::-webkit-scrollbar,
.modo-renderer .ArcoMobile.arco-pull-refresh::-webkit-scrollbar {
  display: none;
}
.ArcoMobile.arco-pull-refresh.is-disabled,
.modo-renderer .ArcoMobile.arco-pull-refresh.is-disabled,
.ArcoMobile .arco-pull-refresh-content,
.modo-renderer .ArcoMobile .arco-pull-refresh-content,
.ArcoMobile .arco-pull-refresh-content-wrapper,
.modo-renderer .ArcoMobile .arco-pull-refresh-content-wrapper {
  background: #ffffff;
}
.ArcoMobile .arco-pull-refresh-content,
.modo-renderer .ArcoMobile .arco-pull-refresh-content {
  min-height: 100%;
}
.ArcoMobile.arco-pull-refresh.is-ios .arco-pull-refresh-content-wrapper,
.modo-renderer .ArcoMobile.arco-pull-refresh.is-ios .arco-pull-refresh-content-wrapper {
  list-style-type: none;
  padding: 0;
  padding-bottom: 1PX;
  margin: 0;
  min-height: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.ArcoMobile .arco-pull-refresh-label,
.modo-renderer .ArcoMobile .arco-pull-refresh-label {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: -1;
  font-size: 12px;
  background: #f7f8fa;
}
.ArcoMobile .arco-pull-refresh-label-wrapper,
.modo-renderer .ArcoMobile .arco-pull-refresh-label-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  overflow-y: auto;
}
.ArcoMobile .arco-pull-refresh-place,
.modo-renderer .ArcoMobile .arco-pull-refresh-place {
  will-change: transform;
  position: relative;
  height: 100%;
}
.ArcoMobile .arco-pull-refresh-label-text,
.modo-renderer .ArcoMobile .arco-pull-refresh-label-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 44px;
  color: #787878;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile .arco-pull-refresh-label-text .bg-color-with-config,
.modo-renderer .ArcoMobile .arco-pull-refresh-label-text .bg-color-with-config {
  background: #86909c;
}
.ArcoMobile .arco-pull-refresh-label-text .stop-color-with-config,
.modo-renderer .ArcoMobile .arco-pull-refresh-label-text .stop-color-with-config {
  stop-color: #86909c;
}
.ArcoMobile .arco-pull-refresh-label-text .fill-color-with-config,
.modo-renderer .ArcoMobile .arco-pull-refresh-label-text .fill-color-with-config {
  fill: #86909c;
}
.ArcoMobile .arco-pull-refresh-label-text .stroke-color-with-config,
.modo-renderer .ArcoMobile .arco-pull-refresh-label-text .stroke-color-with-config {
  stroke: #86909c;
}
.ArcoMobile .arco-pull-refresh-label-text .arco-loading + span,
.modo-renderer .ArcoMobile .arco-pull-refresh-label-text .arco-loading + span {
  margin-left: 10px;
}
.ArcoMobile.arco-pull-refresh.is-android .arco-pull-refresh-label,
.modo-renderer .ArcoMobile.arco-pull-refresh.is-android .arco-pull-refresh-label {
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ArcoMobile.arco-pull-refresh.is-ios .arco-pull-refresh-label,
.modo-renderer .ArcoMobile.arco-pull-refresh.is-ios .arco-pull-refresh-label {
  position: absolute;
  bottom: 0;
  overflow-y: auto;
  font-size: 14px;
}
.ArcoMobile.arco-pull-refresh.is-ios .arco-pull-refresh-label-wrapper,
.modo-renderer .ArcoMobile.arco-pull-refresh.is-ios .arco-pull-refresh-label-wrapper {
  will-change: height;
  z-index: -1;
}
.ArcoMobile.arco-pull-refresh.is-disabled,
.modo-renderer .ArcoMobile.arco-pull-refresh.is-disabled,
.ArcoMobile .arco-pull-refresh-content,
.modo-renderer .ArcoMobile .arco-pull-refresh-content,
.ArcoMobile .arco-pull-refresh-content-wrapper,
.modo-renderer .ArcoMobile .arco-pull-refresh-content-wrapper {
  background: var(--color-white);
}
.ArcoMobile .arco-pull-refresh-label,
.modo-renderer .ArcoMobile .arco-pull-refresh-label {
  font-size: 12px;
  background: var(--color-fill-2);
}
.ArcoMobile .arco-pull-refresh-label-text,
.modo-renderer .ArcoMobile .arco-pull-refresh-label-text {
  font-size: 14px;
  line-height: 44px;
  color: var(--color-text-3);
}
.ArcoMobile .arco-pull-refresh-label-text .bg-color-with-config,
.modo-renderer .ArcoMobile .arco-pull-refresh-label-text .bg-color-with-config {
  background: var(--color-text-4);
}
.ArcoMobile .arco-pull-refresh-label-text .stop-color-with-config,
.modo-renderer .ArcoMobile .arco-pull-refresh-label-text .stop-color-with-config {
  stop-color: var(--color-text-4);
}
.ArcoMobile .arco-pull-refresh-label-text .fill-color-with-config,
.modo-renderer .ArcoMobile .arco-pull-refresh-label-text .fill-color-with-config {
  fill: var(--color-text-4);
}
.ArcoMobile .arco-pull-refresh-label-text .stroke-color-with-config,
.modo-renderer .ArcoMobile .arco-pull-refresh-label-text .stroke-color-with-config {
  stroke: var(--color-text-4);
}
.ArcoMobile .arco-pull-refresh-label-text .arco-loading + span,
.modo-renderer .ArcoMobile .arco-pull-refresh-label-text .arco-loading + span {
  margin-left: 10px;
}
.ArcoMobile.arco-pull-refresh.is-ios .arco-pull-refresh-label,
.modo-renderer .ArcoMobile.arco-pull-refresh.is-ios .arco-pull-refresh-label {
  font-size: 14px;
}
.ArcoMobile.arco-rate,
.modo-renderer .ArcoMobile.arco-rate {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ArcoMobile.arco-rate.disabled,
.modo-renderer .ArcoMobile.arco-rate.disabled {
  cursor: not-allowed;
}
.ArcoMobile .arco-rate-icon-wrap,
.modo-renderer .ArcoMobile .arco-rate-icon-wrap {
  padding: 6PX;
  font-size: 24PX;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.ArcoMobile .arco-rate-icon-wrap.active,
.modo-renderer .ArcoMobile .arco-rate-icon-wrap.active,
.ArcoMobile .arco-rate-icon.active,
.modo-renderer .ArcoMobile .arco-rate-icon.active,
.ArcoMobile .arco-rate-icon-wrap.half-active,
.modo-renderer .ArcoMobile .arco-rate-icon-wrap.half-active,
.ArcoMobile .arco-rate-icon.half-active,
.modo-renderer .ArcoMobile .arco-rate-icon.half-active {
  color: #FFB400;
}
.ArcoMobile .arco-rate-icon-wrap.active.disabled,
.modo-renderer .ArcoMobile .arco-rate-icon-wrap.active.disabled,
.ArcoMobile .arco-rate-icon.active.disabled,
.modo-renderer .ArcoMobile .arco-rate-icon.active.disabled,
.ArcoMobile .arco-rate-icon-wrap.half-active.disabled,
.modo-renderer .ArcoMobile .arco-rate-icon-wrap.half-active.disabled,
.ArcoMobile .arco-rate-icon.half-active.disabled,
.modo-renderer .ArcoMobile .arco-rate-icon.half-active.disabled {
  color: #C9CDD4;
}
.ArcoMobile .arco-rate-icon-wrap.normal,
.modo-renderer .ArcoMobile .arco-rate-icon-wrap.normal,
.ArcoMobile .arco-rate-icon.normal,
.modo-renderer .ArcoMobile .arco-rate-icon.normal {
  color: #E5E6EB;
}
.ArcoMobile .arco-rate-icon.half-active,
.modo-renderer .ArcoMobile .arco-rate-icon.half-active {
  position: absolute;
  z-index: 1;
}
.ArcoMobile [dir="rtl"] .arco-rate-icon.half-active,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-rate-icon.half-active {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.ArcoMobile .arco-rate-icon-click-half,
.modo-renderer .ArcoMobile .arco-rate-icon-click-half {
  width: 50%;
  height: 100%;
  display: inline-block;
  position: absolute;
  z-index: 2;
}
.ArcoMobile .arco-rate-icon-click-half.left,
.modo-renderer .ArcoMobile .arco-rate-icon-click-half.left {
  left: 0;
}
.ArcoMobile .arco-rate-icon-click-half.right,
.modo-renderer .ArcoMobile .arco-rate-icon-click-half.right {
  right: 0;
}
.ArcoMobile.arco-rate,
.modo-renderer .ArcoMobile.arco-rate {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.ArcoMobile .arco-rate-icon-wrap.active,
.modo-renderer .ArcoMobile .arco-rate-icon-wrap.active,
.ArcoMobile .arco-rate-icon.active,
.modo-renderer .ArcoMobile .arco-rate-icon.active,
.ArcoMobile .arco-rate-icon-wrap.half-active,
.modo-renderer .ArcoMobile .arco-rate-icon-wrap.half-active,
.ArcoMobile .arco-rate-icon.half-active,
.modo-renderer .ArcoMobile .arco-rate-icon.half-active {
  color: rgb(var(--warning-6)) !important;
}
.ArcoMobile .arco-rate-icon-wrap.active.disabled,
.modo-renderer .ArcoMobile .arco-rate-icon-wrap.active.disabled,
.ArcoMobile .arco-rate-icon.active.disabled,
.modo-renderer .ArcoMobile .arco-rate-icon.active.disabled,
.ArcoMobile .arco-rate-icon-wrap.half-active.disabled,
.modo-renderer .ArcoMobile .arco-rate-icon-wrap.half-active.disabled,
.ArcoMobile .arco-rate-icon.half-active.disabled,
.modo-renderer .ArcoMobile .arco-rate-icon.half-active.disabled {
  color: var(--color-fill-4) !important;
}
.ArcoMobile .arco-rate-icon-wrap.normal,
.modo-renderer .ArcoMobile .arco-rate-icon-wrap.normal,
.ArcoMobile .arco-rate-icon.normal,
.modo-renderer .ArcoMobile .arco-rate-icon.normal {
  color: var(--color-fill-3) !important;
}
.ArcoMobile.arco-image,
.modo-renderer .ArcoMobile.arco-image,
.ArcoMobile .arco-image,
.modo-renderer .ArcoMobile .arco-image {
  display: inline-block;
  position: relative;
}
.ArcoMobile.arco-image.preview,
.modo-renderer .ArcoMobile.arco-image.preview,
.ArcoMobile .arco-image.preview,
.modo-renderer .ArcoMobile .arco-image.preview {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ArcoMobile.arco-image.preview .image-container,
.modo-renderer .ArcoMobile.arco-image.preview .image-container,
.ArcoMobile .arco-image.preview .image-container,
.modo-renderer .ArcoMobile .arco-image.preview .image-container,
.ArcoMobile.arco-image.preview .image-loading-container .image-loading,
.modo-renderer .ArcoMobile.arco-image.preview .image-loading-container .image-loading,
.ArcoMobile .arco-image.preview .image-loading-container .image-loading,
.modo-renderer .ArcoMobile .arco-image.preview .image-loading-container .image-loading,
.ArcoMobile.arco-image.preview .image-error-container .image-retry-load,
.modo-renderer .ArcoMobile.arco-image.preview .image-error-container .image-retry-load,
.ArcoMobile .arco-image.preview .image-error-container .image-retry-load,
.modo-renderer .ArcoMobile .arco-image.preview .image-error-container .image-retry-load {
  background-color: transparent;
}
.ArcoMobile.arco-image.preview .image-container::after,
.modo-renderer .ArcoMobile.arco-image.preview .image-container::after,
.ArcoMobile .arco-image.preview .image-container::after,
.modo-renderer .ArcoMobile .arco-image.preview .image-container::after {
  border-color: transparent;
}
.ArcoMobile .image-bottom-overlap,
.modo-renderer .ArcoMobile .image-bottom-overlap,
.ArcoMobile .image-top-overlap,
.modo-renderer .ArcoMobile .image-top-overlap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.ArcoMobile .image-bottom-overlap,
.modo-renderer .ArcoMobile .image-bottom-overlap {
  z-index: 0;
  overflow: hidden;
}
.ArcoMobile .image-placeholder,
.modo-renderer .ArcoMobile .image-placeholder {
  background-color: #f7f8fa;
  width: 100%;
  height: 100%;
}
.ArcoMobile .image-top-overlap,
.modo-renderer .ArcoMobile .image-top-overlap {
  z-index: 10;
}
.ArcoMobile .image-loading-container,
.modo-renderer .ArcoMobile .image-loading-container,
.ArcoMobile .image-error-container,
.modo-renderer .ArcoMobile .image-error-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 2;
  font-size: 16px;
}
.ArcoMobile .image-container,
.modo-renderer .ArcoMobile .image-container {
  position: relative;
  font-size: 0;
  opacity: 0;
  z-index: 1;
  overflow: hidden;
}
.ArcoMobile .image-container.static-label,
.modo-renderer .ArcoMobile .image-container.static-label,
.ArcoMobile .image-container.loaded,
.modo-renderer .ArcoMobile .image-container.loaded,
.ArcoMobile .image-container.error,
.modo-renderer .ArcoMobile .image-container.error,
.ArcoMobile .image-container.has-loaded,
.modo-renderer .ArcoMobile .image-container.has-loaded {
  opacity: 1;
}
.ArcoMobile .image-container.animate,
.modo-renderer .ArcoMobile .image-container.animate {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
.ArcoMobile .image-container .bordered,
.modo-renderer .ArcoMobile .image-container .bordered {
  -webkit-box-shadow: 0 0 0 1PX #e5e6eb inset;
          box-shadow: 0 0 0 1PX #e5e6eb inset;
}
.ArcoMobile .image-container,
.modo-renderer .ArcoMobile .image-container,
.ArcoMobile .image-container img,
.modo-renderer .ArcoMobile .image-container img {
  width: inherit;
  height: inherit;
  min-width: inherit;
  min-height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.ArcoMobile .image-container .preview-fit-contain-y,
.modo-renderer .ArcoMobile .image-container .preview-fit-contain-y {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ArcoMobile .image-container .preview-fit-contain-x,
.modo-renderer .ArcoMobile .image-container .preview-fit-contain-x {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ArcoMobile .image-error-container .image-retry-load,
.modo-renderer .ArcoMobile .image-error-container .image-retry-load {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  color: #e6e8eb;
}
.ArcoMobile .image-loading-container .image-loading,
.modo-renderer .ArcoMobile .image-loading-container .image-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  color: #e6e8eb;
  background-color: rgba(0, 0, 0, 0.6);
}
.ArcoMobile .image-loading-container .image-loading .bg-color-with-config,
.modo-renderer .ArcoMobile .image-loading-container .image-loading .bg-color-with-config {
  background: #e6e8eb;
}
.ArcoMobile .image-loading-container .image-loading .stop-color-with-config,
.modo-renderer .ArcoMobile .image-loading-container .image-loading .stop-color-with-config {
  stop-color: #e6e8eb;
}
.ArcoMobile .image-loading-container .image-loading .fill-color-with-config,
.modo-renderer .ArcoMobile .image-loading-container .image-loading .fill-color-with-config {
  fill: #e6e8eb;
}
.ArcoMobile .image-loading-container .image-loading .stroke-color-with-config,
.modo-renderer .ArcoMobile .image-loading-container .image-loading .stroke-color-with-config {
  stroke: #e6e8eb;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .image-container .bordered,
  .modo-renderer .ArcoMobile .image-container .bordered {
    -webkit-box-shadow: 0 0 0 0.5PX #e5e6eb inset;
            box-shadow: 0 0 0 0.5PX #e5e6eb inset;
  }
}
.ios .ArcoMobile.arco-image .image-container .bordered,
.ArcoMobile.arco-image .image-container .bordered.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0.5PX solid #e5e6eb;
}
.ArcoMobile.arco-image .image-placeholder,
.modo-renderer .ArcoMobile.arco-image .image-placeholder {
  /*background-color: #f7f8fa;*/
  background-color: var(--color-fill-1);
}
.ArcoMobile.arco-image .image-loading-container,
.modo-renderer .ArcoMobile.arco-image .image-loading-container,
.ArcoMobile.arco-image .image-error-container,
.modo-renderer .ArcoMobile.arco-image .image-error-container {
  font-size: 16px;
}
.ArcoMobile.arco-image .image-container .bordered,
.modo-renderer .ArcoMobile.arco-image .image-container .bordered {
  -webkit-box-shadow: 0 0 0 1PX var(--color-border-2) inset;
          box-shadow: 0 0 0 1PX var(--color-border-2) inset;
}
.ArcoMobile.arco-image .image-error-container .image-retry-load,
.modo-renderer .ArcoMobile.arco-image .image-error-container .image-retry-load {
  font-size: 16px;
  /*color: #e6e8eb;*/
  color: var(--color-fill-3);
}
.ArcoMobile.arco-image .image-loading-container .image-loading,
.modo-renderer .ArcoMobile.arco-image .image-loading-container .image-loading {
  color: var(--color-fill-3);
}
.ArcoMobile.arco-image .image-loading-container .image-loading .bg-color-with-config,
.modo-renderer .ArcoMobile.arco-image .image-loading-container .image-loading .bg-color-with-config {
  background: var(--color-fill-3);
}
.ArcoMobile.arco-image .image-loading-container .image-loading .stop-color-with-config,
.modo-renderer .ArcoMobile.arco-image .image-loading-container .image-loading .stop-color-with-config {
  stop-color: var(--color-fill-3);
}
.ArcoMobile.arco-image .image-loading-container .image-loading .fill-color-with-config,
.modo-renderer .ArcoMobile.arco-image .image-loading-container .image-loading .fill-color-with-config {
  fill: var(--color-fill-3);
}
.ArcoMobile.arco-image .image-loading-container .image-loading .stroke-color-with-config,
.modo-renderer .ArcoMobile.arco-image .image-loading-container .image-loading .stroke-color-with-config {
  stroke: var(--color-fill-3);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .image-container .bordered,
  .modo-renderer .ArcoMobile .image-container .bordered {
    -webkit-box-shadow: 0 0 0 0.5PX var(--color-border-2) inset;
            box-shadow: 0 0 0 0.5PX var(--color-border-2) inset;
  }
}
.ios .ArcoMobile.arco-image .image-container .bordered,
.ArcoMobile.arco-image .image-container .bordered.ios {
  border: 0.5PX solid var(--color-border-2);
}
.ArcoMobile.arco-image-preview,
.modo-renderer .ArcoMobile.arco-image-preview,
.ArcoMobile.image-preview-lock-modal,
.modo-renderer .ArcoMobile.image-preview-lock-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.ArcoMobile.image-preview-lock-modal,
.modo-renderer .ArcoMobile.image-preview-lock-modal {
  -webkit-transform: translateZ(2PX);
  transform: translateZ(2PX);
}
.ArcoMobile.arco-image-preview,
.modo-renderer .ArcoMobile.arco-image-preview {
  background: rgba(0, 0, 0, 0.9);
}
.ArcoMobile.arco-image-preview .noselect,
.modo-renderer .ArcoMobile.arco-image-preview .noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  /* Non-prefixed version, currently*/
}
.ArcoMobile.arco-image-preview .preview-image-wrap-container,
.modo-renderer .ArcoMobile.arco-image-preview .preview-image-wrap-container,
.ArcoMobile.arco-image-preview .preview-image-wrap,
.modo-renderer .ArcoMobile.arco-image-preview .preview-image-wrap {
  width: 100%;
  height: 100%;
}
.ArcoMobile.arco-image-preview .arco-carousel-wrap,
.modo-renderer .ArcoMobile.arco-image-preview .arco-carousel-wrap,
.ArcoMobile.arco-image-preview .arco-carousel,
.modo-renderer .ArcoMobile.arco-image-preview .arco-carousel,
.ArcoMobile.arco-image-preview .arco-carousel-inner,
.modo-renderer .ArcoMobile.arco-image-preview .arco-carousel-inner {
  height: 100%;
}
.ArcoMobile.arco-image-preview .carousel-item,
.modo-renderer .ArcoMobile.arco-image-preview .carousel-item {
  overflow: hidden;
}
.ArcoMobile.arco-image-preview .carousel-item::-webkit-scrollbar,
.modo-renderer .ArcoMobile.arco-image-preview .carousel-item::-webkit-scrollbar {
  display: none;
}
.ArcoMobile.arco-image-preview .preview-image,
.modo-renderer .ArcoMobile.arco-image-preview .preview-image {
  width: 100%;
  height: 100%;
  will-change: transform;
}
.ArcoMobile.arco-image-preview .preview-image .image-container,
.modo-renderer .ArcoMobile.arco-image-preview .preview-image .image-container {
  overflow: visible;
}
.ArcoMobile.arco-image-preview .preview-image.preview-hidden,
.modo-renderer .ArcoMobile.arco-image-preview .preview-image.preview-hidden {
  pointer-events: none;
}
.ArcoMobile.arco-image-preview .preview-image.preview-hidden .image-container,
.modo-renderer .ArcoMobile.arco-image-preview .preview-image.preview-hidden .image-container {
  visibility: hidden;
}
.ArcoMobile.arco-image-preview .preview-image .image-bottom-overlap,
.modo-renderer .ArcoMobile.arco-image-preview .preview-image .image-bottom-overlap {
  overflow: visible;
}
.ArcoMobile .image-preview-indicator,
.modo-renderer .ArcoMobile .image-preview-indicator {
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1003;
  position: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  color: var(--color-white);
  padding: 12px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.3)));
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3));
}
.ArcoMobile .image-preview-fake-rect,
.modo-renderer .ArcoMobile .image-preview-fake-rect {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.ArcoMobile .image-preview-fake-trans-image,
.modo-renderer .ArcoMobile .image-preview-fake-trans-image {
  position: fixed;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all cubic-bezier(0.34, 0.69, 0.1, 1);
  transition: all cubic-bezier(0.34, 0.69, 0.1, 1);
  will-change: transform;
  pointer-events: none;
  z-index: 1001;
}
.ArcoMobile .image-preview-loading-area,
.modo-renderer .ArcoMobile .image-preview-loading-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1010;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
}
.ArcoMobile .image-preview-loading-area .loading-icon .bg-color-with-config,
.modo-renderer .ArcoMobile .image-preview-loading-area .loading-icon .bg-color-with-config {
  background: var(--color-white);
}
.ArcoMobile .image-preview-loading-area .loading-icon .stop-color-with-config,
.modo-renderer .ArcoMobile .image-preview-loading-area .loading-icon .stop-color-with-config {
  stop-color: var(--color-white);
}
.ArcoMobile .image-preview-loading-area .loading-icon .fill-color-with-config,
.modo-renderer .ArcoMobile .image-preview-loading-area .loading-icon .fill-color-with-config {
  fill: var(--color-white);
}
.ArcoMobile .image-preview-loading-area .loading-icon .stroke-color-with-config,
.modo-renderer .ArcoMobile .image-preview-loading-area .loading-icon .stroke-color-with-config {
  stroke: var(--color-white);
}
.ArcoMobile.arco-image-picker,
.modo-renderer .ArcoMobile.arco-image-picker {
  font-size: 14px;
}
.ArcoMobile .arco-image-picker-container,
.modo-renderer .ArcoMobile .arco-image-picker-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ArcoMobile .arco-image-picker-image,
.modo-renderer .ArcoMobile .arco-image-picker-image {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 100%;
  border-radius: 2px;
  overflow: hidden;
}
.ArcoMobile .arco-image-picker-image-container,
.modo-renderer .ArcoMobile .arco-image-picker-image-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}
.ArcoMobile .arco-image-picker-image .arco-image,
.modo-renderer .ArcoMobile .arco-image-picker-image .arco-image {
  height: 100%;
  width: 100%;
}
.ArcoMobile .arco-image-picker-image-mask,
.modo-renderer .ArcoMobile .arco-image-picker-image-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.ArcoMobile .arco-image-picker-add,
.modo-renderer .ArcoMobile .arco-image-picker-add {
  background-color: #f7f8fa;
  border-radius: 2px;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 100%;
}
.ArcoMobile .arco-image-picker-add-container,
.modo-renderer .ArcoMobile .arco-image-picker-add-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  font-size: 12px;
  color: #86909c;
}
.ArcoMobile .arco-image-picker-add-icon,
.modo-renderer .ArcoMobile .arco-image-picker-add-icon {
  font-size: 30px;
  color: #d8d8d8;
}
.ArcoMobile .arco-image-picker-add-icon svg,
.modo-renderer .ArcoMobile .arco-image-picker-add-icon svg {
  display: block;
}
.ArcoMobile .arco-image-picker-add-disabled,
.modo-renderer .ArcoMobile .arco-image-picker-add-disabled {
  pointer-events: none;
}
.ArcoMobile .arco-image-picker-add-disabled .arco-image-picker-add-icon,
.modo-renderer .ArcoMobile .arco-image-picker-add-disabled .arco-image-picker-add-icon {
  opacity: 0.7;
}
.ArcoMobile .arco-image-picker-add input,
.modo-renderer .ArcoMobile .arco-image-picker-add input {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.ArcoMobile .arco-image-picker-close,
.modo-renderer .ArcoMobile .arco-image-picker-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.ArcoMobile .arco-image-picker-close-icon,
.modo-renderer .ArcoMobile .arco-image-picker-close-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 12px;
  width: 18px;
  height: 18px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 2px;
}
.ArcoMobile .arco-image-picker-error,
.modo-renderer .ArcoMobile .arco-image-picker-error {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 14px;
}
.ArcoMobile .arco-image-picker-disabled,
.modo-renderer .ArcoMobile .arco-image-picker-disabled {
  pointer-events: none;
}
.ArcoMobile.arco-image-picker,
.modo-renderer .ArcoMobile.arco-image-picker {
  font-size: 14px;
}
.ArcoMobile .arco-image-picker-image,
.modo-renderer .ArcoMobile .arco-image-picker-image {
  border-radius: 2px;
}
.ArcoMobile .arco-image-picker-add,
.modo-renderer .ArcoMobile .arco-image-picker-add {
  /*background-color: #f7f8fa;*/
  background-color: var(--color-fill-1);
  border-radius: 2px;
}
.ArcoMobile .arco-image-picker-add-container,
.modo-renderer .ArcoMobile .arco-image-picker-add-container {
  font-size: 12px;
  color: var(--color-border-4);
}
.ArcoMobile .arco-image-picker-add-icon,
.modo-renderer .ArcoMobile .arco-image-picker-add-icon {
  font-size: 30px;
  /*color: #d8d8d8;*/
  color: var(--color-border-3);
}
.ArcoMobile .arco-image-picker-close-icon,
.modo-renderer .ArcoMobile .arco-image-picker-close-icon {
  font-size: 12px;
  width: 18px;
  height: 18px;
  color: var(--color-white);
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 2px;
}
.ArcoMobile .arco-image-picker-error,
.modo-renderer .ArcoMobile .arco-image-picker-error {
  background: rgba(0, 0, 0, 0.5);
  color: var(--color-white);
  font-size: 14px;
}
.ArcoMobile.arco-grid,
.modo-renderer .ArcoMobile.arco-grid,
.ArcoMobile .arco-grid,
.modo-renderer .ArcoMobile .arco-grid {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ArcoMobile .arco-grid-rows,
.modo-renderer .ArcoMobile .arco-grid-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ArcoMobile .arco-grid-rows-item,
.modo-renderer .ArcoMobile .arco-grid-rows-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
.ArcoMobile .arco-grid-rows-item-icon,
.modo-renderer .ArcoMobile .arco-grid-rows-item-icon {
  width: 32px;
  height: 32px;
}
.ArcoMobile .arco-grid-rows-item-icon.circle,
.modo-renderer .ArcoMobile .arco-grid-rows-item-icon.circle {
  border-radius: 50%;
}
.ArcoMobile .arco-grid-rows-item-text,
.modo-renderer .ArcoMobile .arco-grid-rows-item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 8px;
  text-align: center;
}
.ArcoMobile .arco-grid-rows-item-title,
.modo-renderer .ArcoMobile .arco-grid-rows-item-title {
  font-size: 16px;
  line-height: 20px;
}
.ArcoMobile .arco-grid-rows-item-content,
.modo-renderer .ArcoMobile .arco-grid-rows-item-content {
  font-size: 12px;
  line-height: 16px;
  margin-top: 2px;
  color: #86909c;
}
.ArcoMobile .arco-grid-rows-item.horizontal,
.modo-renderer .ArcoMobile .arco-grid-rows-item.horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
      flex-direction: row;
}
.ArcoMobile .arco-grid-rows-item.horizontal .arco-grid-rows-item-text,
.modo-renderer .ArcoMobile .arco-grid-rows-item.horizontal .arco-grid-rows-item-text {
  margin-left: 12px;
  margin-top: 0;
  text-align: left;
}
.ArcoMobile .arco-grid-rows-item.horizontal .arco-grid-rows-item-content,
.modo-renderer .ArcoMobile .arco-grid-rows-item.horizontal .arco-grid-rows-item-content {
  margin-top: 0;
}
.ArcoMobile .arco-grid-rows-item.border,
.modo-renderer .ArcoMobile .arco-grid-rows-item.border {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ArcoMobile .arco-grid-rows-item.border .vertical-border:after,
.modo-renderer .ArcoMobile .arco-grid-rows-item.border .vertical-border:after {
  content: "";
  width: 1px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: scaleX(0.5) translateY(-50%);
  transform: scaleX(0.5) translateY(-50%);
  height: 66.66%;
  background-color: #e5e6eb;
}
.ArcoMobile .arco-grid-rows-item.border .horizontal-border:after,
.modo-renderer .ArcoMobile .arco-grid-rows-item.border .horizontal-border:after {
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: scaleY(0.5) translateX(-50%);
  transform: scaleY(0.5) translateX(-50%);
  width: 66.66%;
  background-color: #e5e6eb;
}
.ArcoMobile.arco-grid.sliding,
.modo-renderer .ArcoMobile.arco-grid.sliding,
.ArcoMobile .arco-grid.sliding,
.modo-renderer .ArcoMobile .arco-grid.sliding {
  display: inline-block;
  overflow-x: auto;
}
.ArcoMobile.arco-grid.sliding::-webkit-scrollbar,
.modo-renderer .ArcoMobile.arco-grid.sliding::-webkit-scrollbar,
.ArcoMobile .arco-grid.sliding::-webkit-scrollbar,
.modo-renderer .ArcoMobile .arco-grid.sliding::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.ArcoMobile.arco-grid .arco-image-picker,
.modo-renderer .ArcoMobile.arco-grid .arco-image-picker,
.ArcoMobile .arco-grid .arco-image-picker,
.modo-renderer .ArcoMobile .arco-grid .arco-image-picker {
  width: 100%;
  /* 兼容grid和image-picker组合使用 */
}
.ArcoMobile .arco-grid-rows-item-icon,
.modo-renderer .ArcoMobile .arco-grid-rows-item-icon {
  width: 32px;
  height: 32px;
}
.ArcoMobile .arco-grid-rows-item-text,
.modo-renderer .ArcoMobile .arco-grid-rows-item-text {
  margin-top: 8px;
}
.ArcoMobile .arco-grid-rows-item-title,
.modo-renderer .ArcoMobile .arco-grid-rows-item-title {
  font-size: 16px;
  line-height: 20px;
}
.ArcoMobile .arco-grid-rows-item-content,
.modo-renderer .ArcoMobile .arco-grid-rows-item-content {
  font-size: 12px;
  line-height: 16px;
  margin-top: 2px;
  /*color: #86909c;*/
  color: var(--color-text-3);
}
.ArcoMobile .arco-grid-rows-item.border .vertical-border:after,
.modo-renderer .ArcoMobile .arco-grid-rows-item.border .vertical-border:after {
  background-color: var(--color-border-2);
}
.ArcoMobile .arco-grid-rows-item.border .horizontal-border:after,
.modo-renderer .ArcoMobile .arco-grid-rows-item.border .horizontal-border:after {
  background-color: var(--color-border-2);
}
.ArcoMobile.arco-nav-bar,
.modo-renderer .ArcoMobile.arco-nav-bar {
  position: relative;
  width: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: #1d2129;
  background: #ffffff;
}
.ArcoMobile.arco-nav-bar.arco-nav-bar-fixed,
.modo-renderer .ArcoMobile.arco-nav-bar.arco-nav-bar-fixed {
  height: 44px;
}
.ArcoMobile.arco-nav-bar.arco-nav-bar-float,
.modo-renderer .ArcoMobile.arco-nav-bar.arco-nav-bar-float {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.ArcoMobile.arco-nav-bar.arco-nav-bar-float:not(.arco-nav-bar-hide) .arco-nav-bar-wrapper-fixed,
.modo-renderer .ArcoMobile.arco-nav-bar.arco-nav-bar-float:not(.arco-nav-bar-hide) .arco-nav-bar-wrapper-fixed {
  position: absolute;
}
.ArcoMobile.arco-nav-bar.arco-nav-bar-hide .arco-nav-bar-title,
.modo-renderer .ArcoMobile.arco-nav-bar.arco-nav-bar-hide .arco-nav-bar-title,
.ArcoMobile.arco-nav-bar.arco-nav-bar-hide .arco-nav-bar-right,
.modo-renderer .ArcoMobile.arco-nav-bar.arco-nav-bar-hide .arco-nav-bar-right {
  visibility: hidden;
}
.ArcoMobile.arco-nav-bar.arco-nav-bar-hide .arco-nav-bar-wrapper-border::after,
.modo-renderer .ArcoMobile.arco-nav-bar.arco-nav-bar-hide .arco-nav-bar-wrapper-border::after {
  border-color: transparent;
}
.ArcoMobile .arco-nav-bar-wrapper,
.modo-renderer .ArcoMobile .arco-nav-bar-wrapper {
  background: inherit;
  height: 44px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.ArcoMobile .arco-nav-bar-wrapper.arco-nav-bar-wrapper-border,
.modo-renderer .ArcoMobile .arco-nav-bar-wrapper.arco-nav-bar-wrapper-border {
  position: relative;
  border-width: 0;
}
.ArcoMobile .arco-nav-bar-wrapper.arco-nav-bar-wrapper-border::after,
.modo-renderer .ArcoMobile .arco-nav-bar-wrapper.arco-nav-bar-wrapper-border::after {
  content: '';
  width: 100%;
  height: 1PX;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  border-bottom-style: solid;
  border-bottom-width: 1PX;
  border-bottom-color: #e5e6eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  pointer-events: none;
  border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile .arco-nav-bar-wrapper.arco-nav-bar-wrapper-border::after,
  .modo-renderer .ArcoMobile .arco-nav-bar-wrapper.arco-nav-bar-wrapper-border::after {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    border-radius: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile .arco-nav-bar-wrapper.arco-nav-bar-wrapper-border::after,
  .modo-renderer .ArcoMobile .arco-nav-bar-wrapper.arco-nav-bar-wrapper-border::after {
    transform: scaleY(0.33333333);
    -webkit-transform: scaleY(0.33333333);
    border-radius: 0;
  }
}
.ArcoMobile .arco-nav-bar-wrapper.arco-nav-bar-wrapper-fixed,
.modo-renderer .ArcoMobile .arco-nav-bar-wrapper.arco-nav-bar-wrapper-fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 100;
}
.ArcoMobile .arco-nav-bar-inner,
.modo-renderer .ArcoMobile .arco-nav-bar-inner {
  position: relative;
  height: 100%;
}
.ArcoMobile .arco-nav-bar-left,
.modo-renderer .ArcoMobile .arco-nav-bar-left,
.ArcoMobile .arco-nav-bar-title,
.modo-renderer .ArcoMobile .arco-nav-bar-title,
.ArcoMobile .arco-nav-bar-right,
.modo-renderer .ArcoMobile .arco-nav-bar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ArcoMobile .arco-nav-bar-left,
.modo-renderer .ArcoMobile .arco-nav-bar-left,
.ArcoMobile .arco-nav-bar-right,
.modo-renderer .ArcoMobile .arco-nav-bar-right {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  padding: 0 16px;
  position: absolute;
  top: 0;
  height: 100%;
  color: inherit;
}
.ArcoMobile .arco-nav-bar-left,
.modo-renderer .ArcoMobile .arco-nav-bar-left {
  left: 0;
}
.ArcoMobile .arco-nav-bar-title,
.modo-renderer .ArcoMobile .arco-nav-bar-title {
  font-size: 17px;
  padding: 0 46px;
  width: 100%;
  height: 100%;
  color: inherit;
  text-align: center;
}
.ArcoMobile .arco-nav-bar-title-text,
.modo-renderer .ArcoMobile .arco-nav-bar-title-text {
  font-size: 17px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  /* Non-prefixed version, currently*/
  font-weight: bold;
}
.ArcoMobile .arco-nav-bar-right,
.modo-renderer .ArcoMobile .arco-nav-bar-right {
  right: 0;
}
.ArcoMobile.arco-nav-bar .nav-bar-back,
.modo-renderer .ArcoMobile.arco-nav-bar .nav-bar-back {
  height: 16px;
  font-size: 0;
}
.ArcoMobile.arco-nav-bar,
.modo-renderer .ArcoMobile.arco-nav-bar {
  /*color: #1d2129;*/
  color: var(--color-text-1);
  background: var(--color-white);
}
.ArcoMobile.arco-nav-bar.arco-nav-bar-fixed,
.modo-renderer .ArcoMobile.arco-nav-bar.arco-nav-bar-fixed {
  height: 44px;
}
.ArcoMobile .arco-nav-bar-wrapper,
.modo-renderer .ArcoMobile .arco-nav-bar-wrapper {
  height: 44px;
}
.ArcoMobile .arco-nav-bar-wrapper.arco-nav-bar-wrapper-border::after,
.modo-renderer .ArcoMobile .arco-nav-bar-wrapper.arco-nav-bar-wrapper-border::after {
  border-bottom-color: #e5e6eb;
}
.ArcoMobile .arco-nav-bar-left,
.modo-renderer .ArcoMobile .arco-nav-bar-left,
.ArcoMobile .arco-nav-bar-right,
.modo-renderer .ArcoMobile .arco-nav-bar-right {
  font-size: 16px;
  padding: 0 16px;
}
.ArcoMobile .arco-nav-bar-title,
.modo-renderer .ArcoMobile .arco-nav-bar-title {
  font-size: 17px;
  padding: 0 46px;
}
.ArcoMobile .arco-nav-bar-title-text,
.modo-renderer .ArcoMobile .arco-nav-bar-title-text {
  font-size: 17px;
}
.ArcoMobile .arco-nav-bar .nav-bar-back,
.modo-renderer .ArcoMobile .arco-nav-bar .nav-bar-back {
  height: 16px;
}
.ArcoMobile.arco-dropdown,
.modo-renderer .ArcoMobile.arco-dropdown {
  position: fixed;
  overflow: hidden;
  left: 0;
  right: 0;
  z-index: 1000;
}
.ArcoMobile .arco-dropdown-options,
.modo-renderer .ArcoMobile .arco-dropdown-options {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1001;
  will-change: transform;
  background-color: #ffffff;
}
.ArcoMobile.drop-up .arco-dropdown-options,
.modo-renderer .ArcoMobile.drop-up .arco-dropdown-options {
  bottom: 0;
}
.ArcoMobile .arco-dropdown-options-container,
.modo-renderer .ArcoMobile .arco-dropdown-options-container {
  height: auto;
}
.ArcoMobile .arco-dropdown-options-wrap.use-column,
.modo-renderer .ArcoMobile .arco-dropdown-options-wrap.use-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 16px;
  margin: 0 -12px -12px 0;
}
.ArcoMobile .arco-dropdown-options-item,
.modo-renderer .ArcoMobile .arco-dropdown-options-item {
  padding: 16px;
  font-size: 16px;
  line-height: 22px;
  color: #1d2129;
  text-align: left;
  position: relative;
}
.ArcoMobile .arco-dropdown-options-item.selected,
.modo-renderer .ArcoMobile .arco-dropdown-options-item.selected {
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-dropdown-options-item.selected .arco-dropdown-options-item-icon,
.modo-renderer .ArcoMobile .arco-dropdown-options-item.selected .arco-dropdown-options-item-icon {
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-dropdown-options-item.disabled,
.modo-renderer .ArcoMobile .arco-dropdown-options-item.disabled {
  color: #c9cdd4;
}
.ArcoMobile .arco-dropdown-options-item-icon,
.modo-renderer .ArcoMobile .arco-dropdown-options-item-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 16px;
  color: transparent;
}
.ArcoMobile .arco-dropdown-options-item-fake-col,
.modo-renderer .ArcoMobile .arco-dropdown-options-item-fake-col,
.ArcoMobile .arco-dropdown-options-item-col,
.modo-renderer .ArcoMobile .arco-dropdown-options-item-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 8px;
}
.ArcoMobile .arco-dropdown-options-item-col,
.modo-renderer .ArcoMobile .arco-dropdown-options-item-col {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #4e5969;
  border-radius: 2PX;
  background: #f7f8fa;
}
.ArcoMobile .arco-dropdown-options-item-col.selected,
.modo-renderer .ArcoMobile .arco-dropdown-options-item-col.selected {
  color: rgb(var(--primary-6));
  background: #E8F3FF;
}
.ArcoMobile .arco-dropdown-options-item-col.disabled,
.modo-renderer .ArcoMobile .arco-dropdown-options-item-col.disabled {
  color: #c9cdd4;
}
.ArcoMobile .arco-dropdown-options-item-col .arco-dropdown-options-item-icon,
.modo-renderer .ArcoMobile .arco-dropdown-options-item-col .arco-dropdown-options-item-icon {
  display: none;
}
.ArcoMobile .arco-dropdown-mask,
.modo-renderer .ArcoMobile .arco-dropdown-mask {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.ArcoMobile .arco-dropdown-mask.is-show,
.modo-renderer .ArcoMobile .arco-dropdown-mask.is-show {
  opacity: 1;
}
.ArcoMobile .arco-dropdown-options,
.modo-renderer .ArcoMobile .arco-dropdown-options {
  background-color: var(--color-white);
}
.ArcoMobile .arco-dropdown-options-wrap.use-column,
.modo-renderer .ArcoMobile .arco-dropdown-options-wrap.use-column {
  padding: 16px;
  margin: 0 -12px -12px 0;
}
.ArcoMobile .arco-dropdown-options-item,
.modo-renderer .ArcoMobile .arco-dropdown-options-item {
  padding: 16px;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-text-2);
}
.ArcoMobile .arco-dropdown-options-item.selected,
.modo-renderer .ArcoMobile .arco-dropdown-options-item.selected {
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-dropdown-options-item.selected .arco-dropdown-options-item-icon,
.modo-renderer .ArcoMobile .arco-dropdown-options-item.selected .arco-dropdown-options-item-icon {
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-dropdown-options-item.disabled,
.modo-renderer .ArcoMobile .arco-dropdown-options-item.disabled {
  color: var(--color-fill-4);
}
.ArcoMobile .arco-dropdown-options-item-icon,
.modo-renderer .ArcoMobile .arco-dropdown-options-item-icon {
  color: transparent;
}
.ArcoMobile .arco-dropdown-options-item-icon,
.modo-renderer .ArcoMobile .arco-dropdown-options-item-icon {
  right: 16px;
}
.ArcoMobile .arco-dropdown-options-item-fake-col,
.modo-renderer .ArcoMobile .arco-dropdown-options-item-fake-col,
.ArcoMobile .arco-dropdown-options-item-col,
.modo-renderer .ArcoMobile .arco-dropdown-options-item-col {
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 8px;
}
.ArcoMobile .arco-dropdown-options-item-col,
.modo-renderer .ArcoMobile .arco-dropdown-options-item-col {
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text-2);
  background: var(--color-fill-3);
}
.ArcoMobile .arco-dropdown-options-item-col.selected,
.modo-renderer .ArcoMobile .arco-dropdown-options-item-col.selected {
  color: rgb(var(--primary-6));
  background: rgb(var(--primary-1));
}
.ArcoMobile .arco-dropdown-options-item-col.disabled,
.modo-renderer .ArcoMobile .arco-dropdown-options-item-col.disabled {
  color: var(--color-fill-4);
}
.ArcoMobile.arco-dropdown-menu .arco-dropdown-menu .arco-select::after,
.modo-renderer .ArcoMobile.arco-dropdown-menu .arco-dropdown-menu .arco-select::after,
.ArcoMobile .arco-dropdown-menu .arco-dropdown-menu .arco-select::after,
.modo-renderer .ArcoMobile .arco-dropdown-menu .arco-dropdown-menu .arco-select::after {
  border-bottom-color: var(--color-border-2);
}
.ArcoMobile.arco-dropdown-menu .arco-select-item,
.modo-renderer .ArcoMobile.arco-dropdown-menu .arco-select-item,
.ArcoMobile .arco-dropdown-menu .arco-select-item,
.modo-renderer .ArcoMobile .arco-dropdown-menu .arco-select-item {
  padding: 15px;
  font-size: 16px;
  line-height: 22px;
  /*color: #1d2129;*/
  color: var(--color-text-1);
}
.ArcoMobile.arco-dropdown-menu .arco-select-item.is-disabled,
.modo-renderer .ArcoMobile.arco-dropdown-menu .arco-select-item.is-disabled,
.ArcoMobile .arco-dropdown-menu .arco-select-item.is-disabled,
.modo-renderer .ArcoMobile .arco-dropdown-menu .arco-select-item.is-disabled {
  /*color: #c9cdd4;*/
  color: var(--color-border-3);
}
.ArcoMobile.arco-dropdown-menu .arco-select-item.is-selected,
.modo-renderer .ArcoMobile.arco-dropdown-menu .arco-select-item.is-selected,
.ArcoMobile .arco-dropdown-menu .arco-select-item.is-selected,
.modo-renderer .ArcoMobile .arco-dropdown-menu .arco-select-item.is-selected {
  color: rgb(var(--primary-16));
}
.ArcoMobile.arco-dropdown-menu .arco-select-item-tip,
.modo-renderer .ArcoMobile.arco-dropdown-menu .arco-select-item-tip,
.ArcoMobile .arco-dropdown-menu .arco-select-item-tip,
.modo-renderer .ArcoMobile .arco-dropdown-menu .arco-select-item-tip {
  /*color:  #707070 ;*/
  color: var(--color-text-3);
  padding-right: 16px;
}
.ArcoMobile.arco-dropdown-menu .arco-select-item-label-text,
.modo-renderer .ArcoMobile.arco-dropdown-menu .arco-select-item-label-text,
.ArcoMobile .arco-dropdown-menu .arco-select-item-label-text,
.modo-renderer .ArcoMobile .arco-dropdown-menu .arco-select-item-label-text {
  max-width: 96px;
}
.ArcoMobile.arco-dropdown-menu .arco-select-item-icon,
.modo-renderer .ArcoMobile.arco-dropdown-menu .arco-select-item-icon,
.ArcoMobile .arco-dropdown-menu .arco-select-item-icon,
.modo-renderer .ArcoMobile .arco-dropdown-menu .arco-select-item-icon {
  color: var(--color-fill-4);
}
.ArcoMobile.arco-dropdown-menu .arco-select-item-icon.is-show,
.modo-renderer .ArcoMobile.arco-dropdown-menu .arco-select-item-icon.is-show,
.ArcoMobile .arco-dropdown-menu .arco-select-item-icon.is-show,
.modo-renderer .ArcoMobile .arco-dropdown-menu .arco-select-item-icon.is-show {
  color: rgb(var(--primary-16));
}
.ArcoMobile .arco-pagination,
.modo-renderer .ArcoMobile .arco-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 11px 16px;
}
.ArcoMobile .arco-pagination .arco-pagination-prev-field,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-prev-field,
.ArcoMobile .arco-pagination .arco-pagination-next-field,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-next-field {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ArcoMobile .arco-pagination .arco-pagination-prev-field,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-prev-field {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ArcoMobile .arco-pagination .arco-pagination-prev-field.flex-center,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-prev-field.flex-center {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 24px;
}
.ArcoMobile .arco-pagination .arco-pagination-next-field,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-next-field {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ArcoMobile .arco-pagination .arco-pagination-next-field.flex-center,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-next-field.flex-center {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: 24px;
}
.ArcoMobile .arco-pagination .arco-pagination-field,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field {
  cursor: pointer;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ArcoMobile .arco-pagination .arco-pagination-field .btn-icon,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field .btn-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile .arco-pagination .arco-pagination-field .btn-icon.next,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field .btn-icon.next {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.ArcoMobile .arco-pagination .arco-pagination-field.button,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.button {
  padding: 6px 16px;
  border-radius: 2px;
  min-height: 32px;
  background: #F7F8FA;
  color: #1d2129;
}
.ArcoMobile .arco-pagination .arco-pagination-field.button.primary,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.button.primary {
  background: rgb(var(--primary-6));
  color: #FFFFFF;
}
.ArcoMobile .arco-pagination .arco-pagination-field.button .btn-text,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.button .btn-text {
  font-size: 14px;
}
.ArcoMobile .arco-pagination .arco-pagination-field.button .btn-icon + .btn-text,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.button .btn-icon + .btn-text,
.ArcoMobile .arco-pagination .arco-pagination-field.button .btn-text + .btn-icon,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.button .btn-text + .btn-icon {
  margin-left: 8px;
}
.ArcoMobile .arco-pagination .arco-pagination-field.button .btn-icon:first-child,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.button .btn-icon:first-child {
  margin-left: -3px;
}
.ArcoMobile .arco-pagination .arco-pagination-field.button .btn-icon:last-child,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.button .btn-icon:last-child {
  margin-right: -3px;
}
.ArcoMobile .arco-pagination .arco-pagination.android .arco-pagination-field.button .btn-text,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination.android .arco-pagination-field.button .btn-text {
  padding-top: 2px;
}
.ArcoMobile .arco-pagination .arco-pagination-field.text,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.text {
  color: #1d2129;
}
.ArcoMobile .arco-pagination .arco-pagination-field.text.primary,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.text.primary {
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-pagination .arco-pagination-field.text.disabled,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.text.disabled {
  background: none;
}
.ArcoMobile .arco-pagination .arco-pagination-field.disabled,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.disabled {
  background: #F7F8FA;
  color: #C9CDD4;
}
.ArcoMobile .arco-pagination .arco-pagination-item,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  color: #1d2129;
}
.ArcoMobile .arco-pagination .arco-pagination-item .active,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-item .active {
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-pagination .arco-pagination-simple,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-simple {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ArcoMobile .arco-pagination,
.modo-renderer .ArcoMobile .arco-pagination {
  padding: 11px 16px;
}
.ArcoMobile .arco-pagination .arco-pagination-prev-field,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-prev-field {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ArcoMobile .arco-pagination .arco-pagination-prev-field.flex-center,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-prev-field.flex-center {
  margin-right: 24px;
}
.ArcoMobile .arco-pagination .arco-pagination-next-field.flex-center,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-next-field.flex-center {
  margin-left: 24px;
}
.ArcoMobile .arco-pagination .arco-pagination-field,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field {
  font-size: 15px;
  line-height: 22px;
}
.ArcoMobile .arco-pagination .arco-pagination-field.button,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.button {
  padding: 6px 16px;
  border-radius: 2px;
  min-height: 32px;
  background: var(color-fill-1);
  color: var(--color-fill-4);
}
.ArcoMobile .arco-pagination .arco-pagination-field.button.primary,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.button.primary {
  /*background: rgb(var(--primary-6));*/
  background: rgb(var(--primary-6));
  color: var(--color-white);
}
.ArcoMobile .arco-pagination .arco-pagination-field.button .btn-text,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.button .btn-text {
  font-size: 14px;
}
.ArcoMobile .arco-pagination .arco-pagination-field.button .btn-icon + .btn-text,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.button .btn-icon + .btn-text,
.ArcoMobile .arco-pagination .arco-pagination-field.button .btn-text + .btn-icon,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.button .btn-text + .btn-icon {
  margin-left: 8px;
}
.ArcoMobile .arco-pagination .arco-pagination-field.button .btn-icon:first-child,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.button .btn-icon:first-child {
  margin-left: -3px;
}
.ArcoMobile .arco-pagination .arco-pagination-field.button .btn-icon:last-child,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.button .btn-icon:last-child {
  margin-right: -3px;
}
.ArcoMobile .arco-pagination .arco-pagination.android .arco-pagination-field.button .btn-text,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination.android .arco-pagination-field.button .btn-text {
  padding-top: 2px;
}
.ArcoMobile .arco-pagination .arco-pagination-field.text,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.text {
  /*color: #1d2129;*/
  color: var(--color-text-1);
}
.ArcoMobile .arco-pagination .arco-pagination-field.text.primary,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.text.primary {
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-pagination .arco-pagination-field.disabled,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-field.disabled {
  /*background: #F7F8FA;
            color: #C9CDD4;*/
  padding: 6px 16px;
  background: var(color-fill-1);
  color: var(--color-fill-4);
}
.ArcoMobile .arco-pagination .arco-pagination-item,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-item {
  font-size: 18px;
  line-height: 22px;
  height: 22px;
  /*color: #1d2129;*/
  color: var(--color-text-1);
}
.ArcoMobile .arco-pagination .arco-pagination-item .active,
.modo-renderer .ArcoMobile .arco-pagination .arco-pagination-item .active {
  color: rgb(var(--primary-6));
}
@-webkit-keyframes scale-on {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-on {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-off {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes scale-off {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
.ArcoMobile .arco-scale-enter-active,
.modo-renderer .ArcoMobile .arco-scale-enter-active {
  -webkit-animation: scale-on 0.4s cubic-bezier(0.3, 1.3, 0.3, 1) forwards;
  animation: scale-on 0.4s cubic-bezier(0.3, 1.3, 0.3, 1) forwards;
}
.ArcoMobile .arco-scale-exit-active,
.modo-renderer .ArcoMobile .arco-scale-exit-active {
  -webkit-animation: scale-off 0.4s cubic-bezier(0.3, 1.3, 0.3, 1) forwards;
  animation: scale-off 0.4s cubic-bezier(0.3, 1.3, 0.3, 1) forwards;
}
.ArcoMobile.arco-badge,
.modo-renderer .ArcoMobile.arco-badge {
  cursor: pointer;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: inline-block;
  z-index: 2;
  color: var(--color-white);
  background-color: var(--color-danger-light-3);
  white-space: nowrap;
  border-radius: 100PX;
  height: 16PX;
  line-height: 16PX;
  min-width: 8PX;
  padding: 0 4PX;
  overflow: hidden;
}
.ArcoMobile .arco-badge-text,
.modo-renderer .ArcoMobile .arco-badge-text {
  display: inline-block;
  font-weight: 500;
  font-size: 12PX;
  width: auto;
  width: initial;
  height: auto;
  height: initial;
  min-width: 0;
  min-width: initial;
  line-height: 1;
  position: static;
  position: initial;
  -webkit-transform: none;
          transform: none;
  -webkit-transform: initial;
          transform: initial;
  padding: 0;
  padding: initial;
  border-radius: 0;
  border-radius: initial;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0;
  border: 0;
}
.ArcoMobile.arco-badge-dot,
.modo-renderer .ArcoMobile.arco-badge-dot {
  width: 8PX;
  height: 8PX;
  padding: 0;
  min-width: auto;
}
.ArcoMobile.arco-badge-bordered,
.modo-renderer .ArcoMobile.arco-badge-bordered {
  border: 1PX solid var(--color-white);
}
.ArcoMobile.arco-badge-absolute,
.modo-renderer .ArcoMobile.arco-badge-absolute {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: -8PX;
  margin-top: -8PX;
}
.ArcoMobile.arco-badge-absolute.arco-badge-dot,
.modo-renderer .ArcoMobile.arco-badge-absolute.arco-badge-dot {
  margin-left: -4PX;
  margin-top: -4PX;
}
[dir="rtl"] .ArcoMobile.arco-badge-absolute,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-badge-absolute {
  left: auto;
  left: initial;
  right: 100%;
}
[dir="rtl"] .ArcoMobile.arco-badge-absolute,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-badge-absolute {
  margin-left: 0;
  margin-left: initial;
  margin-right: -8PX;
}
[dir="rtl"] .ArcoMobile.arco-badge-absolute.arco-badge-dot,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-badge-absolute.arco-badge-dot {
  margin-left: 0;
  margin-left: initial;
  margin-right: -4PX;
}
.ArcoMobile.arco-tab-bar,
.modo-renderer .ArcoMobile.arco-tab-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  font-size: 10px;
  min-height: 50px;
}
.ArcoMobile.arco-tab-bar-fixed,
.modo-renderer .ArcoMobile.arco-tab-bar-fixed {
  position: fixed;
  bottom: 0;
}
.ArcoMobile .arco-tab-bar-item,
.modo-renderer .ArcoMobile .arco-tab-bar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /*color: #86909c;*/
  color: var(--color-text-3);
}
.ArcoMobile .arco-tab-bar-item-title,
.modo-renderer .ArcoMobile .arco-tab-bar-item-title {
  color: inherit;
  line-height: 14px;
  font-size: 10px;
  margin: 0 0 5px 0;
}
.ArcoMobile .arco-tab-bar-item-children,
.modo-renderer .ArcoMobile .arco-tab-bar-item-children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile .arco-tab-bar-item-only-title,
.modo-renderer .ArcoMobile .arco-tab-bar-item-only-title {
  line-height: 22px;
  font-size: 16px;
  margin: 0;
}
.ArcoMobile .arco-tab-bar-item-active,
.modo-renderer .ArcoMobile .arco-tab-bar-item-active {
  /*color: rgb(var(--primary-6));*/
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-tab-bar-item .arco-extra-wrap,
.modo-renderer .ArcoMobile .arco-tab-bar-item .arco-extra-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  color: inherit;
}
.ArcoMobile .arco-tab-bar-item .arco-tab-bar-item-icon,
.modo-renderer .ArcoMobile .arco-tab-bar-item .arco-tab-bar-item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  color: inherit;
  margin: 7px 0 4px;
}
.ArcoMobile .arco-tabs,
.modo-renderer .ArcoMobile .arco-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  /*color: #1d2129;*/
  color: var(--color-text-1);
}
.ArcoMobile .arco-tabs-top,
.modo-renderer .ArcoMobile .arco-tabs-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ArcoMobile .arco-tabs-bottom,
.modo-renderer .ArcoMobile .arco-tabs-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.ArcoMobile .arco-tabs-top.full-screen,
.modo-renderer .ArcoMobile .arco-tabs-top.full-screen,
.ArcoMobile .arco-tabs-bottom.full-screen,
.modo-renderer .ArcoMobile .arco-tabs-bottom.full-screen {
  height: 100%;
}
.ArcoMobile .arco-tabs-left,
.modo-renderer .ArcoMobile .arco-tabs-left,
.ArcoMobile .arco-tabs-right,
.modo-renderer .ArcoMobile .arco-tabs-right {
  height: 100%;
}
.ArcoMobile .arco-tabs-left,
.modo-renderer .ArcoMobile .arco-tabs-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.ArcoMobile .arco-tabs-right,
.modo-renderer .ArcoMobile .arco-tabs-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.ArcoMobile .arco-tab-cell-container,
.modo-renderer .ArcoMobile .arco-tab-cell-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  visibility: hidden;
  width: inherit;
  height: inherit;
}
.ArcoMobile .arco-tab-cell-container-wrap,
.modo-renderer .ArcoMobile .arco-tab-cell-container-wrap {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  position: relative;
  background: var(--color-white);
}
.ArcoMobile .arco-tab-cell-container-wrap.horizontal,
.modo-renderer .ArcoMobile .arco-tab-cell-container-wrap.horizontal {
  width: 78px;
  height: 100%;
}
.ArcoMobile .arco-tab-cell-container-wrap.vertical,
.modo-renderer .ArcoMobile .arco-tab-cell-container-wrap.vertical {
  height: 42px;
  width: 100%;
}
.ArcoMobile .arco-tab-cell-container-wrap.vertical.type-card,
.modo-renderer .ArcoMobile .arco-tab-cell-container-wrap.vertical.type-card {
  height: 40px;
}
.ArcoMobile .arco-tab-cell-container-wrap.vertical.type-tag,
.modo-renderer .ArcoMobile .arco-tab-cell-container-wrap.vertical.type-tag,
.ArcoMobile .arco-tab-cell-container-wrap.vertical.type-tag-divide,
.modo-renderer .ArcoMobile .arco-tab-cell-container-wrap.vertical.type-tag-divide {
  height: 60px;
}
.ArcoMobile .arco-tab-cell-container-inner,
.modo-renderer .ArcoMobile .arco-tab-cell-container-inner {
  width: inherit;
  height: inherit;
  overflow: hidden;
}
.ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-top,
.modo-renderer .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-top {
  -webkit-box-shadow: 0 -1PX 0 0 var(--color-border-2) inset;
          box-shadow: 0 -1PX 0 0 var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-top,
  .modo-renderer .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-top {
    -webkit-box-shadow: 0 -0.5PX 0 0 var(--color-border-2) inset;
            box-shadow: 0 -0.5PX 0 0 var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .arco-tab-cell-container-inner.has-divider.pos-top,
.modo-renderer .ArcoMobile .ios .arco-tab-cell-container-inner.has-divider.pos-top,
.ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-top.ios,
.modo-renderer .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-top.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 0.5PX solid var(--color-border-2);
}
.ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-bottom,
.modo-renderer .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-bottom {
  -webkit-box-shadow: 0 1PX 0 0 var(--color-border-2) inset;
          box-shadow: 0 1PX 0 0 var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-bottom,
  .modo-renderer .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-bottom {
    -webkit-box-shadow: 0 0.5PX 0 0 var(--color-border-2) inset;
            box-shadow: 0 0.5PX 0 0 var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .arco-tab-cell-container-inner.has-divider.pos-bottom,
.modo-renderer .ArcoMobile .ios .arco-tab-cell-container-inner.has-divider.pos-bottom,
.ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-bottom.ios,
.modo-renderer .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-bottom.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top: 0.5PX solid var(--color-border-2);
}
.ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-left,
.modo-renderer .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-left {
  -webkit-box-shadow: -1PX 0 0 0 var(--color-border-2) inset;
          box-shadow: -1PX 0 0 0 var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-left,
  .modo-renderer .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-left {
    -webkit-box-shadow: -0.5PX 0 0 0 var(--color-border-2) inset;
            box-shadow: -0.5PX 0 0 0 var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .arco-tab-cell-container-inner.has-divider.pos-left,
.modo-renderer .ArcoMobile .ios .arco-tab-cell-container-inner.has-divider.pos-left,
.ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-left.ios,
.modo-renderer .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-left.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-right: 0.5PX solid var(--color-border-2);
}
.ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-right,
.modo-renderer .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-right {
  -webkit-box-shadow: 1PX 0 0 0 var(--color-border-2) inset;
          box-shadow: 1PX 0 0 0 var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-right,
  .modo-renderer .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-right {
    -webkit-box-shadow: 0.5PX 0 0 0 var(--color-border-2) inset;
            box-shadow: 0.5PX 0 0 0 var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .arco-tab-cell-container-inner.has-divider.pos-right,
.modo-renderer .ArcoMobile .ios .arco-tab-cell-container-inner.has-divider.pos-right,
.ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-right.ios,
.modo-renderer .ArcoMobile .arco-tab-cell-container-inner.has-divider.pos-right.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-left: 0.5PX solid var(--color-border-2);
}
.ArcoMobile .arco-tab-cell-container-inner.fixed,
.modo-renderer .ArcoMobile .arco-tab-cell-container-inner.fixed {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 100;
  background: inherit;
}
.ArcoMobile .arco-tab-cell-container-inner.fixed.pos-top,
.modo-renderer .ArcoMobile .arco-tab-cell-container-inner.fixed.pos-top {
  top: 0;
}
.ArcoMobile .arco-tab-cell-container-inner.fixed.pos-bottom,
.modo-renderer .ArcoMobile .arco-tab-cell-container-inner.fixed.pos-bottom {
  bottom: 0;
}
.ArcoMobile .arco-tab-cell-container-inner.type-tag.vertical,
.modo-renderer .ArcoMobile .arco-tab-cell-container-inner.type-tag.vertical,
.ArcoMobile .arco-tab-cell-container-inner.type-tag-divide.vertical,
.modo-renderer .ArcoMobile .arco-tab-cell-container-inner.type-tag-divide.vertical {
  padding: 12px 0;
}
.ArcoMobile .arco-tab-cell-container.horizontal,
.modo-renderer .ArcoMobile .arco-tab-cell-container.horizontal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ArcoMobile .arco-tab-cell-container.vertical.arrange-start,
.modo-renderer .ArcoMobile .arco-tab-cell-container.vertical.arrange-start,
.ArcoMobile .arco-tab-cell-container.vertical.overflow,
.modo-renderer .ArcoMobile .arco-tab-cell-container.vertical.overflow {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ArcoMobile .arco-tab-cell-container.vertical.arrange-center:not(.overflow),
.modo-renderer .ArcoMobile .arco-tab-cell-container.vertical.arrange-center:not(.overflow) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ArcoMobile .arco-tab-cell-container.vertical.arrange-end:not(.overflow),
.modo-renderer .ArcoMobile .arco-tab-cell-container.vertical.arrange-end:not(.overflow) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ArcoMobile .arco-tab-cell-container.vertical .fake-padding,
.modo-renderer .ArcoMobile .arco-tab-cell-container.vertical .fake-padding {
  height: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.ArcoMobile .arco-tab-cell-container.shown,
.modo-renderer .ArcoMobile .arco-tab-cell-container.shown {
  visibility: visible;
}
.ArcoMobile .arco-tab-cell-container.type-line,
.modo-renderer .ArcoMobile .arco-tab-cell-container.type-line,
.ArcoMobile .arco-tab-cell-container.type-tag,
.modo-renderer .ArcoMobile .arco-tab-cell-container.type-tag {
  overflow: scroll;
}
.ArcoMobile .arco-tab-cell-container.type-line::-webkit-scrollbar,
.modo-renderer .ArcoMobile .arco-tab-cell-container.type-line::-webkit-scrollbar,
.ArcoMobile .arco-tab-cell-container.type-tag::-webkit-scrollbar,
.modo-renderer .ArcoMobile .arco-tab-cell-container.type-tag::-webkit-scrollbar {
  display: none;
}
.ArcoMobile .arco-tab-cell-container.type-line.vertical,
.modo-renderer .ArcoMobile .arco-tab-cell-container.type-line.vertical,
.ArcoMobile .arco-tab-cell-container.type-tag.vertical,
.modo-renderer .ArcoMobile .arco-tab-cell-container.type-tag.vertical {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding-bottom: 10PX;
}
.ArcoMobile .arco-tab-cell-container.type-card,
.modo-renderer .ArcoMobile .arco-tab-cell-container.type-card {
  border: 1PX solid rgb(var(--primary-6));
  border-radius: 2PX;
}
.ArcoMobile .arco-tab-cell-container.type-tag.vertical,
.modo-renderer .ArcoMobile .arco-tab-cell-container.type-tag.vertical,
.ArcoMobile .arco-tab-cell-container.type-tag-divide.vertical,
.modo-renderer .ArcoMobile .arco-tab-cell-container.type-tag-divide.vertical {
  height: 100%;
}
.ArcoMobile .arco-tab-cell-underline,
.modo-renderer .ArcoMobile .arco-tab-cell-underline {
  position: absolute;
  z-index: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  overflow: visible;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@-webkit-keyframes caterpillarX {
  0% {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
  }
  50% {
    -webkit-transform: scaleX(2) translateZ(0);
    transform: scaleX(2) translateZ(0);
  }
  100% {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
  }
}
@keyframes caterpillarX {
  0% {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
  }
  50% {
    -webkit-transform: scaleX(2) translateZ(0);
    transform: scaleX(2) translateZ(0);
  }
  100% {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
  }
}
@-webkit-keyframes caterpillarY {
  0% {
    -webkit-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0);
  }
  50% {
    -webkit-transform: scaleY(2) translateZ(0);
    transform: scaleY(2) translateZ(0);
  }
  100% {
    -webkit-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0);
  }
}
@keyframes caterpillarY {
  0% {
    -webkit-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0);
  }
  50% {
    -webkit-transform: scaleY(2) translateZ(0);
    transform: scaleY(2) translateZ(0);
  }
  100% {
    -webkit-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0);
  }
}
.ArcoMobile .arco-tab-cell-underline.show,
.modo-renderer .ArcoMobile .arco-tab-cell-underline.show {
  opacity: 1;
}
.ArcoMobile .pos-top .arco-tab-cell-underline,
.modo-renderer .ArcoMobile .pos-top .arco-tab-cell-underline,
.ArcoMobile .pos-bottom .arco-tab-cell-underline,
.modo-renderer .ArcoMobile .pos-bottom .arco-tab-cell-underline {
  left: 0;
  width: 24px;
  height: 2PX;
}
.ArcoMobile .pos-top .arco-tab-cell-underline,
.modo-renderer .ArcoMobile .pos-top .arco-tab-cell-underline {
  bottom: 0;
}
.ArcoMobile .pos-top.type-line .arco-tab-cell-underline,
.modo-renderer .ArcoMobile .pos-top.type-line .arco-tab-cell-underline {
  bottom: 10PX;
}
.ArcoMobile .pos-bottom .arco-tab-cell-underline,
.modo-renderer .ArcoMobile .pos-bottom .arco-tab-cell-underline {
  top: 0;
}
.ArcoMobile .pos-left .arco-tab-cell-underline,
.modo-renderer .ArcoMobile .pos-left .arco-tab-cell-underline,
.ArcoMobile .pos-right .arco-tab-cell-underline,
.modo-renderer .ArcoMobile .pos-right .arco-tab-cell-underline {
  top: 0;
  height: 24px;
  width: 2PX;
}
.ArcoMobile .pos-left .arco-tab-cell-underline,
.modo-renderer .ArcoMobile .pos-left .arco-tab-cell-underline {
  left: 0;
}
.ArcoMobile .pos-right .arco-tab-cell-underline,
.modo-renderer .ArcoMobile .pos-right .arco-tab-cell-underline {
  right: 0;
}
.ArcoMobile .arco-tab-cell-underline-inner,
.modo-renderer .ArcoMobile .arco-tab-cell-underline-inner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  height: 100%;
  -webkit-transition: inherit;
  transition: inherit;
  border-radius: 2PX;
  background-color: rgb(var(--primary-6));
}
.ArcoMobile .arco-tab-cell-underline-inner.caterpillar,
.modo-renderer .ArcoMobile .arco-tab-cell-underline-inner.caterpillar {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.ArcoMobile .arco-tab-cell-underline-inner.caterpillar:not(.custom-animate).vertical,
.modo-renderer .ArcoMobile .arco-tab-cell-underline-inner.caterpillar:not(.custom-animate).vertical {
  -webkit-animation-name: caterpillarX;
  animation-name: caterpillarX;
}
.ArcoMobile .arco-tab-cell-underline-inner.caterpillar:not(.custom-animate).horizontal,
.modo-renderer .ArcoMobile .arco-tab-cell-underline-inner.caterpillar:not(.custom-animate).horizontal {
  -webkit-animation-name: caterpillarY;
  animation-name: caterpillarY;
}
.ArcoMobile .arco-tab-cell,
.modo-renderer .ArcoMobile .arco-tab-cell {
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-align: center;
}
.ArcoMobile .arco-tab-cell.no-shrink,
.modo-renderer .ArcoMobile .arco-tab-cell.no-shrink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ArcoMobile .arco-tab-cell.vertical,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical {
  height: 100%;
}
.ArcoMobile .arco-tab-cell.vertical.line,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical.line,
.ArcoMobile .arco-tab-cell.vertical.tag,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical.tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.ArcoMobile .arco-tab-cell.vertical.line-divide,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical.line-divide,
.ArcoMobile .arco-tab-cell.vertical.card,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical.card,
.ArcoMobile .arco-tab-cell.vertical.tag-divide,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical.tag-divide {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ArcoMobile .arco-tab-cell.vertical:not(.custom).line:not(.last),
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).line:not(.last) {
  margin-right: 40px;
}
.ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).line:not(.last),
.modo-renderer .ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).line:not(.last) {
  margin-right: 0;
  margin-right: initial;
  margin-left: 40px;
}
.ArcoMobile .arco-tab-cell.vertical:not(.custom).line.active,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).line.active,
.ArcoMobile .arco-tab-cell.vertical:not(.custom).line-divide.active,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).line-divide.active {
  font-weight: bold;
  color: rgb(var(--primary-6));
}
.ArcoMobile .android .arco-tab-cell.vertical:not(.custom).line.active,
.modo-renderer .ArcoMobile .android .arco-tab-cell.vertical:not(.custom).line.active,
.ArcoMobile .android .arco-tab-cell.vertical:not(.custom).line-divide.active,
.modo-renderer .ArcoMobile .android .arco-tab-cell.vertical:not(.custom).line-divide.active,
.ArcoMobile .arco-tab-cell.vertical:not(.custom).line.active.android,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).line.active.android,
.ArcoMobile .arco-tab-cell.vertical:not(.custom).line-divide.active.android,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).line-divide.active.android,
.ArcoMobile .arco-tab-cell.vertical:not(.custom).line.active.system-android,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).line.active.system-android,
.ArcoMobile .arco-tab-cell.vertical:not(.custom).line-divide.active.system-android,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).line-divide.active.system-android {
  font-weight: 400;
  text-stroke: 0.3PX currentColor;
}
.ArcoMobile .arco-tab-cell.vertical:not(.custom).card,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).card {
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-tab-cell.vertical:not(.custom).card.active,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).card.active {
  background: rgb(var(--primary-6));
  color: var(--color-white);
  font-weight: bold;
}
.ArcoMobile .android .arco-tab-cell.vertical:not(.custom).card.active,
.modo-renderer .ArcoMobile .android .arco-tab-cell.vertical:not(.custom).card.active,
.ArcoMobile .arco-tab-cell.vertical:not(.custom).card.active.android,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).card.active.android,
.ArcoMobile .arco-tab-cell.vertical:not(.custom).card.active.system-android,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).card.active.system-android {
  font-weight: 400;
  text-stroke: 0.3PX currentColor;
}
.ArcoMobile .arco-tab-cell.vertical:not(.custom).card:not(:last-child),
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).card:not(:last-child) {
  border-right: 1PX solid rgb(var(--primary-6));
}
.ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).card:not(:last-child),
.modo-renderer .ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).card:not(:last-child) {
  border-right: 0;
  border-right: initial;
  border-left: 1PX solid rgb(var(--primary-6));
}
.ArcoMobile .arco-tab-cell.vertical:not(.custom).card:first-of-type,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).card:first-of-type {
  border-top-left-radius: 2PX;
  border-bottom-left-radius: 2PX;
}
.ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).card:first-of-type,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).card:first-of-type {
  border-top-left-radius: 0;
  border-top-left-radius: initial;
  border-top-right-radius: 2PX;
}
.ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).card:first-of-type,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).card:first-of-type {
  border-bottom-left-radius: 0;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: 2PX;
}
.ArcoMobile .arco-tab-cell.vertical:not(.custom).card:last-of-type,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).card:last-of-type {
  border-top-right-radius: 2PX;
  border-bottom-right-radius: 2PX;
}
.ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).card:last-of-type,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).card:last-of-type {
  border-top-right-radius: 0;
  border-top-right-radius: initial;
  border-top-left-radius: 2PX;
}
.ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).card:last-of-type,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).card:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-right-radius: initial;
  border-bottom-left-radius: 2PX;
}
.ArcoMobile .arco-tab-cell.vertical:not(.custom).card.android,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).card.android,
.ArcoMobile .arco-tab-cell.vertical:not(.custom).tag-divide.android,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).tag-divide.android {
  padding-top: 2px;
}
.ArcoMobile .arco-tab-cell.vertical:not(.custom).tag,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).tag,
.ArcoMobile .arco-tab-cell.vertical:not(.custom).tag-divide,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).tag-divide {
  padding: 0 16px;
  border-radius: 100px;
  /*background: #f7f8fA;*/
  background: var(--color-fill-1);
  /*color: #1d2129;*/
  color: var(--color-text-1);
}
.ArcoMobile .arco-tab-cell.vertical:not(.custom).tag:not(.last),
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).tag:not(.last),
.ArcoMobile .arco-tab-cell.vertical:not(.custom).tag-divide:not(.last),
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).tag-divide:not(.last) {
  margin-right: 16px;
}
.ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).tag:not(.last),
.modo-renderer .ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).tag:not(.last),
.ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).tag-divide:not(.last),
.modo-renderer .ArcoMobile [dir="rtl"] .arco-tab-cell.vertical:not(.custom).tag-divide:not(.last) {
  margin-right: 0;
  margin-right: initial;
  margin-left: 16px;
}
.ArcoMobile .arco-tab-cell.vertical:not(.custom).tag.active,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).tag.active,
.ArcoMobile .arco-tab-cell.vertical:not(.custom).tag-divide.active,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).tag-divide.active {
  background: rgb(var(--primary-6));
  color: var(--color-white);
  font-weight: bold;
}
.ArcoMobile .android .arco-tab-cell.vertical:not(.custom).tag.active,
.modo-renderer .ArcoMobile .android .arco-tab-cell.vertical:not(.custom).tag.active,
.ArcoMobile .android .arco-tab-cell.vertical:not(.custom).tag-divide.active,
.modo-renderer .ArcoMobile .android .arco-tab-cell.vertical:not(.custom).tag-divide.active,
.ArcoMobile .arco-tab-cell.vertical:not(.custom).tag.active.android,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).tag.active.android,
.ArcoMobile .arco-tab-cell.vertical:not(.custom).tag-divide.active.android,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).tag-divide.active.android,
.ArcoMobile .arco-tab-cell.vertical:not(.custom).tag.active.system-android,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).tag.active.system-android,
.ArcoMobile .arco-tab-cell.vertical:not(.custom).tag-divide.active.system-android,
.modo-renderer .ArcoMobile .arco-tab-cell.vertical:not(.custom).tag-divide.active.system-android {
  font-weight: 400;
  text-stroke: 0.3PX currentColor;
}
.ArcoMobile .arco-tab-cell.horizontal,
.modo-renderer .ArcoMobile .arco-tab-cell.horizontal {
  height: 54px;
}
.ArcoMobile .arco-tab-cell.horizontal.active,
.modo-renderer .ArcoMobile .arco-tab-cell.horizontal.active {
  font-weight: bold;
  color: rgb(var(--primary-6));
}
.ArcoMobile .android .arco-tab-cell.horizontal.active,
.modo-renderer .ArcoMobile .android .arco-tab-cell.horizontal.active,
.ArcoMobile .arco-tab-cell.horizontal.active.android,
.modo-renderer .ArcoMobile .arco-tab-cell.horizontal.active.android,
.ArcoMobile .arco-tab-cell.horizontal.active.system-android,
.modo-renderer .ArcoMobile .arco-tab-cell.horizontal.active.system-android {
  font-weight: 400;
  text-stroke: 0.3PX currentColor;
}
.ArcoMobile .arco-tab-pane-container.mode-swipe,
.modo-renderer .ArcoMobile .arco-tab-pane-container.mode-swipe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.ArcoMobile .arco-tab-pane-container.mode-swipe-energy-saving,
.modo-renderer .ArcoMobile .arco-tab-pane-container.mode-swipe-energy-saving {
  position: relative;
  overflow: hidden;
}
.ArcoMobile .arco-tab-pane-container.full-screen,
.modo-renderer .ArcoMobile .arco-tab-pane-container.full-screen {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.ArcoMobile .arco-tab-pane-container.horizontal,
.modo-renderer .ArcoMobile .arco-tab-pane-container.horizontal {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ArcoMobile .arco-tab-pane-container.mode-scroll-horizontal,
.modo-renderer .ArcoMobile .arco-tab-pane-container.mode-scroll-horizontal {
  overflow-x: auto;
  white-space: nowrap;
}
.ArcoMobile .arco-tab-pane,
.modo-renderer .ArcoMobile .arco-tab-pane {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.ArcoMobile .mode-scroll-horizontal .arco-tab-pane,
.modo-renderer .ArcoMobile .mode-scroll-horizontal .arco-tab-pane {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.ArcoMobile .arco-tab-pane.mode-swipe.full-screen,
.modo-renderer .ArcoMobile .arco-tab-pane.mode-swipe.full-screen {
  height: 100%;
}
.ArcoMobile .arco-tab-pane-extra,
.modo-renderer .ArcoMobile .arco-tab-pane-extra {
  position: absolute;
}
.ArcoMobile .arco-tab-cell .custom-title,
.modo-renderer .ArcoMobile .arco-tab-cell .custom-title {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile .arco-tab-cell .custom-title .title-icon,
.modo-renderer .ArcoMobile .arco-tab-cell .custom-title .title-icon {
  margin-right: 6px;
}
.ArcoMobile .arco-tab-cell .custom-title .custom-title-badge,
.modo-renderer .ArcoMobile .arco-tab-cell .custom-title .custom-title-badge {
  background-color: transparent;
  margin-top: 0;
}
.ArcoMobile.tab-title-size-default > .arco-tabs .arco-tab-cell,
.modo-renderer .ArcoMobile.tab-title-size-default > .arco-tabs .arco-tab-cell {
  font-size: 16px;
}
.ArcoMobile.tab-title-size-small > .arco-tabs .arco-tab-cell,
.modo-renderer .ArcoMobile.tab-title-size-small > .arco-tabs .arco-tab-cell {
  font-size: 14px;
}
.ArcoMobile .arco-textarea,
.modo-renderer .ArcoMobile .arco-textarea {
  display: inline-block;
  width: 100%;
  height: 100%;
  resize: none;
  font-size: 16px;
  line-height: 22px;
  caret-color: rgb(var(--primary-6));
}
.ArcoMobile .arco-textarea::-webkit-input-placeholder,
.modo-renderer .ArcoMobile .arco-textarea::-webkit-input-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-textarea::-webkit-input-placeholder, .modo-renderer .ArcoMobile .arco-textarea::-webkit-input-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-textarea::-moz-placeholder, .modo-renderer .ArcoMobile .arco-textarea::-moz-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-textarea:-ms-input-placeholder, .modo-renderer .ArcoMobile .arco-textarea:-ms-input-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-textarea::-ms-input-placeholder, .modo-renderer .ArcoMobile .arco-textarea::-ms-input-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-textarea::placeholder,
.modo-renderer .ArcoMobile .arco-textarea::placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-textarea.fake-textarea,
.modo-renderer .ArcoMobile .arco-textarea.fake-textarea {
  position: fixed;
  bottom: 100%;
  left: 0;
  visibility: hidden;
}
.ArcoMobile.arco-input-container .statistic-text,
.modo-renderer .ArcoMobile.arco-input-container .statistic-text {
  position: absolute;
  bottom: 16px;
  right: 16px;
  font-size: 14px;
  color: #86909c;
}
.ArcoMobile.arco-input-container .statistic-text.exceed,
.modo-renderer .ArcoMobile.arco-input-container .statistic-text.exceed {
  color: #f53f3f;
}
.ArcoMobile .arco-textarea,
.modo-renderer .ArcoMobile .arco-textarea {
  font-size: 16px;
  line-height: 22px;
  /*caret-color: rgb(var(--primary-6));*/
  caret-color: rgb(var(--primary-6));
  padding: 0;
}
.ArcoMobile .arco-textarea::-webkit-input-placeholder,
.modo-renderer .ArcoMobile .arco-textarea::-webkit-input-placeholder {
  color: var(--color-fill-4);
}
.ArcoMobile .arco-textarea::-webkit-input-placeholder, .modo-renderer .ArcoMobile .arco-textarea::-webkit-input-placeholder {
  color: var(--color-fill-4);
}
.ArcoMobile .arco-textarea::-moz-placeholder, .modo-renderer .ArcoMobile .arco-textarea::-moz-placeholder {
  color: var(--color-fill-4);
}
.ArcoMobile .arco-textarea:-ms-input-placeholder, .modo-renderer .ArcoMobile .arco-textarea:-ms-input-placeholder {
  color: var(--color-fill-4);
}
.ArcoMobile .arco-textarea::-ms-input-placeholder, .modo-renderer .ArcoMobile .arco-textarea::-ms-input-placeholder {
  color: var(--color-fill-4);
}
.ArcoMobile .arco-textarea::placeholder,
.modo-renderer .ArcoMobile .arco-textarea::placeholder {
  color: var(--color-fill-4);
}
.ArcoMobile.arco-textarea-autosize .arco-textarea,
.modo-renderer .ArcoMobile.arco-textarea-autosize .arco-textarea {
  overflow: hidden;
}
.ArcoMobile.arco-input-container .statistic-text,
.modo-renderer .ArcoMobile.arco-input-container .statistic-text {
  bottom: 16px;
  right: 16px;
  font-size: 14px;
  /*color: #86909c;*/
  color: var(--color-text-3);
}
.ArcoMobile.arco-input-container .statistic-text.exceed,
.modo-renderer .ArcoMobile.arco-input-container .statistic-text.exceed {
  /*color: #f53f3f;*/
  color: rgb(var(--danger-6));
}
.ArcoMobile.arco-slider,
.modo-renderer .ArcoMobile.arco-slider {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 11px 16px;
}
.ArcoMobile.arco-slider.is-vertical,
.modo-renderer .ArcoMobile.arco-slider.is-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ArcoMobile.arco-slider.is-horizontal.show-marks,
.modo-renderer .ArcoMobile.arco-slider.is-horizontal.show-marks {
  padding-bottom: 35px;
}
.ArcoMobile .arco-slider-wrapper,
.modo-renderer .ArcoMobile .arco-slider-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ArcoMobile.is-vertical .arco-slider-wrapper,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ArcoMobile .arco-slider-label,
.modo-renderer .ArcoMobile .arco-slider-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  color: #86909c;
}
.ArcoMobile.is-horizontal .arco-slider-label,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-label {
  margin-right: 12px;
}
.ArcoMobile.is-vertical .arco-slider-label,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-label {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 12px;
}
.ArcoMobile.is-horizontal .arco-slider-wrapper + .arco-slider-label,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-wrapper + .arco-slider-label {
  margin-right: 0;
  margin-left: 12px;
}
.ArcoMobile.is-vertical .arco-slider-wrapper + .arco-slider-label,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-wrapper + .arco-slider-label {
  margin-bottom: 0;
  margin-top: 12px;
}
.ArcoMobile .arco-slider-line,
.modo-renderer .ArcoMobile .arco-slider-line {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 4px;
  background: #e5e6eb;
}
.ArcoMobile .arco-slider-line:not(.is-activated)::before,
.modo-renderer .ArcoMobile .arco-slider-line:not(.is-activated)::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
}
.ArcoMobile.is-horizontal .arco-slider-line:not(.is-activated)::before,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-line:not(.is-activated)::before {
  top: -50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 15px 0;
}
.ArcoMobile.is-vertical .arco-slider-line:not(.is-activated)::before,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-line:not(.is-activated)::before {
  left: -50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 15px;
}
.ArcoMobile .arco-slider-line.is-activated,
.modo-renderer .ArcoMobile .arco-slider-line.is-activated {
  position: absolute;
  background: rgb(var(--primary-6));
}
.ArcoMobile.is-disabled .arco-slider-line.is-activated,
.modo-renderer .ArcoMobile.is-disabled .arco-slider-line.is-activated {
  background: #94bfff;
}
.ArcoMobile .arco-slider-thumb,
.modo-renderer .ArcoMobile .arco-slider-thumb {
  width: 24px;
  height: 24px;
  background: #ffffff;
  -webkit-box-shadow: 0 2PX 8PX rgba(0, 0, 0, 0.1);
          box-shadow: 0 2PX 8PX rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.ArcoMobile .arco-slider-thumb-wrapper,
.modo-renderer .ArcoMobile .arco-slider-thumb-wrapper {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile.is-vertical .arco-slider-thumb-wrapper,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-thumb-wrapper {
  left: 1PX;
  right: 0;
}
.ArcoMobile.is-vertical .arco-slider-thumb-wrapper.is-end,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-thumb-wrapper.is-end {
  top: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ArcoMobile.is-vertical .arco-slider-thumb-wrapper.is-start,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-thumb-wrapper.is-start {
  bottom: 0;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.ArcoMobile.is-horizontal .arco-slider-thumb-wrapper,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-thumb-wrapper {
  top: 0;
  bottom: 0;
}
.ArcoMobile.is-horizontal .arco-slider-thumb-wrapper.is-end,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-thumb-wrapper.is-end {
  right: 0;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.ArcoMobile.is-horizontal .arco-slider-thumb-wrapper.is-start,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-thumb-wrapper.is-start {
  left: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ArcoMobile .arco-slider-popover-wrapper .arco-slider-thumb,
.modo-renderer .ArcoMobile .arco-slider-popover-wrapper .arco-slider-thumb {
  position: relative;
}
.ArcoMobile .arco-slider-popover,
.modo-renderer .ArcoMobile .arco-slider-popover {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #fff;
  font-size: 12px;
  line-height: 17px;
}
.ArcoMobile.is-horizontal .arco-slider-popover,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-popover {
  bottom: 100%;
  margin-bottom: 14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ArcoMobile.is-vertical .arco-slider-popover,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-popover {
  left: 100%;
  margin-left: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ArcoMobile .arco-slider-popover.no-content,
.modo-renderer .ArcoMobile .arco-slider-popover.no-content {
  display: none;
}
.ArcoMobile .arco-slider-popover-wrapper,
.modo-renderer .ArcoMobile .arco-slider-popover-wrapper {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ArcoMobile .arco-slider-popover-content,
.modo-renderer .ArcoMobile .arco-slider-popover-content {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4PX;
  padding: 8px 12px;
  z-index: 2;
  background-color: #000000;
}
.ArcoMobile .android .arco-slider-popover-content,
.modo-renderer .ArcoMobile .android .arco-slider-popover-content {
  padding: 10px 12px 6px;
}
.ArcoMobile .arco-slider-popover-content p,
.modo-renderer .ArcoMobile .arco-slider-popover-content p {
  white-space: normal;
  word-break: break-all;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
}
.ArcoMobile .arco-slider-popover-arrow,
.modo-renderer .ArcoMobile .arco-slider-popover-arrow {
  position: absolute;
  margin: auto;
  width: 0;
  height: 0;
  border-width: 6PX;
  border-style: solid;
  border-color: transparent;
}
.ArcoMobile.is-horizontal .arco-slider-popover-arrow,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-popover-arrow {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  bottom: 0;
  left: 0;
  right: 0;
  border-top-color: #000000;
}
.ArcoMobile.is-vertical .arco-slider-popover-arrow,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-popover-arrow {
  border-right-color: #000000;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  left: 0;
  top: 0;
  bottom: 0;
}
.ArcoMobile .arco-slider-marks,
.modo-renderer .ArcoMobile .arco-slider-marks {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ArcoMobile .arco-slider-marks-item,
.modo-renderer .ArcoMobile .arco-slider-marks-item {
  position: absolute;
  margin: auto;
  width: 6PX;
  height: 6PX;
  border-radius: 50%;
  background: #e5e6eb;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ArcoMobile .arco-slider-marks-item.is-activated,
.modo-renderer .ArcoMobile .arco-slider-marks-item.is-activated {
  background: rgb(var(--primary-6));
}
.ArcoMobile.is-vertical .arco-slider-marks-item,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-marks-item {
  left: 0;
  right: 0;
}
.ArcoMobile.is-horizontal .arco-slider-marks-item,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-marks-item {
  top: 0;
  bottom: 0;
}
.ArcoMobile .arco-slider-marks-item-label,
.modo-renderer .ArcoMobile .arco-slider-marks-item-label {
  position: absolute;
  font-size: 14px;
  line-height: 20px;
  color: #86909c;
}
.ArcoMobile.is-horizontal .arco-slider-marks-item-label,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-marks-item-label {
  left: 50%;
  top: 19px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ArcoMobile.is-vertical .arco-slider-marks-item-label,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-marks-item-label {
  top: 50%;
  right: 13px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ArcoMobile.arco-slider .is-transferable,
.modo-renderer .ArcoMobile.arco-slider .is-transferable {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ArcoMobile.arco-slider .arco-fade-enter-active,
.modo-renderer .ArcoMobile.arco-slider .arco-fade-enter-active,
.ArcoMobile.arco-slider .arco-fade-enter-done,
.modo-renderer .ArcoMobile.arco-slider .arco-fade-enter-done {
  opacity: 0.8;
}
.ArcoMobile.arco-slider,
.modo-renderer .ArcoMobile.arco-slider {
  padding: 11px 16px;
}
.ArcoMobile.arco-slider.is-horizontal.show-marks,
.modo-renderer .ArcoMobile.arco-slider.is-horizontal.show-marks {
  padding-bottom: 35px;
}
.ArcoMobile.arco-slider-label,
.modo-renderer .ArcoMobile.arco-slider-label {
  font-size: 16px;
  color: var(--color-text-2);
}
.ArcoMobile.is-horizontal .arco-slider-label,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-label {
  margin-right: 12px;
}
.ArcoMobile.is-vertical .arco-slider-label,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-label {
  margin-bottom: 12px;
}
.ArcoMobile.is-horizontal .arco-slider-wrapper + .arco-slider-label,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-wrapper + .arco-slider-label {
  margin-left: 12px;
}
.ArcoMobile.is-vertical .arco-slider-wrapper + .arco-slider-label,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-wrapper + .arco-slider-label {
  margin-top: 12px;
}
.ArcoMobile .arco-slider-line,
.modo-renderer .ArcoMobile .arco-slider-line {
  border-radius: 4px;
  background: var(--color-border-2);
}
.ArcoMobile.is-vertical .arco-slider-line:not(.is-activated)::before,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-line:not(.is-activated)::before {
  padding: 0 15px;
}
.ArcoMobile .arco-slider-line.is-activated,
.modo-renderer .ArcoMobile .arco-slider-line.is-activated {
  background: rgb(var(--primary-6));
}
.ArcoMobile.is-disabled .arco-slider-line.is-activated,
.modo-renderer .ArcoMobile.is-disabled .arco-slider-line.is-activated {
  background: #94bfff;
}
.ArcoMobile .arco-slider-thumb,
.modo-renderer .ArcoMobile .arco-slider-thumb {
  width: 24px;
  height: 24px;
  background: var(--color-white);
}
.ArcoMobile .arco-slider-popover,
.modo-renderer .ArcoMobile .arco-slider-popover {
  color: var(--color-white);
  font-size: 12px;
  line-height: 17px;
}
.ArcoMobile.is-horizontal .arco-slider-popover,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-popover {
  margin-bottom: 14px;
}
.ArcoMobile.is-vertical .arco-slider-popover,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-popover {
  margin-left: 14px;
}
.ArcoMobile .arco-slider-popover-content,
.modo-renderer .ArcoMobile .arco-slider-popover-content {
  padding: 8px 12px;
  background-color: var(--color-text-1);
}
.ArcoMobile .android .arco-slider-popover-content,
.modo-renderer .ArcoMobile .android .arco-slider-popover-content {
  padding: 10px 12px 6px;
}
.ArcoMobile .arco-slider-popover-content p,
.modo-renderer .ArcoMobile .arco-slider-popover-content p {
  font-size: 14px;
  line-height: 20px;
}
.ArcoMobile.is-horizontal .arco-slider-popover-arrow,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-popover-arrow {
  border-top-color: var(--color-text-1);
}
.ArcoMobile.is-vertical .arco-slider-popover-arrow,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-popover-arrow {
  border-right-color: var(--color-text-1);
}
.ArcoMobile .arco-slider-marks-item,
.modo-renderer .ArcoMobile .arco-slider-marks-item {
  background: var(--color-border-2);
}
.ArcoMobile .arco-slider-marks-item.is-activated,
.modo-renderer .ArcoMobile .arco-slider-marks-item.is-activated {
  background: rgb(var(--primary-6));
}
.ArcoMobile .arco-slider-marks-item-label,
.modo-renderer .ArcoMobile .arco-slider-marks-item-label {
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text-2);
}
.ArcoMobile.is-horizontal .arco-slider-marks-item-label,
.modo-renderer .ArcoMobile.is-horizontal .arco-slider-marks-item-label {
  top: 19px;
}
.ArcoMobile.is-vertical .arco-slider-marks-item-label,
.modo-renderer .ArcoMobile.is-vertical .arco-slider-marks-item-label {
  right: 13px;
}
.ArcoMobile .arco-popover-menu-content,
.modo-renderer .ArcoMobile .arco-popover-menu-content {
  border-radius: 4px;
  overflow: hidden;
}
.ArcoMobile .arco-popover-menu-content.horizontal-menu .arco-popover-menu-item .arco-popover-menu-text,
.modo-renderer .ArcoMobile .arco-popover-menu-content.horizontal-menu .arco-popover-menu-item .arco-popover-menu-text {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ArcoMobile .arco-popover-menu-item,
.modo-renderer .ArcoMobile .arco-popover-menu-item {
  padding: 0 12px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
}
.ArcoMobile .arco-popover-menu-item.active,
.modo-renderer .ArcoMobile .arco-popover-menu-item.active {
  background-color: #242425;
}
.ArcoMobile .white-theme .arco-popover-menu-item.active,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item.active {
  background-color: #f7f8fa;
}
.ArcoMobile .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.modo-renderer .ArcoMobile .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
  -webkit-box-shadow: 0 -1px 0 0 rgba(247, 248, 250, 0.1) inset;
          box-shadow: 0 -1px 0 0 rgba(247, 248, 250, 0.1) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
  .modo-renderer .ArcoMobile .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
    -webkit-box-shadow: 0 -0.5px 0 0 rgba(247, 248, 250, 0.1) inset;
            box-shadow: 0 -0.5px 0 0 rgba(247, 248, 250, 0.1) inset;
  }
}
.ArcoMobile .ios .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.modo-renderer .ArcoMobile .ios .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.ArcoMobile .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text.ios,
.modo-renderer .ArcoMobile .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 0.5px solid rgba(247, 248, 250, 0.1);
}
.ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
  -webkit-box-shadow: 0 -1px 0 0 #e5e6eb inset;
          box-shadow: 0 -1px 0 0 #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
  .modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
    -webkit-box-shadow: 0 -0.5px 0 0 #e5e6eb inset;
            box-shadow: 0 -0.5px 0 0 #e5e6eb inset;
  }
}
.ArcoMobile .ios .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.modo-renderer .ArcoMobile .ios .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text.ios,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 0.5px solid #e5e6eb;
}
.ArcoMobile .arco-popover-menu-icon,
.modo-renderer .ArcoMobile .arco-popover-menu-icon {
  margin-right: 8px;
  font-size: 20px;
  line-height: 1;
}
.ArcoMobile .arco-popover-menu-icon > *,
.modo-renderer .ArcoMobile .arco-popover-menu-icon > * {
  float: left;
}
.ArcoMobile .arco-popover-menu-icon::after,
.modo-renderer .ArcoMobile .arco-popover-menu-icon::after {
  content: ' ';
  clear: both;
}
.ArcoMobile .white-theme .arco-popover-menu-icon,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-icon {
  color: #4e5969;
}
.ArcoMobile .arco-popover-menu-text,
.modo-renderer .ArcoMobile .arco-popover-menu-text {
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 0;
  color: #fff;
}
.ArcoMobile .white-theme .arco-popover-menu-text,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-text {
  color: #1d2129;
}
.ArcoMobile .disabled .arco-popover-menu-text,
.modo-renderer .ArcoMobile .disabled .arco-popover-menu-text {
  color: rgba(255, 255, 255, 0.3);
}
.ArcoMobile .white-theme .disabled .arco-popover-menu-text,
.modo-renderer .ArcoMobile .white-theme .disabled .arco-popover-menu-text {
  color: #c9cdd4;
}
.ArcoMobile .arco-popover-menu-content.horizontal-menu,
.modo-renderer .ArcoMobile .arco-popover-menu-content.horizontal-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 288px;
}
.ArcoMobile .arco-popover-menu-content.horizontal-menu .arco-popover-menu-item,
.modo-renderer .ArcoMobile .arco-popover-menu-content.horizontal-menu .arco-popover-menu-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 72px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ArcoMobile .horizontal-menu .arco-popover-menu-item,
.modo-renderer .ArcoMobile .horizontal-menu .arco-popover-menu-item {
  padding: 12px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
}
.ArcoMobile .horizontal-menu .arco-popover-menu-text,
.modo-renderer .ArcoMobile .horizontal-menu .arco-popover-menu-text {
  padding: 0;
}
.ArcoMobile .horizontal-menu .arco-popover-menu-icon,
.modo-renderer .ArcoMobile .horizontal-menu .arco-popover-menu-icon {
  margin: 0 0 8px 0;
}
.ArcoMobile .arco-popover,
.modo-renderer .ArcoMobile .arco-popover {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ArcoMobile .arco-popover .popover-child-inner,
.modo-renderer .ArcoMobile .arco-popover .popover-child-inner {
  font-size: 0;
  line-height: 1;
}
.ArcoMobile .arco-popover-mask,
.modo-renderer .ArcoMobile .arco-popover-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}
.ArcoMobile .arco-popover-inner,
.modo-renderer .ArcoMobile .arco-popover-inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1010;
  right: 0;
  background-color: transparent;
  visibility: hidden;
  will-change: transform;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  color: #fff;
}
.ArcoMobile .arco-popover-inner.with-shadow .popover-bg,
.modo-renderer .ArcoMobile .arco-popover-inner.with-shadow .popover-bg {
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.topRight,
.modo-renderer .ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.topRight,
.ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.topCenter,
.modo-renderer .ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.topCenter,
.ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.topLeft,
.modo-renderer .ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.topLeft {
  -webkit-box-shadow: 6px 6px 8px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 6px 6px 8px 0 rgba(0, 0, 0, 0.04);
}
.ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.bottomRight,
.modo-renderer .ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.bottomRight,
.ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.bottomCenter,
.modo-renderer .ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.bottomCenter,
.ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.bottomLeft,
.modo-renderer .ArcoMobile .arco-popover-inner.with-shadow .popover-arrow.bottomLeft {
  -webkit-box-shadow: -6px -6px 8px 0 rgba(0, 0, 0, 0.04);
          box-shadow: -6px -6px 8px 0 rgba(0, 0, 0, 0.04);
}
.ArcoMobile .arco-popover-inner.show,
.modo-renderer .ArcoMobile .arco-popover-inner.show {
  visibility: visible;
}
.ArcoMobile .arco-popover-inner .popover-content,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-content {
  position: relative;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.ArcoMobile .arco-popover-inner .popover-bg,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: #000000;
  opacity: 0.8;
}
.ArcoMobile .arco-popover-inner .content-text,
.modo-renderer .ArcoMobile .arco-popover-inner .content-text {
  white-space: normal;
  word-break: break-all;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 12px;
}
.ArcoMobile .arco-popover-inner.with-suffix .popover-content,
.modo-renderer .ArcoMobile .arco-popover-inner.with-suffix .popover-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
}
.ArcoMobile .arco-popover-inner .icon-divider,
.modo-renderer .ArcoMobile .arco-popover-inner .icon-divider {
  width: 1px;
  height: 12px;
  -webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset;
          box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-inner .icon-divider,
  .modo-renderer .ArcoMobile .arco-popover-inner .icon-divider {
    -webkit-box-shadow: 0.5px 0 0 0 rgba(255, 255, 255, 0.3) inset;
            box-shadow: 0.5px 0 0 0 rgba(255, 255, 255, 0.3) inset;
  }
}
.ArcoMobile .ios .arco-popover-inner .icon-divider,
.modo-renderer .ArcoMobile .ios .arco-popover-inner .icon-divider,
.ArcoMobile .arco-popover-inner .icon-divider.ios,
.modo-renderer .ArcoMobile .arco-popover-inner .icon-divider.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-left: 0.5px solid rgba(255, 255, 255, 0.3);
}
.ArcoMobile .arco-popover-inner .text-close-icon,
.modo-renderer .ArcoMobile .arco-popover-inner .text-close-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  padding: 0 10px 0 11px;
}
.ArcoMobile .arco-popover-inner .text-suffix,
.modo-renderer .ArcoMobile .arco-popover-inner .text-suffix {
  padding: 0 12px 0 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.ArcoMobile .arco-popover-inner .popover-arrow,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow {
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 9px;
  height: 9px;
  background-color: #000000;
}
.ArcoMobile .arco-popover-inner .popover-arrow.topRight,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topRight,
.ArcoMobile .arco-popover-inner .popover-arrow.topCenter,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topCenter,
.ArcoMobile .arco-popover-inner .popover-arrow.topLeft,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topLeft,
.ArcoMobile .arco-popover-inner .popover-arrow.topRight .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topRight .popover-arrow-content,
.ArcoMobile .arco-popover-inner .popover-arrow.topCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topCenter .popover-arrow-content,
.ArcoMobile .arco-popover-inner .popover-arrow.topLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topLeft .popover-arrow-content {
  border-bottom-right-radius: 1px;
}
.ArcoMobile .arco-popover-inner .popover-arrow.bottomRight,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomRight,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomRight .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomRight .popover-arrow-content,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter .popover-arrow-content,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft .popover-arrow-content {
  border-top-left-radius: 1px;
}
.ArcoMobile .arco-popover-inner .popover-arrow.topRight,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topRight,
.ArcoMobile .arco-popover-inner .popover-arrow.topCenter,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topCenter,
.ArcoMobile .arco-popover-inner .popover-arrow.topLeft,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topLeft {
  -webkit-transform: translateY(50%) rotate(45deg);
  transform: translateY(50%) rotate(45deg);
}
.ArcoMobile .arco-popover-inner .popover-arrow.topRight,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topRight {
  bottom: 0;
  right: 0;
}
.ArcoMobile .arco-popover-inner .popover-arrow.topCenter,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topCenter,
.ArcoMobile .arco-popover-inner .popover-arrow.topLeft,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.topLeft {
  bottom: 0;
  left: 0;
}
.ArcoMobile .arco-popover-inner .popover-arrow.bottomRight,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomRight,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.ArcoMobile .arco-popover-inner .popover-arrow.bottomRight,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomRight {
  top: 0;
  right: 0;
}
.ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomCenter,
.ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow.bottomLeft {
  top: 0;
  left: 0;
}
.ArcoMobile .arco-popover-inner.white-theme,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme {
  color: #1d2129;
}
.ArcoMobile .arco-popover-inner.white-theme .popover-bg,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme .popover-bg {
  background-color: #ffffff;
  opacity: 1;
}
.ArcoMobile .arco-popover-inner.white-theme .popover-arrow,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme .popover-arrow {
  background-color: #ffffff;
}
.ArcoMobile .arco-popover-inner.white-theme .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme .popover-arrow-content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: inherit;
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg {
  -webkit-box-shadow: 0 0 0 1px #e5e6eb inset;
          box-shadow: 0 0 0 1px #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg {
    -webkit-box-shadow: 0 0 0 0.5px #e5e6eb inset;
            box-shadow: 0 0 0 0.5px #e5e6eb inset;
  }
}
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-bg,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-bg,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0.5px solid #e5e6eb;
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow-content {
  border-color: #e5e6eb;
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content {
  -webkit-box-shadow: -1px -1px 0 0 #e5e6eb inset;
          box-shadow: -1px -1px 0 0 #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content {
    -webkit-box-shadow: -0.5px -0.5px 0 0 #e5e6eb inset;
            box-shadow: -0.5px -0.5px 0 0 #e5e6eb inset;
  }
}
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-right: 0.5px solid #e5e6eb;
  border-bottom: 0.5px solid #e5e6eb;
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content {
  -webkit-box-shadow: 1px 1px 0 0 #e5e6eb inset;
          box-shadow: 1px 1px 0 0 #e5e6eb inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content {
    -webkit-box-shadow: 0.5px 0.5px 0 0 #e5e6eb inset;
            box-shadow: 0.5px 0.5px 0 0 #e5e6eb inset;
  }
}
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top: 0.5px solid #e5e6eb;
  border-left: 0.5px solid #e5e6eb;
}
.ArcoMobile .global-mode.arco-popover-inner,
.modo-renderer .ArcoMobile .global-mode.arco-popover-inner {
  position: fixed;
}
.ArcoMobile .arco-popover-menu-item,
.modo-renderer .ArcoMobile .arco-popover-menu-item {
  padding: 0 12px;
  height: 44px;
}
.ArcoMobile .arco-popover-menu-item.active,
.modo-renderer .ArcoMobile .arco-popover-menu-item.active {
  background-color: var(--color-text-2);
}
.ArcoMobile .white-theme .arco-popover-menu-item.active,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item.active {
  background-color: var(color-fill-1);
}
.ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
  /*box-shadow: 0 -1PX 0 0 #e5e6eb inset;*/
  -webkit-box-shadow: 0 -1PX 0 0 var(--color-border-2) inset;
          box-shadow: 0 -1PX 0 0 var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
  .modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
    /*box-shadow: 0 -0.5PX 0 0 #e5e6eb inset;*/
    -webkit-box-shadow: 0 -0.5PX 0 0 var(--color-border-2) inset;
            box-shadow: 0 -0.5PX 0 0 var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.modo-renderer .ArcoMobile .ios .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,
.ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text.ios,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text.ios {
  /*border-bottom: 0.5PX solid #e5e6eb;*/
  border-bottom: 0.5PX solid var(--color-border-2);
}
.ArcoMobile .arco-popover-menu-icon,
.modo-renderer .ArcoMobile .arco-popover-menu-icon {
  margin-right: 8px;
  font-size: 20px;
}
.ArcoMobile .arco-popover-menu-icon > *,
.modo-renderer .ArcoMobile .arco-popover-menu-icon > * {
  float: left;
}
.ArcoMobile .white-theme .arco-popover-menu-icon,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-icon {
  /*color: #4e5969;*/
  color: var(--color-text-2);
}
.ArcoMobile .arco-popover-menu-text,
.modo-renderer .ArcoMobile .arco-popover-menu-text {
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 0;
  color: var(--color-white);
}
.ArcoMobile .white-theme .arco-popover-menu-text,
.modo-renderer .ArcoMobile .white-theme .arco-popover-menu-text {
  /*color: #1d2129;*/
  color: var(--color-text-1);
}
.ArcoMobile .white-theme .disabled .arco-popover-menu-text,
.modo-renderer .ArcoMobile .white-theme .disabled .arco-popover-menu-text {
  /*color: #c9cdd4;*/
  color: var(--color-border-3);
}
.ArcoMobile .arco-popover-menu-content.horizontal-menu,
.modo-renderer .ArcoMobile .arco-popover-menu-content.horizontal-menu {
  max-width: 288px;
}
.ArcoMobile .arco-popover-menu-content.horizontal-menu .arco-popover-menu-item,
.modo-renderer .ArcoMobile .arco-popover-menu-content.horizontal-menu .arco-popover-menu-item {
  width: 72px;
  height: 72px;
}
.ArcoMobile .horizontal-menu .arco-popover-menu-item,
.modo-renderer .ArcoMobile .horizontal-menu .arco-popover-menu-item {
  padding: 12px 0;
}
.ArcoMobile .horizontal-menu .arco-popover-menu-icon,
.modo-renderer .ArcoMobile .horizontal-menu .arco-popover-menu-icon {
  margin: 0 0 8px 0;
}
.ArcoMobile .arco-popover-inner,
.modo-renderer .ArcoMobile .arco-popover-inner {
  color: var(--color-white);
}
.ArcoMobile .arco-popover-inner .popover-bg,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-bg {
  background-color: var(--color-black);
}
.ArcoMobile .arco-popover-inner .content-text,
.modo-renderer .ArcoMobile .arco-popover-inner .content-text {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 12px;
}
.ArcoMobile .arco-popover-inner .icon-divider,
.modo-renderer .ArcoMobile .arco-popover-inner .icon-divider {
  height: 12px;
}
.ArcoMobile .arco-popover-inner .text-close-icon,
.modo-renderer .ArcoMobile .arco-popover-inner .text-close-icon {
  font-size: 16px;
  padding: 0 10px 0 11px;
}
.ArcoMobile .arco-popover-inner .text-suffix,
.modo-renderer .ArcoMobile .arco-popover-inner .text-suffix {
  padding: 0 12px 0 0;
}
.ArcoMobile .arco-popover-inner .popover-arrow,
.modo-renderer .ArcoMobile .arco-popover-inner .popover-arrow {
  background-color: var(--color-black);
}
.ArcoMobile .arco-popover-inner.white-theme,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme {
  /*color:  #1d2129 ;*/
  color: var(--color-text-1);
}
.ArcoMobile .arco-popover-inner.white-theme .popover-bg,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme .popover-bg {
  background-color: var(--color-white);
}
.ArcoMobile .arco-popover-inner.white-theme .popover-arrow,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme .popover-arrow {
  background-color: var(--color-white);
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg {
  -webkit-box-shadow: 0 0 0 1PX var(--color-border-2) inset;
          box-shadow: 0 0 0 1PX var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg {
    -webkit-box-shadow: 0 0 0 0.5PX var(--color-border-2) inset;
            box-shadow: 0 0 0 0.5PX var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-bg,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-bg,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-bg.ios {
  border: 0.5PX solid var(--color-border-2);
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow-content {
  border-color: var(--color-border-2);
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content {
  -webkit-box-shadow: -1PX -1PX 0 0 var(--color-border-2) inset;
          box-shadow: -1PX -1PX 0 0 var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content {
    -webkit-box-shadow: -0.5PX -0.5PX 0 0 var(--color-border-2) inset;
            box-shadow: -0.5PX -0.5PX 0 0 var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content.ios {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-right: 0.5PX solid var(--color-border-2);
  border-bottom: 0.5PX solid var(--color-border-2);
}
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content {
  -webkit-box-shadow: 1PX 1PX 0 0 var(--color-border-2) inset;
          box-shadow: 1PX 1PX 0 0 var(--color-border-2) inset;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
  .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
  .modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content {
    -webkit-box-shadow: 0.5PX 0.5PX 0 0 var(--color-border-2) inset;
            box-shadow: 0.5PX 0.5PX 0 0 var(--color-border-2) inset;
  }
}
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,
.ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
.modo-renderer .ArcoMobile .ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content.ios,
.ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content.ios,
.modo-renderer .ArcoMobile .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content.ios {
  border-top: 0.5PX solid var(--color-border-2);
  border-left: 0.5PX solid var(--color-border-2);
}
@-webkit-keyframes fade-scale-on {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes fade-scale-on {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes fade-scale-off {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@keyframes fade-scale-off {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
.ArcoMobile .arco-fade-scale-enter-active {
  -webkit-animation: fade-scale-on 0.45s cubic-bezier(0.2, 1.23, 0.25, 1) forwards;
          animation: fade-scale-on 0.45s cubic-bezier(0.2, 1.23, 0.25, 1) forwards;
}
.ArcoMobile .arco-fade-scale-exit-active {
  -webkit-animation: fade-scale-off 0.15s cubic-bezier(0.48, 0.04, 0.52, 0.96) forwards;
          animation: fade-scale-off 0.15s cubic-bezier(0.48, 0.04, 0.52, 0.96) forwards;
}
.ArcoMobile .arco-dialog-mask,
.ArcoMobile .arco-dialog-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ArcoMobile .arco-dialog-mask {
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}
.ArcoMobile .arco-dialog-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1001;
  pointer-events: none;
}
.ArcoMobile .arco-dialog-content {
  position: relative;
  width: 270px;
  pointer-events: visible;
}
.ArcoMobile .arco-dialog-content.android {
  width: 280px;
}
.ArcoMobile .arco-dialog-container.pre-mount .arco-dialog-content,
.ArcoMobile .arco-dialog-container[class*="-exit-done"] .arco-dialog-content {
  pointer-events: none;
}
.ArcoMobile .arco-dialog-part {
  background: #ffffff;
}
.ArcoMobile .arco-dialog-part.android:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ArcoMobile .arco-dialog-part.android:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ArcoMobile .arco-dialog-part.ios:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.ArcoMobile .arco-dialog-part.ios:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ArcoMobile .arco-dialog-header {
  position: relative;
}
.ArcoMobile .arco-dialog-header.ios {
  text-align: center;
  padding-top: 20px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 17px;
  line-height: 26px;
  font-weight: bold;
}
.ArcoMobile .android .arco-dialog-header.ios,
.ArcoMobile .arco-dialog-header.ios.android,
.ArcoMobile .arco-dialog-header.ios.system-android {
  font-weight: 400;
  text-stroke: 0.3PX currentColor;
}
.ArcoMobile .arco-dialog-header.ios.only-title {
  padding-bottom: 20px;
}
.ArcoMobile .arco-dialog-header.android {
  color: #1d2129;
}
.ArcoMobile .arco-dialog-body.ios {
  padding-top: 4px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 20px;
  color: #4e5969;
  font-size: 15px;
  line-height: 22px;
}
.ArcoMobile .arco-dialog-body.ios.sub-title {
  padding-top: 20px;
}
.ArcoMobile .arco-dialog-body.android {
  padding-top: 12px;
  padding-left: 24px;
  padding-right: 24px;
  color: #4e5969;
  font-size: 15px;
  line-height: 24px;
}
.ArcoMobile .arco-dialog-header.left,
.ArcoMobile .arco-dialog-body.left {
  text-align: left;
}
.ArcoMobile .arco-dialog-header.center,
.ArcoMobile .arco-dialog-body.center {
  text-align: center;
}
.ArcoMobile .arco-dialog-header.right,
.ArcoMobile .arco-dialog-body.right {
  text-align: right;
}
.ArcoMobile .arco-dialog-header.android,
.ArcoMobile .arco-dialog-body.sub-title.android {
  padding-top: 20px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 17px;
  line-height: 28px;
}
.ArcoMobile .arco-dialog-header.ios,
.ArcoMobile .arco-dialog-body.sub-title.ios {
  color: #1d2129;
}
.ArcoMobile .arco-dialog-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile .arco-dialog-footer.android {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 24px;
  padding-bottom: 20px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}
.ArcoMobile .arco-dialog-footer.android .dialog-footer-button {
  color: #1a74ff;
  font-size: 15px;
  line-height: 20px;
}
.ArcoMobile .arco-dialog-footer.android .dialog-footer-button:not(:last-child) {
  margin-right: 28px;
}
.ArcoMobile .arco-dialog-footer.ios {
  overflow: hidden;
}
.ArcoMobile .arco-dialog-footer.ios .dialog-footer-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 44px;
  font-size: 16px;
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-dialog-footer.ios:not(.collapsed):not(.type-button) {
  position: relative;
  border-width: 0;
}
.ArcoMobile .arco-dialog-footer.ios:not(.collapsed):not(.type-button)::before {
  content: '';
  width: 100%;
  height: 1PX;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-top-style: solid;
  border-top-width: 1PX;
  border-top-color: #e5e6eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  pointer-events: none;
  border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile .arco-dialog-footer.ios:not(.collapsed):not(.type-button)::before {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
    border-radius: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile .arco-dialog-footer.ios:not(.collapsed):not(.type-button)::before {
    -webkit-transform: scaleY(0.33333333);
            transform: scaleY(0.33333333);
    border-radius: 0;
  }
}
.ArcoMobile .arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ArcoMobile .arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child) {
  position: relative;
  border-width: 0;
}
.ArcoMobile .arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child)::after {
  content: '';
  width: 1PX;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  border-right-style: solid;
  border-right-width: 1PX;
  border-right-color: #e5e6eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  pointer-events: none;
  border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile .arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child)::after {
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
    border-radius: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile .arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child)::after {
    -webkit-transform: scaleX(0.33333333);
            transform: scaleX(0.33333333);
    border-radius: 0;
  }
}
.ArcoMobile .arco-dialog-footer.ios.collapsed {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ArcoMobile .arco-dialog-footer.ios.collapsed .dialog-footer-button {
  width: 100%;
  position: relative;
  border-width: 0;
}
.ArcoMobile .arco-dialog-footer.ios.collapsed .dialog-footer-button::before {
  content: '';
  width: 100%;
  height: 1PX;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-top-style: solid;
  border-top-width: 1PX;
  border-top-color: #e5e6eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  pointer-events: none;
  border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile .arco-dialog-footer.ios.collapsed .dialog-footer-button::before {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
    border-radius: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile .arco-dialog-footer.ios.collapsed .dialog-footer-button::before {
    -webkit-transform: scaleY(0.33333333);
            transform: scaleY(0.33333333);
    border-radius: 0;
  }
}
.ArcoMobile .arco-dialog-footer.ios.type-button {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 20px;
}
.ArcoMobile .arco-dialog-footer.ios.type-button .dialog-footer-button {
  width: 100%;
  border-radius: 30px;
  height: 36px;
}
.ArcoMobile .arco-dialog-footer.ios.type-button .dialog-footer-button:first-child {
  color: #ffffff;
  background: rgb(var(--primary-6));
}
.ArcoMobile .arco-dialog-footer.ios.type-button .dialog-footer-button:not(:first-child) {
  color: #86909c;
  margin-top: 8px;
}
.ArcoMobile .arco-dialog-footer.ios.type-button .dialog-footer-button:last-child {
  margin-bottom: -7px;
}
.ArcoMobile .arco-dialog-content {
  width: 270px;
}
.ArcoMobile .arco-dialog-content.android {
  width: 280px;
}
.ArcoMobile .arco-dialog-part {
  background: var(--color-white);
}
.ArcoMobile .arco-dialog-part.android:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ArcoMobile .arco-dialog-part.android:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ArcoMobile .arco-dialog-part.ios:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.ArcoMobile .arco-dialog-part.ios:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ArcoMobile .arco-dialog-header.ios {
  padding-top: 20px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 17px;
  line-height: 26px;
}
.ArcoMobile .arco-dialog-header.ios.only-title {
  padding-bottom: 20px;
}
.ArcoMobile .arco-dialog-header.android {
  /*color: #1d2129;*/
  color: var(--color-text-1);
}
.ArcoMobile .arco-dialog-body.ios {
  padding-top: 4px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 20px;
  /*color: #4e5969;*/
  color: var(--color-text-2);
  font-size: 15px;
  line-height: 22px;
}
.ArcoMobile .arco-dialog-body.ios.sub-title {
  padding-top: 20px;
}
.ArcoMobile .arco-dialog-body.android {
  padding-top: 12px;
  padding-left: 24px;
  padding-right: 24px;
  /*color: #4e5969;*/
  color: var(--color-text-2);
  font-size: 15px;
  line-height: 24px;
}
.ArcoMobile .arco-dialog-header.android,
.ArcoMobile .arco-dialog-body.sub-title.android {
  padding-top: 20px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 17px;
  line-height: 28px;
}
.ArcoMobile .arco-dialog-header.ios,
.ArcoMobile .arco-dialog-body.sub-title.ios {
  /*color: #1d2129;*/
  color: var(--color-text-1);
}
.ArcoMobile .arco-dialog-footer.android {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 24px;
  padding-bottom: 20px;
}
.ArcoMobile .arco-dialog-footer.android .dialog-footer-button {
  /*color: #1a74ff;*/
  color: rgb(var(--primary-6));
  font-size: 15px;
  line-height: 20px;
}
.ArcoMobile .arco-dialog-footer.android .dialog-footer-button:not(:last-child) {
  margin-right: 28px;
}
.ArcoMobile .arco-dialog-footer.ios .dialog-footer-button {
  height: 44px;
  font-size: 16px;
  /*color: rgb(var(--primary-6));*/
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-dialog-footer.ios:not(.collapsed):not(.type-button)::before {
  border-top-color: var(--color-border-2);
}
.ArcoMobile .arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child)::after {
  border-right-color: var(--color-border-2);
}
.ArcoMobile .arco-dialog-footer.ios.collapsed .dialog-footer-button::before {
  border-top-color: var(--color-border-2);
}
.ArcoMobile .arco-dialog-footer.ios.type-button {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 20px;
}
.ArcoMobile .arco-dialog-footer.ios.type-button .dialog-footer-button {
  border-radius: 30px;
  height: 36px;
}
.ArcoMobile .arco-dialog-footer.ios.type-button .dialog-footer-button:first-child {
  /*color: #ffffff;*/
  /*background: rgb(var(--primary-6));*/
  color: var(--color-white);
  background: rgb(var(--primary-6));
}
.ArcoMobile .arco-dialog-footer.ios.type-button .dialog-footer-button:not(:first-child) {
  /*color: #86909c;*/
  color: var(--color-text-3);
  margin-top: 8px;
}
.ArcoMobile .arco-dialog-footer.ios.type-button .dialog-footer-button:last-child {
  margin-bottom: -7px;
}
.ArcoMobile.arco-notice-bar,
.modo-renderer .ArcoMobile.arco-notice-bar {
  /*background: #fff7e8;
        color: #ff7d00;*/
  background: rgb(var(--warning-1));
  color: rgb(var(--warning-6));
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 0;
}
.ArcoMobile.arco-notice-bar.no-wrap .arco-notice-bar-content-inner,
.modo-renderer .ArcoMobile.arco-notice-bar.no-wrap .arco-notice-bar-content-inner {
  white-space: nowrap;
}
.ArcoMobile.arco-notice-bar.ellipsis .arco-notice-bar-content-inner,
.modo-renderer .ArcoMobile.arco-notice-bar.ellipsis .arco-notice-bar-content-inner {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ArcoMobile.arco-notice-bar.wrapable .arco-notice-bar-content-inner,
.modo-renderer .ArcoMobile.arco-notice-bar.wrapable .arco-notice-bar-content-inner {
  line-height: 20px;
  padding: 8px 0;
}
.ArcoMobile .arco-notice-bar-left-part,
.modo-renderer .ArcoMobile .arco-notice-bar-left-part,
.ArcoMobile .arco-notice-bar-right-part,
.modo-renderer .ArcoMobile .arco-notice-bar-right-part,
.ArcoMobile .arco-notice-bar-close,
.modo-renderer .ArcoMobile .arco-notice-bar-close {
  padding: 8px 0;
  font-size: 14px;
}
.ArcoMobile .arco-notice-bar-left-part .arco-icon,
.modo-renderer .ArcoMobile .arco-notice-bar-left-part .arco-icon,
.ArcoMobile .arco-notice-bar-right-part .arco-icon,
.modo-renderer .ArcoMobile .arco-notice-bar-right-part .arco-icon,
.ArcoMobile .arco-notice-bar-close .arco-icon,
.modo-renderer .ArcoMobile .arco-notice-bar-close .arco-icon {
  float: left;
}
.ArcoMobile .arco-notice-bar-left-part::after,
.modo-renderer .ArcoMobile .arco-notice-bar-left-part::after,
.ArcoMobile .arco-notice-bar-right-part::after,
.modo-renderer .ArcoMobile .arco-notice-bar-right-part::after,
.ArcoMobile .arco-notice-bar-close::after,
.modo-renderer .ArcoMobile .arco-notice-bar-close::after {
  content: "";
  display: block;
  clear: both;
}
.ArcoMobile .arco-notice-bar-left-part,
.modo-renderer .ArcoMobile .arco-notice-bar-left-part {
  padding-right: 8px;
}
.ArcoMobile [dir="rtl"] .arco-notice-bar-left-part,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-notice-bar-left-part {
  padding-right: 0;
  padding-right: initial;
  padding-left: 8px;
}
.ArcoMobile .arco-notice-bar-right-part,
.modo-renderer .ArcoMobile .arco-notice-bar-right-part,
.ArcoMobile .arco-notice-bar-close,
.modo-renderer .ArcoMobile .arco-notice-bar-close {
  padding-left: 8px;
}
.ArcoMobile [dir="rtl"] .arco-notice-bar-right-part,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-notice-bar-right-part,
.ArcoMobile [dir="rtl"] .arco-notice-bar-close,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-notice-bar-close {
  padding-left: 0;
  padding-left: initial;
  padding-right: 8px;
}
.ArcoMobile .arco-notice-bar-content,
.modo-renderer .ArcoMobile .arco-notice-bar-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  position: relative;
}
.ArcoMobile .arco-notice-bar-content-inner,
.modo-renderer .ArcoMobile .arco-notice-bar-content-inner {
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
}
.ArcoMobile .arco-notice-bar-content-inner.animate,
.modo-renderer .ArcoMobile .arco-notice-bar-content-inner.animate {
  -webkit-animation: marquee linear both;
  animation: marquee linear both;
}
.ArcoMobile [dir="rtl"] .arco-notice-bar-content-inner.animate,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-notice-bar-content-inner.animate {
  -webkit-animation-name: marquee-reverse;
  animation-name: marquee-reverse;
}
.ArcoMobile .arco-notice-bar-content .arco-carousel,
.modo-renderer .ArcoMobile .arco-notice-bar-content .arco-carousel {
  height: 36px;
  white-space: normal;
}
.ArcoMobile .arco-notice-bar-content .arco-carousel .arco-carousel-item,
.modo-renderer .ArcoMobile .arco-notice-bar-content .arco-carousel .arco-carousel-item {
  font-size: 14px;
  line-height: 36px;
}
.ArcoMobile .arco-notice-bar-content .arco-carousel-indicator,
.modo-renderer .ArcoMobile .arco-notice-bar-content .arco-carousel-indicator {
  display: none;
}
.ArcoMobile.arco-notice-bar .arco-icon,
.modo-renderer .ArcoMobile.arco-notice-bar .arco-icon {
  font-size: 16PX;
  line-height: 20px;
  height: 20px;
}
.ArcoMobile .arco-notice-bar-gradient,
.modo-renderer .ArcoMobile .arco-notice-bar-gradient {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 1;
  width: 8px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(var(--warning-1))), to(rgba(var(--warning-1), 0)));
  background: linear-gradient(to right, rgb(var(--warning-1)), rgba(var(--warning-1), 0));
}
.ArcoMobile .arco-notice-bar-gradient.left,
.modo-renderer .ArcoMobile .arco-notice-bar-gradient.left {
  left: 0;
}
.ArcoMobile .arco-notice-bar-gradient.right,
.modo-renderer .ArcoMobile .arco-notice-bar-gradient.right {
  right: -2PX;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes marquee-reverse {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes marquee-reverse {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.ArcoMobile.arco-stepper,
.modo-renderer .ArcoMobile.arco-stepper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  border: 1PX solid var(--color-border-1);
}
.ArcoMobile.arco-stepper [aria-label='decrease'],
.modo-renderer .ArcoMobile.arco-stepper [aria-label='decrease'],
.ArcoMobile.arco-stepper [aria-label='increase'],
.modo-renderer .ArcoMobile.arco-stepper [aria-label='increase'] {
  display: inline-block;
  width: 28px;
}
.ArcoMobile.border-transparent,
.modo-renderer .ArcoMobile.border-transparent {
  border: 1PX solid transparent;
}
.ArcoMobile.arco-stepper.arco-square,
.modo-renderer .ArcoMobile.arco-stepper.arco-square {
  /*border: 1PX solid #f2f3f5;*/
  border-radius: 2px;
}
.ArcoMobile.arco-stepper.arco-square .arco-stepper-add-button,
.modo-renderer .ArcoMobile.arco-stepper.arco-square .arco-stepper-add-button,
.ArcoMobile.arco-stepper.arco-square .arco-stepper-minus-button,
.modo-renderer .ArcoMobile.arco-stepper.arco-square .arco-stepper-minus-button {
  /*background: var(--color-white);*/
}
.ArcoMobile.arco-stepper.arco-square .arco-stepper-add-button,
.modo-renderer .ArcoMobile.arco-stepper.arco-square .arco-stepper-add-button,
.ArcoMobile.arco-stepper.arco-square .arco-stepper-minus-button,
.modo-renderer .ArcoMobile.arco-stepper.arco-square .arco-stepper-minus-button {
  border: 1PX solid var(--color-border-1);
}
.ArcoMobile.arco-stepper.arco-square.button-background-transparent .arco-stepper-minus-button,
.modo-renderer .ArcoMobile.arco-stepper.arco-square.button-background-transparent .arco-stepper-minus-button,
.ArcoMobile.arco-stepper.arco-square.button-background-transparent .arco-stepper-add-button,
.modo-renderer .ArcoMobile.arco-stepper.arco-square.button-background-transparent .arco-stepper-add-button {
  background: transparent;
}
.ArcoMobile.arco-stepper.arco-square.button-border-transparent .arco-stepper-add-button,
.modo-renderer .ArcoMobile.arco-stepper.arco-square.button-border-transparent .arco-stepper-add-button {
  border: 1PX solid transparent;
}
.ArcoMobile.arco-stepper.arco-square.button-border-transparent .arco-stepper-minus-button,
.modo-renderer .ArcoMobile.arco-stepper.arco-square.button-border-transparent .arco-stepper-minus-button {
  border: 1PX solid transparent;
}
.ArcoMobile.arco-stepper.arco-round .arco-stepper-minus-button,
.modo-renderer .ArcoMobile.arco-stepper.arco-round .arco-stepper-minus-button,
.ArcoMobile.arco-stepper.arco-round .arco-stepper-add-button,
.modo-renderer .ArcoMobile.arco-stepper.arco-round .arco-stepper-add-button {
  border-radius: 50%;
  border: 1PX solid var(--color-border-1);
}
.ArcoMobile.arco-stepper.arco-round.button-background-transparent .arco-stepper-minus-button,
.modo-renderer .ArcoMobile.arco-stepper.arco-round.button-background-transparent .arco-stepper-minus-button,
.ArcoMobile.arco-stepper.arco-round.button-background-transparent .arco-stepper-add-button,
.modo-renderer .ArcoMobile.arco-stepper.arco-round.button-background-transparent .arco-stepper-add-button {
  background: transparent;
}
.ArcoMobile.arco-stepper.arco-round.button-border-transparent .arco-stepper-minus-button,
.modo-renderer .ArcoMobile.arco-stepper.arco-round.button-border-transparent .arco-stepper-minus-button,
.ArcoMobile.arco-stepper.arco-round.button-border-transparent .arco-stepper-add-button,
.modo-renderer .ArcoMobile.arco-stepper.arco-round.button-border-transparent .arco-stepper-add-button {
  border: 1PX solid transparent;
}
.ArcoMobile .arco-stepper-minus-button,
.modo-renderer .ArcoMobile .arco-stepper-minus-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  width: 28px;
  height: 28px;
  /*background: #f7f8fa;*/
  background: var(--color-fill-1);
}
.ArcoMobile .arco-stepper-minus-button.disabled,
.modo-renderer .ArcoMobile .arco-stepper-minus-button.disabled {
  color: var(--color-border-3);
}
.ArcoMobile .arco-stepper-input,
.modo-renderer .ArcoMobile .arco-stepper-input {
  text-align: center;
  /*width: 0.8*@MobileBaseSize;*/
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 28px;
  /*background: #f7f8fa;*/
  background: var(--color-fill-1);
  /*color:  #1d2129 ;*/
  color: var(--color-text-1);
  margin: 0 1PX;
  background: transparent;
  border-color: transparent;
}
.ArcoMobile .arco-stepper-add-button,
.modo-renderer .ArcoMobile .arco-stepper-add-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  width: 28px;
  height: 28px;
  /*background: #f7f8fa;*/
  background: var(--color-fill-1);
}
.ArcoMobile .arco-stepper-add-button.disabled,
.modo-renderer .ArcoMobile .arco-stepper-add-button.disabled {
  color: var(--color-border-3);
}
.ArcoMobile.arco-stepper.arco-round .arco-stepper-add-button:not(.disabled),
.modo-renderer .ArcoMobile.arco-stepper.arco-round .arco-stepper-add-button:not(.disabled),
.ArcoMobile.arco-stepper.arco-square .arco-stepper-add-button:not(.disabled),
.modo-renderer .ArcoMobile.arco-stepper.arco-square .arco-stepper-add-button:not(.disabled),
.ArcoMobile.arco-stepper.arco-round .arco-stepper-minus-button:not(.disabled),
.modo-renderer .ArcoMobile.arco-stepper.arco-round .arco-stepper-minus-button:not(.disabled),
.ArcoMobile.arco-stepper.arco-square .arco-stepper-minus-button:not(.disabled),
.modo-renderer .ArcoMobile.arco-stepper.arco-square .arco-stepper-minus-button:not(.disabled) {
  color: rgb(var(--primary-6));
}
.ArcoMobile.arco-stepper.arco-round .arco-stepper-add-button:not(.disabled):hover,
.modo-renderer .ArcoMobile.arco-stepper.arco-round .arco-stepper-add-button:not(.disabled):hover,
.ArcoMobile.arco-stepper.arco-square .arco-stepper-add-button:not(.disabled):hover,
.modo-renderer .ArcoMobile.arco-stepper.arco-square .arco-stepper-add-button:not(.disabled):hover,
.ArcoMobile.arco-stepper.arco-round .arco-stepper-minus-button:not(.disabled):hover,
.modo-renderer .ArcoMobile.arco-stepper.arco-round .arco-stepper-minus-button:not(.disabled):hover,
.ArcoMobile.arco-stepper.arco-square .arco-stepper-minus-button:not(.disabled):hover,
.modo-renderer .ArcoMobile.arco-stepper.arco-square .arco-stepper-minus-button:not(.disabled):hover {
  background: rgb(var(--primary-1));
}
.ArcoMobile.arco-stepper.arco-round .arco-stepper-add-button:not(.disabled):active,
.modo-renderer .ArcoMobile.arco-stepper.arco-round .arco-stepper-add-button:not(.disabled):active,
.ArcoMobile.arco-stepper.arco-square .arco-stepper-add-button:not(.disabled):active,
.modo-renderer .ArcoMobile.arco-stepper.arco-square .arco-stepper-add-button:not(.disabled):active,
.ArcoMobile.arco-stepper.arco-round .arco-stepper-minus-button:not(.disabled):active,
.modo-renderer .ArcoMobile.arco-stepper.arco-round .arco-stepper-minus-button:not(.disabled):active,
.ArcoMobile.arco-stepper.arco-square .arco-stepper-minus-button:not(.disabled):active,
.modo-renderer .ArcoMobile.arco-stepper.arco-square .arco-stepper-minus-button:not(.disabled):active {
  background: rgb(var(--primary-3));
}
.ArcoMobile .arco-toast-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 16px;
  background: #aaa !important;
}
.ArcoMobile .arco-toast-wrapper.no-event {
  pointer-events: none;
}
.ArcoMobile .arco-toast-wrapper.from-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile .arco-toast-wrapper.from-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 30%;
}
.ArcoMobile .arco-toast-wrapper.from-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 30%;
}
.ArcoMobile .arco-toast-inner {
  background: rgba(0, 0, 0, 0.8);
  color: var(--color-white);
  font-size: 16px;
  line-height: 24px;
  border-radius: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: initial;
}
.ArcoMobile .arco-toast-inner.horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 8px 16px;
}
.ArcoMobile .arco-toast-inner.horizontal .arco-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 16px;
}
.ArcoMobile .arco-toast-inner.horizontal .arco-toast-loading-wrapper + .arco-toast-content,
.ArcoMobile .arco-toast-inner.horizontal .arco-icon + .arco-toast-content {
  margin-left: 8px;
}
.ArcoMobile .arco-toast-inner.vertical {
  padding: 16px;
}
.ArcoMobile .arco-toast-inner.vertical .arco-icon {
  font-size: 24px;
}
.ArcoMobile .arco-toast-inner.vertical .arco-toast-loading-wrapper + .arco-toast-content,
.ArcoMobile .arco-toast-inner.vertical .arco-icon + .arco-toast-content {
  margin-top: 8px;
}
.ArcoMobile .arco-toast-inner .arco-loading .bg-color-with-config {
  background: var(--color-white);
}
.ArcoMobile .arco-toast-inner .arco-loading .stop-color-with-config {
  stop-color: var(--color-white);
}
.ArcoMobile .arco-toast-inner .arco-loading .fill-color-with-config {
  fill: var(--color-white);
}
.ArcoMobile .arco-toast-inner .arco-loading .stroke-color-with-config {
  stroke: var(--color-white);
}
.ArcoMobile .arco-toast-inner .arco-loading.arc .arc-bg {
  /*stroke: #666666;*/
  strocke: var(--color-text-3);
}
.ArcoMobile .arco-toast-loading-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.ArcoMobile .arco-toast-loading-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 12px;
}
.ArcoMobile .arco-toast-content {
  width: 100%;
  text-align: center;
  white-space: pre-line;
}
.ArcoMobile .arco-loading.arc,
.ArcoMobile .arco-loading.circle,
.ArcoMobile .arco-loading.spin {
  -webkit-animation: changDeg 1s linear infinite;
          animation: changDeg 1s linear infinite;
}
.arco-toast-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 16px;
  background: transparent;
}
.arco-toast-wrapper.no-event {
  pointer-events: none;
}
.arco-toast-wrapper.from-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.arco-toast-wrapper.from-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 30%;
}
.arco-toast-wrapper.from-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 30%;
}
.arco-toast-inner {
  background: rgba(0, 0, 0, 0.8);
  color: var(--color-white);
  font-size: 16px;
  line-height: 24px;
  border-radius: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: initial;
}
.arco-toast-inner.horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 8px 16px;
}
.arco-toast-inner.horizontal .arco-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 16px;
}
.arco-toast-inner.horizontal .arco-toast-loading-wrapper + .arco-toast-content,
.arco-toast-inner.horizontal .arco-icon + .arco-toast-content {
  margin-left: 8px;
}
.arco-toast-inner.vertical {
  padding: 16px;
}
.arco-toast-inner.vertical .arco-icon {
  font-size: 24px;
}
.arco-toast-inner.vertical .arco-toast-loading-wrapper + .arco-toast-content,
.arco-toast-inner.vertical .arco-icon + .arco-toast-content {
  margin-top: 8px;
}
.arco-toast-inner .arco-loading .bg-color-with-config {
  background: var(--color-white);
}
.arco-toast-inner .arco-loading .stop-color-with-config {
  stop-color: var(--color-white);
}
.arco-toast-inner .arco-loading .fill-color-with-config {
  fill: var(--color-white);
}
.arco-toast-inner .arco-loading .stroke-color-with-config {
  stroke: var(--color-white);
}
.arco-toast-inner .arco-loading.arc .arc-bg {
  /*stroke: #666666;*/
  strocke: var(--color-text-3);
}
.arco-toast-loading-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.arco-toast-loading-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 12px;
}
.arco-toast-content {
  width: 100%;
  text-align: center;
  white-space: pre-line;
}
.arco-loading.arc,
.arco-loading.circle,
.arco-loading.spin {
  -webkit-animation: changDeg 1s linear infinite;
          animation: changDeg 1s linear infinite;
}
.arco-dialog-mask {
  z-index: 1001 !important;
}
.arco-dialog-container {
  z-index: 1002 !important;
}
.ArcoMobile.arco-switch,
.modo-renderer .ArcoMobile.arco-switch {
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@-webkit-keyframes changDeg {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes changDeg {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.ArcoMobile.arco-switch.type-android,
.modo-renderer .ArcoMobile.arco-switch.type-android {
  width: 40PX;
  height: 24PX;
  padding: 2PX;
  padding-bottom: 0;
  background-color: #E5E6EB;
}
.ArcoMobile.arco-switch.type-android.fully,
.modo-renderer .ArcoMobile.arco-switch.type-android.fully {
  border-radius: 20PX;
}
.ArcoMobile.arco-switch.type-android.semi,
.modo-renderer .ArcoMobile.arco-switch.type-android.semi {
  border-radius: 2PX;
}
.ArcoMobile.arco-switch.type-android.checked,
.modo-renderer .ArcoMobile.arco-switch.type-android.checked {
  background-color: rgb(var(--primary-6));
}
.ArcoMobile.arco-switch.type-android.checked .arco-switch-text,
.modo-renderer .ArcoMobile.arco-switch.type-android.checked .arco-switch-text {
  right: auto;
  left: 5PX;
}
[dir="rtl"] .ArcoMobile.arco-switch.type-android.checked .arco-switch-text,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-switch.type-android.checked .arco-switch-text {
  right: auto;
  right: initial;
  left: auto;
}
[dir="rtl"] .ArcoMobile.arco-switch.type-android.checked .arco-switch-text,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-switch.type-android.checked .arco-switch-text {
  left: auto;
  left: initial;
  right: 5PX;
}
.ArcoMobile.arco-switch.type-android.checked .arco-switch-inner,
.modo-renderer .ArcoMobile.arco-switch.type-android.checked .arco-switch-inner {
  -webkit-transform: translateX(16PX);
          transform: translateX(16PX);
}
[dir="rtl"] .ArcoMobile.arco-switch.type-android.checked .arco-switch-inner,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-switch.type-android.checked .arco-switch-inner {
  -webkit-transform: rotate(180deg) translateX(16PX);
          transform: rotate(180deg) translateX(16PX);
}
.ArcoMobile.arco-switch.type-android .arco-switch-inner,
.modo-renderer .ArcoMobile.arco-switch.type-android .arco-switch-inner {
  width: 20PX;
  height: 20PX;
  -webkit-box-shadow: 0 2PX 4PX 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2PX 4PX 0 rgba(0, 0, 0, 0.08);
}
[dir="rtl"] .ArcoMobile.arco-switch.type-android .arco-switch-inner,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-switch.type-android .arco-switch-inner {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ArcoMobile.arco-switch.type-android.disabled.checked,
.modo-renderer .ArcoMobile.arco-switch.type-android.disabled.checked {
  background-color: #94bfff;
}
.ArcoMobile.arco-switch.type-android.disabled:not(.checked),
.modo-renderer .ArcoMobile.arco-switch.type-android.disabled:not(.checked) {
  background-color: #F2F3F5;
}
.ArcoMobile.arco-switch.type-android .arco-switch-text,
.modo-renderer .ArcoMobile.arco-switch.type-android .arco-switch-text {
  font-size: 12PX;
  right: 5PX;
}
[dir="rtl"] .ArcoMobile.arco-switch.type-android .arco-switch-text,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-switch.type-android .arco-switch-text {
  right: auto;
  right: initial;
  left: 5PX;
}
.ArcoMobile.arco-switch.type-ios,
.modo-renderer .ArcoMobile.arco-switch.type-ios {
  width: 51px;
  height: 31px;
  padding: 2px;
  padding-bottom: 0;
  background-color: rgba(17, 17, 17, 0.15);
}
.ArcoMobile.arco-switch.type-ios.fully,
.modo-renderer .ArcoMobile.arco-switch.type-ios.fully {
  border-radius: 16px;
}
.ArcoMobile.arco-switch.type-ios.semi,
.modo-renderer .ArcoMobile.arco-switch.type-ios.semi {
  border-radius: 2px;
}
.ArcoMobile.arco-switch.type-ios.checked,
.modo-renderer .ArcoMobile.arco-switch.type-ios.checked {
  background-color: #34C759;
}
.ArcoMobile.arco-switch.type-ios.checked .arco-switch-text,
.modo-renderer .ArcoMobile.arco-switch.type-ios.checked .arco-switch-text {
  right: auto;
  left: 6px;
}
[dir="rtl"] .ArcoMobile.arco-switch.type-ios.checked .arco-switch-text,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-switch.type-ios.checked .arco-switch-text {
  right: auto;
  right: initial;
  left: auto;
}
[dir="rtl"] .ArcoMobile.arco-switch.type-ios.checked .arco-switch-text,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-switch.type-ios.checked .arco-switch-text {
  left: auto;
  left: initial;
  right: 6px;
}
.ArcoMobile.arco-switch.type-ios.checked .arco-switch-inner,
.modo-renderer .ArcoMobile.arco-switch.type-ios.checked .arco-switch-inner {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-box-shadow: 0 3PX 2PX 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 3PX 2PX 0 rgba(0, 0, 0, 0.12);
}
[dir="rtl"] .ArcoMobile.arco-switch.type-ios.checked .arco-switch-inner,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-switch.type-ios.checked .arco-switch-inner {
  -webkit-transform: rotate(180deg) translateX(20px);
          transform: rotate(180deg) translateX(20px);
}
.ArcoMobile.arco-switch.type-ios.disabled.checked,
.modo-renderer .ArcoMobile.arco-switch.type-ios.disabled.checked {
  opacity: 0.3;
}
.ArcoMobile.arco-switch.type-ios .arco-switch-text,
.modo-renderer .ArcoMobile.arco-switch.type-ios .arco-switch-text {
  font-size: 14px;
  right: 6px;
}
[dir="rtl"] .ArcoMobile.arco-switch.type-ios .arco-switch-text,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-switch.type-ios .arco-switch-text {
  right: auto;
  right: initial;
  left: 6px;
}
.ArcoMobile.arco-switch.type-ios .arco-switch-inner,
.modo-renderer .ArcoMobile.arco-switch.type-ios .arco-switch-inner {
  width: 27px;
  height: 27px;
  position: relative;
  border-width: 0;
}
.ArcoMobile.arco-switch.type-ios .arco-switch-inner::after,
.modo-renderer .ArcoMobile.arco-switch.type-ios .arco-switch-inner::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-style: solid;
  border-width: 1PX;
  border-color: rgba(0, 0, 0, 0.04);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  pointer-events: none;
  border-radius: 50%;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile.arco-switch.type-ios .arco-switch-inner::after,
  .modo-renderer .ArcoMobile.arco-switch.type-ios .arco-switch-inner::after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    border-radius: 100%;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile.arco-switch.type-ios .arco-switch-inner::after,
  .modo-renderer .ArcoMobile.arco-switch.type-ios .arco-switch-inner::after {
    width: 300%;
    height: 300%;
    -webkit-transform: scale(0.33333333);
            transform: scale(0.33333333);
    border-radius: 150%;
  }
}
[dir="rtl"] .ArcoMobile.arco-switch.type-ios .arco-switch-inner,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-switch.type-ios .arco-switch-inner {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ArcoMobile.arco-switch.type-ios.disabled.checked,
.modo-renderer .ArcoMobile.arco-switch.type-ios.disabled.checked {
  background-color: #4DD865;
}
.ArcoMobile.arco-switch.type-ios.disabled:not(.checked),
.modo-renderer .ArcoMobile.arco-switch.type-ios.disabled:not(.checked) {
  background-color: rgba(120, 120, 128, 0.16);
}
.ArcoMobile .arco-switch-text,
.modo-renderer .ArcoMobile .arco-switch-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #4e5969;
}
.ArcoMobile.arco-switch.checked .arco-switch-text,
.modo-renderer .ArcoMobile.arco-switch.checked .arco-switch-text {
  color: #FFFFFF;
}
.ArcoMobile .arco-switch-inner,
.modo-renderer .ArcoMobile .arco-switch-inner {
  position: relative;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FFFFFF;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ArcoMobile [dir="rtl"] .arco-switch-inner,
.modo-renderer .ArcoMobile [dir="rtl"] .arco-switch-inner {
  left: auto;
  left: initial;
  right: 0;
}
.ArcoMobile.fully .arco-switch-inner,
.modo-renderer .ArcoMobile.fully .arco-switch-inner {
  border-radius: 50%;
}
.ArcoMobile.semi .arco-switch-inner,
.modo-renderer .ArcoMobile.semi .arco-switch-inner {
  border-radius: 1PX;
}
.ArcoMobile.arco-switch.type-android,
.modo-renderer .ArcoMobile.arco-switch.type-android {
  background-color: #E5E6EB;
}
.ArcoMobile.arco-switch.type-android.checked,
.modo-renderer .ArcoMobile.arco-switch.type-android.checked {
  /*background-color: rgb(var(--primary-6));*/
  background-color: rgb(var(--primary-6));
}
.ArcoMobile.arco-switch.type-android.disabled.checked,
.modo-renderer .ArcoMobile.arco-switch.type-android.disabled.checked {
  background-color: #94bfff;
}
.ArcoMobile.arco-switch.type-android.disabled:not(.checked),
.modo-renderer .ArcoMobile.arco-switch.type-android.disabled:not(.checked) {
  background-color: #F2F3F5;
}
.ArcoMobile.arco-switch.type-ios,
.modo-renderer .ArcoMobile.arco-switch.type-ios {
  width: 51px;
  height: 31px;
  padding: 2px;
}
.ArcoMobile.arco-switch.type-ios.fully,
.modo-renderer .ArcoMobile.arco-switch.type-ios.fully {
  border-radius: 16px;
}
.ArcoMobile.arco-switch.type-ios.semi,
.modo-renderer .ArcoMobile.arco-switch.type-ios.semi {
  border-radius: 2px;
}
.ArcoMobile.arco-switch.type-ios.checked,
.modo-renderer .ArcoMobile.arco-switch.type-ios.checked {
  background-color: #34C759;
}
.ArcoMobile.arco-switch.type-ios.checked .arco-switch-text,
.modo-renderer .ArcoMobile.arco-switch.type-ios.checked .arco-switch-text {
  left: 6px;
}
[dir="rtl"] .ArcoMobile.arco-switch.type-ios.checked .arco-switch-text,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-switch.type-ios.checked .arco-switch-text {
  right: 6px;
}
.ArcoMobile.arco-switch.type-ios.checked .arco-switch-inner,
.modo-renderer .ArcoMobile.arco-switch.type-ios.checked .arco-switch-inner {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}
[dir="rtl"] .ArcoMobile.arco-switch.type-ios.checked .arco-switch-inner,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-switch.type-ios.checked .arco-switch-inner {
  -webkit-transform: rotate(180deg) translateX(20px);
          transform: rotate(180deg) translateX(20px);
}
.ArcoMobile.arco-switch.type-ios .arco-switch-text,
.modo-renderer .ArcoMobile.arco-switch.type-ios .arco-switch-text {
  font-size: 14px;
  right: 6px;
}
[dir="rtl"] .ArcoMobile.arco-switch.type-ios .arco-switch-text,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-switch.type-ios .arco-switch-text {
  left: 6px;
}
.ArcoMobile.arco-switch.type-ios .arco-switch-inner,
.modo-renderer .ArcoMobile.arco-switch.type-ios .arco-switch-inner {
  width: 27px;
  height: 27px;
}
.ArcoMobile.arco-switch.type-ios.disabled.checked,
.modo-renderer .ArcoMobile.arco-switch.type-ios.disabled.checked {
  background-color: #4DD865;
}
.ArcoMobile .arco-switch-text,
.modo-renderer .ArcoMobile .arco-switch-text {
  color: #4e5969;
}
.ArcoMobile.arco-switch.checked .arco-switch-text,
.modo-renderer .ArcoMobile.arco-switch.checked .arco-switch-text {
  color: var(--color-white);
}
.ArcoMobile .arco-switch-inner,
.modo-renderer .ArcoMobile .arco-switch-inner {
  background-color: var(--color-white);
}
.ArcoMobile .arco-search-bar-container,
.modo-renderer .ArcoMobile .arco-search-bar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 16px;
  background-color: #FFFFFF;
}
.ArcoMobile .arco-search-bar-square .arco-search-bar-wrap,
.modo-renderer .ArcoMobile .arco-search-bar-square .arco-search-bar-wrap {
  border-radius: 2px;
}
.ArcoMobile .arco-search-bar-round .arco-search-bar-wrap,
.modo-renderer .ArcoMobile .arco-search-bar-round .arco-search-bar-wrap {
  border-radius: 9999px;
}
.ArcoMobile .arco-search-bar-wrap,
.modo-renderer .ArcoMobile .arco-search-bar-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 36px;
  font-size: 14px;
  padding: 8px 14px;
  background-color: #F2F3F5;
}
.ArcoMobile .arco-search-bar-input,
.modo-renderer .ArcoMobile .arco-search-bar-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: transparent;
  height: 20px;
  caret-color: rgb(var(--primary-6));
}
.ArcoMobile .arco-search-bar-input-left,
.modo-renderer .ArcoMobile .arco-search-bar-input-left {
  text-align: left;
}
.ArcoMobile .arco-search-bar-input-right,
.modo-renderer .ArcoMobile .arco-search-bar-input-right {
  text-align: right;
}
.ArcoMobile .arco-search-bar-input-center,
.modo-renderer .ArcoMobile .arco-search-bar-input-center {
  text-align: center;
}
.ArcoMobile .arco-search-bar-input::-webkit-input-placeholder,
.modo-renderer .ArcoMobile .arco-search-bar-input::-webkit-input-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-search-bar-input::-webkit-input-placeholder, .modo-renderer .ArcoMobile .arco-search-bar-input::-webkit-input-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-search-bar-input::-moz-placeholder, .modo-renderer .ArcoMobile .arco-search-bar-input::-moz-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-search-bar-input:-ms-input-placeholder, .modo-renderer .ArcoMobile .arco-search-bar-input:-ms-input-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-search-bar-input::-ms-input-placeholder, .modo-renderer .ArcoMobile .arco-search-bar-input::-ms-input-placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-search-bar-input::placeholder,
.modo-renderer .ArcoMobile .arco-search-bar-input::placeholder {
  color: #c9cdd4;
}
.ArcoMobile .arco-search-bar-input::-webkit-search-decoration,
.modo-renderer .ArcoMobile .arco-search-bar-input::-webkit-search-decoration,
.ArcoMobile .arco-search-bar-input::-webkit-search-cancel-button,
.modo-renderer .ArcoMobile .arco-search-bar-input::-webkit-search-cancel-button {
  display: none;
}
.ArcoMobile .arco-search-bar-prefix,
.modo-renderer .ArcoMobile .arco-search-bar-prefix,
.ArcoMobile .arco-search-bar-suffix,
.modo-renderer .ArcoMobile .arco-search-bar-suffix,
.ArcoMobile .arco-search-bar-clear,
.modo-renderer .ArcoMobile .arco-search-bar-clear {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ArcoMobile .arco-search-bar-prefix,
.modo-renderer .ArcoMobile .arco-search-bar-prefix {
  margin-right: 9px;
}
.ArcoMobile .arco-search-bar-clear,
.modo-renderer .ArcoMobile .arco-search-bar-clear {
  color: #C9CDD4;
  font-size: 16PX;
  padding-left: 16px;
}
.ArcoMobile .arco-search-bar-search-icon,
.modo-renderer .ArcoMobile .arco-search-bar-search-icon {
  color: #86909C;
  font-size: 16px;
}
.ArcoMobile .arco-search-bar-cancel-btn,
.modo-renderer .ArcoMobile .arco-search-bar-cancel-btn {
  margin-left: 16px;
  color: rgb(var(--primary-6));
  font-size: 15px;
}
.ArcoMobile .arco-search-bar-association,
.modo-renderer .ArcoMobile .arco-search-bar-association {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #FFFFFF;
  top: 100%;
  display: none;
}
.ArcoMobile .arco-search-bar-association-visible,
.modo-renderer .ArcoMobile .arco-search-bar-association-visible {
  display: block;
}
.ArcoMobile .arco-search-bar-association-item,
.modo-renderer .ArcoMobile .arco-search-bar-association-item {
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  color: #1d2129;
  padding: 16px;
  font-size: 15px;
}
.ArcoMobile .arco-search-bar-association-item:not(:last-child),
.modo-renderer .ArcoMobile .arco-search-bar-association-item:not(:last-child) {
  position: relative;
  border-width: 0;
}
.ArcoMobile .arco-search-bar-association-item:not(:last-child)::after,
.modo-renderer .ArcoMobile .arco-search-bar-association-item:not(:last-child)::after {
  content: '';
  width: 100%;
  height: 1PX;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  border-bottom-style: solid;
  border-bottom-width: 1PX;
  border-bottom-color: #e5e6eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  pointer-events: none;
  border-radius: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile .arco-search-bar-association-item:not(:last-child)::after,
  .modo-renderer .ArcoMobile .arco-search-bar-association-item:not(:last-child)::after {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    border-radius: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile .arco-search-bar-association-item:not(:last-child)::after,
  .modo-renderer .ArcoMobile .arco-search-bar-association-item:not(:last-child)::after {
    transform: scaleY(0.33333333);
    -webkit-transform: scaleY(0.33333333);
    border-radius: 0;
  }
}
.ArcoMobile .arco-search-bar-association-item-highlight,
.modo-renderer .ArcoMobile .arco-search-bar-association-item-highlight {
  color: rgb(var(--primary-6));
}
.ArcoMobile .arco-search-bar-input,
.modo-renderer .ArcoMobile .arco-search-bar-input {
  border: none;
}
.ArcoMobile .arco-search-bar-container,
.modo-renderer .ArcoMobile .arco-search-bar-container {
  padding: 16px;
  /*background-color: #FFFFFF;*/
  background-color: var(--color-white);
}
.ArcoMobile .arco-search-bar-square .arco-search-bar-wrap,
.modo-renderer .ArcoMobile .arco-search-bar-square .arco-search-bar-wrap {
  border-radius: 2px;
}
.ArcoMobile .arco-search-bar-round .arco-search-bar-wrap,
.modo-renderer .ArcoMobile .arco-search-bar-round .arco-search-bar-wrap {
  border-radius: 9999px;
}
.ArcoMobile .arco-search-bar-wrap,
.modo-renderer .ArcoMobile .arco-search-bar-wrap {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  overflow: hidden;
}
.ArcoMobile .arco-search-bar-wrap,
.modo-renderer .ArcoMobile .arco-search-bar-wrap {
  height: 36px;
  font-size: 14px;
  padding: 8px 14px;
  /*background-color: #F2F3F5;*/
  background-color: var(--color-border-1);
}
.ArcoMobile .arco-search-bar-input,
.modo-renderer .ArcoMobile .arco-search-bar-input {
  height: 20px;
  /*caret-color: rgb(var(--primary-6));*/
  caret-color: rgb(var(--primary-6));
}
.ArcoMobile .arco-search-bar-input-left,
.modo-renderer .ArcoMobile .arco-search-bar-input-left {
  text-align: left;
}
.ArcoMobile .arco-search-bar-input-right,
.modo-renderer .ArcoMobile .arco-search-bar-input-right {
  text-align: right;
}
.ArcoMobile .arco-search-bar-input-center,
.modo-renderer .ArcoMobile .arco-search-bar-input-center {
  text-align: center;
}
.ArcoMobile .arco-search-bar-input::-webkit-input-placeholder,
.modo-renderer .ArcoMobile .arco-search-bar-input::-webkit-input-placeholder {
  /*color: #c9cdd4;*/
  color: var(--color-fill-4);
}
.ArcoMobile .arco-search-bar-input::-webkit-input-placeholder, .modo-renderer .ArcoMobile .arco-search-bar-input::-webkit-input-placeholder {
  /*color: #c9cdd4;*/
  color: var(--color-fill-4);
}
.ArcoMobile .arco-search-bar-input::-moz-placeholder, .modo-renderer .ArcoMobile .arco-search-bar-input::-moz-placeholder {
  /*color: #c9cdd4;*/
  color: var(--color-fill-4);
}
.ArcoMobile .arco-search-bar-input:-ms-input-placeholder, .modo-renderer .ArcoMobile .arco-search-bar-input:-ms-input-placeholder {
  /*color: #c9cdd4;*/
  color: var(--color-fill-4);
}
.ArcoMobile .arco-search-bar-input::-ms-input-placeholder, .modo-renderer .ArcoMobile .arco-search-bar-input::-ms-input-placeholder {
  /*color: #c9cdd4;*/
  color: var(--color-fill-4);
}
.ArcoMobile .arco-search-bar-input::placeholder,
.modo-renderer .ArcoMobile .arco-search-bar-input::placeholder {
  /*color: #c9cdd4;*/
  color: var(--color-fill-4);
}
.ArcoMobile .arco-search-bar-prefix,
.modo-renderer .ArcoMobile .arco-search-bar-prefix {
  margin-right: 9px;
}
.ArcoMobile .arco-search-bar-clear,
.modo-renderer .ArcoMobile .arco-search-bar-clear {
  /*color: #C9CDD4;*/
  color: var(--color-border-3);
  padding-left: 16px;
}
.ArcoMobile .arco-search-bar-search-icon,
.modo-renderer .ArcoMobile .arco-search-bar-search-icon {
  /*color: #86909C;*/
  color: var(--color-text-3);
  font-size: 16px;
}
.ArcoMobile .arco-search-bar-cancel-btn,
.modo-renderer .ArcoMobile .arco-search-bar-cancel-btn {
  margin-left: 16px;
  /*color: rgb(var(--primary-6));*/
  color: rgb(var(--primary-6));
  font-size: 15px;
}
.ArcoMobile .arco-search-bar-action-btn,
.modo-renderer .ArcoMobile .arco-search-bar-action-btn {
  margin-left: 16px;
  /*color: rgb(var(--primary-6));*/
  color: rgb(var(--primary-6));
  font-size: 15px;
}
.ArcoMobile .arco-search-bar-association,
.modo-renderer .ArcoMobile .arco-search-bar-association {
  /*background-color: #FFFFFF;*/
  background-color: var(--color-white);
}
.ArcoMobile .arco-search-bar-association-item,
.modo-renderer .ArcoMobile .arco-search-bar-association-item {
  height: 52px;
  /*color: #1d2129;*/
  color: var(--color-text-1);
  padding: 16px;
  font-size: 15px;
}
.ArcoMobile .arco-search-bar-association-item:not(:last-child)::after,
.modo-renderer .ArcoMobile .arco-search-bar-association-item:not(:last-child)::after {
  /*border-bottom-color: #e5e6eb;*/
  border-bottom-color: var(--color-border-2);
}
.ArcoMobile .arco-search-bar-association-item-highlight,
.modo-renderer .ArcoMobile .arco-search-bar-association-item-highlight {
  /*color: rgb(var(--primary-6));*/
  color: rgb(var(--primary-6));
}
.ArcoMobile > .arco-select.arco-select-size-large,
.modo-renderer .ArcoMobile > .arco-select.arco-select-size-large {
  /*margin-top: -6px;*/
  /*margin-bottom: -6px;*/
}
.ArcoMobile > .arco-select.arco-select-size-large .arco-select-view,
.modo-renderer .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view {
  height: 22px;
  line-height: 22px;
  padding: 0;
}
.ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input-tag-input ::-webkit-input-placeholder, .modo-renderer .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input-tag-input ::-webkit-input-placeholder, .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input ::-webkit-input-placeholder, .modo-renderer .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input ::-webkit-input-placeholder {
  color: var(--color-text-4);
}
.ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input-tag-input ::-moz-placeholder, .modo-renderer .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input-tag-input ::-moz-placeholder, .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input ::-moz-placeholder, .modo-renderer .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input ::-moz-placeholder {
  color: var(--color-text-4);
}
.ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input-tag-input :-ms-input-placeholder, .modo-renderer .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input-tag-input :-ms-input-placeholder, .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input :-ms-input-placeholder, .modo-renderer .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input :-ms-input-placeholder {
  color: var(--color-text-4);
}
.ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input-tag-input ::-ms-input-placeholder, .modo-renderer .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input-tag-input ::-ms-input-placeholder, .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input ::-ms-input-placeholder, .modo-renderer .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input ::-ms-input-placeholder {
  color: var(--color-text-4);
}
.ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input-tag-input ::placeholder,
.modo-renderer .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input-tag-input ::placeholder,
.ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input ::placeholder,
.modo-renderer .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-input ::placeholder {
  color: var(--color-text-4);
}
.ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-select-arrow-icon,
.modo-renderer .ArcoMobile > .arco-select.arco-select-size-large .arco-select-view .arco-select-arrow-icon {
  font-size: 16px;
}
.ArcoMobile.arco-tag,
.modo-renderer .ArcoMobile.arco-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  border-radius: 2PX;
  font-size: 12px;
  border-width: 1PX;
  border-style: solid;
}
.ArcoMobile.arco-tag.size-small,
.modo-renderer .ArcoMobile.arco-tag.size-small {
  height: 18px;
  padding: 0 4px;
}
.ArcoMobile.arco-tag.size-small .tag-text,
.modo-renderer .ArcoMobile.arco-tag.size-small .tag-text {
  -webkit-transform: scale(0.8333);
          transform: scale(0.8333);
  margin-left: -2px;
  margin-right: -2px;
}
.ArcoMobile.arco-tag.size-medium,
.modo-renderer .ArcoMobile.arco-tag.size-medium {
  height: 20px;
  padding: 0 4px;
}
.ArcoMobile.arco-tag.size-large,
.modo-renderer .ArcoMobile.arco-tag.size-large {
  height: 24px;
  padding: 0 6px;
}
.ArcoMobile.arco-tag.filleted,
.modo-renderer .ArcoMobile.arco-tag.filleted {
  padding: 0 8px;
  border-radius: 100px;
}
.ArcoMobile.arco-tag.half-border:not(.arco-tag-solid):not(.filleted),
.modo-renderer .ArcoMobile.arco-tag.half-border:not(.arco-tag-solid):not(.filleted) {
  position: relative;
  border-width: 0;
}
.ArcoMobile.arco-tag.half-border:not(.arco-tag-solid):not(.filleted)::after,
.modo-renderer .ArcoMobile.arco-tag.half-border:not(.arco-tag-solid):not(.filleted)::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-style: inherit;
  border-width: 1PX;
  border-color: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  pointer-events: none;
  border-radius: 2PX;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile.arco-tag.half-border:not(.arco-tag-solid):not(.filleted)::after,
  .modo-renderer .ArcoMobile.arco-tag.half-border:not(.arco-tag-solid):not(.filleted)::after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    border-radius: 4PX;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile.arco-tag.half-border:not(.arco-tag-solid):not(.filleted)::after,
  .modo-renderer .ArcoMobile.arco-tag.half-border:not(.arco-tag-solid):not(.filleted)::after {
    width: 300%;
    height: 300%;
    -webkit-transform: scale(0.33333333);
            transform: scale(0.33333333);
    border-radius: 6PX;
  }
}
.ArcoMobile.arco-tag.half-border:not(.arco-tag-solid):not(.filleted)::after,
.modo-renderer .ArcoMobile.arco-tag.half-border:not(.arco-tag-solid):not(.filleted)::after {
  border: inherit;
  border-width: 1PX;
}
.ArcoMobile.arco-tag.half-border:not(.arco-tag-solid).filleted,
.modo-renderer .ArcoMobile.arco-tag.half-border:not(.arco-tag-solid).filleted {
  position: relative;
  border-width: 0;
}
.ArcoMobile.arco-tag.half-border:not(.arco-tag-solid).filleted::after,
.modo-renderer .ArcoMobile.arco-tag.half-border:not(.arco-tag-solid).filleted::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-style: inherit;
  border-width: 1PX;
  border-color: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  pointer-events: none;
  border-radius: 100px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .ArcoMobile.arco-tag.half-border:not(.arco-tag-solid).filleted::after,
  .modo-renderer .ArcoMobile.arco-tag.half-border:not(.arco-tag-solid).filleted::after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    border-radius: 200px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile.arco-tag.half-border:not(.arco-tag-solid).filleted::after,
  .modo-renderer .ArcoMobile.arco-tag.half-border:not(.arco-tag-solid).filleted::after {
    width: 300%;
    height: 300%;
    -webkit-transform: scale(0.33333333);
            transform: scale(0.33333333);
    border-radius: 300px;
  }
}
.ArcoMobile.arco-tag.half-border:not(.arco-tag-solid).filleted::after,
.modo-renderer .ArcoMobile.arco-tag.half-border:not(.arco-tag-solid).filleted::after {
  border: inherit;
  border-width: 1PX;
}
.ArcoMobile.arco-tag .tag-text,
.modo-renderer .ArcoMobile.arco-tag .tag-text {
  vertical-align: middle;
  font-size: inherit;
}
.ArcoMobile.arco-tag .arco-icon:not(.tag-close-icon),
.modo-renderer .ArcoMobile.arco-tag .arco-icon:not(.tag-close-icon) {
  vertical-align: middle;
  margin-right: 2px;
  font-size: 12px;
}
[dir="rtl"] .ArcoMobile.arco-tag .arco-icon:not(.tag-close-icon),
[dir="rtl"] .modo-renderer .ArcoMobile.arco-tag .arco-icon:not(.tag-close-icon) {
  margin-right: 0;
  margin-right: initial;
  margin-left: 2px;
}
.ArcoMobile.arco-tag .tag-close-wrap,
.modo-renderer .ArcoMobile.arco-tag .tag-close-wrap {
  font-size: 0;
}
.ArcoMobile.arco-tag .tag-close-icon,
.modo-renderer .ArcoMobile.arco-tag .tag-close-icon {
  vertical-align: middle;
  margin-left: 4px;
  font-size: 12px;
}
[dir="rtl"] .ArcoMobile.arco-tag .tag-close-icon,
[dir="rtl"] .modo-renderer .ArcoMobile.arco-tag .tag-close-icon {
  margin-left: 0;
  margin-left: initial;
  margin-right: 4px;
}
.ArcoMobile.arco-tag.android .tag-text,
.modo-renderer .ArcoMobile.arco-tag.android .tag-text {
  padding-top: 1px;
}
.ArcoMobile.arco-tag.arco-tag-primary,
.modo-renderer .ArcoMobile.arco-tag.arco-tag-primary {
  color: rgb(var(--primary-6));
  background: #E8F3FF;
  border-color: rgb(var(--primary-6));
}
.ArcoMobile.arco-tag.arco-tag-hollow,
.modo-renderer .ArcoMobile.arco-tag.arco-tag-hollow {
  color: rgb(var(--primary-6));
  background: transparent;
  border-color: rgb(var(--primary-6));
}
.ArcoMobile.arco-tag.arco-tag-solid,
.modo-renderer .ArcoMobile.arco-tag.arco-tag-solid {
  color: #FFFFFF;
  background: rgb(var(--primary-6));
  border-width: 0;
}
.ArcoMobile.arco-tag-list,
.modo-renderer .ArcoMobile.arco-tag-list {
  margin-bottom: 0;
}
.ArcoMobile.arco-tag-list .arco-tag,
.modo-renderer .ArcoMobile.arco-tag-list .arco-tag {
  vertical-align: top;
  margin-bottom: 0;
}
.ArcoMobile.arco-tag-list .arco-tag:not(:last-child),
.modo-renderer .ArcoMobile.arco-tag-list .arco-tag:not(:last-child) {
  margin-right: 8px;
}
[dir="rtl"] .ArcoMobile.arco-tag-list .arco-tag:not(:last-child),
[dir="rtl"] .modo-renderer .ArcoMobile.arco-tag-list .arco-tag:not(:last-child) {
  margin-right: 0;
  margin-right: initial;
  margin-left: 8px;
}
.ArcoMobile.arco-tag-list .tag-list-add-wrap,
.modo-renderer .ArcoMobile.arco-tag-list .tag-list-add-wrap {
  font-size: 0;
  display: inline-block;
}
.ArcoMobile.arco-tag-list .tag-list-add,
.modo-renderer .ArcoMobile.arco-tag-list .tag-list-add {
  margin-bottom: 0;
  border-color: #e5e6eb;
  background: #f2f3f5;
  color: #4e5969;
}
.ArcoMobile .arco-theme-dark .process-bg-color-with-config,
.modo-renderer .ArcoMobile .arco-theme-dark .process-bg-color-with-config,
.ArcoMobile .arco-theme-dark .process-custom-icon-bg-color-with-config,
.modo-renderer .ArcoMobile .arco-theme-dark .process-custom-icon-bg-color-with-config {
  color: rgba(255, 255, 255, 0.9);
}
.ArcoMobile .arco-theme-dark .wait-custom-icon-bg-color-with-config,
.modo-renderer .ArcoMobile .arco-theme-dark .wait-custom-icon-bg-color-with-config {
  background: #2e2e30;
  color: #929293;
}
.arco-theme-dark .ArcoMobile.arco-tag.arco-tag-primary,
.arco-theme-dark .modo-renderer .ArcoMobile.arco-tag.arco-tag-primary {
  color: #3C7EFF;
  background: #000D4D;
  border-color: #3C7EFF;
}
.arco-theme-dark .ArcoMobile.arco-tag.arco-tag-hollow,
.arco-theme-dark .modo-renderer .ArcoMobile.arco-tag.arco-tag-hollow {
  color: #3C7EFF;
  border-color: #3C7EFF;
}
.arco-theme-dark .ArcoMobile.arco-tag.arco-tag-solid,
.arco-theme-dark .modo-renderer .ArcoMobile.arco-tag.arco-tag-solid {
  color: rgba(255, 255, 255, 0.9);
  background: #3C7EFF;
}
.ArcoMobile .arco-theme-dark .arco-tag-list .tag-list-add,
.modo-renderer .ArcoMobile .arco-theme-dark .arco-tag-list .tag-list-add {
  border-color: #484849;
  background: #2e2e30;
  color: #c5c5c5;
}
.ArcoMobile.mobile-date-range,
.modo-renderer .ArcoMobile.mobile-date-range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile.mobile-date-range > .arco-input-container,
.modo-renderer .ArcoMobile.mobile-date-range > .arco-input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ArcoMobile.mobile-date-range > .arco-input-container .arco-input-suffix,
.modo-renderer .ArcoMobile.mobile-date-range > .arco-input-container .arco-input-suffix {
  padding-left: 4px;
}
.ArcoMobile.mobile-date-range .range-line,
.modo-renderer .ArcoMobile.mobile-date-range .range-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ArcoMobile .arco-steps,
.modo-renderer .ArcoMobile .arco-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
}
.ArcoMobile .arco-steps-item,
.modo-renderer .ArcoMobile .arco-steps-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
}
.ArcoMobile .arco-steps-item.horizontal,
.modo-renderer .ArcoMobile .arco-steps-item.horizontal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ArcoMobile .arco-steps-item-align-center,
.modo-renderer .ArcoMobile .arco-steps-item-align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
}
.ArcoMobile .arco-steps-item-align-start,
.modo-renderer .ArcoMobile .arco-steps-item-align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
      align-items: flex-start;
}
.ArcoMobile .arco-steps-item-align-center.vertical,
.modo-renderer .ArcoMobile .arco-steps-item-align-center.vertical {
  padding-bottom: 25px;
}
.ArcoMobile .arco-steps-item:first-child .arco-steps-item-tail::before,
.modo-renderer .ArcoMobile .arco-steps-item:first-child .arco-steps-item-tail::before,
.ArcoMobile .arco-steps-item:last-child .arco-steps-item-tail::after,
.modo-renderer .ArcoMobile .arco-steps-item:last-child .arco-steps-item-tail::after {
  visibility: hidden;
}
.ArcoMobile .arco-steps-item-tail,
.modo-renderer .ArcoMobile .arco-steps-item-tail {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.ArcoMobile .horizontal .arco-steps-item-tail,
.modo-renderer .ArcoMobile .horizontal .arco-steps-item-tail {
  width: 100%;
  height: 18px;
}
.ArcoMobile .horizontal .arco-steps-item-tail::before,
.modo-renderer .ArcoMobile .horizontal .arco-steps-item-tail::before,
.ArcoMobile .horizontal .arco-steps-item-tail::after,
.modo-renderer .ArcoMobile .horizontal .arco-steps-item-tail::after {
  height: 1px;
}
.ArcoMobile .horizontal .arco-steps-item-tail-align-start,
.modo-renderer .ArcoMobile .horizontal .arco-steps-item-tail-align-start {
  left: 9px;
  padding: 0 18px;
}
.ArcoMobile .horizontal .arco-steps-item-tail-align-start::after,
.modo-renderer .ArcoMobile .horizontal .arco-steps-item-tail-align-start::after {
  content: '';
  width: 100%;
  border-radius: 2px;
}
.ArcoMobile .horizontal .arco-steps-item-tail-align-center::before,
.modo-renderer .ArcoMobile .horizontal .arco-steps-item-tail-align-center::before,
.ArcoMobile .horizontal .arco-steps-item-tail-align-center::after,
.modo-renderer .ArcoMobile .horizontal .arco-steps-item-tail-align-center::after {
  content: '';
  width: 50%;
}
.ArcoMobile .horizontal .arco-steps-item-tail-align-center::before,
.modo-renderer .ArcoMobile .horizontal .arco-steps-item-tail-align-center::before {
  margin-right: 18px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ArcoMobile .horizontal .arco-steps-item-tail-align-center::after,
.modo-renderer .ArcoMobile .horizontal .arco-steps-item-tail-align-center::after {
  margin-left: 18px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ArcoMobile .vertical .arco-steps-item-tail,
.modo-renderer .ArcoMobile .vertical .arco-steps-item-tail {
  height: 100%;
  width: 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ArcoMobile .vertical .arco-steps-item-tail::before,
.modo-renderer .ArcoMobile .vertical .arco-steps-item-tail::before,
.ArcoMobile .vertical .arco-steps-item-tail::after,
.modo-renderer .ArcoMobile .vertical .arco-steps-item-tail::after {
  width: 1px;
}
.ArcoMobile .vertical .arco-steps-item-tail-align-start,
.modo-renderer .ArcoMobile .vertical .arco-steps-item-tail-align-start {
  top: 9px;
  padding: 14px 0;
}
.ArcoMobile .vertical .arco-steps-item-tail-align-start::after,
.modo-renderer .ArcoMobile .vertical .arco-steps-item-tail-align-start::after {
  content: '';
  height: 100%;
  border-radius: 2px;
}
.ArcoMobile .vertical .arco-steps-item-tail-align-center::before,
.modo-renderer .ArcoMobile .vertical .arco-steps-item-tail-align-center::before,
.ArcoMobile .vertical .arco-steps-item-tail-align-center::after,
.modo-renderer .ArcoMobile .vertical .arco-steps-item-tail-align-center::after {
  content: '';
  height: 50%;
}
.ArcoMobile .vertical .arco-steps-item-tail-align-center::before,
.modo-renderer .ArcoMobile .vertical .arco-steps-item-tail-align-center::before {
  margin-bottom: 14px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ArcoMobile .vertical .arco-steps-item-tail-align-center::after,
.modo-renderer .ArcoMobile .vertical .arco-steps-item-tail-align-center::after {
  margin-top: 14px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.ArcoMobile .arco-steps-item-tail::after,
.modo-renderer .ArcoMobile .arco-steps-item-tail::after,
.ArcoMobile .arco-steps-item-tail::before,
.modo-renderer .ArcoMobile .arco-steps-item-tail::before {
  display: inline-block;
  background: #e5e6eb;
}
.ArcoMobile .arco-steps-item-tail-status-finish::before,
.modo-renderer .ArcoMobile .arco-steps-item-tail-status-finish::before,
.ArcoMobile .arco-steps-item-tail-status-finish::after,
.modo-renderer .ArcoMobile .arco-steps-item-tail-status-finish::after,
.ArcoMobile .arco-steps-item-tail-align-center.arco-steps-item-tail-status-process::before,
.modo-renderer .ArcoMobile .arco-steps-item-tail-align-center.arco-steps-item-tail-status-process::before,
.ArcoMobile .arco-steps-item-tail-align-center.arco-steps-item-tail-status-error::before,
.modo-renderer .ArcoMobile .arco-steps-item-tail-align-center.arco-steps-item-tail-status-error::before {
  background: #165dff;
}
.ArcoMobile .arco-steps-item-custom-icon,
.modo-renderer .ArcoMobile .arco-steps-item-custom-icon,
.ArcoMobile .arco-steps-item-icon,
.modo-renderer .ArcoMobile .arco-steps-item-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 18px;
  height: 18px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.ArcoMobile .arco-steps-item-icon,
.modo-renderer .ArcoMobile .arco-steps-item-icon {
  border-radius: 50%;
}
.ArcoMobile .number.finish .arco-steps-item-icon,
.modo-renderer .ArcoMobile .number.finish .arco-steps-item-icon {
  background: #e8f3ff;
}
.ArcoMobile .number.process .arco-steps-item-icon,
.modo-renderer .ArcoMobile .number.process .arco-steps-item-icon {
  background: #165dff;
}
.ArcoMobile .number.wait .arco-steps-item-icon,
.modo-renderer .ArcoMobile .number.wait .arco-steps-item-icon {
  background: #f2f3f5;
}
.ArcoMobile .number.error .arco-steps-item-icon,
.modo-renderer .ArcoMobile .number.error .arco-steps-item-icon {
  background: #f53f3f;
}
.ArcoMobile .arco-steps-item-icon svg,
.modo-renderer .ArcoMobile .arco-steps-item-icon svg {
  font-size: 10px;
}
.ArcoMobile .finish .arco-steps-item-icon svg,
.modo-renderer .ArcoMobile .finish .arco-steps-item-icon svg {
  color: #165dff;
}
.ArcoMobile .error .arco-steps-item-icon svg,
.modo-renderer .ArcoMobile .error .arco-steps-item-icon svg {
  color: #ffffff;
  font-size: 8px;
}
.ArcoMobile .arco-steps-item-icon-num,
.modo-renderer .ArcoMobile .arco-steps-item-icon-num {
  font-size: 12px;
  line-height: 18px;
  color: #86909c;
  font-weight: bold;
}
.ArcoMobile .android .arco-steps-item-icon-num,
.modo-renderer .ArcoMobile .android .arco-steps-item-icon-num,
.ArcoMobile .arco-steps-item-icon-num.android,
.modo-renderer .ArcoMobile .arco-steps-item-icon-num.android,
.ArcoMobile .arco-steps-item-icon-num.system-android,
.modo-renderer .ArcoMobile .arco-steps-item-icon-num.system-android {
  font-weight: 400;
  -webkit-text-stroke: 0.3px currentColor;
  text-stroke: 0.3px currentColor;
}
.ArcoMobile .process .arco-steps-item-icon-num,
.modo-renderer .ArcoMobile .process .arco-steps-item-icon-num {
  color: #ffffff;
}
.ArcoMobile .arco-steps-item-icon-dot,
.modo-renderer .ArcoMobile .arco-steps-item-icon-dot {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border-width: 1.5px;
  border-style: solid;
}
.ArcoMobile .finish .arco-steps-item-icon-dot,
.modo-renderer .ArcoMobile .finish .arco-steps-item-icon-dot {
  border-color: #165dff;
}
.ArcoMobile .wait .arco-steps-item-icon-dot,
.modo-renderer .ArcoMobile .wait .arco-steps-item-icon-dot {
  border-color: #86909c;
}
.ArcoMobile .process .arco-steps-item-icon-dot,
.modo-renderer .ArcoMobile .process .arco-steps-item-icon-dot {
  border: none;
  background: #165dff;
}
.ArcoMobile .horizontal .arco-steps-item-content,
.modo-renderer .ArcoMobile .horizontal .arco-steps-item-content {
  margin-top: 5px;
}
.ArcoMobile .horizontal .arco-steps-item-content-align-center,
.modo-renderer .ArcoMobile .horizontal .arco-steps-item-content-align-center {
  text-align: center;
}
.ArcoMobile .vertical .arco-steps-item-content,
.modo-renderer .ArcoMobile .vertical .arco-steps-item-content {
  margin-left: 13px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
}
.ArcoMobile .vertical .arco-steps-item-content-align-start,
.modo-renderer .ArcoMobile .vertical .arco-steps-item-content-align-start {
  padding-bottom: 25px;
}
.ArcoMobile .arco-steps-item-title,
.modo-renderer .ArcoMobile .arco-steps-item-title {
  font-size: 14px;
  line-height: 20px;
}
.ArcoMobile .finish .arco-steps-item-title,
.modo-renderer .ArcoMobile .finish .arco-steps-item-title {
  color: #1d2129;
}
.ArcoMobile .error .arco-steps-item-title,
.modo-renderer .ArcoMobile .error .arco-steps-item-title {
  color: #f53f3f;
}
.ArcoMobile .process .arco-steps-item-title,
.modo-renderer .ArcoMobile .process .arco-steps-item-title {
  color: #165dff;
  font-weight: 500;
}
.ArcoMobile .wait .arco-steps-item-title,
.modo-renderer .ArcoMobile .wait .arco-steps-item-title {
  color: #86909c;
}
.ArcoMobile .arco-steps-item-description,
.modo-renderer .ArcoMobile .arco-steps-item-description {
  font-size: 12px;
  line-height: 18px;
  color: #4e5969;
}
.ArcoMobile .wait .arco-steps-item-description,
.modo-renderer .ArcoMobile .wait .arco-steps-item-description {
  color: #86909c;
}
.ArcoMobile .vertical .arco-steps-item-description,
.modo-renderer .ArcoMobile .vertical .arco-steps-item-description {
  margin-top: 2px;
}
.ArcoMobile .arco-steps.vertical,
.modo-renderer .ArcoMobile .arco-steps.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-bottom: 0;
  padding-left: 20px;
}
.ArcoMobile.arco-divider,
.modo-renderer .ArcoMobile.arco-divider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 16px 0;
  border-color: #e5e6eb;
  border-width: 0;
  border-style: solid;
}
.ArcoMobile.arco-divider::before,
.modo-renderer .ArcoMobile.arco-divider::before,
.ArcoMobile.arco-divider::after,
.modo-renderer .ArcoMobile.arco-divider::after {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit;
  border-width: 0;
  border-color: inherit;
  border-style: inherit;
  border-top-width: 1px;
}
.ArcoMobile.arco-divider::before,
.modo-renderer .ArcoMobile.arco-divider::before {
  content: '';
}
.ArcoMobile.arco-divider--hairline::before,
.modo-renderer .ArcoMobile.arco-divider--hairline::before,
.ArcoMobile.arco-divider--hairline::after,
.modo-renderer .ArcoMobile.arco-divider--hairline::after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  .ArcoMobile.arco-divider--hairline::before,
  .modo-renderer .ArcoMobile.arco-divider--hairline::before,
  .ArcoMobile.arco-divider--hairline::after,
  .modo-renderer .ArcoMobile.arco-divider--hairline::after {
    -webkit-transform: scaleY(0.33333333);
    transform: scaleY(0.33333333);
  }
}
.ArcoMobile.arco-divider--with-text,
.modo-renderer .ArcoMobile.arco-divider--with-text {
  font-size: 14px;
  color: #4e5969;
}
.ArcoMobile.arco-divider--with-text::before,
.modo-renderer .ArcoMobile.arco-divider--with-text::before {
  margin-right: 12px;
}
.ArcoMobile.arco-divider--with-text::after,
.modo-renderer .ArcoMobile.arco-divider--with-text::after {
  content: '';
  margin-left: 12px;
}
.ArcoMobile.arco-divider--with-width::before,
.modo-renderer .ArcoMobile.arco-divider--with-width::before,
.ArcoMobile.arco-divider--with-width::after,
.modo-renderer .ArcoMobile.arco-divider--with-width::after {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
}
.ArcoMobile.arco-divider--text-left::before,
.modo-renderer .ArcoMobile.arco-divider--text-left::before {
  max-width: 28px;
}
.ArcoMobile.arco-divider--text-right::after,
.modo-renderer .ArcoMobile.arco-divider--text-right::after {
  max-width: 28px;
}
.all-border-box,
.all-border-box * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/** 隐藏组件spin图标 **/
.arco-spin-icon-hide .arco-spin-icon {
  color: white;
}
/** 抽屉标题宽度100%  **/
.arco-drawer-header-title-w-100 .arco-drawer-header-title {
  width: 100%;
}
.arco-modal-header .arco-modal-title {
  text-align: left !important;
}
.no-padding > .arco-tabs-content {
  padding-top: 0 !important;
}
.custom-collapse .arco-collapse-item-header {
  background: var(--color-gray-2);
}
.custom-collapse .arco-collapse-item-content {
  background: #ffffff;
}
.custom-collapse-light .arco-collapse-item-header {
  border-bottom: 0;
}
.custom-collapse-light .arco-collapse-item-header.arco-collapse-item-header-left {
  padding-left: 26px;
  padding-right: 12px;
}
.custom-collapse-light .arco-collapse-item-header.arco-collapse-item-header-right {
  padding-left: 12px;
  padding-right: 26px;
}
.custom-collapse-light .arco-collapse-item {
  border-bottom: 0;
}
.custom-collapse-light .arco-collapse-item .arco-collapse-item-icon-hover {
  left: 8px;
}
.custom-collapse-light .arco-collapse-item-content {
  background-color: transparent;
}
.custom-collapse-light .arco-collapse-item-content .arco-collapse-item-content-box {
  padding: 8px 12px 8px 12px;
}
.api-tree .arco-tree-node-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.api-tree .arco-tree-node-selected {
  background-color: var(--color-fill-2);
}
.api-tree .arco-tree-node-disabled-selectable .arco-tree-node-title {
  color: #1d2129;
}
.tooltip-width-600 .arco-tooltip-content {
  background-color: '#F2F3F5' !important;
  color: '#3F3F46';
  width: 600px;
}
.tooltip-width-600 .arco-tooltip-arrow {
  background-color: '#F2F3F5' !important;
}
.popconfirm-no-button .arco-popconfirm-content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.popconfirm-no-button .arco-popconfirm-content .arco-popconfirm-title {
  display: none !important;
}
.popconfirm-no-button .arco-popconfirm-content .arco-popconfirm-btn {
  display: none !important;
}
.popconfirm-no-button .arco-popconfirm-content .arco-popconfirm-inner-content {
  padding: 0;
  margin: 0;
}
.arco-popover-content {
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
}
.arco-popover-content .arco-popover-content-inner {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.arco-popover-content .arco-popover-content-inner .arco-popover-inner {
  visibility: visible;
  position: static;
  position: initial;
  max-width: 350px;
}
.arco-popover-content .arco-popover-content-inner .arco-popover-inner .arco-popover-inner-content {
  color: var(--color-gray-10);
}
/*表单内content元素的层级为1*/
.arco-form-item .arco-form-label-item + .arco-form-item-wrapper {
  z-index: 1;
}
/*表单内直属按钮层级为1*/
.arco-form > .arco-btn {
  z-index: 1;
}
@media (max-width: 375px) {
  .arco-modal {
    width: calc(100% - 32px);
    padding: 12px 16px 16px;
  }
}
.arco-typography b {
  font-weight: 600;
}
/*ie下上传组件文件列表样式问题*/
.arco-upload-list .arco-upload-list-item {
  opacity: 0.875;
}
/*折叠面版*/
.arco-collapse-item .arco-collapse-item-header .arco-collapse-item-header-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.arco-collapse-item .arco-collapse-item-header .arco-collapse-item-header-title .collapse-item-header-title-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.arco-collapse-item .arco-collapse-item-header .arco-collapse-item-header-title .collapse-item-header-title-content .collapse-item-header-title-content-prefix {
  display: inline-block;
  margin-right: 4px;
}
/*气泡卡片*/
.ModoPopover .arco-popover-content .arco-popover-content-inner .arco-popover-inner .arco-popover-title .popover-title-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ModoPopover .arco-popover-content .arco-popover-content-inner .arco-popover-inner .arco-popover-title .popover-title-content .popover-title-prefix {
  display: inline-block;
  margin-right: 4px;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 28px;
}
div.arco-typography,
p.arco-typography {
  margin-bottom: 0 !important;
  display: inline-block;
  vertical-align: middle;
  line-height: inherit;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.25);
  border: 2px solid transparent;
  border-radius: 10px;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(50, 50, 50, 0.5);
}
::-webkit-scrollbar-track {
  background-color: rgba(50, 50, 50, 0.05);
}