div .cloudapp-btn {
  border-radius: var(--form-redius);
}
div .cloudapp-btn:hover,
div .cloudapp-btn:focus {
  color: var(--primary-dark);
  border-color: var(--primary-dark);
}
div .cloudapp-btn-primary {
  background: var(--primary);
  border-color: var(--primary);
}
div .cloudapp-btn-primary:hover,
div .cloudapp-btn-primary:focus {
  background: var(--primary-dark);
  border-color: var(--primary-dark);
  color: #fff;
}
div .cloudapp-btn-background-ghost.cloudapp-btn-primary {
  color: var(--primary);
  border-color: var(--primary);
}
div .cloudapp-btn-background-ghost.cloudapp-btn-primary:hover,
div .cloudapp-btn-background-ghost.cloudapp-btn-primary:focus {
  border-color: var(--primary-dark);
  color: var(--primary-dark);
}
div .cloudapp-btn-danger {
  background: var(--danger);
  border-color: var(--danger);
}
div .cloudapp-btn-danger:hover,
div .cloudapp-btn-danger:focus {
  background: var(--danger-dark);
  border-color: var(--danger-dark);
  color: #fff;
}
div .cloudapp-btn-background-ghost.cloudapp-btn-danger {
  color: var(--danger);
  border-color: var(--danger);
}
div .cloudapp-btn-background-ghost.cloudapp-btn-danger:hover,
div .cloudapp-btn-background-ghost.cloudapp-btn-danger:focus {
  color: var(--danger-dark);
  border-color: var(--danger-dark);
}
div .cloudapp-checkbox {
  color: inherit;
}
div .cloudapp-checkbox-checked .cloudapp-checkbox-inner {
  border-color: var(--primary);
  background-color: var(--primary);
}
div .cloudapp-checkbox-inner {
  border-radius: var(--form-redius);
  background-color: var(--form-bg);
  border-color: var(--bd-color);
}
div .cloudapp-checkbox-wrapper {
  color: inherit;
}
div .cloudapp-checkbox-disabled + span {
  color: inherit;
  opacity: 0.8;
}
div .cloudapp-checkbox-disabled.cloudapp-checkbox-checked .cloudapp-checkbox-inner::after {
  border-color: var(--bd-color);
}
div .cloudapp-checkbox-wrapper:hover .cloudapp-checkbox-inner,
div .cloudapp-checkbox:hover .cloudapp-checkbox-inner,
div .cloudapp-checkbox-input:focus + .cloudapp-checkbox-inner {
  border-color: var(--primary);
}
div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner::after {
  background-color: var(--primary);
}
div .cloudapp-checkbox-disabled .cloudapp-checkbox-inner {
  background-color: var(--form-bg);
  opacity: 0.8;
}
div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner {
  background-color: #fff;
  border-color: var(--bd-color) !important;
}
div .cloudapp-tree-checkbox-inner {
  border-color: var(--bd-color);
  border-radius: var(--form-redius);
}
div .cloudapp-tree-checkbox-wrapper:hover .cloudapp-tree-checkbox-inner,
div .cloudapp-tree-checkbox:hover .cloudapp-tree-checkbox-inner,
div .cloudapp-tree-checkbox-input:focus + .cloudapp-tree-checkbox-inner {
  border-color: var(--primary);
}
div .cloudapp-tree-checkbox-checked .cloudapp-tree-checkbox-inner {
  border-color: var(--primary);
  background-color: var(--primary);
}
div .cloudapp-tree-checkbox-disabled .cloudapp-tree-checkbox-inner {
  background-color: var(--bg-lv1);
  border-color: var(--bd-color);
}
div .cloudapp-tree-checkbox-indeterminate .cloudapp-tree-checkbox-inner::after {
  background-color: var(--primary);
}
div .cloudapp-checkbox-checked::after {
  border-color: var(--primary);
}
div .cloudapp-checkbox-group {
  color: inherit;
}
div .cloudapp-form {
  color: inherit;
}
div .cloudapp-form-item-label > label {
  color: inherit;
}
div .cloudapp-form-item {
  font-size: var(--fs);
  color: inherit;
}
div .cloudapp-input {
  color: inherit;
  border-radius: var(--form-redius);
  border-color: var(--bd-color);
  background-color: var(--form-bg);
}
div .cloudapp-input:hover {
  border-color: var(--primary);
}
div .cloudapp-input:focus,
div .cloudapp-input-focused {
  border-color: var(--primary);
}
div .cloudapp-input-affix-wrapper {
  background-color: var(--form-bg);
  color: inherit;
  border-radius: var(--form-redius);
  border-color: var(--bd-color);
}
div .cloudapp-input-affix-wrapper:hover {
  border-color: var(--primary);
}
div .cloudapp-input-affix-wrapper:focus,
div .cloudapp-input-affix-wrapper-focused {
  border-color: var(--primary);
}
div .cloudapp-input[disabled] {
  background-color: var(--form-bg);
  color: inherit;
  border-color: var(--bd-color);
  opacity: 0.7;
}
div .cloudapp-input-number {
  color: inherit;
  border-radius: var(--form-redius);
  border-color: var(--bd-color);
  background-color: var(--form-bg);
}
div .cloudapp-input-number:hover {
  border-color: var(--primary);
}
div .cloudapp-input-number:focus,
div .cloudapp-input-number-focused {
  border-color: var(--primary);
}
div .cloudapp-input-number-handler-wrap {
  border-radius: 0 var(--form-redius) var(--form-redius) 0;
  background-color: var(--form-bg);
  color: inherit;
}
div .cloudapp-input-number-handler {
  color: inherit;
  border-top-color: var(--bd-color);
}
div .cloudapp-input-number-handler-up-inner,
div .cloudapp-input-number-handler-down-inner {
  color: inherit;
}
div .cloudapp-pagination {
  color: inherit;
}
div .cloudapp-pagination-prev,
div .cloudapp-pagination-next,
div .cloudapp-pagination-jump-prev,
div .cloudapp-pagination-jump-next {
  border-radius: var(--form-redius);
  line-height: 28px;
}
div .cloudapp-pagination-prev .cloudapp-pagination-item-link,
div .cloudapp-pagination-next .cloudapp-pagination-item-link {
  border-radius: var(--form-redius);
}
div .cloudapp-pagination-item {
  border-radius: var(--form-redius);
}
div .cloudapp-pagination-item-active {
  border-color: var(--primary);
}
div .cloudapp-pagination-item-active a {
  color: var(--primary);
}
div .cloudapp-pagination-item:focus,
div .cloudapp-pagination-item:hover {
  border-color: var(--primary);
}
div .cloudapp-pagination-item:focus a,
div .cloudapp-pagination-item:hover a {
  color: var(--primary);
}
div .cloudapp-pagination-prev:focus .cloudapp-pagination-item-link,
div .cloudapp-pagination-next:focus .cloudapp-pagination-item-link,
div .cloudapp-pagination-prev:hover .cloudapp-pagination-item-link,
div .cloudapp-pagination-next:hover .cloudapp-pagination-item-link {
  color: var(--primary);
  border-color: var(--primary);
}
div .cloudapp-pagination-disabled .cloudapp-pagination-item-link,
div .cloudapp-pagination-disabled:hover .cloudapp-pagination-item-link,
div .cloudapp-pagination-disabled:focus .cloudapp-pagination-item-link {
  border-color: var(--disabled);
  color: var(--disabled);
}
div .cloudapp-picker {
  background-color: var(--form-bg);
  border-radius: var(--form-radius);
  color: inherit;
}
div .cloudapp-picker:hover,
div .cloudapp-picker-focused {
  border-color: var(--primary);
}
div .cloudapp-picker-suffix {
  color: inherit;
}
div .cloudapp-picker-panel {
  background-color: var(--form-bg);
  border-color: var(--form-divider-color);
}
div .cloudapp-picker-panel .cloudapp-picker-footer {
  border-color: var(--form-divider-color);
}
div .cloudapp-picker-header {
  border-bottom-color: var(--form-divider-color);
  color: inherit;
}
div .cloudapp-picker-header button {
  color: inherit;
}
div .cloudapp-picker-panel-container {
  background-color: var(--form-bg);
}
div .cloudapp-picker-dropdown {
  color: inherit;
  border-radius: var(--form-radius);
}
div .cloudapp-picker-cell {
  color: inherit;
  opacity: 0.6;
}
div .cloudapp-picker-cell-in-view {
  color: inherit;
  opacity: 1;
}
div .cloudapp-picker-content th {
  color: inherit;
}
div .cloudapp-picker-today-btn {
  color: var(--primary);
}
div .cloudapp-picker-cell .cloudapp-picker-cell-inner {
  border-radius: var(--form-radius);
}
div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-today .cloudapp-picker-cell-inner::before {
  border-radius: var(--form-radius);
}
div .cloudapp-picker-cell:hover:not(.cloudapp-picker-cell-in-view) .cloudapp-picker-cell-inner,
div .cloudapp-picker-cell:hover:not(.cloudapp-picker-cell-selected):not(.cloudapp-picker-cell-range-start):not(.cloudapp-picker-cell-range-end):not(.cloudapp-picker-cell-range-hover-start):not(.cloudapp-picker-cell-range-hover-end) .cloudapp-picker-cell-inner {
  background-color: var(--form-bg-dark);
}
div .cloudapp-picker-input > input {
  color: inherit;
}
div .cloudapp-picker-range-arrow::after {
  border-color: var(--form-bg);
}
div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-selected .cloudapp-picker-cell-inner,
div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-start .cloudapp-picker-cell-inner,
div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-end .cloudapp-picker-cell-inner {
  background-color: var(--primary);
}
div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-start:not(.cloudapp-picker-cell-range-start-single)::before,
div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-end:not(.cloudapp-picker-cell-range-end-single)::before {
  background-color: var(--primary);
  opacity: 0.8;
}
div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-in-range::before {
  background-color: var(--primary);
  opacity: 0.8;
}
div .cloudapp-picker-focused .cloudapp-picker-separator {
  color: inherit;
}
div .cloudapp-picker-separator {
  color: inherit;
}
div .cloudapp-picker-range .cloudapp-picker-active-bar {
  background-color: var(--primary);
}
div .cloudapp-popover-inner {
  border-radius: var(--form-redius);
}
div .cloudapp-radio-button-wrapper {
  outline: unset;
}
div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled):hover {
  border-color: var(--primary);
  color: var(--primary);
}
div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled) {
  border-color: var(--primary);
  color: var(--primary);
  box-shadow: -1px 0 0 0 var(--primary);
}
div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled):first-child {
  border-color: var(--primary);
}
div .cloudapp-radio-disabled .cloudapp-radio-inner::after {
  background-color: var(--bd-color);
}
div .cloudapp-radio-disabled .cloudapp-radio-inner {
  background-color: var(--form-bg);
  opacity: 0.8;
}
div .cloudapp-radio-button-wrapper:hover {
  color: var(--primary);
}
div .cloudapp-radio-checked .cloudapp-radio-inner {
  border-color: var(--primary);
}
div .cloudapp-radio-inner {
  background-color: var(--form-bg);
}
div .cloudapp-radio-inner::after {
  background-color: var(--primary);
}
div .cloudapp-radio-checked::after {
  border-color: var(--primary);
}
div .cloudapp-radio-wrapper {
  color: inherit;
}
div .cloudapp-radio-disabled + span {
  color: inherit;
  opacity: 0.8;
}
div .cloudapp-radio-wrapper:hover .cloudapp-radio,
div .cloudapp-radio:hover .cloudapp-radio-inner,
div .cloudapp-radio-input:focus + .cloudapp-radio-inner {
  border-color: var(--primary);
}
div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled)::before {
  background-color: var(--primary) !important;
  opacity: unset;
}
div .cloudapp-radio-group-solid .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled) {
  background-color: var(--primary);
  border-color: var(--primary);
}
div .cloudapp-radio-group-solid .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled):hover {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
  box-shadow: -1px 0 0 0 var(--primary);
}
div .cloudapp-radio-button-wrapper-checked:not([class*=' cloudapp-radio-button-wrapper-disabled']).cloudapp-radio-button-wrapper:first-child {
  border-right-color: var(--primary);
}
div .cloudapp-radio-button-wrapper:last-child {
  border-radius: 0 var(--form-redius) var(--form-redius) 0;
}
div .cloudapp-radio-button-wrapper:first-child {
  border-radius: var(--form-redius) 0 0 var(--form-redius);
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #ddd;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb:hover {
  background: #888;
}
::-webkit-scrollbar-thumb:active {
  background: #999;
}
div .cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
  border-radius: var(--form-redius);
  border-color: var(--bd-color);
  background-color: var(--form-bg);
}
div .cloudapp-select-multiple .cloudapp-select-selector {
  border-radius: var(--form-redius);
  border-color: var(--bd-color);
  background-color: var(--form-bg);
}
div .cloudapp-select-multiple .cloudapp-select-selection-item {
  border-radius: var(--form-redius);
  border-color: var(--bd-color);
  background-color: var(--form-bg);
}
div .cloudapp-select:not(.cloudapp-select-disabled):hover .cloudapp-select-selector {
  border-color: var(--primary);
}
div .cloudapp-select-focused.cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
  border-color: var(--primary);
}
div .cloudapp-select-focused.cloudapp-select-multiple .cloudapp-select-selector {
  border-color: var(--primary);
}
div .cloudapp-select-multiple .cloudapp-select-selection-item-remove {
  color: inherit;
}
div .cloudapp-select-multiple .cloudapp-select-selection-item-remove:hover {
  color: var(--primary);
}
div .cloudapp-select {
  color: inherit;
  font-size: var(--fs);
}
div .cloudapp-select-arrow {
  color: inherit;
}
div .cloudapp-select-dropdown {
  background-color: var(--form-bg);
  color: inherit;
}
div .cloudapp-select-item {
  color: inherit;
}
div .cloudapp-select-item-option-active:not(.cloudapp-select-item-option-disabled) {
  background-color: var(--form-bg-dark);
}
div .cloudapp-select-item-option-selected:not(.cloudapp-select-item-option-disabled) .cloudapp-select-item-option-state {
  color: var(--primary);
}
div .cloudapp-select-item-option-selected:not(.cloudapp-select-item-option-disabled) {
  color: var(--primary);
  background-color: var(--form-bg-light);
}
div .cloudapp-select-focused:not(.cloudapp-select-disabled).cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
  border-color: var(--primary);
}
div .cloudapp-table {
  background-color: var(--table-bg);
  color: inherit;
  font-size: var(--fs);
}
div .cloudapp-table-tbody > tr.cloudapp-table-row:hover > td {
  background: var(--table-row-hover-color);
}
div .cloudapp-table-thead > tr > th:not(.cloudapp-table-cell-scrollbar) {
  background-color: var(--table-head-bg);
  border-bottom-color: var(--table-bd);
  color: inherit;
}
div .cloudapp-table-thead > tr > th.cloudapp-table-cell-scrollbar {
  box-shadow: none;
  background-color: var(--table-head-bg);
}
div .cloudapp-table-cell-fix-left,
div .cloudapp-table-cell-fix-right {
  background-color: var(--table-bg);
}
div .cloudapp-table-tbody > tr > td {
  border-bottom-color: var(--table-bd);
}
div tr.cloudapp-table-expanded-row > td,
div tr.cloudapp-table-expanded-row:hover > td {
  background-color: var(--table-row-hover-color);
}
div .cloudapp-table-row-expand-icon {
  border-radius: var(--form-redius);
  color: var(--primary);
}
div .cloudapp-table-row-expand-icon:focus,
div .cloudapp-table-row-expand-icon:hover {
  color: var(--primary-dark);
}
div .cloudapp-tree {
  color: inherit;
  background: transparent;
}
:root {
  color: var(--color);
}