@alicloud/console-components
Version:
Alibaba Cloud React Components
1,373 lines (1,313 loc) • 219 kB
CSS
@charset "UTF-8";
.next-overlay-wrapper .next-overlay-inner::-webkit-scrollbar {
width: var(--scrollbar-width, 4px);
height: var(--scrollbar-height, 4px);
}
.next-overlay-wrapper .next-overlay-inner::-webkit-scrollbar-track {
opacity: 0.5;
background: var(--scrollbar-track-bg, #eaedf0);
border-radius: var(--scrollbar-track-border-radius, 3px);
}
.next-overlay-wrapper .next-overlay-inner::-webkit-scrollbar-thumb {
opacity: 0.5;
background: var(--scrollbar-thumb-bg, #abb6c0);
border-radius: var(--scrollbar-thumb-border-radius, 3px);
}
body {
line-height: 1.66667;
}
code, kbd, pre, samp {
font-family: Consolas, Menlo, Courier, monospace;
}
a:link, a:visited, a:hover, a:active {
text-decoration: none;
}
.next-range-scale-item.next-range-scale-item.next-range-scale-item.next-range-scale-item {
top: var(--range-scale-item-position-top, 0px);
width: var(--range-scale-item-width, 1px);
}
.next-range .next-range-slider-inner:hover {
transform: scale(1.38);
}
.next-range .next-range-slider-moving .next-range-slider-inner.next-range-slider-inner.next-range-slider-inner {
transform: scale(1.38);
}
.next-timeline-item.next-timeline-item-done .next-timeline-item-dot {
border-radius: 50%;
background: var(--timeline-item-done-background, #C0C6CC);
border: var(--timeline-item-done-border);
}
.next-balloon.next-balloon.next-balloon::after {
box-shadow: none;
}
.next-balloon.next-balloon-bottom-right::after, .next-balloon.next-balloon-bottom-left::after, .next-balloon.next-balloon-bottom::after {
border-bottom-right-radius: var(--balloon-arrow-border-radius, 2px);
}
.next-balloon.next-balloon-top-right::after, .next-balloon.next-balloon-top-left::after, .next-balloon.next-balloon-top::after {
border-top-left-radius: var(--balloon-arrow-border-radius, 2px);
}
.next-balloon.next-balloon-right-top::after, .next-balloon.next-balloon-right-bottom::after, .next-balloon.next-balloon-right::after {
border-top-right-radius: var(--balloon-arrow-border-radius, 2px);
}
.next-balloon.next-balloon-left-top::after, .next-balloon.next-balloon-left-bottom::after, .next-balloon.next-balloon-left::after {
border-bottom-left-radius: var(--balloon-arrow-border-radius, 2px);
}
.next-balloon-tooltip.next-balloon-tooltip.next-balloon-tooltip::after {
box-shadow: none;
}
.next-balloon-tooltip.next-balloon-tooltip-bottom-right::after, .next-balloon-tooltip.next-balloon-tooltip-bottom-left::after, .next-balloon-tooltip.next-balloon-tooltip-bottom::after {
border-bottom-right-radius: var(--balloon-arrow-border-radius, 2px);
}
.next-balloon-tooltip.next-balloon-tooltip-top-right::after, .next-balloon-tooltip.next-balloon-tooltip-top-left::after, .next-balloon-tooltip.next-balloon-tooltip-top::after {
border-top-left-radius: var(--balloon-arrow-border-radius, 2px);
}
.next-balloon-tooltip.next-balloon-tooltip-right-top::after, .next-balloon-tooltip.next-balloon-tooltip-right-bottom::after, .next-balloon-tooltip.next-balloon-tooltip-right::after {
border-top-right-radius: var(--balloon-arrow-border-radius, 2px);
}
.next-balloon-tooltip.next-balloon-tooltip-left-top::after, .next-balloon-tooltip.next-balloon-tooltip-left-bottom::after, .next-balloon-tooltip.next-balloon-tooltip-left::after {
border-bottom-left-radius: var(--balloon-arrow-border-radius, 2px);
}
.next-btn {
font-weight: var(--btn-font-weight, 400);
transition: all 0.1s;
}
.next-btn[disabled]:hover {
box-shadow: none;
}
.next-btn-primary:hover, .next-btn-primary:focus-visible {
box-shadow: var(--btn-primary-hover-shadow);
}
.next-btn-primary:active {
box-shadow: var(--btn-primary-active-shadow);
}
.next-btn.next-btn-text {
font-weight: 400;
}
.next-btn.next-btn-text:hover, .next-btn.next-btn-text:focus-visible, .next-btn.next-btn-text:active {
box-shadow: none;
}
.next-btn-normal:hover, .next-btn-normal:focus-visible {
box-shadow: var(--btn-normal-hover-shadow);
}
.next-btn-normal:active {
box-shadow: var(--btn-normal-active-shadow);
}
.next-btn.next-small.isTwoToThreeCNCharBtn:not(.next-btn-loading):not(.next-btn-text) {
width: var(--btn-small-cn2-3-width, 62px);
padding: 0;
}
.next-btn.next-small.isFourCNCharBtn:not(.next-btn-loading):not(.next-btn-text) {
width: var(--btn-small-cn4-width, 72px);
padding: 0;
}
.next-btn.next-small:not(.is-wind).isOnlyIcon {
width: 24px;
padding: 0;
}
.next-btn.next-medium.isTwoToThreeCNCharBtn:not(.next-btn-loading):not(.next-btn-text) {
width: var(--btn-medium-cn2-3-width, 62px);
padding: 0;
}
.next-btn.next-medium.isFourCNCharBtn:not(.next-btn-loading):not(.next-btn-text) {
width: var(--btn-medium-cn4-width, 80px);
padding: 0;
}
.next-btn.next-medium:not(.is-wind).isOnlyIcon {
width: 32px;
padding: 0;
}
.next-btn.next-large.isTwoToThreeCNCharBtn:not(.next-btn-loading):not(.next-btn-text) {
width: var(--btn-large-cn2-3-width, 64px);
padding: 0;
}
.next-btn.next-large.isFourCNCharBtn:not(.next-btn-loading):not(.next-btn-text) {
width: var(--btn-large-cn4-width, 88px);
padding: 0;
}
.next-btn.next-large:not(.is-wind).isOnlyIcon {
width: 36px;
padding: 0;
}
.next-btn-group .next-btn.next-btn.next-btn.next-btn {
min-width: unset;
}
.next-btn-group .next-btn.next-btn-primary {
border-style: solid;
border-color: rgba(255, 255, 255, 0.2);
}
.next-btn .teamix-icon {
vertical-align: middle;
}
.next-btn .teamix-icon-first {
margin-left: 0;
margin-right: 4px;
}
.next-btn .teamix-icon-last {
margin-left: 4px;
margin-right: 0;
}
.next-btn.next-btn-normal.next-btn-text.next-btn-warning:hover {
color: var(--color-error-5);
}
.next-btn.next-btn-normal.next-btn-text.next-btn-warning:active {
color: var(--color-error-6);
}
.next-btn.next-btn-primary.next-btn-text.next-btn-warning {
color: var(--color-error-5);
}
.next-btn.next-btn-primary.next-btn-text.next-btn-warning:hover {
color: var(--color-error-4);
}
.next-btn.next-btn-primary.next-btn-text.next-btn-warning:active {
color: var(--color-error-6);
}
.next-pagination {
font-size: inherit;
}
.next-pagination .next-pagination-item.next-current.next-current.next-current {
z-index: 2;
}
.next-pagination .next-pagination-item:not(.next-current):hover, .next-pagination .next-pagination-item:not(.next-current):focus-visible {
background-color: var(--pagination-item-hover-bg, #fff);
}
.next-pagination .next-pagination-item.next-pagination-item.next-pagination-item.next-btn {
min-width: 32px;
}
.next-pagination .next-pagination-item.next-pagination-item.next-pagination-item.next-btn.next-small {
min-width: 24px;
}
.next-pagination .next-pagination-item.next-pagination-item.next-pagination-item.next-btn.next-prev, .next-pagination .next-pagination-item.next-pagination-item.next-pagination-item.next-btn.next-next {
border-color: var(--pagination-item-border-color, transparent);
}
.next-pagination .next-pagination-item.next-pagination-item.next-pagination-item.next-btn.next-prev[disabled]:hover, .next-pagination .next-pagination-item.next-pagination-item.next-pagination-item.next-btn.next-next[disabled]:hover {
background-color: var(--pagination-item-disabled-bg, #fff);
}
.next-pagination-size-selector-popup .next-select-menu-item.next-select-menu-item.next-select-menu-item.next-select-menu-item.next-select-menu-item {
padding-right: 0;
}
.next-transfer.next-transfer .next-transfer-panel-list {
padding: var(--transfer-panel-padding-mb, 0) var(--transfer-panel-padding-lr, 8px);
margin: var(--transfer-panel-margin-mb, 8px) 0;
}
.next-transfer.next-transfer .next-transfer-panel-list::-webkit-scrollbar {
width: var(--scrollbar-width, 4px);
height: var(--scrollbar-height, 4px);
}
.next-transfer.next-transfer .next-transfer-panel-list::-webkit-scrollbar-track {
opacity: 0.5;
background: var(--scrollbar-track-bg, #eaedf0);
border-radius: var(--scrollbar-track-border-radius, 3px);
}
.next-transfer.next-transfer .next-transfer-panel-list::-webkit-scrollbar-thumb {
opacity: 0.5;
background: var(--scrollbar-thumb-bg, #abb6c0);
border-radius: var(--scrollbar-thumb-border-radius, 3px);
}
.next-transfer-operations .next-transfer-operation.next-transfer-operation.next-transfer-operation {
padding: 0;
width: var(--transfer-operation-width, 24px);
height: var(--transfer-operation-height, 24px);
}
.next-transfer-operations .next-transfer-operation.next-transfer-operation.next-transfer-operation.next-btn {
min-width: unset;
}
.next-transfer-operations .next-transfer-operation.next-transfer-operation.next-transfer-operation[disabled], .next-transfer-operations .next-transfer-operation.next-transfer-operation.next-transfer-operation[disabled]:hover {
color: var(--btn-pure-primary-color-disabled, #ffffff);
background-color: var(--btn-pure-primary-bg-disabled, #d1d5d9);
border-color: var(--btn-pure-primary-border-color-disabled, transparent);
}
.next-transfer-operations .next-transfer-move::before {
width: var(--transfer-operation-simple-move-size, 16px);
height: var(--transfer-operation-simple-move-size, 16px);
font-size: var(--transfer-operation-simple-move-size, 16px);
}
.next-tabs-pure .next-tabs-tab.next-tabs-tab.next-tabs-tab.next-tabs-tab:hover {
background-color: var(--tab-pure-hover-bg);
}
.next-date-picker .next-date-picker-trigger {
transition: box-shadow var(--active-transition);
}
.next-date-picker .next-date-picker-trigger:hover, .next-date-picker .next-date-picker-trigger[aria-expanded=true] {
box-shadow: var(--active-shadow);
}
.next-date-picker .next-date-picker-trigger .next-date-picker-trigger-input {
box-shadow: none;
}
.next-range-picker .next-range-picker-trigger {
transition: box-shadow var(--active-transition);
}
.next-range-picker .next-range-picker-trigger:hover, .next-range-picker .next-range-picker-trigger[aria-expanded=true] {
box-shadow: var(--active-shadow);
}
.next-range-picker .next-range-picker-trigger .next-range-picker-trigger-input {
box-shadow: none;
}
.next-month-picker .next-month-picker-trigger {
transition: box-shadow var(--active-transition);
}
.next-month-picker .next-month-picker-trigger:hover, .next-month-picker .next-month-picker-trigger[aria-expanded=true] {
box-shadow: var(--active-shadow);
}
.next-month-picker .next-month-picker-trigger .next-month-picker-trigger-input {
box-shadow: none;
}
.next-year-picker .next-year-picker-trigger {
transition: box-shadow var(--active-transition);
}
.next-year-picker .next-year-picker-trigger:hover, .next-year-picker .next-year-picker-trigger[aria-expanded=true] {
box-shadow: var(--active-shadow);
}
.next-year-picker .next-year-picker-trigger .next-year-picker-trigger-input {
box-shadow: none;
}
.next-week-picker .next-week-picker-trigger {
transition: box-shadow var(--active-transition);
}
.next-week-picker .next-week-picker-trigger:hover, .next-week-picker .next-week-picker-trigger[aria-expanded=true] {
box-shadow: var(--active-shadow);
}
.next-week-picker .next-week-picker-trigger .next-week-picker-trigger-input {
box-shadow: none;
}
.next-calendar-panel-header-left .next-calendar-btn,
.next-calendar-panel-header-right .next-calendar-btn,
.next-calendar-panel-header-full .next-calendar-btn {
line-height: 30px;
}
.next-date-picker-panel-footer,
.next-range-picker-panel-footer,
.next-month-picker-panel-footer,
.next-year-picker-panel-footer,
.next-week-picker-panel-footer {
--popup-local-border-width: 1px;
}
.next-date-picker-panel-header,
.next-range-picker-panel-header,
.next-month-picker-panel-header,
.next-year-picker-panel-header,
.next-week-picker-panel-header {
padding: 8px;
}
.next-search {
transition: box-shadow var(--active-transition);
}
.next-search.next-search.next-search:hover, .next-search.next-search.next-search.focusing, .next-search.next-search.next-search.visible {
box-shadow: var(--active-shadow);
}
.next-search.next-search.next-search.disabled {
box-shadow: none;
}
.next-search.next-search.next-search .next-input:hover {
box-shadow: none;
}
.next-search.next-search.next-search .next-input-group:hover {
box-shadow: none;
}
.next-search.next-search.next-search .next-btn:hover {
box-shadow: none;
}
.next-search-simple:not(.is-wind) .next-input {
display: flex;
}
.next-search-simple:not(.is-wind) .next-input input {
padding-left: 0;
}
.next-search-simple:not(.is-wind) .next-input .next-input-inner {
width: auto;
order: -1;
display: flex;
justify-content: center;
align-items: center;
}
.next-search-simple:not(.is-wind) .next-input .next-input-inner .next-search-icon {
margin-right: 0;
padding: 0 12px;
}
.next-search-simple:not(.is-wind) .next-input .next-input-control {
width: auto;
order: 10;
display: flex;
justify-content: center;
align-items: center;
}
.next-search-simple:not(.is-wind) .next-input .next-input-control .next-input-hint-wrap {
padding-right: 0;
width: auto;
}
.next-search.next-normal.disabled .next-input-group, .next-search.next-search-normal.disabled .next-input-group {
border-color: var(--search-simple-normal-color, #dedede);
}
.next-search.next-normal .next-after .next-btn-normal, .next-search.next-search-normal .next-after .next-btn-normal {
padding: 0 8px;
}
.next-search.next-normal .next-after .next-btn-normal .next-icon-search, .next-search.next-search-normal .next-after .next-btn-normal .next-icon-search {
margin-right: 0;
}
.next-search.next-normal.custom-search-text .next-after .next-btn-normal {
padding: 0 16px;
}
.next-search .next-input.next-disabled * {
cursor: not-allowed;
}
.next-input.next-disabled {
cursor: not-allowed;
}
.next-input.next-disabled > input, .next-input.next-disabled > textarea {
cursor: not-allowed;
}
.next-input:hover, .next-input.next-focus {
box-shadow: var(--active-shadow);
}
.next-input.next-disabled {
box-shadow: none;
}
.next-input-group {
transition: box-shadow var(--active-transition);
}
.next-input-group:hover {
box-shadow: var(--active-shadow);
}
.next-input-group.next-disabled {
box-shadow: none;
}
.next-input-group .next-input {
box-shadow: none;
}
.next-input-group > .next-number-picker:first-child .next-input {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.next-input-group > .next-number-picker:first-child .next-input.next-focus {
position: relative;
z-index: 1;
}
.next-input-group > .next-number-picker:last-child .next-input {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.next-input-group > .next-number-picker:last-child .next-input.next-focus {
position: relative;
z-index: 1;
}
.next-input.next-noborder:hover, .next-input.next-noborder.next-focus {
box-shadow: none;
}
.next-select.next-active .next-select-inner {
box-shadow: var(--active-shadow);
border-color: var(--input-focus-border-color, #0064c8);
}
.next-select-menu.next-select-single-menu .next-icon-select, .next-select-menu.next-select-single-menu .next-icon-selected,
.next-select-menu.next-select-multiple-menu .next-icon-select,
.next-select-menu.next-select-multiple-menu .next-icon-selected,
.next-select-menu.next-select-tag-menu .next-icon-select,
.next-select-menu.next-select-tag-menu .next-icon-selected {
margin-left: var(--select-menu-select-icon-ml, -20px);
}
.next-select-menu.next-select-single-menu .next-select-menu-item.next-selected,
.next-select-menu.next-select-multiple-menu .next-select-menu-item.next-selected,
.next-select-menu.next-select-tag-menu .next-select-menu-item.next-selected {
font-weight: var(--select-selected-font-weight, 400);
}
.next-menu.next-menu {
padding: var(--menu-padding);
}
.next-menu.next-menu.next-menu.next-menu.next-menu .next-menu-symbol-icon-selected {
width: var(--menu-icon-selected-size, 16px);
font-size: var(--menu-icon-selected-size, 16px);
height: 100%;
overflow: hidden;
}
.next-menu.next-menu.next-menu.next-menu.next-menu .next-menu-symbol-icon-selected::before {
width: var(--menu-icon-selected-size, 16px);
font-size: var(--menu-icon-selected-size, 16px);
}
.next-menu-item {
border-radius: var(--corner-1);
}
.next-menu-selectable-multiple .next-menu-item:not([role=menuitemcheckbox]):not([role=menuitemradio]):not(.next-nav-item), .next-menu-selectable-single .next-menu-item:not([role=menuitemcheckbox]):not([role=menuitemradio]):not(.next-nav-item) {
padding: 0 var(--menu-padding-horizontal) 0 var(--menu-padding-horizontal-selectable, var(--menu-padding-horizontal));
}
.next-menu-item-inner .next-checkbox,
.next-menu-item-inner .next-radio {
margin-right: var(--menu-checkbox-mr, 8px);
}
.next-menu .next-menu-icon-selected.next-icon {
margin-left: var(--select-menu-select-icon-ml, -20px);
}
.next-split-btn.next-split-btn > .next-btn {
box-shadow: none;
}
.next-number-picker > .next-input .next-number-picker-handler:focus-within {
opacity: 1;
}
.next-number-picker > .next-input .next-number-picker-handler .next-btn.next-btn.next-btn.next-btn {
min-width: unset;
border: var(--number-picker-handler-btn-border, none);
}
.next-number-picker > .next-input .next-number-picker-handler .next-btn.next-btn.next-btn.next-btn:not(.disabled):hover {
border: var(--number-picker-handler-btn-border-hover, none);
}
.next-number-picker > .next-input .next-number-picker-handler .next-btn.next-btn.next-btn.next-btn.next-btn:first-child {
border-right: none;
border-top: none;
}
.next-number-picker > .next-input .next-number-picker-handler .next-btn.next-btn.next-btn.next-btn.next-btn:last-child {
border-right: none;
border-bottom: none;
}
.next-number-picker-inline .next-input-group {
border: var(--number-picker-inline-group-border, 1px solid #c0c6cc);
border-radius: var(--number-picker-border-radius, 2px);
padding: var(--number-picker-inline-group-padding, 4px);
}
.next-number-picker-inline .next-input-group .next-input-group-addon .next-btn {
border: var(--number-picker-inline-group-btn-border, none);
border-radius: var(--number-picker-border-radius, 2px) !important;
min-width: unset;
}
.next-number-picker-inline .next-input-group .next-input-group-addon .next-btn:not(.disabled):hover {
border: var(--number-picker-inline-group-btn-border-hover, none);
}
.next-number-picker-inline .next-input-group .next-input {
border: var(--number-picker-inline-group-btn-border, none);
}
.next-number-picker-inline .next-input-group .next-input:hover {
border: var(--number-picker-inline-group-btn-border-hover, none);
}
.next-number-picker.next-disabled {
background-color: var(--input-disabled-bg-color, #f7f9fa);
}
.next-number-picker.next-disabled > .next-input {
border: var(--number-picker-normal-border, 1px solid #dedede);
}
.next-number-picker.next-disabled .next-input-group {
box-shadow: none;
}
.next-number-picker.next-disabled .next-input-group:hover {
border: var(--number-picker-inline-group-border, 1px solid #c0c6cc);
}
.next-number-picker.next-disabled .next-input-group .next-input-group-addon .next-btn {
background-color: var(--input-disabled-bg-color, #f7f9fa);
}
.next-number-picker.next-disabled .next-input-group .next-input-group-addon .next-btn:hover {
border: var(--number-picker-inline-group-btn-border, none);
}
.next-number-picker.next-disabled .next-input-group .next-input:hover {
border: var(--number-picker-inline-group-btn-border, none);
}
.next-number-picker-inline.next-medium .next-input-group .next-input-group-addon .next-btn {
height: var(--number-picker-final-height-medium, calc(var(--number-picker-height-medium) - 10px));
width: var(--number-picker-final-height-medium, calc(var(--number-picker-height-medium) - 10px));
min-width: unset;
}
.next-number-picker-inline.next-medium .next-input-group .next-input {
display: inline-block;
height: var(--number-picker-final-height-medium, calc(var(--number-picker-height-medium) - 10px));
line-height: var(--number-picker-final-height-medium, calc(var(--number-picker-height-medium) - 10px));
}
.next-number-picker-inline.next-medium .next-input-group .next-input input {
display: inline-block;
height: 100%;
}
.next-number-picker-inline.next-small .next-input-group .next-input-group-addon .next-btn {
height: var(--number-picker-final-height-small, calc(var(--number-picker-height-small) - 10px));
width: var(--number-picker-final-height-small, calc(var(--number-picker-height-small) - 10px));
min-width: unset;
}
.next-number-picker-inline.next-small .next-input-group .next-input {
display: inline-block;
height: var(--number-picker-final-height-small, calc(var(--number-picker-height-small) - 10px));
line-height: var(--number-picker-final-height-small, calc(var(--number-picker-height-small) - 10px));
}
.next-number-picker-inline.next-small .next-input-group .next-input input {
display: inline-block;
height: 100%;
}
.next-number-picker-inline.next-large .next-input-group .next-input-group-addon .next-btn {
height: var(--number-picker-final-height-large, calc(var(--number-picker-height-large) - 10px));
width: var(--number-picker-final-height-large, calc(var(--number-picker-height-large) - 10px));
min-width: unset;
}
.next-number-picker-inline.next-large .next-input-group .next-input {
display: inline-block;
height: var(--number-picker-final-height-large, calc(var(--number-picker-height-large) - 10px));
line-height: var(--number-picker-final-height-large, calc(var(--number-picker-height-large) - 10px));
}
.next-number-picker-inline.next-large .next-input-group .next-input input {
display: inline-block;
height: 100%;
}
.next-number-picker-normal.next-small.next-small.next-small .next-icon:before,
.next-number-picker-normal.next-small.next-small.next-small .next-icon .next-icon-remote {
line-height: inherit;
}
.next-number-picker.next-medium > .next-input .next-number-picker-handler .next-btn.next-btn.next-btn.next-btn {
height: calc((var(--form-element-medium-height, 32px) - var(--input-border-width, 1px) * 2) / 2);
}
.next-card {
transition: box-shadow var(--active-transition);
}
.next-card:hover {
box-shadow: var(--card-hover-shadow, 1px 1px 4px 0px rgba(0, 0, 0, 0.13));
background-color: var(--card-hover-background, var(--card-background));
border-color: var(--card-hover-border-color, var(--card-border-color));
}
.next-card .next-card-header-extra .next-icon-ellipsis-vertical::before {
vertical-align: text-bottom;
}
.next-card .next-card-collapsable-tail {
height: 18px;
line-height: 18px;
font-size: 12px;
padding: 0 var(--card-padding-lr, 16px) var(--card-body-padding-bottom, 16px);
margin-bottom: var(--card-body-padding-bottom, 16px);
}
.next-card .next-card-collapsable-tail:hover {
color: var(--color-brand1-6, #0064c8);
cursor: pointer;
}
.next-card .next-card-collapsable-tail .next-icon {
margin-left: 4px;
}
.next-card .next-card-collapsable-tail .next-icon::before {
width: 18px;
height: 18px;
line-height: 18px;
}
.next-card .next-card-collapsable-head {
padding: 0 var(--card-padding-lr, 16px);
margin: var(--card-body-padding-bottom, 16px) 0;
line-height: 22px;
font-size: 14px;
font-weight: 500;
}
.next-card .next-card-collapsable-head:hover {
color: var(--color-brand1-6, #0064c8);
cursor: pointer;
}
.next-cascader:not(.multiple) .next-cascader-menu .next-menu-item {
--menu-padding-horizontal: var(--menu-padding-horizontal-selectable);
padding: 0 var(--menu-padding-horizontal) 0 var(--menu-padding-horizontal);
}
.next-cascader .next-cascader-menu-wrapper::-webkit-scrollbar {
width: var(--scrollbar-width, 4px);
height: var(--scrollbar-height, 4px);
}
.next-cascader .next-cascader-menu-wrapper::-webkit-scrollbar-track {
opacity: 0.5;
background: var(--scrollbar-track-bg, #eaedf0);
border-radius: var(--scrollbar-track-border-radius, 3px);
}
.next-cascader .next-cascader-menu-wrapper::-webkit-scrollbar-thumb {
opacity: 0.5;
background: var(--scrollbar-thumb-bg, #abb6c0);
border-radius: var(--scrollbar-thumb-border-radius, 3px);
}
.next-cascader-select-dropdown {
background-color: var(--dropdown-bg-color, #fff);
}
.next-cascader-select-dropdown .next-cascader-menu-wrapper {
border-left: none;
overflow-y: scroll;
}
.next-cascader-select-dropdown .next-cascader-menu-wrapper::-webkit-scrollbar {
width: var(--scrollbar-width, 4px);
height: var(--scrollbar-height, 4px);
}
.next-cascader-select-dropdown .next-cascader-menu-wrapper::-webkit-scrollbar-track {
opacity: 0.5;
background: var(--scrollbar-track-bg, #eaedf0);
border-radius: var(--scrollbar-track-border-radius, 3px);
}
.next-cascader-select-dropdown .next-cascader-menu-wrapper::-webkit-scrollbar-thumb {
opacity: 0.5;
background: var(--scrollbar-thumb-bg, #abb6c0);
border-radius: var(--scrollbar-thumb-border-radius, 3px);
}
.next-cascader-select-dropdown .next-menu {
border: none;
}
.next-table-fix-left, .next-table-fix-right {
background-clip: padding-box;
}
.next-message-title {
font-weight: var(--message-title-weight, 500);
}
.next-message .next-message-close .next-icon-close {
display: flex;
align-items: center;
justify-content: center;
}
.next-message .next-message-close .next-icon-close:before {
width: var(--message-close-icon-size, 12px);
height: var(--message-close-icon-size, 12px);
font-size: var(--message-close-icon-size, 12px);
line-height: var(--message-close-icon-size, 12px);
}
.next-dialog-footer .next-btn {
margin-left: var(--s-2, 8px);
}
.next-dialog-footer .next-btn:first-child {
margin-left: 0;
}
.next-dialog.next-dialog-quick.quick-show .next-dialog-body {
padding: var(--dialog-content-padding-top, 0px) var(--dialog-content-padding-left-right, 24px) var(--dialog-content-padding-bottom, 16px) var(--dialog-content-padding-left-right, 24px);
}
.next-checkbox-inner.next-checkbox-inner.next-checkbox-inner.next-checkbox-inner.next-checkbox-inner > .next-icon {
transform: scale(var(--checkbox-icon-scale, 0.8));
margin-top: 0;
}
.next-nav.next-nav.next-nav.next-nav.next-menu {
padding: 0;
}
.next-badge .next-badge-count, .next-badge .next-badge-dot {
box-shadow: 0 0 0 2px var(--badge-border-color, #fff);
}
.next-upload-dragable .next-upload-drag {
transition: all 100ms linear;
}
.next-upload-dragable .next-upload-drag-over {
background: var(--color-brand1-1);
}
.next-upload-card {
border-radius: var(--corner-1);
}
.next-upload-list-card .next-upload-list-item-wrapper {
border-style: dashed;
border-radius: var(--corner-1);
}
.next-upload-list-card .next-upload-list-item-progress .next-progress-line-overlay {
border-radius: 0px var(--corner-1) var(--corner-1) var(--corner-1);
}
.next-calendar-card .next-calendar-cell.next-selected .next-calendar-date,
.next-calendar-card .next-calendar-cell.next-selected .next-calendar-month,
.next-calendar-card .next-calendar-cell.next-selected .next-calendar-year,
.next-calendar-panel .next-calendar-cell.next-selected .next-calendar-date,
.next-calendar-panel .next-calendar-cell.next-selected .next-calendar-month,
.next-calendar-panel .next-calendar-cell.next-selected .next-calendar-year,
.next-calendar-range .next-calendar-cell.next-selected .next-calendar-date,
.next-calendar-range .next-calendar-cell.next-selected .next-calendar-month,
.next-calendar-range .next-calendar-cell.next-selected .next-calendar-year {
animation: none;
}
.next-drawer-footer {
position: absolute;
bottom: 0;
width: 100%;
padding: var(--drawer-footer-padding-top, 10px) var(--drawer-footer-padding-right, 16px) var(--drawer-footer-padding-bottom, 10px) var(--drawer-footer-padding-left, 16px);
left: 0;
background: var(--drawer-title-bg-color, var(--drawer-bg));
border-radius: 0 0 4px 4px;
z-index: 3;
}
.next-drawer-footer-line {
border-top: var(--drawer-footer-border-width, 1px) var(--line-solid, solid) var(--drawer-footer-border-color, var(--color-line1-1));
}
.next-drawer-footer-has-shadow {
box-shadow: var(--shadow-1-up);
border-top: var(--drawer-footer-border-width, 1px) var(--line-solid, solid) var(--drawer-footer-border-color, var(--color-line1-1));
}
.next-drawer-footer-right {
text-align: right;
}
.next-drawer-footer-left {
text-align: right;
}
.next-drawer-footer-center {
text-align: center;
}
.next-drawer {
overflow: hidden;
}
.next-drawer .next-drawer-body {
height: calc(100% - var(--drawer-has-footer-margin-bottom, 40px));
}
.next-drawer-has-footer .next-drawer-body {
margin-bottom: var(--drawer-has-footer-margin-bottom, 40px);
padding-bottom: calc(var(--drawer-content-padding-bottom, 20px) + var(--drawer-has-footer-margin-bottom, 40px) + var(--drawer-footer-padding-bottom, 10px));
}
.next-range-picker2-panel {
--color-text1-3: #666;
--color-text1-4: #333;
}
.theme-xconsole {
--menu-icon-selected-size: initial;
--checkbox-icon-scale: initial;
--checkbox-icon-size: initial;
--input-clear-icon-transform: initial;
--overlay-offset: initial;
--card-border-color: initial;
--switch-disabled-on-bg-color: initial;
--number-picker-handler-btn-border: initial;
--number-picker-handler-btn-border-hover: initial;
--number-picker-final-height-small: initial;
--number-picker-final-height-medium: initial;
--number-picker-final-height-large: initial;
--number-picker-inline-group-border: initial;
--number-picker-inline-group-padding: initial;
--number-picker-inline-group-btn-border: initial;
--number-picker-inline-group-btn-border-hover: initial;
--number-picker-border-radius: initial;
--pagination-item-disabled-bg: initial;
--message-size-l-close-top: initial;
--message-size-l-close-right: initial;
--message-border-width: initial;
--dialog-message-padding: initial;
--body-clr: initial;
--btn-pure-primary-bg-disabled: initial;
--btn-pure-primary-color-disabled: initial;
--btn-pure-primary-border-style: initial;
--checkbox-checked-border-color: initial;
--select-hint-color: initial;
--balloon-hover-bg: initial;
--card-hover-shadow: initial;
--card-background: initial;
--card-hover-background: initial;
--card-header-background: initial;
--card-hover-border-color: initial;
--card-corner: initial;
--input-hint-color: initial;
--input-hint-icon-color: initial;
--input-hint-icon-hover-color: initial;
--input-bg-color: initial;
--dropdown-bg-color: initial;
--tree-select-background: initial;
--tree-node-normal-background: initial;
}
.theme-xconsole {
--line-dotted: dotted;
--line-dashed: dashed;
--line-solid: solid;
--line-zero: 0px;
--line-3: 3px;
--line-2: 2px;
--line-1: 1px;
--popup-global-shadow: var(--shadow-2-down, 0px 4px 8px 0px rgba(0, 0, 0, 0.16));
--popup-global-corner: var(--corner-1, 2px);
--popup-global-border-color: var(--color-line1-2, #C0C6CC);
--popup-global-border-style: var(--line-solid, solid);
--popup-global-border-width: var(--line-zero, 0px);
--popup-local-corner: var(--corner-1, 2px);
--popup-local-border-style: var(--line-solid, solid);
--popup-local-border-width: var(--line-1, 1px);
--popup-spacing-tb: var(--s-zero, 0px);
--popup-spacing-lr: var(--s-zero, 0px);
--popup-local-border-color: var(--color-text1-4, #e5e5e5);
--popup-local-shadow: var(--shadow-1, 0px 2px 4px 0px rgba(0, 0, 0, 0.16));
--mask-background: var(--color-black, #000000);
--mask-opacity: 0.45;
--form-element-preview-text-color: var(--color-text1-4, #e5e5e5);
--form-element-large-corner: var(--corner-1, 2px);
--form-element-medium-corner: var(--corner-1, 2px);
--form-element-small-corner: var(--corner-1, 2px);
--form-element-medium-icon-size: var(--icon-xs, 12px);
--form-element-small-icon-size: var(--icon-xs, 12px);
--form-element-medium-preview-font-size: var(--font-size-body-1, 12px);
--form-element-medium-preview-label-font-size: var(--font-size-body-1, 12px);
--form-element-small-preview-font-size: var(--font-size-caption, 12px);
--form-element-small-preview-label-font-size: var(--font-size-caption, 12px);
--form-element-preview-label-color: var(--color-text1-8, gray);
--form-element-large-preview-font-size: var(--font-size-body-1, 12px);
--form-element-large-preview-label-font-size: var(--font-size-body-1, 12px);
--form-element-large-preview-height: var(--s-8, 32px);
--form-element-medium-preview-height: var(--s-4, 16px);
--form-element-large-icon-size: var(--icon-xs, 12px);
--form-element-small-height: var(--s-6, 24px);
--form-element-small-preview-height: var(--s-4, 16px);
--form-element-medium-font-size: var(--font-size-body-1, 12px);
--form-element-small-font-size: var(--font-size-body-1, 12px);
--form-element-medium-height: var(--s-8, 32px);
--form-element-large-height: var(--s-9, 36px);
--form-element-large-font-size: var(--font-size-body-2, 14px);
--s-50: 200px;
--s-49: 196px;
--s-48: 192px;
--s-47: 188px;
--s-46: 184px;
--s-45: 180px;
--s-44: 176px;
--s-43: 172px;
--s-42: 168px;
--s-41: 164px;
--s-40: 160px;
--s-39: 156px;
--s-38: 152px;
--s-37: 148px;
--s-36: 144px;
--s-35: 140px;
--s-34: 136px;
--s-33: 132px;
--s-32: 128px;
--s-31: 124px;
--s-30: 120px;
--s-29: 116px;
--s-28: 112px;
--s-27: 108px;
--s-26: 104px;
--s-25: 100px;
--s-24: 96px;
--s-23: 92px;
--s-22: 88px;
--s-21: 84px;
--s-20: 80px;
--s-19: 76px;
--s-18: 72px;
--s-17: 68px;
--s-16: 64px;
--s-15: 60px;
--s-14: 56px;
--s-13: 52px;
--s-12: 48px;
--s-11: 44px;
--s-10: 40px;
--s-9: 36px;
--s-8: 32px;
--s-7: 28px;
--s-6: 24px;
--s-5: 20px;
--s-4: 16px;
--s-3: 12px;
--s-2: 8px;
--s-1: 4px;
--s-zero: 0px;
--size-base: 4px;
--shadow-3-left: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
--shadow-3-down: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
--shadow-3-right: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
--shadow-3-up: 0px -8px 16px 0px rgba(0, 0, 0, 0.2);
--shadow-3: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
--shadow-2-left: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
--shadow-2-down: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
--shadow-2-right: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
--shadow-2-up: 0px -4px 8px 0px rgba(0, 0, 0, 0.16);
--shadow-2: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
--shadow-1-left: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
--shadow-1-down: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
--shadow-1-right: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
--shadow-1-up: 0px -2px 4px 0px rgba(0, 0, 0, 0.16);
--shadow-1: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
--shadow-zero: none;
--shadow-opacity-sd1: 0.16;
--shadow-opacity-sd3: 0.2;
--shadow-opacity-sd2: 0.16;
--shadow-distance-sd3y: 8;
--shadow-distance-sd2y: 4;
--shadow-distance-sd3: 0;
--shadow-distance-sd2: 0;
--shadow-distance-sd1y: 2;
--shadow-distance-sd1: 0;
--shadow-spread-sd3: 0;
--shadow-spread-sd2: 0;
--shadow-spread-sd1: 0;
--shadow-sides-left: "left";
--shadow-sides-down: "down";
--shadow-sides-right: "right";
--shadow-sides-up: "up";
--shadow-sides-base: "base";
--shadow-blur-sd3: 16;
--shadow-blur-sd2: 8;
--shadow-blur-sd1: 4;
--shadow-color-sd3: var(--color-black, #000000);
--shadow-color-sd2: var(--color-black, #000000);
--shadow-color-sd1: var(--color-black, #000000);
--icon-reset: "";
--icon-xxxl: var(--s-16, 64px);
--icon-xxl: var(--s-12, 48px);
--icon-xl: var(--s-8, 32px);
--icon-l: var(--s-6, 24px);
--icon-m: var(--s-5, 20px);
--icon-s: var(--s-4, 16px);
--icon-xs: var(--s-3, 12px);
--icon-xxs: var(--s-2, 8px);
--icon-font-name: "icon";
--icon-content-d-up-for-component: "";
--icon-font-path: "//at.alicdn.com/t/font_1899989_lqawitevtzp";
--icon-content-zoom-in-line1: "";
--icon-content-zoom-out-line1: "";
--icon-content-a-rank-line2: "";
--icon-content-a-drag-line2: "";
--icon-content-a-filter-line2: "";
--icon-content-undo-fill: "";
--icon-content-undo-line: "";
--icon-content-cancelundo-line: "";
--icon-content-cancelundo-fill: "";
--icon-content-t-up-for-component: "";
--icon-content-time-for-component: "";
--icon-content-help-for-component: "";
--icon-content-left-for-component: "";
--icon-content-d-left-for-component: "";
--icon-content-info-for-component: "";
--icon-content-right-for-component: "";
--icon-content-d-right-for-component: "";
--icon-content-plus-for-component: "";
--icon-content-loading-line-for-component: "";
--icon-content-upload-for-component: "";
--icon-content-more-line-for-component: "";
--icon-content-check-for-component: "";
--icon-content-closemark-for-component: "";
--icon-content-warning-for-component: "";
--icon-content-search-for-component: "";
--icon-content-expand-down-for-component: "";
--icon-content-minus-for-component: "";
--icon-content-chek-for-component: "";
--icon-content-chart_bar: "";
--icon-content-align-vertical-top-line: "";
--icon-content-screen-arrow-left-line: "";
--icon-content-googleplus-fill: "";
--icon-content-document-task-line: "";
--icon-content-twitter-fill: "";
--icon-content-copy-line: "";
--icon-content-folders-line: "";
--icon-content-check-line: "";
--icon-content-chevron-sort-line: "";
--icon-content-user-certification-line: "";
--icon-content-arrow-up-line: "";
--icon-content-info-line: "";
--icon-content-refresh-line: "";
--icon-content-checkmark-line: "";
--icon-content-list-line: "";
--icon-content-calculator-line: "";
--icon-content-forbidden-line: "";
--icon-content-warning-line: "";
--icon-content-caution-line: "";
--icon-content-a-1688-fill: "";
--icon-content-like-line: "";
--icon-content-closemark-line: "";
--icon-content-help-line: "";
--icon-content-ascending-line: "";
--icon-content-double-down-line: "";
--icon-content-arrow-down-line: "";
--icon-content-arrow-left-line: "";
--icon-content-double-left-line: "";
--icon-content-button-sort-fill: "";
--icon-content-down-to-bottom-line: "";
--icon-content-star-line: "";
--icon-content-forward-line: "";
--icon-content-sort-line: "";
--icon-content-double-right-line: "";
--icon-content-GitHub-fill: "";
--icon-content-expand-line: "";
--icon-content-switch-line: "";
--icon-content-descending-line: "";
--icon-content-back-line: "";
--icon-content-stop-outline-line: "";
--icon-content-pause-outline-line: "";
--icon-content-unlock-line: "";
--icon-content-discount-line: "";
--icon-content-sub-account-line: "";
--icon-content-navigation-line: "";
--icon-content-plus-circle-line: "";
--icon-content-close-line: "";
--icon-content-notification-line: "";
--icon-content-taobao-fill: "";
--icon-content-flow-line: "";
--icon-content-download-line: "";
--icon-content-international-line: "";
--icon-content-document-add-line: "";
--icon-content-notification-off-line: "";
--icon-content-lock-line: "";
--icon-content-user-avatar-line: "";
--icon-content-partner-line: "";
--icon-content-et-line: "";
--icon-content-customer-sercive-line: "";
--icon-content-user-follow-line: "";
--icon-content-screen-arrow-right-line: "";
--icon-content-more-line: "";
--icon-content-minus-circle-line: "";
--icon-content-facebook-fill: "";
--icon-content-user-admin-line: "";
--icon-content-collapse-line: "";
--icon-content-bug-report-line: "";
--icon-content-credits-line: "";
--icon-content-upload-line: "";
--icon-content-setting-line: "";
--icon-content-message-line: "";
--icon-content-edit-line: "";
--icon-content-message-unread-line: "";
--icon-content-view-off-line: "";
--icon-content-phonecall-line: "";
--icon-content-document-download-line: "";
--icon-content-order-unread-line: "";
--icon-content-view-line: "";
--icon-content-document-line: "";
--icon-content-chart-pie-line: "";
--icon-content-folder-line: "";
--icon-content-renew-line: "";
--icon-content-order-line: "";
--icon-content-cart-empty-line: "";
--icon-content-zoom-out-line: "";
--icon-content-play-outline-line: "";
--icon-content-share-fill: "";
--icon-content-time-line: "";
--icon-content-arrow-right-line: "";
--icon-content-button-left-fill: "";
--icon-content-cart-with-line: "";
--icon-content-user-profile-line: "";
--icon-content-zoom-in-line: "";
--icon-content-search-line: "";
--icon-content-phonecall-off-line: "";
--icon-content-location-line: "";
--icon-content-user-avatar-fill: "";
--icon-content-compress-line: "";
--icon-content-share-line: "";
--icon-content-questionnaire-line: "";
--icon-content-trainin-line: "";
--icon-content-recharge-line: "";
--icon-content-scroll-mode-line: "";
--icon-content-sort-circle-line: "";
--icon-content-drag-line: "";
--icon-content-arrow-circular-line: "";
--icon-content-calendar-line: "";
--icon-content-external-link-line: "";
--icon-content-remote-control-line: "";
--icon-content-compass-line: "";
--icon-content-diagnose-line: "";
--icon-content-management-line: "";
--icon-content-display-arrow-left-line: "";
--icon-content-resource-setting-fill: "";
--icon-content-plus-line: "";
--icon-content-minus-line: "";
--icon-content-backspace-line: "";
--icon-content-terminal-line: "";
--icon-content-home-line: "";
--icon-content-structured-data-line: "";
--icon-content-step-mode-line: "";
--icon-content-connection-line: "";
--icon-content-new-fill: "";
--icon-content-hourglass-line: "";
--icon-content-alert-fill: "";
--icon-content-rank-line: "";
--icon-content-new-releases-fill: "";
--icon-content-news-line: "";
--icon-content-accesskey-line: "";
--icon-content-database-line: "";
--icon-content-transanction-line: "";
--icon-content-inbox-line: "";
--icon-content-align-horizontal-center-line: "";
--icon-content-comment-line: "";
--icon-content-pin-fill: "";
--icon-content-gift-line: "";
--icon-content-filter-line: "";
--icon-content-flag-line: "";
--icon-content-package-line: "";
--icon-content-power-off-line: "";
--icon-content-screen-check-line: "";
--icon-content-cloud-download-line: "";
--icon-content-wifi-line: "";
--icon-content-screen-error-line: "";
--icon-content-save-line: "";
--icon-content-mobile-line: "";
--icon-content-charging-pile-line: "";
--icon-content-application-group-fill: "";
--icon-content-outdent-line: "";
--icon-content-screen-line: "";
--icon-content-pin-fixed-fill: "";
--icon-content-cloud-upload-line: "";
--icon-content-screen-monitoring-line: "";
--icon-content-tag-line: "";
--icon-content-qrcode-line: "";
--icon-content-mobile-error-line: "";
--icon-content-paperclip-line: "";
--icon-content-delete-line: "";
--icon-content-indent-line: "";
--icon-content-application-line: "";
--icon-content-email-line: "";
--icon-content-sql-line: "";
--icon-content-dingtalk-fill: "";
--icon-content-folder-add-line: "";
--icon-content-align-horizontal-right-line: "";
--icon-content-align-vertical-bottom-line: "";
--icon-content-chart-relation-fill: "";
--icon-content-screen-code-line: "";
--icon-content-map-line: "";
--icon-content-display-arrow-right-line: "";
--icon-content-database-plus-line: "";
--icon-content-wangwang-line: "";
--icon-content-alipay-fill: "";
--icon-content-image-line: "";
--icon-content-key-line: "";
--icon-content-hatch-line: "";
--icon-content-scan-line: "";
--icon-content-balance-line: "";
--icon-content-align-horizontal-left-line: "";
--icon-content-chart-bar-line: "";
--icon-content-pic-center-line: "";
--icon-content-cloud-machine-line: "";
--icon-content-chart-scatter-plot-line: "";
--icon-content-all-line: "";
--icon-content-border-verticle-line: "";
--icon-content-cut-line: "";
--icon-content-layer-line: "";
--icon-content-box-line: "";
--icon-content-chart-area-fill: "";
--icon-content-mobile-check-line: "";
--icon-content-pic-side-line: "";
--icon-content-up-to-top-line: "";
--icon-content-enlarge-line: "";
--icon-content-double-up-line: "";
--icon-content-page-first-line: "";
--icon-content-naver-fill: "";
--icon-content-sina-fill: "";
--icon-content-stackoverflow-fill: "";
--icon-content-youtube-fill: "";
--icon-content-WeChat-fill: "";
--icon-content-button-right-fill: "";
--icon-content-page-last-line: "";
--icon-content-authentication-line: "";
--icon-content-dollar-line: "";
--icon-content-applets-fill: "";
--icon-content-hot-fill: "";
--icon-content-server-fault-fill: "";
--icon-content-gallery-view-line: "";
--icon-content-linkedin-fill: "";
--icon-content-button-down-fill: "";
--icon-content-button-up-fill: "";
--icon-content-compress: "";
--icon-content-arrow_circular: "";
--icon-content-charging_pile: "";
--icon-content-backspace-fill: "";
--icon-content-star: "";
--icon-content-info_fill: "";
--icon-content-caution: "";
--icon-content-info: "";
--icon-content-closemark: "";
--icon-content-caution_fill: "";
--icon-content-check_fill: "";
--icon-content-warning_fill: "";
--icon-content-forbidden_fill: "";
--icon-content-star_fill: "";
--icon-content-checkmark: "";
--icon-content-like_fill: "";
--icon-content-help_fill: "";
--icon-content-forbidden: "";
--icon-content-close_fill: "";
--icon-content-international: "";
--icon-content-user_avatar: "";
--icon-content-User_avatar_filled_alt: "";
--icon-content-user_avatar_full_fill: "";
--icon-content-user_admin: "";
--icon-content-user_certification: "";
--icon-content-user_follow: "";
--icon-content-international_fill: "";
--icon-content-partner: "";
--icon-content-sub_account: "";
--icon-content-authentication1: "";
--icon-content-authentication_fill: "";
--icon-content-WeChat: "";
--icon-content-GitHub: "";
--icon-content-youtube: "";
--icon-content-taobao: "";
--icon-content-wangwang: "";
--icon-content-twitter: "";
--icon-content-google: "";
--icon-content-alipay: "";
--icon-content-server_fault: "";
--icon-content-facebook: "";
--icon-content-stackoverflow: "";
--icon-content-naver: "";
--icon-content-linkedin: "";
--icon-content-dingtalk1: "";
--icon-content-applets: "";
--icon-content-SQL: "";
--icon-content-Hatch: "";
--icon-content-package_fill: "";
--icon-content-package: "";
--icon-content-remote_control: "";
--icon-content-layer: "";
--icon-content-layer_fill: "";
--icon-content-folders: "";
--icon-content-document_task: "";
--icon-content-flow: "";
--icon-content-document: "";
--icon-content-document_download: "";
--icon-content-folder_add: "";
--icon-content-database_plus_fill: "";
--icon-content-document_add: "";
--icon-content-database_plus: "";
--icon-content-database_fill: "";
--icon-content-chart_pie: "";
--icon-content-bug_report: "";
--icon-content-copy_fill: "";
--icon-content-chart_relation: "";
--icon-content-terminal_fill: "";
--icon-content-scroll_mode: "";
--icon-content-step_mode: "";
--icon-content-structured_data: "";
--icon-content-trainin: "";
--icon-content-screen: "";
--icon-content-screen_monitoring: "";
--icon-content-screen_error: "";
--icon-content-screen_code: "";
--icon-content-screen_arrow_right: "";
--icon-content-screen_check: "";
--icon-content-resource_setting: "";
--icon-content-screen_arrow_left: "";
--icon-content-pin_fixed: "";
--icon-content-pin: "";
--icon-content-pic_side: "";
--icon-content-recharge: "";
--icon-content-pic_side_fill: "";
--icon-content-pic_center: "";
--icon-content-pic_center_fill: "";
--icon-content-paper_plane_fill: "";
--icon-content-new_releases: "";
--icon-content-more: "";
--icon-content-mobile_check: "";
--icon-content-mobile_error: "";
--icon-content-map_fill: "";
--icon-content-mobile: "";
--icon-content-management_fill: "";
--icon-content-inbox: "";
--icon-content-gallery_view: "";
--icon-content-inbox_fill: "";
--icon-content-external_link: "";
--icon-content-drag1: "";
--icon-content-display_arrow_right: "";
--icon-content-display_arrow_left: "";
--icon-content-comment_fill: "";
--icon-content-cloud_upload: "";
--icon-content-comment_lines: "";
--icon-content-cloud_machine: "";
--icon-content-cloud_download: "";
--icon-content-cloud_upload_fill: "";
--icon-content-cloud_machine_fill: "";
--icon-content-chart_scatter_plot: "";
--icon-content-cloud_download_fill: "";
--icon-content-box_fill: "";
--icon-content-chart_scatter_plot_fill: "";
--icon-content-border_verticle: "";
--icon-content-chart_area: "";
--icon-content-application_group: "";
--icon-content-application: "";
--icon-content-border_verticle_fill: "";
--icon-content-accesskey: "";
--icon-content-align_horizontal_right: "";
--icon-content-all_fill: "";
--icon-content-align_vertical_bottom_fill: "";
--icon-content-align_vertical_top_fill: "";
--icon-content-align_horizontal_right_fill: "";
--icon-content-align_vertical_top: "";
--icon-content-align_horizontal_left: "";
--icon-content-align_horizontal_left_fill: "";
--icon-content-align_horizontal_center_fill: "";
--icon-content-Alignverticalbottom: "";
--icon-content-align_horizontal_center: "";
--icon-content-zoom_out: "";
--icon-content-zoom_in: "";
--icon-content-wifi: "";
--icon-content-view: "";
--icon-content-view_off: "";
--icon-content-unlock_fill: "";
--icon-content-view_off_fill: "";
--icon-content-time: "";
--icon-content-time_fill: "";
--icon-content-setting: "";
--icon-content-tag_fill: "";
--icon-content-share_file: "";
--icon-content-phonecall: "";
--icon-content-phonecall_off: "";
--icon-content-print_fill: "";
--icon-content-renew: "";
--icon-content-order: "";
--icon-content-order_unread: "";
--icon-content-notifica