UNPKG

@alicloud/console-components

Version:

Alibaba Cloud React Components

1,353 lines (1,267 loc) 1.49 MB
@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; } .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.