@blueking/ediatable
Version:
蓝鲸 Ediatable
1,492 lines (1,490 loc) • 102 kB
CSS
@font-face {
font-family: "ediatable";
src: url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%20%3e%3csvg%3e%3cmetadata%3e%20Created%20by%20font-carrier%20%3c/metadata%3e%3cdefs%3e%3cfont%20id='iconfont'%20horiz-adv-x='1024'%20vert-adv-y='1024'%20%3e%3cfont-face%20font-family='iconfont'%20font-weight='400'%20font-stretch='normal'%20units-per-em='1024'%20ascent='812'%20descent='-212'%20/%3e%3cmissing-glyph%20/%3e%3cglyph%20glyph-name='x'%20unicode='&%23x78;'%20horiz-adv-x='100'%20d='M20%2020%20L50%2020%20L50%20-20%20Z'%20/%3e%3cglyph%20glyph-name='uniE101'%20unicode='&%23xE101;'%20d='M512%20748C264%20748%2064%20548%2064%20300S264-148%20512-148%20960%2052%20960%20300%20760%20748%20512%20748ZM512%2044C484.8%2044%20464%2064.8%20464%2092S484.8%20140%20512%20140C539.2%20140%20560%20119.2%20560%2092S539.2%2044%20512%2044ZM560%20503.2L544%20204C544%20186.4%20529.6%20172%20512%20172%20494.4%20172%20480%20186.4%20480%20204L464%20503.2C464%20504.8%20464%20506.4%20464%20508%20464%20535.2%20484.8%20556%20512%20556%20539.2%20556%20560%20535.2%20560%20508%20560%20506.4%20560%20504.8%20560%20503.2Z'%20horiz-adv-x='1024'%20vert-adv-y='1024'%20/%3e%3cglyph%20glyph-name='uniE105'%20unicode='&%23xE105;'%20d='M512%20748C264%20748%2064%20548%2064%20300S264-148%20512-148%20960%2052%20960%20300%20760%20748%20512%20748ZM692.8%20164L648%20119.2%20512%20255.2%20376%20119.2%20331.2%20164%20467.2%20300%20331.2%20436%20376%20480.8%20512%20344.8%20648%20480.8%20692.8%20436%20556.8%20300%20692.8%20164Z'%20horiz-adv-x='1024'%20vert-adv-y='1024'%20/%3e%3cglyph%20glyph-name='uniE104'%20unicode='&%23xE104;'%20d='M864%20684H288C270.4%20684%20256%20669.6%20256%20652V556H160C142.4%20556%20128%20541.6%20128%20524V-52C128-69.6%20142.4-84%20160-84H736C753.6-84%20768-69.6%20768-52V44H864C881.6%2044%20896%2058.4%20896%2076V652C896%20669.6%20881.6%20684%20864%20684ZM704%20108V44-20H192V492H256%20320%20704V108ZM832%20108H768V524C768%20541.6%20753.6%20556%20736%20556H320V620H832V108ZM275.2%20392.8H611.2V328.8H275.2ZM272%20268H608V204H272ZM272%20140H608V76H272Z'%20horiz-adv-x='1024'%20vert-adv-y='1024'%20/%3e%3cglyph%20glyph-name='uniE103'%20unicode='&%23xE103;'%20d='M512%20748C264%20748%2064%20548%2064%20300S264-148%20512-148%20960%2052%20960%20300%20760%20748%20512%20748ZM736%20268H288V332H736V268Z'%20horiz-adv-x='1024'%20vert-adv-y='1024'%20/%3e%3cglyph%20glyph-name='uniE102'%20unicode='&%23xE102;'%20d='M512%20748C264%20748%2064%20548%2064%20300S264-148%20512-148%20960%2052%20960%20300%20760%20748%20512%20748ZM736%20268H544V76H480V268H288V332H480V524H544V332H736V268Z'%20horiz-adv-x='1024'%20vert-adv-y='1024'%20/%3e%3c/font%3e%3c/defs%3e%3c/svg%3e") format("svg"),
url("data:font/ttf;base64,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") format("truetype"),
url("data:font/woff;base64,d09GRgABAAAAAAVcAAsAAAAACMgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kHLY21hcAAAAYAAAAB0AAABvo2sBuZnbHlmAAAB9AAAAUgAAAIg+DHT0WhlYWQAAAM8AAAALwAAADYpIhHbaGhlYQAAA2wAAAAcAAAAJAeKAzRobXR4AAADiAAAABIAAAAcGGQAAGxvY2EAAAOcAAAAEAAAABABaAIcbWF4cAAAA6wAAAAfAAAAIAEXAEFuYW1lAAADzAAAAVcAAAKFkAhoC3Bvc3QAAAUkAAAANgAAAF1EPImQeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkrmGcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKh6yMuv812GIYdZhuAIUZgTJAQDv7AtIeJzFkcsNxDAIRB/x5xBtKXvcYnLMKTW4XSrJDtiXVBCk5xF4hC0AGlDEV1SwCyPiVNWyXtizXvkp71JjY3i7b+XDLVUW3fXUTdrkU1/rvBb23tPP+OR5rCwmMhb6oi80NXwRHi+T2JDXSWzI24TyB8wEEx94nH1QQU7DMBDctdVEAsm0TtwIhRY5EW1VAaqSpjkV+cKdJ+QBPKLHPoMHVIgPoPrOEfECrn1CYrCpqEgP2Lurtce7s2NAgK8dZBACAShzEQ7DCdhF7f0j1WQHpxaTAMjQH2J0h+Ut0mQ0X2T90Ato6CWjgrqTILCtO516u48ijqdxHHf5Be/ajOwOyLZu7h02jfHNfDDOGc7sa+EmOHBGR4z+2B+X4zIqI7/Fc3KzXv9am+P1DwLg2d4buiIbOIdLmMA1zGBuOWTiDTBNPNEL+7nMFkvMs0XRm4/oAGVPBqlNU1nIjhTSt+42rRrNeOUmJ2qfPBs7/UpxZioCzTs+mBfqgnOy4azizNX8JK6m0UoRMCt8Ylx9qqVSClr6z9r6AztCS7c0CnVLsLmyLf77wyAVaZEWeZGLvN1LK23tqJu70t+aXZVdeJxjYGRgYABiZrac8/H8Nl8ZuFkYQOAxY7ozgv6fw8LA9AbI5WBgAokCAOkCCHgAeJxjYGRgYNb5r8MQw8IAAkCSkQEVsAMAM10ByHicY2EAghQGBhYGTAwACngAfQAAAAAAAAAMAEYAdADGAOgBEHicY2BkYGBgZzBlYGMAASYg5gJCBob/YD4DAA6+AVkAeJxlkbtuwkAURMc88gApQomUJoq0TdIQzEOpUDokKCNR0BuzBiO/tF6QSJcPyHflE9Klyyekz2CuG8cr7547M3d9JQO4xjccnJ57vid2cMHqxDWc40G4Tv1JuEF+Fm6ijRfhM+oz4Ra6eBVu4wZvvMFpXLIa40PYQQefwjVc4Uu4Tv1HuEH+FW7i1mkKn6Hj3Am3sHC6wm08Ou8tpSZGe1av1PKggjSxPd8zJtSGTuinyVGa6/Uu8kxZludCmzxMEzV0B6U004k25W35fj2yNlCBSWM1paujKFWZSbfat+7G2mzc7weiu34aczzFNYGBhgfLfcV6iQP3ACkSaj349AxXSN9IT0j16JepOb01doiKbNWt1ovippz6sVYYwsXgX2rGVFIkq7Pl2PNrI6qW6eOshj0xaSq9mpNEZIWs8LZUfOouNkVXxp/d5woqebeYIf4D2J1ywQB4nGNgYoAALgbsgJ2RiZGZkYWRlZGNkZ2Rg4Gxgr00L9PV0MAQSptCaRMobQyljRgYABmRC5MAAA==") format("woff"),
url("data:application/vnd.ms-fontobject;base64,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") format("embedded-opentype");
font-weight: normal;
font-style: normal;
}
.ediatable-icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'ediatable' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-align: center;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-exclamation-fill:before {
content: "\e101";
}
.icon-close-circle-shape:before {
content: "\e105";
}
.icon-copy:before {
content: "\e104";
}
.icon-minus-fill:before {
content: "\e103";
}
.icon-plus-fill:before {
content: "\e102";
}
.scroll-bar-style::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.scroll-bar-style::-webkit-scrollbar-thumb {
background: #ddd;
border-radius: 20px;
box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
}
html,
body {
padding: 0;
margin: 0;
}
* {
box-sizing: border-box;
}
/**
* HTML5 display definitions
* ==========================================================================
*
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
/* 1 */
display: inline-block;
/* 2 */
vertical-align: baseline;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/**
* Links
* ==========================================================================
*
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0;
}
/**
* Text-level semantics
* ==========================================================================
*
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Embedded content
* ==========================================================================
*
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/**
* Grouping content
* ==========================================================================
*
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
height: 0;
box-sizing: content-box;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*
* Forms
* ==========================================================================
*
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
/* 3 */
margin: 0;
/* 2 */
font: inherit;
/* 1 */
color: inherit;
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type `input` and others.
*/
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
/* 3 */
cursor: pointer;
/* 2 */
appearance: button;
}
/* Re-set default cursor for disabled elements. */
button[disabled],
html input[disabled] {
cursor: default;
}
/* Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type='checkbox'],
input[type='radio'] {
/* 2 */
padding: 0;
/* 1 */
box-sizing: border-box;
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto;
}
::-ms-clear,
::-ms-reveal {
display: none;
}
input[type='text']::-ms-clear {
display: none;
}
input[type='text']::-ms-reveal {
display: none;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type='search'] {
/* 2 */
box-sizing: content-box;
/* 1 */
appearance: textfield;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
padding: 0.35em 0.625em 0.75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
/* 2 */
padding: 0;
/* 1 */
border: 0;
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/**
* BK-Scroll-Style
*/
.bk-scroll-y {
overflow-y: auto;
}
.bk-scroll-y::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.bk-scroll-y::-webkit-scrollbar-thumb {
background: #ddd;
border-radius: 20px;
box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
}
.bk-scroll-x {
overflow-x: auto;
}
.bk-scroll-x::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.bk-scroll-x::-webkit-scrollbar-thumb {
background: #ddd;
border-radius: 20px;
box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
}
.undefined-button {
display: inline-flex;
height: 32px;
padding: 0 14px;
font-size: 14px;
color: #63656e;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
background-color: white;
border: 1px solid #c4c6cc;
border-radius: 2px;
outline: none;
box-sizing: border-box;
transition: background-color ease 0.3s;
appearance: none;
align-items: center;
justify-content: center;
}
.undefined-button.undefined-button-primary {
background-color: #3a84ff;
color: white;
border-color: #3a84ff;
}
.undefined-button.undefined-button-primary:hover {
background-color: #5594fa;
border-color: #5594fa;
}
.undefined-button.undefined-button-primary:active {
background-color: #2c77f4;
border-color: #2c77f4;
color: white;
}
.undefined-button.undefined-button-primary.is-outline {
color: #3a84ff;
border-color: #3a84ff;
background-color: white;
}
.undefined-button.undefined-button-primary.is-outline:hover {
background-color: #5594fa;
border-color: #5594fa;
color: white;
}
.undefined-button.undefined-button-primary.is-outline:active {
background-color: #2c77f4;
border-color: #2c77f4;
color: white;
}
.undefined-button.undefined-button-primary.is-text {
color: #3a84ff;
background-color: transparent;
border: none;
}
.undefined-button.undefined-button-primary.is-text:not(.is-disabled):hover {
color: #5594fa;
}
.undefined-button.undefined-button-primary.is-disabled {
color: #dcdee5;
cursor: not-allowed;
}
.undefined-button.undefined-button-primary.is-disabled:not(.is-text) {
background-color: #dcdee5;
color: white;
border-color: #dcdee5;
}
.undefined-button.undefined-button-hover-primary:hover {
background-color: #5594fa;
border-color: #5594fa;
color: white;
}
.undefined-button.undefined-button-warning {
background-color: #ff9c01;
color: white;
border-color: #ff9c01;
}
.undefined-button.undefined-button-warning:hover {
background-color: #ffb848;
border-color: #ffb848;
}
.undefined-button.undefined-button-warning:active {
background-color: #eb9000;
border-color: #eb9000;
color: white;
}
.undefined-button.undefined-button-warning.is-outline {
color: #ff9c01;
border-color: #ff9c01;
background-color: white;
}
.undefined-button.undefined-button-warning.is-outline:hover {
background-color: #ffb848;
border-color: #ffb848;
color: white;
}
.undefined-button.undefined-button-warning.is-outline:active {
background-color: #eb9000;
border-color: #eb9000;
color: white;
}
.undefined-button.undefined-button-warning.is-text {
color: #ff9c01;
background-color: transparent;
border: none;
}
.undefined-button.undefined-button-warning.is-text:not(.is-disabled):hover {
color: #ffb848;
}
.undefined-button.undefined-button-warning.is-disabled {
color: #dcdee5;
cursor: not-allowed;
}
.undefined-button.undefined-button-warning.is-disabled:not(.is-text) {
background-color: #dcdee5;
color: white;
border-color: #dcdee5;
}
.undefined-button.undefined-button-hover-warning:hover {
background-color: #ffb848;
border-color: #ffb848;
color: white;
}
.undefined-button.undefined-button-success {
background-color: #2dcb56;
color: white;
border-color: #2dcb56;
}
.undefined-button.undefined-button-success:hover {
background-color: #45e35f;
border-color: #45e35f;
}
.undefined-button.undefined-button-success:active {
background-color: #1ab943;
border-color: #1ab943;
color: white;
}
.undefined-button.undefined-button-success.is-outline {
color: #2dcb56;
border-color: #2dcb56;
background-color: white;
}
.undefined-button.undefined-button-success.is-outline:hover {
background-color: #45e35f;
border-color: #45e35f;
color: white;
}
.undefined-button.undefined-button-success.is-outline:active {
background-color: #1ab943;
border-color: #1ab943;
color: white;
}
.undefined-button.undefined-button-success.is-text {
color: #2dcb56;
background-color: transparent;
border: none;
}
.undefined-button.undefined-button-success.is-text:not(.is-disabled):hover {
color: #45e35f;
}
.undefined-button.undefined-button-success.is-disabled {
color: #dcdee5;
cursor: not-allowed;
}
.undefined-button.undefined-button-success.is-disabled:not(.is-text) {
background-color: #dcdee5;
color: white;
border-color: #dcdee5;
}
.undefined-button.undefined-button-hover-success:hover {
background-color: #45e35f;
border-color: #45e35f;
color: white;
}
.undefined-button.undefined-button-danger {
background-color: #ea3636;
color: white;
border-color: #ea3636;
}
.undefined-button.undefined-button-danger:hover {
background-color: #ff5656;
border-color: #ff5656;
}
.undefined-button.undefined-button-danger:active {
background-color: #db2626;
border-color: #db2626;
color: white;
}
.undefined-button.undefined-button-danger.is-outline {
color: #ea3636;
border-color: #ea3636;
background-color: white;
}
.undefined-button.undefined-button-danger.is-outline:hover {
background-color: #ff5656;
border-color: #ff5656;
color: white;
}
.undefined-button.undefined-button-danger.is-outline:active {
background-color: #db2626;
border-color: #db2626;
color: white;
}
.undefined-button.undefined-button-danger.is-text {
color: #ea3636;
background-color: transparent;
border: none;
}
.undefined-button.undefined-button-danger.is-text:not(.is-disabled):hover {
color: #ff5656;
}
.undefined-button.undefined-button-danger.is-disabled {
color: #dcdee5;
cursor: not-allowed;
}
.undefined-button.undefined-button-danger.is-disabled:not(.is-text) {
background-color: #dcdee5;
color: white;
border-color: #dcdee5;
}
.undefined-button.undefined-button-hover-danger:hover {
background-color: #ff5656;
border-color: #ff5656;
color: white;
}
.undefined-button.undefined-button-small {
height: 26px;
padding: 0 12px;
font-size: 12px;
}
.undefined-button.undefined-button-large {
height: 40px;
padding: 0 16px;
font-size: 16px;
}
.undefined-button .undefined-button-text {
display: inline-flex;
align-items: center;
line-height: 1;
}
.undefined-button.is-loading {
position: relative;
}
.undefined-button.is-loading .undefined-button-loading:not(:last-child) {
position: absolute;
}
.undefined-button.is-loading .undefined-button-text {
visibility: hidden;
}
.undefined-button:hover {
border-color: #979ba5;
}
.undefined-button:active {
color: #3a84ff;
border-color: #3a84ff;
}
.undefined-button.is-text {
height: auto;
padding: 0;
font-size: inherit;
color: #63656e;
text-decoration: none;
cursor: pointer;
background-color: transparent;
border: none;
outline: none;
}
.undefined-button.is-disabled {
color: #dcdee5;
cursor: not-allowed;
border-color: #dcdee5;
}
.undefined-button.is-disabled:not(.is-text) {
background-color: #f9fafd;
}
.undefined-button-group {
display: inline-block;
font-size: 0;
}
.undefined-button-group.undefined-button-group-small .undefined-button {
height: 26px;
padding: 0 12px;
font-size: 12px;
}
.undefined-button-group.undefined-button-group-large .undefined-button {
height: 40px;
padding: 0 16px;
font-size: 16px;
}
.undefined-button-group .undefined-button {
height: 32px;
margin: 0 0 0 -1px;
border-radius: 0;
}
.undefined-button-group .undefined-button:not(.is-disabled) {
color: #63656e;
background-color: white;
border-color: #c4c6cc;
}
.undefined-button-group .undefined-button.is-disabled {
color: #c4c6cc;
}
.undefined-button-group .undefined-button:first-child {
border-radius: 2px 0 0 2px;
}
.undefined-button-group .undefined-button:last-child {
border-radius: 0 2px 2px 0;
}
.undefined-button-group .undefined-button:only-child {
border-radius: 2px;
}
.undefined-button-group .undefined-button:hover:not(.is-disabled),
.undefined-button-group .undefined-button.is-selected:not(.is-disabled) {
position: relative;
z-index: 1;
color: #3a84ff;
background-color: white;
border-color: #3a84ff;
}
.undefined-button-group .undefined-button.is-selected:not(.is-disabled) {
background-color: #e1ecff;
}
.undefined-button-group .undefined-button.is-selected.is-disabled {
background-color: #f0f1f5;
}
@keyframes loading-scale-animate {
0% {
transform: scale(1);
}
100% {
transform: scale(0.6);
}
}
@keyframes fade {
100% {
background-color: transparent;
}
}
.undefined-transition .undefined-fade-enter-active,
.undefined-transition .undefined-fade-leave-active {
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.undefined-transition .undefined-fade-enter,
.undefined-transition .undefined-fade-leave-to {
opacity: 0;
}
.clearfix-style::after {
display: block;
height: 0;
clear: both;
font-size: 0;
content: '';
visibility: hidden;
}
.undefined-popper {
display: none;
padding: 7px 14px;
font-size: 12px;
color: #fff;
background: #333;
border-radius: 4px;
}
.undefined-popper.light {
color: #63656e;
background: #fff;
box-shadow: #dcdee5 0 0 6px 0;
}
.undefined-popper .undefined-popper-arrow,
.undefined-popper .undefined-popper-arrow::before {
position: absolute;
width: 8px;
height: 8px;
background: inherit;
}
.undefined-popper .undefined-popper-arrow {
visibility: hidden;
}
.undefined-popper .undefined-popper-arrow::before {
content: '';
visibility: visible;
transform: rotate(45deg);
}
.undefined-popper[data-show] {
display: block;
}
.undefined-popper[data-popper-placement^='top'] > .undefined-popper-arrow {
bottom: -4px;
}
.undefined-popper[data-popper-placement^='bottom'] > .undefined-popper-arrow {
top: -4px;
}
.undefined-popper[data-popper-placement^='left'] > .undefined-popper-arrow {
right: -4px;
}
.undefined-popper[data-popper-placement^='right'] > .undefined-popper-arrow {
left: -4px;
}
.undefined-loading-wrapper {
position: static;
vertical-align: middle;
}
.undefined-loading-wrapper:not(.undefined-nested-loading):not(.undefined-directive-loading) {
display: inline-flex;
}
.undefined-loading-wrapper.undefined-directive-loading {
width: 100%;
height: 100%;
}
.undefined-loading-wrapper.undefined-directive-loading,
.undefined-loading-wrapper.undefined-nested-loading {
position: relative;
}
.undefined-loading-wrapper.undefined-directive-loading.is-block,
.undefined-loading-wrapper.undefined-nested-loading.is-block {
display: block;
}
.undefined-loading-wrapper.undefined-directive-loading .undefined-loading-indicator,
.undefined-loading-wrapper.undefined-nested-loading .undefined-loading-indicator {
position: absolute;
top: 50%;
left: 50%;
z-index: 11;
text-align: center;
transform: translate(-50%, -50%);
}
.undefined-loading-wrapper .dot {
display: inline-flex;
width: 14px;
height: 14px;
margin-right: 10px;
border-radius: 50%;
transform: scale(0.6);
animation-duration: 0.8s;
animation-iteration-count: infinite;
animation-name: loading-scale-animate;
animation-direction: normal;
}
.undefined-loading-wrapper .oval {
position: absolute;
width: 6px;
height: 8px;
background-color: #63656e;
border-radius: 8px;
animation-duration: 1.2s;
animation-iteration-count: infinite;
animation-name: fade;
transform-origin: center 24px;
}
.undefined-loading-wrapper .undefined-loading-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.undefined-loading-wrapper .undefined-loading-indicator {
display: flex;
line-height: 1;
text-align: center;
flex-direction: column;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-success .oval,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-success .dot,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-success .dot-1,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-success .dot-2,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-success .dot-3,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-success .dot-4 {
background-color: #2dcb56;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-danger .oval,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-danger .dot,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-danger .dot-1,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-danger .dot-2,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-danger .dot-3,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-danger .dot-4 {
background-color: #ea3636;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-warning .oval,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-warning .dot,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-warning .dot-1,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-warning .dot-2,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-warning .dot-3,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-warning .dot-4 {
background-color: #ff9c01;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-primary .oval,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-primary .dot,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-primary .dot-1,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-primary .dot-2,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-primary .dot-3,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-primary .dot-4 {
background-color: #3a84ff;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-white .oval,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-white .dot,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-white .dot-1,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-white .dot-2,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-white .dot-3,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-white .dot-4 {
background-color: white;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-default .oval,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-default .dot,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-default .dot-1,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-default .dot-2,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-default .dot-3,
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-default .dot-4 {
background-color: #c4c6cc;
}
.undefined-loading-wrapper .undefined-loading-indicator .dot-1 {
background-color: #ea3636;
animation-delay: 0.1s;
}
.undefined-loading-wrapper .undefined-loading-indicator .dot-2 {
background-color: #ff9c01;
animation-delay: 0.25s;
}
.undefined-loading-wrapper .undefined-loading-indicator .dot-3 {
background-color: #2dcb56;
animation-delay: 0.4s;
}
.undefined-loading-wrapper .undefined-loading-indicator .dot-4 {
background-color: #3a84ff;
animation-delay: 0.55s;
margin-right: 0px;
}
.undefined-loading-wrapper .undefined-loading-indicator .oval-1 {
transform: rotate(135deg);
animation-delay: -0.45s;
}
.undefined-loading-wrapper .undefined-loading-indicator .oval-2 {
transform: rotate(90deg);
animation-delay: -0.6s;
}
.undefined-loading-wrapper .undefined-loading-indicator .oval-3 {
transform: rotate(45deg);
animation-delay: -0.75s;
}
.undefined-loading-wrapper .undefined-loading-indicator .oval-4 {
transform: rotate(0deg);
animation-delay: -0.9s;
}
.undefined-loading-wrapper .undefined-loading-indicator .oval-5 {
transform: rotate(-45deg);
animation-delay: -1.05s;
}
.undefined-loading-wrapper .undefined-loading-indicator .oval-6 {
transform: rotate(-90deg);
animation-delay: -1.2s;
}
.undefined-loading-wrapper .undefined-loading-indicator .oval-7 {
transform: rotate(-135deg);
animation-delay: -1.35s;
}
.undefined-loading-wrapper .undefined-loading-indicator .oval-8 {
transform: rotate(-180deg);
animation-delay: -1.5s;
}
.undefined-loading-wrapper .undefined-loading-indicator .undefined-normal-indicator {
display: inline-flex;
justify-content: center;
}
.undefined-loading-wrapper .undefined-loading-indicator .undefined-spin-indicator {
position: relative;
display: inline-flex;
justify-content: center;
width: 48px;
height: 48px;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-mini .undefined-spin-indicator {
height: 16px;
width: 16px;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-mini .dot {
width: 3px;
height: 3px;
margin-right: 3px;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-mini .dot.dot-4 {
margin-right: 0;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-mini .oval {
width: 2px;
height: 3px;
border-radius: 3px;
transform-origin: center 8px;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-mini .undefined-loading-title {
font-size: 14px;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-small .undefined-spin-indicator {
height: 32px;
width: 32px;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-small .dot {
width: 6px;
height: 6px;
margin-right: 6px;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-small .dot.dot-4 {
margin-right: 0;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-small .oval {
width: 4px;
height: 5px;
border-radius: 5px;
transform-origin: center 16px;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-small .undefined-loading-title {
font-size: 12px;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-large .undefined-spin-indicator {
height: 68px;
width: 68px;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-large .dot {
width: 20px;
height: 20px;
margin-right: 12px;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-large .dot.dot-4 {
margin-right: 0;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-large .oval {
width: 8px;
height: 12px;
border-radius: 12px;
transform-origin: center 34px;
}
.undefined-loading-wrapper .undefined-loading-indicator.undefined-loading-size-large .undefined-loading-title {
font-size: 14px;
}
.undefined-loading-wrapper .undefined-loading-indicator .undefined-loading-title {
margin-top: 8px;
font-size: 14px;
line-height: normal;
color: #63656e;
text-align: center;
}
@keyframes loading-scale-animate {
0% {
transform: scale(1);
}
100% {
transform: scale(0.6);
}
}
@keyframes fade {
100% {
background-color: transparent;
}
}
.undefined-transition .undefined-fade-enter-active,
.undefined-transition .undefined-fade-leave-active {
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.undefined-transition .undefined-fade-enter,
.undefined-transition .undefined-fade-leave-to {
opacity: 0;
}
.clearfix-style::after {
display: block;
height: 0;
clear: both;
font-size: 0;
content: '';
visibility: hidden;
}
.undefined-popper {
display: none;
padding: 7px 14px;
font-size: 12px;
color: #fff;
background: #333;
border-radius: 4px;
}
.undefined-popper.light {
color: #63656e;
background: #fff;
box-shadow: #dcdee5 0 0 6px 0;
}
.undefined-popper .undefined-popper-arrow,
.undefined-popper .undefined-popper-arrow::before {
position: absolute;
width: 8px;
height: 8px;
background: inherit;
}
.undefined-popper .undefined-popper-arrow {
visibility: hidden;
}
.undefined-popper .undefined-popper-arrow::before {
content: '';
visibility: visible;
transform: rotate(45deg);
}
.undefined-popper[data-show] {
display: block;
}
.undefined-popper[data-popper-placement^='top'] > .undefined-popper-arrow {
bottom: -4px;
}
.undefined-popper[data-popper-placement^='bottom'] > .undefined-popper-arrow {
top: -4px;
}
.undefined-popper[data-popper-placement^='left'] > .undefined-popper-arrow {
right: -4px;
}
.undefined-popper[data-popper-placement^='right'] > .undefined-popper-arrow {
left: -4px;
}
.undefined-textarea {
--textarea-line-height: 20px;
display: inline-flex;
width: 100%;
overflow: hidden;
font-size: 12px;
line-height: var(--textarea-line-height);
color: #63656e;
background-color: white;
border: 1px solid #c4c6cc;
border-radius: 2px;
box-sizing: border-box;
transition: all 0.3s;
flex-direction: column;
}
.undefined-textarea ::placeholder {
font-size: 12px;
color: #c4c6cc;
}
.undefined-textarea.resizable {
resize: both;
}
.undefined-textarea ::-webkit-scrollbar {
-webkit-appearance: none;
width: 3px;
}
.undefined-textarea ::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #DCDEE5;
}
.undefined-textarea.is-disabled,
.undefined-textarea.is-readonly {
background-color: #fafbfd;
border-color: #dcdee5;
}
.undefined-textarea.is-disabled .undefined-input--prefix-area,
.undefined-textarea.is-readonly .undefined-input--prefix-area,
.undefined-textarea.is-disabled .undefined-input--suffix-area,
.undefined-textarea.is-readonly .undefined-input--suffix-area,
.undefined-textarea.is-disabled .undefined-input--suffix-icon,
.undefined-textarea.is-readonly .undefined-input--suffix-icon {
cursor: not-allowed;
background-color: #fafbfd;
}
.undefined-textarea.is-disabled input,
.undefined-textarea.is-readonly input,
.undefined-textarea.is-disabled textarea,
.undefined-textarea.is-readonly textarea {
cursor: not-allowed;
background-color: #fafbfd;
opacity: 1;
}
.undefined-textarea.is-readonly input,
.undefined-textarea.is-readonly textarea {
cursor: auto;
}
.undefined-textarea > textarea {
width: 100%;
padding: 5px 10px;
line-height: 1.5;
text-align: left;
border: 0;
border-radius: 2px;
outline: none;
resize: none;
}
.undefined-textarea--max-length {
padding-right: 8px;
margin: 0;
margin-left: auto;
font-size: 12px;
text-align: right;
transform: scale(0.8);
justify-content: flex-end;
}
.undefined-textarea--max-length.is-over-limit {
color: #ea3636;
}
.undefined-textarea--max-length span {
color: #979ba5;
}
.undefined-textarea.is-focused:not(.is-readonly) {
border-color: #3a84ff;
outline: 0;
box-shadow: 0px 0px 3px 0px #a3c5fd;
}
.undefined-input {
display: inline-flex;
align-items: stretch;
width: 100%;
height: 32px;
font-size: 12px;
border: 1px solid #c4c6cc;
border-radius: 2px;
transition: all 0.3s;
}
.undefined-input ::placeholder {
font-size: 12px;
color: #c4c6cc;
}
.undefined-input.is-disabled,
.undefined-input.is-readonly {
background-color: #fafbfd;
border-color: #dcdee5;
}
.undefined-input.is-disabled .undefined-input--prefix-area,
.undefined-input.is-readonly .undefined-input--prefix-area,
.undefined-input.is-disabled .undefined-input--suffix-area,
.undefined-input.is-readonly .undefined-input--suffix-area,
.undefined-input.is-disabled .undefined-input--suffix-icon,
.undefined-input.is-readonly .undefined-input--suffix-icon {
cursor: not-allowed;
background-color: #fafbfd;
}
.undefined-input.is-disabled input,
.undefined-input.is-readonly input,
.undefined-input.is-disabled textarea,
.undefined-input.is-readonly textarea {
cursor: not-allowed;
background-color: #fafbfd;
opacity: 1;
}
.undefined-input.is-readonly input,
.undefined-input.is-readonly textarea {
cursor: auto;
}
.undefined-input:hover:not(.is-disabled) {
border-color: #979ba5;
}
.undefined-input:hover:not(.is-disabled) .show-clear-only-hover {
display: flex;
}
.undefined-input.is-simplicity {
background-color: transparent;
border-color: transparent;
border-bottom-color: #c4c6cc;
}
.undefined-input.is-simplicity:hover:not(.is-disabled) {
background-color: #f5f7fa;
border-color: transparent;
border-bottom-color: #c4c6cc;
box-shadow: none;
}
.undefined-input.is-simplicity:hover:not(.is-disabled) .undefined-input--text,
.undefined-input.is-simplicity:hover:not(.is-disabled) .undefined-input--suffix-icon {
background-color: #f5f7fa;
}
.undefined-input--suffix-icon {
display: flex;
height: 100%;
padding-right: 8px;
font-size: 14px;
color: #c4c6cc;
background-color: white;
align-items: center;
align-self: center;
flex-shrink: 0;
cursor: pointer;
}
.undefined-input--suffix-icon:hover {
color: #313238;
}
.undefined-input--suffix-icon.show-clear-only-hover {
display: none;
}
.undefined-input--clear-icon {
cursor: pointer;
flex-shrink: 0;
}
.undefined-input--clear-icon:hover {
color: #979ba5;
}
.undefined-input--large {
height: 40px;
font-size: 14px;
}
.undefined-input--large ::placeholder {
font-size: 14px;
color: #c4c6cc;
}
.undefined-input--large .undefined-input--max-length {
font-size: 16px;
}
.undefined-input--large .undefined-input--number-control span:first-child {
margin-bottom: 4px;
}
.undefined-input--small {
height: 26px;
font-size: 12px;
}
.undefined-input--small .undefined-input--max-length {
font-size: 12px;
}
.undefined-input--default {
font-size: 12px;
}
.undefined-input--default .undefined-input--max-length {
font-size: 12px;
}
.undefined-input.is-focused:not(.is-readonly) {
border-color: #3a84ff;
outline: 0;
box-shadow: 0px 0px 3px 0px #a3c5fd;
}
.undefined-input.is-focused:not(.is-readonly).is-simplicity {
border-color: transparent;
border-bottom-color: #3a84ff;
box-shadow: none;
}
.undefined-input.is-focused:not(.is-readonly).is-simplicity .undefined-input--text,
.undefined-input.is-focused:not(.is-readonly).is-simplicity .undefined-input--suffix-icon {
background-color: #f5f7fa;
}
.undefined-input--prefix-area,
.undefined-input--suffix-area {
display: flex;
padding: 0 8px;
color: #63656e;
background-color: #f5f7fa;
border-right: 1px solid #c4c6cc;
align-items: center;
}
.undefined-input--suffix-area {
border: 0;
border-left: 1px solid #c4c6cc;
}
.undefined-input--max-length {
align-self: center;
padding-right: 8px;
font-size: 12px;
transform: scale(0.8);
}
.undefined-input--max-length.is-over-limit {
color: #ea3636;
}
.undefined-input--max-length span {
color: #979ba5;
}
.undefined-input--text {
width: 100%;
padding: 0 8px;
overflow: hidden;
line-height: 1;
color: #63656e;
text-overflow: ellipsis;
white-space: nowrap;
background-color: white;
background-image: none;
border: none;
border-radius: 2px;
outline: none;
box-sizing: border-box;
transition: all 0.3s;
flex: 1;
}
.undefined-input--text[type='search']::-webkit-search-decoration,
.undefined-input--text[type='search']::-webkit-search-cancel-button,
.undefined-input--text[type='search']::-webkit-search-results-button,
.undefined-input--text[type='search']::-webkit-search-results-decoration {
appearance: none;
}
.undefined-input--text [type='search']::-ms-clear {
display: none;
width: 0;
height: 0;
}
.undefined-input--text [type='search']::-ms-reveal {
display: none;
width: 0;
height: 0;
}
.undefined-input--text[type='number']::-webkit-inner-spin-button,
.undefined-input--text[type='number']::-webkit-outer-spin-button {
margin: 0;
appearance: none;
}
.undefined-input--number-control {
display: flex;
width: 26px;
height: 100%;
padding: 4px 0;
font-size: 0;
user-select: none;
flex-direction: column;
align-items: center;
}
.undefined-input--number-control span {
display: flex;
overflow: hidden;
line-height: 1;
color: #979ba5;
text-align: center;
cursor: pointer;
background-color: #f5f7fa;
flex: 1;
align-items: center;
}
.undefined-input--number-control span.is-disabled {
color: #c4c6cc;
cursor: not-allowed;
}
.undefined-input--number-control svg {
font-size: 14px;
}
.undefined-input--number-control span:first-child {
transform: rotate(180deg);
}
.undefined-input--number-control span:not(.is-disabled):hover {
background-color: #eaebf0;
}
/* 针对 Chrome、Safari 和新版 Edge 的样式 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 100px white inset !important;
box-shadow: 0 0 0 100px white inset !important;
}
/* 针对 Firefox 的样式 */
input:-moz-autofill,
input:-moz-autofill:hover,
input:-moz-autofill:focus,
input:-moz-autofill:active {
-moz-box-shadow: 0 0 0 100px white inset !important;
box-shadow: 0 0 0 100px white inset !important;
}
.text-ov {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
.undefined-popover.undefined-pop2-content {
position: absolute;
padding: 12px;
font-size: 12px;
color: #fff;
background: #26323d;
border-radius: 4px;
box-sizing: border-box;
}
.undefined-popover.undefined-pop2-content.hidden {
display: none;
}
.undefined-popover.undefined-pop2-content .undefined-pop2-arrow {
position: absolute;
z-index: -1;
width: 8px;
height: 8px;
background: #333;
transform: rotate(45deg);
}
.undefined-popover.undefined-pop2-content[data-theme^='light'] {
color: #26323d;
background-color: #fff;
box-shadow: 0 0 6px 0 #dcdee5;
}
.undefined-popover.undefined-pop2-content[data-theme^='light'] .undefined-pop2-arrow {
background-color: #fff;
}
.undefined-checkbox-group {
display: inline-flex;
letter-spacing: normal;
}
.undefined-checkbox {
display: inline-flex;
justify-self: center;
align-items: center;
font-size: 14px;
letter-spacing: normal;
color: #63656e;
cursor: pointer;
user-select: none;
}
.undefined-checkbox ~ .undefined-checkbox {
margin-left: 24px;
}
.undefined-checkbox.is-checked .undefined-checkbox-input {
background: #3a84ff;
border-color: #3a84ff;
transition: all 0.1s;
}
.undefined-checkbox.is-checked .undefined-checkbox-input.small::after {
width: 3px;
height: 6px;
}
.undefined-checkbox.is-checked .undefined-checkbox-input::after {
position: absolute;
top: 50%;
left: 50%;
width: 4px;
height: 8px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
content: '';
transform: translate(-50%, -60%) scaleY(1) rotate(45deg);
transform-origin: center;
}
.undefined-checkbox.is-indeterminated .undefined-checkbox-input {
background: #3a84ff;
border-color: #3a84ff;
transition: all 0.1s;
}
.undefined-checkbox.is-indeterminated .undefined-checkbox-input.small::after {
width: 6px;
height: 2px;
}
.undefined-checkbox.is-indeterminated .undefined-checkbox-input::after {
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 2px;
background: #fff;
border: none;
border-radius: 2px;
content: '';
transform: translate(-50%, -50%);
}
.undefined-checkbox.is-disabled {
color: #c4c6cc;
cursor: not-allowed;
}
.undefined-checkbox.is-disabled .undefined-checkbox-input {
background: #fafbfd;
border-color: #dcdee5;
}
.undefined-checkbox.is-