/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
[class*='byted-'] {
  box-sizing: border-box;
}
input:disabled {
  -webkit-text-fill-color: currentColor;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
@keyframes svg-loading-inner {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0);
  }
}
@keyframes svg-loading-outer {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.byted-icon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.byted-icon-spin {
  animation: spin 1s infinite linear;
}
.byted-icon-loading .svg-loading-inner {
  animation: svg-loading-inner linear 2.5s infinite;
  transform-origin: 50%;
}
.byted-icon-loading .svg-loading-outer {
  animation: svg-loading-outer linear 2s infinite;
  transform-origin: 50%;
}

@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes okee-loading-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
.byted-input-wrapper-size-xs {
  height: 26px;
  font-size: 12px;
  line-height: 18px;
}
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs {
  padding-top: 3px;
  padding-bottom: 3px;
}
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs.byted-input-inner__wrapper-border {
  border-radius: 4px;
}
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs.byted-input-inner__wrapper-add-prepend,
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-append {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs.byted-input-inner__wrapper-add-append,
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-prepend {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs .byted-input-prefix-divider:after,
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs .byted-input-suffix-divider:after {
  height: 12px;
}
.byted-input-wrapper-size-xs .byted-input-prepend:first-child,
.byted-input-wrapper-size-xs.byted-input-wrapper-rtl .byted-input-append:first-child,
.byted-input-wrapper-size-xs .byted-input-prepend:last-child,
.byted-input-wrapper-size-xs.byted-input-wrapper-rtl .byted-input-append:last-child {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-xs .byted-input-append:first-child,
.byted-input-wrapper-size-xs.byted-input-wrapper-rtl .byted-input-prepend:first-child,
.byted-input-wrapper-size-xs .byted-input-append:last-child,
.byted-input-wrapper-size-xs.byted-input-wrapper-rtl .byted-input-prepend:last-child {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-sm {
  height: 30px;
  font-size: 12px;
  line-height: 18px;
}
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm {
  padding-top: 5px;
  padding-bottom: 5px;
}
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm.byted-input-inner__wrapper-border {
  border-radius: 4px;
}
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm.byted-input-inner__wrapper-add-prepend,
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-append {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm.byted-input-inner__wrapper-add-append,
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-prepend {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm .byted-input-prefix-divider:after,
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm .byted-input-suffix-divider:after {
  height: 12px;
}
.byted-input-wrapper-size-sm .byted-input-prepend:first-child,
.byted-input-wrapper-size-sm.byted-input-wrapper-rtl .byted-input-append:first-child,
.byted-input-wrapper-size-sm .byted-input-prepend:last-child,
.byted-input-wrapper-size-sm.byted-input-wrapper-rtl .byted-input-append:last-child {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-sm .byted-input-append:first-child,
.byted-input-wrapper-size-sm.byted-input-wrapper-rtl .byted-input-prepend:first-child,
.byted-input-wrapper-size-sm .byted-input-append:last-child,
.byted-input-wrapper-size-sm.byted-input-wrapper-rtl .byted-input-prepend:last-child {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-md {
  height: 34px;
  font-size: 14px;
  line-height: 22px;
}
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md {
  padding-top: 5px;
  padding-bottom: 5px;
}
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md.byted-input-inner__wrapper-border {
  border-radius: 4px;
}
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md.byted-input-inner__wrapper-add-prepend,
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-append {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md.byted-input-inner__wrapper-add-append,
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-prepend {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md .byted-input-prefix-divider:after,
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md .byted-input-suffix-divider:after {
  height: 16px;
}
.byted-input-wrapper-size-md .byted-input-prepend:first-child,
.byted-input-wrapper-size-md.byted-input-wrapper-rtl .byted-input-append:first-child,
.byted-input-wrapper-size-md .byted-input-prepend:last-child,
.byted-input-wrapper-size-md.byted-input-wrapper-rtl .byted-input-append:last-child {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-md .byted-input-append:first-child,
.byted-input-wrapper-size-md.byted-input-wrapper-rtl .byted-input-prepend:first-child,
.byted-input-wrapper-size-md .byted-input-append:last-child,
.byted-input-wrapper-size-md.byted-input-wrapper-rtl .byted-input-prepend:last-child {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-lg {
  height: 38px;
  font-size: 14px;
  line-height: 22px;
}
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg {
  padding-top: 7px;
  padding-bottom: 7px;
}
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg.byted-input-inner__wrapper-border {
  border-radius: 4px;
}
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg.byted-input-inner__wrapper-add-prepend,
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-append {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg.byted-input-inner__wrapper-add-append,
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-prepend {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg .byted-input-prefix-divider:after,
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg .byted-input-suffix-divider:after {
  height: 16px;
}
.byted-input-wrapper-size-lg .byted-input-prepend:first-child,
.byted-input-wrapper-size-lg.byted-input-wrapper-rtl .byted-input-append:first-child,
.byted-input-wrapper-size-lg .byted-input-prepend:last-child,
.byted-input-wrapper-size-lg.byted-input-wrapper-rtl .byted-input-append:last-child {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-lg .byted-input-append:first-child,
.byted-input-wrapper-size-lg.byted-input-wrapper-rtl .byted-input-prepend:first-child,
.byted-input-wrapper-size-lg .byted-input-append:last-child,
.byted-input-wrapper-size-lg.byted-input-wrapper-rtl .byted-input-prepend:last-child {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-xl {
  height: 42px;
  font-size: 16px;
  line-height: 24px;
}
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl {
  padding-top: 8px;
  padding-bottom: 8px;
}
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl.byted-input-inner__wrapper-border {
  border-radius: 4px;
}
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl.byted-input-inner__wrapper-add-prepend,
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-append {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl.byted-input-inner__wrapper-add-append,
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-prepend {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl .byted-input-prefix-divider:after,
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl .byted-input-suffix-divider:after {
  height: 16px;
}
.byted-input-wrapper-size-xl .byted-input-prepend:first-child,
.byted-input-wrapper-size-xl.byted-input-wrapper-rtl .byted-input-append:first-child,
.byted-input-wrapper-size-xl .byted-input-prepend:last-child,
.byted-input-wrapper-size-xl.byted-input-wrapper-rtl .byted-input-append:last-child {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-xl .byted-input-append:first-child,
.byted-input-wrapper-size-xl.byted-input-wrapper-rtl .byted-input-prepend:first-child,
.byted-input-wrapper-size-xl .byted-input-append:last-child,
.byted-input-wrapper-size-xl.byted-input-wrapper-rtl .byted-input-prepend:last-child {
  border-radius: 0 4px 4px 0;
}
.byted-input-inner__wrapper-size-xs {
  padding-top: 3px;
  padding-bottom: 3px;
  height: 26px;
}
.byted-input-inner__wrapper-size-sm {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 30px;
}
.byted-input-inner__wrapper-size-md {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 34px;
}
.byted-input-inner__wrapper-size-lg {
  padding-top: 7px;
  padding-bottom: 7px;
  height: 38px;
}
.byted-input-inner__wrapper-size-xl {
  padding-top: 8px;
  padding-bottom: 8px;
  height: 42px;
}
.byted-input-size-xs {
  font-size: 12px;
  line-height: 18px;
}
.byted-input-size-sm {
  font-size: 12px;
  line-height: 18px;
}
.byted-input-size-md {
  font-size: 14px;
  line-height: 22px;
}
.byted-input-size-lg {
  font-size: 14px;
  line-height: 22px;
}
.byted-input-size-xl {
  font-size: 16px;
  line-height: 24px;
}
.byted-input-inner__wrapper-size-xs {
  padding-left: 12px;
  padding-right: 12px;
}
.byted-input-inner__wrapper-size-sm {
  padding-left: 12px;
  padding-right: 12px;
}
.byted-input-inner__wrapper-size-md {
  padding-left: 12px;
  padding-right: 12px;
}
.byted-input-inner__wrapper-size-lg {
  padding-left: 12px;
  padding-right: 12px;
}
.byted-input-inner__wrapper-size-xl {
  padding-left: 12px;
  padding-right: 12px;
}
.byted-input-wrapper {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  color: #121212;
  width: 100%;
}
.byted-input-wrapper.byted-input-wrapper-rtl {
  direction: rtl;
}
.byted-input-wrapper .byted-input-prepend,
.byted-input-wrapper .byted-input-append {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #f2f2f2;
  color: #121212;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 10px;
  text-align: center;
  height: 100%;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  border: 0 solid #d9d9d9;
}
.byted-input-wrapper .byted-input-prepend:first-child,
.byted-input-wrapper.byted-input-wrapper-rtl .byted-input-append:first-child,
.byted-input-wrapper .byted-input-prepend:last-child,
.byted-input-wrapper.byted-input-wrapper-rtl .byted-input-append:last-child {
  border-width: 1px 0 1px 1px;
}
.byted-input-wrapper .byted-input-append:first-child,
.byted-input-wrapper.byted-input-wrapper-rtl .byted-input-prepend:first-child,
.byted-input-wrapper .byted-input-append:last-child,
.byted-input-wrapper.byted-input-wrapper-rtl .byted-input-prepend:last-child {
  border-width: 1px 1px 1px 0;
}
.byted-input-wrapper-filled .byted-input-prepend,
.byted-input-wrapper-filled .byted-input-append {
  background-color: #f2f2f2;
  color: #121212;
}
.byted-input-wrapper-disabled .byted-input-prepend,
.byted-input-wrapper-disabled .byted-input-append {
  color: #121212;
  background: #f2f2f2;
}
.byted-input-wrapper-disabled.byted-input-wrapper-filled .byted-input-prepend,
.byted-input-wrapper-disabled.byted-input-wrapper-filled .byted-input-append {
  color: #121212;
  background: #f2f2f2;
}
.byted-input-inner__wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  color: #121212;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled {
  background: #f2f2f2;
  border-color: #f2f2f2;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-prefix,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix {
  color: #666666;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-prefix.byted-input-close-icon,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix.byted-input-close-icon {
  color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-prefix.byted-input-close-icon:hover,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix.byted-input-close-icon:hover {
  color: #666666;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-prefix.byted-input-close-icon:focus,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix.byted-input-close-icon:focus,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-prefix.byted-input-close-icon:active,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix.byted-input-close-icon:active {
  color: #121212;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-prefix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix .byted-input-show-count {
  color: #666666;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-prefix .byted-input-show-count-danger,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix .byted-input-show-count-danger {
  color: #d83e0e;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input {
  color: #121212;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl {
  direction: rtl;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-border {
  border: 1px solid #d9d9d9;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-border .byted-input-inner__wrapper-filled {
  border: 1px solid #f2f2f2;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-hover,
.byted-input-inner__wrapper:hover {
  color: #121212;
  border-color: #f60457;
  background: #ffffff;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-hover.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:hover.byted-input-inner__wrapper-filled {
  color: #121212;
  border-color: #ebebeb;
  background: #ebebeb;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-focus,
.byted-input-inner__wrapper:focus,
.byted-input-inner__wrapper.byted-input-inner__wrapper-active,
.byted-input-inner__wrapper:active {
  outline: none;
  color: #121212;
  border-color: #f60457;
  background: #ffffff;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper:focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper:active.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:focus.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:focus.byted-input-inner__wrapper:focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:focus.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:focus.byted-input-inner__wrapper:active.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper:focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper:active.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:active.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:active.byted-input-inner__wrapper:focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:active.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:active.byted-input-inner__wrapper:active.byted-input-inner__wrapper-filled {
  color: #121212;
  border-color: #f60457;
  background: #f2f2f2;
}
.byted-input-inner__wrapper:not(.byted-input-inner__wrapper-border).byted-input-inner__wrapper-border-focus,
.byted-input-inner__wrapper:not(.byted-input-inner__wrapper-border).byted-input-inner__wrapper-border-active,
.byted-input-inner__wrapper:not(.byted-input-inner__wrapper-border):focus,
.byted-input-inner__wrapper:not(.byted-input-inner__wrapper-border):active {
  box-shadow: none;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning {
  color: #121212;
  border-color: #d83e0e;
  background: #ffffff;
  box-shadow: none;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-filled {
  color: #121212;
  border-color: #d83e0e;
  background: #ffede8;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-hover {
  color: #121212;
  border-color: #e06637;
  background: #ffffff;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-hover.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-hover.byted-input-inner__wrapper-filled {
  color: #121212;
  background: #ffede8;
  border-color: #d83e0e;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus,
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-hover {
  color: #121212;
  border-color: #b52a08;
  background: #ffffff;
  box-shadow: none;
  box-shadow: 0 0 0 2px rgba(181, 42, 8, 0.2);
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-hover.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-hover.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-hover.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-hover.byted-input-inner__wrapper-filled {
  color: #121212;
  background: #ffede8;
  border-color: #d83e0e;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-disabled {
  color: #bdbdbd;
  border-color: #f8f8f8;
  background: #f8f8f8;
  box-shadow: none;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled {
  color: #bdbdbd;
  background: #f2f2f2;
  border-color: #f2f2f2;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly {
  color: #bdbdbd;
  background: #f8f8f8;
  border: 1px solid #f8f8f8;
  cursor: not-allowed;
  box-shadow: none;
  outline: none;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled {
  color: #bdbdbd;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input {
  color: #bdbdbd;
  -webkit-text-fill-color: #bdbdbd;
  cursor: not-allowed;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input::-webkit-input-placeholder,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input::-webkit-input-placeholder,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input::-webkit-input-placeholder,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-prefix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-prefix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-prefix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-prefix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-suffix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-suffix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-suffix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-suffix {
  color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-prefix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-prefix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-prefix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-prefix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-suffix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-suffix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-suffix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-suffix .byted-input-show-count {
  color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled .byted-input,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly .byted-input {
  color: #bdbdbd;
  -webkit-text-fill-color: #bdbdbd;
  cursor: not-allowed;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled .byted-input::-webkit-input-placeholder,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly .byted-input::-webkit-input-placeholder {
  color: #8a8a8a;
  -webkit-text-fill-color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled .byted-input-prefix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly .byted-input-prefix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled .byted-input-suffix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly .byted-input-suffix {
  color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled .byted-input-prefix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly .byted-input-prefix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled .byted-input-suffix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly .byted-input-suffix .byted-input-show-count {
  color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-add-prepend,
.byted-input-inner__wrapper.byted-input-inner__wrapper-add-append {
  margin-bottom: 0;
  text-align: inherit;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-add-prepend.byted-input-inner__wrapper-add-append,
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-prepend.byted-input-inner__wrapper-add-append {
  border-radius: 0;
}
.byted-input-inner__wrapper .byted-input-prefix {
  color: #666666;
  position: relative;
}
.byted-input-inner__wrapper .byted-input-suffix {
  color: #666666;
}
.byted-input-inner__wrapper .byted-input-suffix.byted-input-close-icon {
  color: #8a8a8a;
}
.byted-input-inner__wrapper .byted-input-suffix.byted-input-close-icon:hover {
  color: #666666;
}
.byted-input-inner__wrapper .byted-input-suffix.byted-input-close-icon:focus,
.byted-input-inner__wrapper .byted-input-suffix.byted-input-close-icon:active {
  color: #121212;
}
.byted-input-inner__wrapper .byted-input-suffix .byted-input-show-count {
  color: #666666;
}
.byted-input-inner__wrapper .byted-input-suffix .byted-input-show-count-danger {
  color: #d83e0e;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl .byted-input-prefix,
.byted-input-inner__wrapper .byted-input-suffix {
  padding-right: 0;
  padding-left: 8px;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl .byted-input-prefix-divider,
.byted-input-inner__wrapper .byted-input-suffix-divider {
  padding-left: 16px;
  position: relative;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl .byted-input-prefix-divider::after,
.byted-input-inner__wrapper .byted-input-suffix-divider::after {
  content: '';
  width: 1px;
  position: absolute;
  display: block;
  background-color: #ebebeb;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl .byted-input-suffix,
.byted-input-inner__wrapper .byted-input-prefix {
  padding-right: 8px;
  padding-left: 0px;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl .byted-input-suffix-divider,
.byted-input-inner__wrapper .byted-input-prefix-divider {
  padding-right: 16px;
  position: relative;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl .byted-input-suffix-divider::after,
.byted-input-inner__wrapper .byted-input-prefix-divider::after {
  content: '';
  width: 1px;
  position: absolute;
  display: block;
  background-color: #ebebeb;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.byted-input-inner__wrapper-disabled .byted-input-prefix,
.byted-input-inner__wrapper-disabled .byted-input-suffix {
  color: #8a8a8a;
}
.byted-input {
  position: relative;
  white-space: nowrap;
  outline: none;
  -webkit-appearance: none;
  color: currentColor;
  background-color: transparent;
  border: none;
  width: 100%;
  padding: 0;
  flex: 1;
  caret-color: auto;
}
.byted-input input[type='search']::-webkit-search-cancel-button,
.byted-input input[type='search']::-webkit-search-decoration,
.byted-input input[type='search']::-webkit-search-results-button,
.byted-input input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.byted-input input[type='search'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.byted-input::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-input-group {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
}
.byted-input-group.byted-input-group-rtl {
  direction: rtl;
}
.byted-input-group .byted-can-input-grouped {
  position: relative;
}
.byted-input-group .byted-can-input-grouped-focus {
  z-index: 1;
}
.byted-input-group .byted-can-input-grouped:hover {
  z-index: 2;
}
.byted-input-group .byted-can-input-grouped,
.byted-input-group .byted-can-input-grouped .byted-input-inner__wrapper,
.byted-input-group .byted-can-input-grouped .byted-input-number-input,
.byted-input-group .byted-can-input-grouped .byted-btn {
  border-radius: 0;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:not(:first-child) {
  margin-left: -1px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:first-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:first-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:first-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:first-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:last-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:last-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:last-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:last-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:first-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:first-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:first-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:first-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:last-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:last-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:last-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:last-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:not(:first-child) {
  margin-right: -1px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:first-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:first-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:first-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:first-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:last-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:last-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:last-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:last-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:first-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:first-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:first-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:first-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:last-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:last-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:last-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:last-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
/**************************************************************/
/**************************************************************/
/**************************************************************/
[class*='byted-'][data-motion-wave] {
  position: relative;
}
[class*='byted-'][data-motion-wave][data-motion-wave='after']::after,
[class*='byted-'][data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[class*='byted-'][data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[class*='byted-'][data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-empty {
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.byted-empty-inner {
  margin: auto;
  padding-top: 44px;
  padding-bottom: 58px;
}
.byted-empty-icon {
  font-size: 40px;
  color: #bdbdbd;
}
.byted-empty-detail {
  margin-top: 9px;
}
.byted-empty-detail-typed {
  margin-top: 20px;
}
.byted-empty-title {
  color: #121212;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 12px;
}
.byted-empty-operation {
  margin-top: 20px;
}
.byted-empty-inner-text {
  font-size: 14px;
  line-height: 22px;
  color: #bdbdbd;
}

/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
[class*='byted-'] {
  box-sizing: border-box;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Source Han Sans CN', 'noto sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
input:disabled {
  -webkit-text-fill-color: currentColor;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
/**************************************************************/
/**************************************************************/
/**************************************************************/
[class*='byted-'][data-motion-wave] {
  position: relative;
}
[class*='byted-'][data-motion-wave][data-motion-wave='after']::after,
[class*='byted-'][data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[class*='byted-'][data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[class*='byted-'][data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes svg-loading-inner {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0);
  }
}
@keyframes svg-loading-outer {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.byted-icon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.byted-icon-spin {
  animation: spin 1s infinite linear;
}
.byted-icon-loading .svg-loading-inner {
  animation: svg-loading-inner linear 2.5s infinite;
  transform-origin: 50%;
}
.byted-icon-loading .svg-loading-outer {
  animation: svg-loading-outer linear 2s infinite;
  transform-origin: 50%;
}

/**************************************************************/
/**************************************************************/
/**************************************************************/
[class*='byted-'][data-motion-wave] {
  position: relative;
}
[class*='byted-'][data-motion-wave][data-motion-wave='after']::after,
[class*='byted-'][data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[class*='byted-'][data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[class*='byted-'][data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-content-container {
  display: flex;
  flex-flow: column;
}
.byted-content-header,
.byted-content-footer,
.byted-content-inner {
  display: flex;
}
.byted-content-header:before,
.byted-content-footer:before,
.byted-content-inner:before,
.byted-content-header:after,
.byted-content-footer:after,
.byted-content-inner:after {
  display: table;
  content: "";
}
.byted-content-header:after,
.byted-content-footer:after,
.byted-content-inner:after {
  clear: both;
}
.byted-content-footer {
  margin-top: auto;
}
.byted-content-inner-notModal {
  overflow: auto;
}
.byted-content-icon-wrapper {
  width: 28px;
}
.byted-content-inner-wrapper {
  flex: 1;
  height: 100%;
}
/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
/**
 * Components：CascaderPanel、Listviewer
 * Components：Autocomplete、Select 、Dropdown、Cascader
 */
.byted-list-item-container {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #ffffff;
  border-color: #d9d9d9;
  padding: 6px 12px 6px 0;
  color: #121212;
}
.byted-list-item-container.byted-list-item-container-size-xs {
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-list-item-container.byted-list-item-container-size-xs .byted-list-item-inner-wrapper {
  font-size: 12px;
  line-height: 18px;
}
.byted-list-item-container.byted-list-item-container-size-sm {
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-list-item-container.byted-list-item-container-size-sm .byted-list-item-inner-wrapper {
  font-size: 12px;
  line-height: 18px;
}
.byted-list-item-container.byted-list-item-container-size-md {
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-list-item-container.byted-list-item-container-size-md .byted-list-item-inner-wrapper {
  font-size: 14px;
  line-height: 22px;
}
.byted-list-item-container.byted-list-item-container-size-lg {
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-list-item-container.byted-list-item-container-size-lg .byted-list-item-inner-wrapper {
  font-size: 14px;
  line-height: 22px;
}
.byted-list-item-container.byted-list-item-container-size-xl {
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-list-item-container.byted-list-item-container-size-xl .byted-list-item-inner-wrapper {
  font-size: 16px;
  line-height: 24px;
}
.byted-list-item-container.byted-list-item-container-level-1 {
  padding-left: 12px;
  padding-right: 6px;
}
.byted-list-item-container.byted-list-item-container-level-2 {
  padding-left: 24px;
  padding-right: 6px;
}
.byted-list-item-container.byted-list-item-container-level-3 {
  padding-left: 36px;
  padding-right: 6px;
}
.byted-list-item-container.byted-list-item-container-level-4 {
  padding-left: 48px;
  padding-right: 6px;
}
.byted-list-item-container.byted-list-item-container-level-5 {
  padding-left: 60px;
  padding-right: 6px;
}
.byted-list-item-container.byted-list-item-container-rtl {
  direction: rtl;
  padding: 6px 0 6px 12px;
}
.byted-list-item-container.byted-list-item-container-rtl.byted-list-item-container-level-1 {
  padding-left: 6px;
  padding-right: 12px;
}
.byted-list-item-container.byted-list-item-container-rtl.byted-list-item-container-level-2 {
  padding-left: 6px;
  padding-right: 24px;
}
.byted-list-item-container.byted-list-item-container-rtl.byted-list-item-container-level-3 {
  padding-left: 6px;
  padding-right: 36px;
}
.byted-list-item-container.byted-list-item-container-rtl.byted-list-item-container-level-4 {
  padding-left: 6px;
  padding-right: 48px;
}
.byted-list-item-container.byted-list-item-container-rtl.byted-list-item-container-level-5 {
  padding-left: 6px;
  padding-right: 60px;
}
.byted-list-item-container .byted-list-item-checkbox,
.byted-list-item-container .byted-list-item-radio {
  width: 24px;
  margin: 0;
  padding: 0 8px 0 0;
}
.byted-list-item-container.byted-list-item-container-rtl .byted-list-item-checkbox,
.byted-list-item-container.byted-list-item-container-rtl .byted-list-item-radio {
  padding: 0 0 0 8px;
}
.byted-list-item-container .byted-list-item-inner-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
}
.byted-list-item-container .byted-list-item-inner-wrapper:before,
.byted-list-item-container .byted-list-item-inner-wrapper:after {
  display: table;
  content: "";
}
.byted-list-item-container .byted-list-item-inner-wrapper:after {
  clear: both;
}
.byted-list-item-container .byted-list-item-inner-wrapper-wrap {
  line-break: inherit;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
.byted-list-item-container .byted-list-item-chosen-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #f60457;
}
.byted-list-item-container:hover:not(.byted-list-item-container-disabled):not(.byted-list-item-container-readonly) {
  background-color: #ebebeb;
  color: #121212;
}
.byted-list-item-container:active:not(.byted-list-item-container-disabled):not(.byted-list-item-container-readonly) {
  background-color: #e3e3e3;
  color: #121212;
}
.byted-list-item-container-disabled,
.byted-list-item-container-readonly {
  cursor: not-allowed;
  background-color: #ffffff;
}
.byted-list-item-container-disabled .byted-list-item-inner-wrapper,
.byted-list-item-container-readonly .byted-list-item-inner-wrapper {
  color: #bdbdbd;
}
.byted-list-item-container-disabled.byted-list-item-container-checked,
.byted-list-item-container-readonly.byted-list-item-container-checked {
  color: #fda3b2;
  background-color: #ffffff;
}
.byted-list-item-container-disabled.byted-list-item-container-checked .byted-list-item-inner-wrapper,
.byted-list-item-container-readonly.byted-list-item-container-checked .byted-list-item-inner-wrapper,
.byted-list-item-container-disabled.byted-list-item-container-checked .byted-list-item-chosen-icon,
.byted-list-item-container-readonly.byted-list-item-container-checked .byted-list-item-chosen-icon {
  color: #fda3b2;
}
.byted-select-input-prepend {
  flex: 1;
  display: flex;
  align-items: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  white-space: nowrap;
  font-size: 14px;
}
.byted-select-input-append {
  flex: 1;
  display: flex;
  align-items: center;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  white-space: nowrap;
  font-size: 14px;
}
.byted-select-input-wrapper-prefix {
  font-size: 14px;
  color: #666666;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.byted-select-input-wrapper-prefix-divider {
  padding-right: 8px;
}
.byted-select-input-wrapper-prefix-divider::after {
  content: '';
  width: 1px;
  position: absolute;
  display: block;
  background-color: #ebebeb;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}
.byted-select-input-wrapper {
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer;
}
.byted-select-input-wrapper input {
  background: none;
  color: #121212;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl {
  direction: rtl;
}
.byted-select-input-wrapper-box {
  display: flex;
  width: 100%;
  cursor: pointer;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 50px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-value {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-tip {
  font-size: 12px;
  height: 22px;
  width: 22px;
  line-height: 20px;
  left: auto;
  right: 28px;
  margin-top: 1px;
  border-radius: 11px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-input-icon {
  font-size: 12px;
  line-height: 1;
  height: 1em;
  top: 7px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 28px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-xs .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 50px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  height: 26px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs.byted-select-input-wrapper.byted-select-input-wrapper-popover-input {
  padding-top: 1px;
  padding-bottom: 1px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-render {
  padding-top: 0px;
  padding-bottom: 0px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-input-inner {
  padding-top: 1px;
  padding-bottom: 1px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs.byted-select-input-wrapper .byted-select-input-content-wrapper .byted-select-input-inner .byted-tag {
  margin-top: 1px;
  margin-bottom: 1px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-input-wrapper-prefix {
  height: 20px;
  line-height: 20px;
  margin: 1px 8px 1px 0;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-input-wrapper-prefix-divider::after {
  height: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 26px;
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 50px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-value {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-tip {
  font-size: 12px;
  height: 22px;
  width: 22px;
  line-height: 20px;
  left: auto;
  right: 28px;
  margin-top: 3px;
  border-radius: 11px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-input-icon {
  font-size: 12px;
  line-height: 1;
  height: 1em;
  top: 9px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 28px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-sm .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 50px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  height: 30px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm.byted-select-input-wrapper.byted-select-input-wrapper-popover-input {
  padding-top: 2px;
  padding-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-render {
  padding-top: 0px;
  padding-bottom: 0px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-input-inner {
  padding-top: 2px;
  padding-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm.byted-select-input-wrapper .byted-select-input-content-wrapper .byted-select-input-inner .byted-tag {
  margin-top: 2px;
  margin-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-input-wrapper-prefix {
  height: 22px;
  line-height: 22px;
  margin: 2px 8px 2px 0;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-input-wrapper-prefix-divider::after {
  height: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 30px;
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 56px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-value {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-tip {
  font-size: 14px;
  height: 26px;
  width: 26px;
  line-height: 24px;
  left: auto;
  right: 30px;
  margin-top: 3px;
  border-radius: 13px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-input-icon {
  font-size: 14px;
  line-height: 1;
  height: 1em;
  top: 10px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 30px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-md .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 56px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  height: 34px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md.byted-select-input-wrapper.byted-select-input-wrapper-popover-input {
  padding-top: 2px;
  padding-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-render {
  padding-top: 0px;
  padding-bottom: 0px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-input-inner {
  padding-top: 2px;
  padding-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md.byted-select-input-wrapper .byted-select-input-content-wrapper .byted-select-input-inner .byted-tag {
  margin-top: 2px;
  margin-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-input-wrapper-prefix {
  height: 26px;
  line-height: 26px;
  margin: 2px 8px 2px 0;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-input-wrapper-prefix-divider::after {
  height: 16px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 34px;
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 60px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-value {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-tip {
  font-size: 14px;
  height: 30px;
  width: 30px;
  line-height: 28px;
  left: auto;
  right: 30px;
  margin-top: 3px;
  border-radius: 15px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-input-icon {
  font-size: 14px;
  line-height: 1;
  height: 1em;
  top: 12px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 30px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-lg .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 60px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  height: 38px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg.byted-select-input-wrapper.byted-select-input-wrapper-popover-input {
  padding-top: 2px;
  padding-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-render {
  padding-top: 0px;
  padding-bottom: 0px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-input-inner {
  padding-top: 2px;
  padding-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg.byted-select-input-wrapper .byted-select-input-content-wrapper .byted-select-input-inner .byted-tag {
  margin-top: 2px;
  margin-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-input-wrapper-prefix {
  height: 30px;
  line-height: 30px;
  margin: 2px 8px 2px 0;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-input-wrapper-prefix-divider::after {
  height: 16px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 38px;
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper {
  font-size: 16px;
  line-height: 24px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 62px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-value {
  font-size: 16px;
  line-height: 24px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-tip {
  font-size: 16px;
  height: 30px;
  width: 30px;
  line-height: 28px;
  left: auto;
  right: 32px;
  margin-top: 5px;
  border-radius: 15px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-input-icon {
  font-size: 16px;
  line-height: 1;
  height: 1em;
  top: 13px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 32px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-xl .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 62px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  height: 42px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl.byted-select-input-wrapper.byted-select-input-wrapper-popover-input {
  padding-top: 3px;
  padding-bottom: 3px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-render {
  padding-top: 0px;
  padding-bottom: 0px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-input-inner {
  padding-top: 3px;
  padding-bottom: 3px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl.byted-select-input-wrapper .byted-select-input-content-wrapper .byted-select-input-inner .byted-tag {
  margin-top: 3px;
  margin-bottom: 3px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-input-wrapper-prefix {
  height: 30px;
  line-height: 30px;
  margin: 4px 8px 4px 0;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-input-wrapper-prefix-divider::after {
  height: 16px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 42px;
  font-size: 16px;
  line-height: 24px;
}
.byted-select-input-wrapper:hover .byted-select-input {
  border-color: #fa4b74;
  background-color: #ffffff;
  border-color: #f60457;
  color: #121212;
  /* 暂未发现用处 */
}
.byted-select-input-wrapper:hover .byted-select-input-warning {
  background-color: #ffffff;
  border-color: #e06637;
  color: #121212;
  box-shadow: none;
}
.byted-select-input-wrapper:hover .byted-select-input-warning.byted-select-input-filled {
  background-color: #d83e0e;
  border-color: #ffede8;
  color: #121212;
}
.byted-select-input-wrapper:hover .byted-select-input-filled {
  background-color: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-select-input-wrapper:hover .byted-select-input-disabled {
  color: #bdbdbd;
  border-color: #f8f8f8;
  background-color: #f8f8f8;
}
.byted-select-input-wrapper:active .byted-select-input {
  background-color: #ffffff;
  border-color: #f60457;
  color: #121212;
}
.byted-select-input-wrapper:active .byted-select-input-warning {
  background-color: #ffffff;
  border-color: #b52a08;
  color: #121212;
}
.byted-select-input-wrapper .byted-select-input {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  outline: none;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-select-input-wrapper .byted-select-input .byted-select-value {
  background: transparent;
}
.byted-select-input-wrapper .byted-select-input:focus {
  background-color: #ffffff;
  border-color: #f60457;
  color: #121212;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-select-input-wrapper .byted-select-input:focus.byted-select-input-filled {
  background-color: #f2f2f2;
  border-color: #f60457;
  color: #121212;
  box-shadow: 0 0 0 2px rgba(246, 4, 87, 0.2);
}
.byted-select-input-wrapper .byted-select-input-warning {
  box-shadow: none;
  background-color: #ffffff;
  border-color: #d83e0e;
  color: #121212;
}
.byted-select-input-wrapper .byted-select-input-warning.byted-select-input-filled {
  background-color: #ffede8;
  border-color: #ffede8;
  color: #121212;
}
.byted-select-input-wrapper .byted-select-input-warning:focus {
  background-color: #ffffff;
  border-color: #b52a08;
  color: #121212;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-select-input-wrapper .byted-select-input-warning:focus.byted-select-input-filled {
  background-color: #ffede8;
  border-color: #d83e0e;
  color: #121212;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-select-input-wrapper .byted-select-input-filled {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #121212;
}
.byted-select-input-wrapper .byted-select-input-filled .byted-select-tip {
  color: #121212;
  background-color: #ffffff;
  border: 1px solid transparent;
}
.byted-select-input-wrapper .byted-select-input-filled + .byted-select-input-content-wrapper .byted-tag {
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
.byted-select-input-wrapper .byted-select-input-filled + .byted-select-input-content-wrapper .byted-select-value::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-select-input-wrapper .byted-select-input-filled + .byted-select-input-content-wrapper .byted-select-input-wrapper-prefix {
  color: #666666;
}
.byted-select-input-wrapper .byted-select-input-filled ~ .byted-select-input-icon {
  color: #666666;
}
.byted-select-input-wrapper .byted-select-input-filled ~ .byted-select-input-icon .byted-icon-close-one {
  color: #8a8a8a;
}
.byted-select-input-wrapper .byted-select-input-filled ~ .byted-select-input-icon .byted-icon-close-one :hover {
  color: #666666;
}
.byted-select-input-wrapper .byted-select-input-filled ~ .byted-select-input-icon .byted-icon-close-one :active {
  color: #121212;
}
.byted-select-input-wrapper.byted-select-input-wrapper-focused .byted-select-input {
  background-color: #ffffff;
  border-color: #f60457;
  color: #121212;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-select-input-wrapper.byted-select-input-wrapper-focused .byted-select-input-warning {
  background-color: #ffffff;
  border-color: #b52a08;
  color: #121212;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-select-input-wrapper.byted-select-input-wrapper-focused .byted-select-input-filled {
  background-color: #f2f2f2;
  border-color: #f60457;
  color: #121212;
  box-shadow: 0 0 0 2px rgba(246, 4, 87, 0.2);
}
.byted-select-input-wrapper.byted-select-input-wrapper-focused .byted-select-input-filled.byted-select-input-warning {
  background-color: #ffede8;
  border-color: #d83e0e;
  color: #121212;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-select-input-wrapper-prepend .byted-select-input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.byted-select-input-wrapper-append .byted-select-input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.byted-select-input-wrapper .byted-select-input-content-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.byted-select-input-wrapper .byted-select-input-icon {
  position: absolute;
  right: 7px;
  left: unset;
  color: #666666;
}
.byted-select-input-wrapper .byted-select-input-icon .byted-icon-close-one {
  pointer-events: auto;
  color: #8a8a8a;
}
.byted-select-input-wrapper .byted-select-input-icon .byted-icon-close-one :hover {
  color: #666666;
}
.byted-select-input-wrapper .byted-select-input-icon .byted-icon-close-one :active {
  color: #121212;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl .byted-select-input-icon {
  right: unset;
  left: 7px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl .byted-select-input-wrapper-prefix {
  margin-left: 8px;
  margin-right: 0px;
}
.byted-select-input-wrapper .byted-select-tip {
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: 0;
  text-align: center;
  border-radius: 8px;
  color: #121212;
  border: 1px solid transparent;
  background-color: #ebebeb;
}
.byted-select-input-wrapper .byted-select-value {
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  border: 0;
  outline: none;
  cursor: pointer;
  flex: 1;
  padding: 0px;
}
.byted-select-input-wrapper .byted-select-value::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-select-input-wrapper .byted-select-input-inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  height: 100%;
  line-height: 0;
  font-size: 0;
  padding: 0px 100px 2px 12px;
}
.byted-select-input-wrapper .byted-select-input-inner.byted-select-input-inner-simple {
  padding-right: 24px;
}
.byted-select-input-wrapper .byted-select-input-inner-single,
.byted-select-input-wrapper .byted-select-input-inner-uncollapse {
  padding-right: 30px;
}
.byted-select-input-wrapper .byted-select-input-inner .byted-tag {
  pointer-events: auto;
  margin-left: unset;
  margin-right: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl .byted-tag {
  margin-left: 4px;
  margin-right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl .byted-select-input-inner {
  padding: 0px 12px 2px 100px;
}
.byted-select-input-wrapper-disabled,
.byted-select-input-wrapper-readonly {
  cursor: not-allowed;
}
.byted-select-input-wrapper-disabled .byted-select-input,
.byted-select-input-wrapper-readonly .byted-select-input {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-select-input-wrapper-disabled .byted-select-input:focus,
.byted-select-input-wrapper-readonly .byted-select-input:focus,
.byted-select-input-wrapper-disabled .byted-select-input:hover,
.byted-select-input-wrapper-readonly .byted-select-input:hover {
  box-shadow: none;
}
.byted-select-input-wrapper-disabled .byted-select-input-warning,
.byted-select-input-wrapper-readonly .byted-select-input-warning {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  color: #bdbdbd;
}
.byted-select-input-wrapper-disabled .byted-select-input .byted-select-tip,
.byted-select-input-wrapper-readonly .byted-select-input .byted-select-tip {
  color: #bdbdbd;
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-select-input-wrapper-disabled .byted-select-input + .byted-select-input-content-wrapper .byted-tag,
.byted-select-input-wrapper-readonly .byted-select-input + .byted-select-input-content-wrapper .byted-tag {
  box-sizing: border-box;
  border-color: #f8f8f8;
  background-color: #f8f8f8;
}
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning {
  color: #bdbdbd;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
  cursor: not-allowed;
}
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled:focus,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled:focus,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning:focus,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning:focus,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled:hover,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled:hover,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning:hover,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning:hover {
  color: #bdbdbd;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
  box-shadow: none;
}
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled .byted-select-tip,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled .byted-select-tip,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning .byted-select-tip,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning .byted-select-tip {
  color: #bdbdbd;
  border-color: transparent;
  background-color: #ffffff;
}
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled + .byted-select-input-content-wrapper .byted-tag,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled + .byted-select-input-content-wrapper .byted-tag,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning + .byted-select-input-content-wrapper .byted-tag,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning + .byted-select-input-content-wrapper .byted-tag {
  box-sizing: border-box;
  color: #bdbdbd;
  border-color: #ffffff;
  background-color: #ffffff;
}
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled + .byted-select-input-content-wrapper .byted-select-value::-webkit-input-placeholder,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled + .byted-select-input-content-wrapper .byted-select-value::-webkit-input-placeholder,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning + .byted-select-input-content-wrapper .byted-select-value::-webkit-input-placeholder,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning + .byted-select-input-content-wrapper .byted-select-value::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled + .byted-select-input-content-wrapper .byted-select-input-wrapper-prefix,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled + .byted-select-input-content-wrapper .byted-select-input-wrapper-prefix,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning + .byted-select-input-content-wrapper .byted-select-input-wrapper-prefix,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning + .byted-select-input-content-wrapper .byted-select-input-wrapper-prefix {
  color: #8a8a8a;
}
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled ~ .byted-select-input-icon,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled ~ .byted-select-input-icon,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning ~ .byted-select-input-icon,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning ~ .byted-select-input-icon {
  color: #8a8a8a;
}
.byted-select-input-wrapper-disabled .byted-select-value,
.byted-select-input-wrapper-readonly .byted-select-value {
  cursor: not-allowed;
  color: #bdbdbd;
  -webkit-text-fill-color: #bdbdbd;
}
.byted-select-input-wrapper-disabled .byted-select-value::-webkit-input-placeholder,
.byted-select-input-wrapper-readonly .byted-select-value::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-select-input-wrapper-disabled:hover .byted-select-input,
.byted-select-input-wrapper-readonly:hover .byted-select-input {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  color: #bdbdbd;
  box-shadow: none;
}
.byted-select-input-wrapper-disabled:hover .byted-select-input.byted-select-input-warning,
.byted-select-input-wrapper-readonly:hover .byted-select-input.byted-select-input-warning {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  color: #bdbdbd;
  box-shadow: none;
}
.byted-select-input-wrapper-disabled:hover .byted-select-input-filled,
.byted-select-input-wrapper-readonly:hover .byted-select-input-filled,
.byted-select-input-wrapper-disabled:hover .byted-select-input-filled.byted-select-input-warning,
.byted-select-input-wrapper-readonly:hover .byted-select-input-filled.byted-select-input-warning {
  color: #bdbdbd;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
.byted-select-input-wrapper-disabled:active .byted-select-input,
.byted-select-input-wrapper-readonly:active .byted-select-input {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  color: #bdbdbd;
  box-shadow: none;
}
.byted-select-input-wrapper-disabled:active .byted-select-input.byted-select-input-warning,
.byted-select-input-wrapper-readonly:active .byted-select-input.byted-select-input-warning {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  color: #bdbdbd;
  box-shadow: none;
}
.byted-select-input-wrapper-disabled:active .byted-select-input-filled,
.byted-select-input-wrapper-readonly:active .byted-select-input-filled,
.byted-select-input-wrapper-disabled:active .byted-select-input-filled.byted-select-input-warning,
.byted-select-input-wrapper-readonly:active .byted-select-input-filled.byted-select-input-warning {
  color: #bdbdbd;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
.byted-select-input-wrapper-disabled .byted-select-input-icon {
  color: #8a8a8a;
}
.byted-select-input-wrapper-disabled .byted-select-input-wrapper-prefix {
  color: #8a8a8a;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input {
  padding: 0 0;
  pointer-events: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 50px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-value {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-tip {
  font-size: 12px;
  height: 22px;
  width: 22px;
  line-height: 20px;
  left: auto;
  right: 28px;
  margin-top: 1px;
  border-radius: 11px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-input-icon {
  font-size: 12px;
  line-height: 1;
  height: 1em;
  top: 7px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 28px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-xs .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 50px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper {
  min-height: 24px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  max-height: 76px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper .byted-select-input-inner {
  min-height: 24px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 26px;
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 50px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-value {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-tip {
  font-size: 12px;
  height: 22px;
  width: 22px;
  line-height: 20px;
  left: auto;
  right: 28px;
  margin-top: 3px;
  border-radius: 11px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-input-icon {
  font-size: 12px;
  line-height: 1;
  height: 1em;
  top: 9px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 28px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-sm .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 50px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper {
  min-height: 26px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  max-height: 90px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper .byted-select-input-inner {
  min-height: 26px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 30px;
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 56px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-value {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-tip {
  font-size: 14px;
  height: 26px;
  width: 26px;
  line-height: 24px;
  left: auto;
  right: 30px;
  margin-top: 3px;
  border-radius: 13px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-input-icon {
  font-size: 14px;
  line-height: 1;
  height: 1em;
  top: 10px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 30px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-md .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 56px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper {
  min-height: 30px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  max-height: 104px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper .byted-select-input-inner {
  min-height: 30px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 34px;
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 60px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-value {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-tip {
  font-size: 14px;
  height: 30px;
  width: 30px;
  line-height: 28px;
  left: auto;
  right: 30px;
  margin-top: 3px;
  border-radius: 15px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-input-icon {
  font-size: 14px;
  line-height: 1;
  height: 1em;
  top: 12px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 30px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-lg .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 60px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper {
  min-height: 34px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  max-height: 118px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper .byted-select-input-inner {
  min-height: 34px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 38px;
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper {
  font-size: 16px;
  line-height: 24px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 62px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-value {
  font-size: 16px;
  line-height: 24px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-tip {
  font-size: 16px;
  height: 30px;
  width: 30px;
  line-height: 28px;
  left: auto;
  right: 32px;
  margin-top: 5px;
  border-radius: 15px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-input-icon {
  font-size: 16px;
  line-height: 1;
  height: 1em;
  top: 13px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 32px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-xl .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 62px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper {
  min-height: 36px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  max-height: 132px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper .byted-select-input-inner {
  min-height: 36px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 42px;
  font-size: 16px;
  line-height: 24px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input .byted-select-input-content-wrapper {
  position: relative;
  height: auto;
  overflow: auto;
}
.byted-popover-show .byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input .byted-select-input {
  box-shadow: 0 0 0 2px rgba(253, 163, 178, 0.2);
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input .byted-select-input-inner {
  padding: 0px 30px 0px 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-render.byted-select-input-wrapper-popover-input {
  padding: 0px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-render.byted-select-input-wrapper-popover-input .byted-select-input-inner {
  padding: 0px 34px 0px 0px;
  align-items: center;
}
.byted-high-light {
  color: #f60457;
}
.byted-rimless-input {
  display: inline-flex;
  width: 100%;
}
.byted-rimless-input-size-xl .byted-rimless-input-inner {
  padding-right: 22px;
}
.byted-rimless-input-size-lg .byted-rimless-input-inner {
  padding-right: 22px;
}
.byted-rimless-input-size-md .byted-rimless-input-inner {
  padding-right: 22px;
}
.byted-rimless-input-size-sm .byted-rimless-input-inner {
  padding-right: 22px;
}
.byted-rimless-input-size-xs .byted-rimless-input-inner {
  padding-right: 22px;
}
.byted-rimless-input-inner {
  position: relative;
  display: inline;
  max-width: 100%;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #121212;
}
.byted-rimless-input-inner:hover {
  color: #f60457;
}
.byted-rimless-input-inner:hover .byted-rimless-input-num,
.byted-rimless-input-inner:hover .byted-rimless-input-icon {
  color: #f60457;
}
.byted-rimless-input-inner:active {
  color: #d20251;
}
.byted-rimless-input-inner:active .byted-rimless-input-num,
.byted-rimless-input-inner:active .byted-rimless-input-icon {
  color: #d20251;
}
.byted-rimless-input-close-icon {
  color: #8a8a8a !important;
}
.byted-rimless-input-close-icon:hover {
  color: #666666 !important;
}
.byted-rimless-input.byted-rimless-input-align-left .byted-rimless-input-inner {
  margin-right: auto;
}
.byted-rimless-input.byted-rimless-input-align-right .byted-rimless-input-inner {
  margin-left: auto;
}
.byted-rimless-input.byted-rimless-input-align-center .byted-rimless-input-inner {
  margin-left: auto;
  margin-right: auto;
}
.byted-rimless-input.byted-rimless-input-align-justify .byted-rimless-input-inner {
  width: 100%;
}
.byted-rimless-input-active .byted-rimless-input-inner,
.byted-rimless-input-active .byted-rimless-input-num,
.byted-rimless-input-active .byted-rimless-input-icon {
  color: #f60457;
}
.byted-rimless-input-active .byted-rimless-input-inner:active,
.byted-rimless-input-active .byted-rimless-input-num:active,
.byted-rimless-input-active .byted-rimless-input-icon:active {
  color: #d20251;
}
.byted-rimless-input-show-num .byted-rimless-input-inner {
  padding-right: 40px;
}
.byted-rimless-input-icon {
  color: #666666;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.byted-rimless-input-num {
  position: absolute;
  right: 14px;
  padding: 0 4px;
  color: #8a8a8a;
}
.byted-rimless-input-disabled .byted-rimless-input-inner,
.byted-rimless-input-readonly .byted-rimless-input-inner {
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-rimless-input-disabled .byted-rimless-input-inner:hover,
.byted-rimless-input-readonly .byted-rimless-input-inner:hover,
.byted-rimless-input-disabled .byted-rimless-input-inner:active,
.byted-rimless-input-readonly .byted-rimless-input-inner:active {
  color: #bdbdbd;
}
.byted-rimless-input-disabled .byted-rimless-input-inner:hover .byted-rimless-input-num,
.byted-rimless-input-readonly .byted-rimless-input-inner:hover .byted-rimless-input-num,
.byted-rimless-input-disabled .byted-rimless-input-inner:active .byted-rimless-input-num,
.byted-rimless-input-readonly .byted-rimless-input-inner:active .byted-rimless-input-num,
.byted-rimless-input-disabled .byted-rimless-input-inner:hover .byted-rimless-input-icon,
.byted-rimless-input-readonly .byted-rimless-input-inner:hover .byted-rimless-input-icon,
.byted-rimless-input-disabled .byted-rimless-input-inner:active .byted-rimless-input-icon,
.byted-rimless-input-readonly .byted-rimless-input-inner:active .byted-rimless-input-icon {
  color: #bdbdbd;
}
.byted-rimless-input-disabled .byted-rimless-input-num,
.byted-rimless-input-readonly .byted-rimless-input-num,
.byted-rimless-input-disabled .byted-rimless-input-icon,
.byted-rimless-input-readonly .byted-rimless-input-icon {
  color: #bdbdbd;
}
.byted-rimless-input-size-xs {
  font-size: 12px;
  line-height: 20px;
}
.byted-rimless-input-size-sm {
  font-size: 12px;
  line-height: 20px;
}
.byted-rimless-input-size-md {
  font-size: 14px;
  line-height: 22px;
}
.byted-rimless-input-size-lg {
  font-size: 14px;
  line-height: 22px;
}
.byted-rimless-input-size-xl {
  font-size: 16px;
  line-height: 24px;
}

/**************************************************************/
/**************************************************************/
/**************************************************************/
[class*='byted-'][data-motion-wave] {
  position: relative;
}
[class*='byted-'][data-motion-wave][data-motion-wave='after']::after,
[class*='byted-'][data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[class*='byted-'][data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[class*='byted-'][data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
/**
 * OKee Design Component Checkbox Design Token
 */
/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
/**
 * OKee Theme Checkbox Iteme Design Token
 */
/**
 * OKee Theme Checkbox Design Token
 */
.byted-checkbox {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  user-select: none;
  padding: 6px 0;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  margin: 0 32px 0 0;
}
.byted-checkbox.byted-checkbox-rtl {
  direction: rtl;
  margin: 0 0 0 32px;
}
.byted-checkbox:last-of-type {
  margin: 0;
}
.byted-checkbox-icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  flex: none;
  color: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: transparent;
  text-align: center;
  line-height: 0;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-checkbox-icon .byted-icon {
  position: absolute;
  top: 0;
  left: 0;
}
.byted-checkbox-icon[data-motion-wave][data-motion-wave='after']::after,
.byted-checkbox-icon[data-motion-wave][data-motion-wave='before']::before {
  color: #f60457;
}
.byted-checkbox-label {
  display: inline-block;
  flex: 1;
  font-size: inherit;
  line-height: inherit;
}
.byted-checkbox-xs {
  font-size: 12px;
  line-height: 18px;
}
.byted-checkbox-xs .byted-checkbox-icon {
  top: 3px;
  width: 12px;
  height: 12px;
}
.byted-checkbox-xs .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-xs.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-xs .byted-checkbox-label-no {
  min-height: 18px;
}
.byted-checkbox-sm {
  font-size: 12px;
  line-height: 18px;
}
.byted-checkbox-sm .byted-checkbox-icon {
  top: 3px;
  width: 12px;
  height: 12px;
}
.byted-checkbox-sm .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-sm.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-sm .byted-checkbox-label-no {
  min-height: 18px;
}
.byted-checkbox-md {
  font-size: 14px;
  line-height: 22px;
}
.byted-checkbox-md .byted-checkbox-icon {
  top: 3px;
  width: 16px;
  height: 16px;
}
.byted-checkbox-md .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-md.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-md .byted-checkbox-label-no {
  min-height: 22px;
}
.byted-checkbox-lg {
  font-size: 14px;
  line-height: 22px;
  padding: 8px 0;
}
.byted-checkbox-lg .byted-checkbox-icon {
  top: 1px;
  width: 20px;
  height: 20px;
}
.byted-checkbox-lg .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-lg.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-lg .byted-checkbox-label-no {
  min-height: 22px;
}
.byted-checkbox-xl {
  font-size: 14px;
  line-height: 22px;
  padding: 8px 0;
}
.byted-checkbox-xl .byted-checkbox-icon {
  top: 1px;
  width: 20px;
  height: 20px;
}
.byted-checkbox-xl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-xl.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-checked .byted-checkbox-icon,
.byted-checkbox-indeterminate .byted-checkbox-icon {
  background-color: #121212;
  border-color: #121212;
  color: #ffffff;
}
.byted-checkbox:not(.byted-checkbox-disabled) {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled):hover {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled):active {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled).byted-checkbox-checked {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled).byted-checkbox-checked:hover {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled).byted-checkbox-checked:active {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon:hover,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon:focus {
  background-color: #ffffff;
  border-color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon:focus {
  box-shadow: 0 0 0 2px rgba(253, 163, 178, 0.2);
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon:active {
  background-color: #ffffff;
  border-color: #d20251;
  box-shadow: 0 0 0 2px rgba(253, 163, 178, 0.2);
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-checked:hover,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-indeterminate:hover,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-checked:focus,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-indeterminate:focus {
  background-color: #fa4b74;
  border-color: #fa4b74;
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-checked:active,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-indeterminate:active {
  background-color: #d20251;
  border-color: #d20251;
}
.byted-checkbox-disabled {
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-checkbox-disabled .byted-checkbox-icon {
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-checkbox-disabled.byted-checkbox-variant-fill .byted-checkbox-icon {
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-checkbox-disabled.byted-checkbox-checked .byted-checkbox-icon,
.byted-checkbox-disabled.byted-checkbox-indeterminate .byted-checkbox-icon {
  border-color: #bdbdbd;
  background-color: #bdbdbd;
}
.byted-checkbox.byted-checkbox-variant {
  position: relative;
  border-radius: 4px;
}
.byted-checkbox.byted-checkbox-variant::after {
  border-radius: 4px;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked {
  z-index: 3;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked:hover .byted-checkbox-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #fa4b74;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked:active .byted-checkbox-icon {
  background-color: #fed0d6;
  border-color: #fed0d6;
  color: #d20251;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked .byted-checkbox-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked.byted-checkbox-disabled {
  z-index: 1;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked.byted-checkbox-disabled .byted-checkbox-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #fda3b2;
}
.byted-checkbox.byted-checkbox-variant-fill {
  color: #121212;
  background-color: #ebebeb;
}
.byted-checkbox.byted-checkbox-variant-fill:not(.byted-checkbox-checked):hover {
  background-color: #f2f2f2;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-fill:not(.byted-checkbox-checked):active {
  background-color: #f2f2f2;
  color: #d20251;
}
.byted-checkbox.byted-checkbox-variant-fill:not(.byted-checkbox-checked).byted-checkbox-disabled {
  color: #bdbdbd;
  background-color: #f2f2f2;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked:hover {
  color: #fa4b74;
  border-color: #fa4b74;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked::after {
  z-index: 4;
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #f60457;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked.byted-checkbox-disabled {
  color: #fda3b2;
  border-color: #fda3b2;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked.byted-checkbox-disabled::after {
  border: 1px solid #fda3b2;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-disabled + .byted-checkbox.byted-checkbox-variant-divider::before {
  display: none;
}
.byted-checkbox.byted-checkbox-variant-divider:not(:first-child).byted-checkbox.byted-checkbox-variant-divider:not(.byted-checkbox-disabled)::before {
  content: ' ';
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #d9d9d9;
}
.byted-checkbox.byted-checkbox-variant-border {
  color: #121212;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-border:hover {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
  z-index: 3;
}
.byted-checkbox.byted-checkbox-variant-border:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
  z-index: 4;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
  z-index: 3;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-checked:hover {
  color: #fa4b74;
  border-color: #fa4b74;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-checked:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-checked.byted-checkbox-disabled {
  color: #fda3b2;
  background-color: #ffffff;
  border-color: #fda3b2;
  z-index: 2;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-disabled {
  color: #bdbdbd;
  background-color: #f2f2f2;
  border-color: #d9d9d9;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-disabled:hover {
  z-index: 1;
}
.byted-checkbox.byted-checkbox-variant-button {
  overflow-x: hidden;
  background-color: #f2f2f2;
  color: #121212;
}
.byted-checkbox.byted-checkbox-variant-button:not(:last-of-type) {
  margin-right: 12px;
}
.byted-checkbox.byted-checkbox-variant-button:hover {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button:active {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-disabled {
  background-color: #f2f2f2;
  color: #bdbdbd;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-checked {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-checked:hover {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-checked:active {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-checked.byted-checkbox-disabled {
  background-color: #feedef;
  color: #fda3b2;
}
.byted-checkbox.byted-checkbox-variant .byted-checkbox-button-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-xs {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xs,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-xs {
  height: 26px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-xs {
  height: 26px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xs .byted-checkbox-button-icon {
  font-size: 10px;
  border: 8px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xs .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xs .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((16px / 2) - 10px);
  left: calc((16px / 2) - 10px);
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-sm {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-sm,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-sm {
  height: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-sm {
  height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-sm .byted-checkbox-button-icon {
  font-size: 10px;
  border: 8px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-sm .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-sm .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((16px / 2) - 10px);
  left: calc((16px / 2) - 10px);
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-md {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-md,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-md {
  height: 34px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-md {
  height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-md .byted-checkbox-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-md .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-md .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-lg {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-lg,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-lg {
  height: 38px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-lg {
  height: 38px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-lg .byted-checkbox-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-lg .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-lg .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-xl {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xl,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-xl {
  height: 42px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-xl {
  height: 42px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xl .byted-checkbox-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xl .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xl .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}

/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
/**************************************************************/
/**************************************************************/
/**************************************************************/
[class*='byted-'][data-motion-wave] {
  position: relative;
}
[class*='byted-'][data-motion-wave][data-motion-wave='after']::after,
[class*='byted-'][data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[class*='byted-'][data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[class*='byted-'][data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-check-wrapper {
  pointer-events: none;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
  left: -9999px;
}

@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes okee-loading-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
.byted-tag-default:not(.byted-tag-fill) {
  color: #121212;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
}
.byted-tag-default:not(.byted-tag-fill):hover {
  color: #121212;
  border-color: #d9d9d9;
  background-color: #ffffff;
}
.byted-tag-default:not(.byted-tag-fill) .byted-tag-close {
  color: #8a8a8a;
}
.byted-tag-default:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #8a8a8a;
}
.byted-tag-default:not(.byted-tag-fill).byted-tag-disabled {
  color: #bdbdbd;
  border-color: #ebebeb;
  background-color: #f2f2f2;
}
.byted-tag-default:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #bdbdbd;
}
.byted-tag-default.byted-tag-fill {
  color: #121212;
  border: 1px solid #ebebeb;
  background-color: #ebebeb;
}
.byted-tag-default.byted-tag-fill:hover {
  color: #121212;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.byted-tag-default.byted-tag-fill .byted-tag-close {
  color: #8a8a8a;
}
.byted-tag-default.byted-tag-fill .byted-tag-close:hover {
  color: #8a8a8a;
}
.byted-tag-default.byted-tag-fill.byted-tag-disabled {
  color: #bdbdbd;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.byted-tag-default.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #bdbdbd;
}
.byted-tag-default.byted-tag-text {
  color: #121212;
  border: none;
  background: none;
}
.byted-tag-default.byted-tag-text:hover {
  color: #121212;
  border: none;
  background: none;
}
.byted-tag-default.byted-tag-text.byted-tag-disabled {
  color: #bdbdbd;
  border: none;
  background: none;
}
.byted-tag-default-light:not(.byted-tag-fill) {
  color: #121212;
  border: 1px solid #e3e3e3;
  background-color: #f8f8f8;
}
.byted-tag-default-light:not(.byted-tag-fill):hover {
  color: #121212;
  border-color: #e3e3e3;
  background-color: #f8f8f8;
}
.byted-tag-default-light:not(.byted-tag-fill) .byted-tag-close {
  color: #8a8a8a;
}
.byted-tag-default-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #8a8a8a;
}
.byted-tag-default-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #bdbdbd;
  border-color: #d9d9d9;
  background-color: #f2f2f2;
}
.byted-tag-default-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #bdbdbd;
}
.byted-tag-default-light.byted-tag-fill {
  color: #121212;
  border: 1px solid #ebebeb;
  background-color: #ebebeb;
}
.byted-tag-default-light.byted-tag-fill:hover {
  color: #121212;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.byted-tag-default-light.byted-tag-fill .byted-tag-close {
  color: #8a8a8a;
}
.byted-tag-default-light.byted-tag-fill .byted-tag-close:hover {
  color: #8a8a8a;
}
.byted-tag-default-light.byted-tag-fill.byted-tag-disabled {
  color: #bdbdbd;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.byted-tag-default-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #8a8a8a;
}
.byted-tag-default-light.byted-tag-text {
  color: #121212;
  border: none;
  background: none;
}
.byted-tag-default-light.byted-tag-text:hover {
  color: #121212;
  border: none;
  background: none;
}
.byted-tag-default-light.byted-tag-text.byted-tag-disabled {
  color: #bdbdbd;
  border: none;
  background: none;
}
.byted-tag-primary:not(.byted-tag-fill) {
  color: #f60457;
  border: 1px solid #f60457;
  background-color: #ffffff;
}
.byted-tag-primary:not(.byted-tag-fill):hover {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
}
.byted-tag-primary:not(.byted-tag-fill) .byted-tag-close {
  color: #f60457;
}
.byted-tag-primary:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #f60457;
}
.byted-tag-primary:not(.byted-tag-fill).byted-tag-disabled {
  color: #fda3b2;
  border-color: #fda3b2;
  background-color: #feedef;
}
.byted-tag-primary:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #fda3b2;
}
.byted-tag-primary.byted-tag-fill {
  color: #ffffff;
  border: 1px solid #f60457;
  background-color: #f60457;
}
.byted-tag-primary.byted-tag-fill:hover {
  color: #ffffff;
  border-color: #f60457;
  background-color: #f60457;
}
.byted-tag-primary.byted-tag-fill .byted-tag-close {
  color: #ffffff;
}
.byted-tag-primary.byted-tag-fill .byted-tag-close:hover {
  color: #ffffff;
}
.byted-tag-primary.byted-tag-fill.byted-tag-disabled {
  color: #ffffff;
  border-color: #fda3b2;
  background-color: #fda3b2;
}
.byted-tag-primary.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #ffffff;
}
.byted-tag-primary.byted-tag-text {
  color: #f60457;
  border: none;
  background: none;
}
.byted-tag-primary.byted-tag-text:hover {
  color: #f60457;
  border: none;
  background: none;
}
.byted-tag-primary.byted-tag-text.byted-tag-disabled {
  color: #fda3b2;
  border: none;
  background: none;
}
.byted-tag-primary-light:not(.byted-tag-fill) {
  color: #f60457;
  border: 1px solid #f60457;
  background-color: #feedef;
}
.byted-tag-primary-light:not(.byted-tag-fill):hover {
  color: #f60457;
  border-color: #f60457;
  background-color: #feedef;
}
.byted-tag-primary-light:not(.byted-tag-fill) .byted-tag-close {
  color: #f60457;
}
.byted-tag-primary-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #f60457;
}
.byted-tag-primary-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #fda3b2;
  border-color: #fda3b2;
  background-color: #feedef;
}
.byted-tag-primary-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #fda3b2;
}
.byted-tag-primary-light.byted-tag-fill {
  color: #f60457;
  border: 1px solid #feedef;
  background-color: #feedef;
}
.byted-tag-primary-light.byted-tag-fill:hover {
  color: #f60457;
  border-color: #feedef;
  background-color: #feedef;
}
.byted-tag-primary-light.byted-tag-fill .byted-tag-close {
  color: #f60457;
}
.byted-tag-primary-light.byted-tag-fill .byted-tag-close:hover {
  color: #f60457;
}
.byted-tag-primary-light.byted-tag-fill.byted-tag-disabled {
  color: #fda3b2;
  border-color: #feedef;
  background-color: #feedef;
}
.byted-tag-primary-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #fda3b2;
}
.byted-tag-primary-light.byted-tag-text {
  color: #f60457;
  border: none;
  background: none;
}
.byted-tag-primary-light.byted-tag-text:hover {
  color: #f60457;
  border: none;
  background: none;
}
.byted-tag-primary-light.byted-tag-text.byted-tag-disabled {
  color: #fda3b2;
  border: none;
  background: none;
}
.byted-tag-info:not(.byted-tag-fill) {
  color: #3451f7;
  border: 1px solid #3451f7;
  background-color: #ffffff;
}
.byted-tag-info:not(.byted-tag-fill):hover {
  color: #3451f7;
  border-color: #3451f7;
  background-color: #ffffff;
}
.byted-tag-info:not(.byted-tag-fill) .byted-tag-close {
  color: #3451f7;
}
.byted-tag-info:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #3451f7;
}
.byted-tag-info:not(.byted-tag-fill).byted-tag-disabled {
  color: #9fb6fc;
  border-color: #9fb6fc;
  background-color: #e8efff;
}
.byted-tag-info:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #9fb6fc;
}
.byted-tag-info.byted-tag-fill {
  color: #ffffff;
  border: 1px solid #3451f7;
  background-color: #3451f7;
}
.byted-tag-info.byted-tag-fill:hover {
  color: #ffffff;
  border-color: #3451f7;
  background-color: #3451f7;
}
.byted-tag-info.byted-tag-fill .byted-tag-close {
  color: #ffffff;
}
.byted-tag-info.byted-tag-fill .byted-tag-close:hover {
  color: #ffffff;
}
.byted-tag-info.byted-tag-fill.byted-tag-disabled {
  color: #ffffff;
  border-color: #9fb6fc;
  background-color: #9fb6fc;
}
.byted-tag-info.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #ffffff;
}
.byted-tag-info.byted-tag-text {
  color: #3451f7;
  border: none;
  background: none;
}
.byted-tag-info.byted-tag-text:hover {
  color: #3451f7;
  border: none;
  background: none;
}
.byted-tag-info.byted-tag-text.byted-tag-disabled {
  color: #9fb6fc;
  border: none;
  background: none;
}
.byted-tag-info-light:not(.byted-tag-fill) {
  color: #3451f7;
  border: 1px solid #3451f7;
  background-color: #e8efff;
}
.byted-tag-info-light:not(.byted-tag-fill):hover {
  color: #3451f7;
  border-color: #3451f7;
  background-color: #e8efff;
}
.byted-tag-info-light:not(.byted-tag-fill) .byted-tag-close {
  color: #3451f7;
}
.byted-tag-info-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #3451f7;
}
.byted-tag-info-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #9fb6fc;
  border-color: #9fb6fc;
  background-color: #e8efff;
}
.byted-tag-info-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #9fb6fc;
}
.byted-tag-info-light.byted-tag-fill {
  color: #3451f7;
  border: 1px solid #e8efff;
  background-color: #e8efff;
}
.byted-tag-info-light.byted-tag-fill:hover {
  color: #3451f7;
  border-color: #e8efff;
  background-color: #e8efff;
}
.byted-tag-info-light.byted-tag-fill .byted-tag-close {
  color: #3451f7;
}
.byted-tag-info-light.byted-tag-fill .byted-tag-close:hover {
  color: #3451f7;
}
.byted-tag-info-light.byted-tag-fill.byted-tag-disabled {
  color: #9fb6fc;
  border-color: #e8efff;
  background-color: #e8efff;
}
.byted-tag-info-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #9fb6fc;
}
.byted-tag-info-light.byted-tag-text {
  color: #3451f7;
  border: none;
  background: none;
}
.byted-tag-info-light.byted-tag-text:hover {
  color: #3451f7;
  border: none;
  background: none;
}
.byted-tag-info-light.byted-tag-text.byted-tag-disabled {
  color: #9fb6fc;
  border: none;
  background: none;
}
.byted-tag-success:not(.byted-tag-fill) {
  color: #28a666;
  border: 1px solid #28a666;
  background-color: #ffffff;
}
.byted-tag-success:not(.byted-tag-fill):hover {
  color: #28a666;
  border-color: #28a666;
  background-color: #ffffff;
}
.byted-tag-success:not(.byted-tag-fill) .byted-tag-close {
  color: #28a666;
}
.byted-tag-success:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #28a666;
}
.byted-tag-success:not(.byted-tag-fill).byted-tag-disabled {
  color: #98dcb7;
  border-color: #98dcb7;
  background-color: #ebf8ef;
}
.byted-tag-success:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #98dcb7;
}
.byted-tag-success.byted-tag-fill {
  color: #ffffff;
  border: 1px solid #28a666;
  background-color: #28a666;
}
.byted-tag-success.byted-tag-fill:hover {
  color: #ffffff;
  border-color: #28a666;
  background-color: #28a666;
}
.byted-tag-success.byted-tag-fill .byted-tag-close {
  color: #ffffff;
}
.byted-tag-success.byted-tag-fill .byted-tag-close:hover {
  color: #ffffff;
}
.byted-tag-success.byted-tag-fill.byted-tag-disabled {
  color: #ffffff;
  border-color: #98dcb7;
  background-color: #98dcb7;
}
.byted-tag-success.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #ffffff;
}
.byted-tag-success.byted-tag-text {
  color: #28a666;
  border: none;
  background: none;
}
.byted-tag-success.byted-tag-text:hover {
  color: #28a666;
  border: none;
  background: none;
}
.byted-tag-success.byted-tag-text.byted-tag-disabled {
  color: #98dcb7;
  border: none;
  background: none;
}
.byted-tag-success-light:not(.byted-tag-fill) {
  color: #28a666;
  border: 1px solid #28a666;
  background-color: #ebf8ef;
}
.byted-tag-success-light:not(.byted-tag-fill):hover {
  color: #28a666;
  border-color: #28a666;
  background-color: #ebf8ef;
}
.byted-tag-success-light:not(.byted-tag-fill) .byted-tag-close {
  color: #28a666;
}
.byted-tag-success-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #28a666;
}
.byted-tag-success-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #98dcb7;
  border-color: #98dcb7;
  background-color: #ebf8ef;
}
.byted-tag-success-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #98dcb7;
}
.byted-tag-success-light.byted-tag-fill {
  color: #28a666;
  border: 1px solid #ebf8ef;
  background-color: #ebf8ef;
}
.byted-tag-success-light.byted-tag-fill:hover {
  color: #28a666;
  border-color: #ebf8ef;
  background-color: #ebf8ef;
}
.byted-tag-success-light.byted-tag-fill .byted-tag-close {
  color: #28a666;
}
.byted-tag-success-light.byted-tag-fill .byted-tag-close:hover {
  color: #28a666;
}
.byted-tag-success-light.byted-tag-fill.byted-tag-disabled {
  color: #98dcb7;
  border-color: #ebf8ef;
  background-color: #ebf8ef;
}
.byted-tag-success-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #98dcb7;
}
.byted-tag-success-light.byted-tag-text {
  color: #28a666;
  border: none;
  background: none;
}
.byted-tag-success-light.byted-tag-text:hover {
  color: #28a666;
  border: none;
  background: none;
}
.byted-tag-success-light.byted-tag-text.byted-tag-disabled {
  color: #98dcb7;
  border: none;
  background: none;
}
.byted-tag-danger:not(.byted-tag-fill) {
  color: #d83e0e;
  border: 1px solid #d83e0e;
  background-color: #ffffff;
}
.byted-tag-danger:not(.byted-tag-fill):hover {
  color: #d83e0e;
  border-color: #d83e0e;
  background-color: #ffffff;
}
.byted-tag-danger:not(.byted-tag-fill) .byted-tag-close {
  color: #d83e0e;
}
.byted-tag-danger:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #d83e0e;
}
.byted-tag-danger:not(.byted-tag-fill).byted-tag-disabled {
  color: #f0b495;
  border-color: #f0b495;
  background-color: #ffede8;
}
.byted-tag-danger:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #f0b495;
}
.byted-tag-danger.byted-tag-fill {
  color: #ffffff;
  border: 1px solid #d83e0e;
  background-color: #d83e0e;
}
.byted-tag-danger.byted-tag-fill:hover {
  color: #ffffff;
  border-color: #d83e0e;
  background-color: #d83e0e;
}
.byted-tag-danger.byted-tag-fill .byted-tag-close {
  color: #ffffff;
}
.byted-tag-danger.byted-tag-fill .byted-tag-close:hover {
  color: #ffffff;
}
.byted-tag-danger.byted-tag-fill.byted-tag-disabled {
  color: #ffffff;
  border-color: #f0b495;
  background-color: #f0b495;
}
.byted-tag-danger.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #ffffff;
}
.byted-tag-danger.byted-tag-text {
  color: #d83e0e;
  border: none;
  background: none;
}
.byted-tag-danger.byted-tag-text:hover {
  color: #d83e0e;
  border: none;
  background: none;
}
.byted-tag-danger.byted-tag-text.byted-tag-disabled {
  color: #f0b495;
  border: none;
  background: none;
}
.byted-tag-danger-light:not(.byted-tag-fill) {
  color: #d83e0e;
  border: 1px solid #d83e0e;
  background-color: #ffede8;
}
.byted-tag-danger-light:not(.byted-tag-fill):hover {
  color: #d83e0e;
  border-color: #d83e0e;
  background-color: #ffede8;
}
.byted-tag-danger-light:not(.byted-tag-fill) .byted-tag-close {
  color: #d83e0e;
}
.byted-tag-danger-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #d83e0e;
}
.byted-tag-danger-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #f0b495;
  border-color: #f0b495;
  background-color: #ffede8;
}
.byted-tag-danger-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #f0b495;
}
.byted-tag-danger-light.byted-tag-fill {
  color: #d83e0e;
  border: 1px solid #ffede8;
  background-color: #ffede8;
}
.byted-tag-danger-light.byted-tag-fill:hover {
  color: #d83e0e;
  border-color: #ffede8;
  background-color: #ffede8;
}
.byted-tag-danger-light.byted-tag-fill .byted-tag-close {
  color: #d83e0e;
}
.byted-tag-danger-light.byted-tag-fill .byted-tag-close:hover {
  color: #d83e0e;
}
.byted-tag-danger-light.byted-tag-fill.byted-tag-disabled {
  color: #f0b495;
  border-color: #ffede8;
  background-color: #ffede8;
}
.byted-tag-danger-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #f0b495;
}
.byted-tag-danger-light.byted-tag-text {
  color: #d83e0e;
  border: none;
  background: none;
}
.byted-tag-danger-light.byted-tag-text:hover {
  color: #d83e0e;
  border: none;
  background: none;
}
.byted-tag-danger-light.byted-tag-text.byted-tag-disabled {
  color: #f0b495;
  border: none;
  background: none;
}
.byted-tag-warning:not(.byted-tag-fill) {
  color: #e0a111;
  border: 1px solid #e0a111;
  background-color: #ffffff;
}
.byted-tag-warning:not(.byted-tag-fill):hover {
  color: #e0a111;
  border-color: #e0a111;
  background-color: #ffffff;
}
.byted-tag-warning:not(.byted-tag-fill) .byted-tag-close {
  color: #e0a111;
}
.byted-tag-warning:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #e0a111;
}
.byted-tag-warning:not(.byted-tag-fill).byted-tag-disabled {
  color: #f2e091;
  border-color: #f2e091;
  background-color: #fff8e0;
}
.byted-tag-warning:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #f2e091;
}
.byted-tag-warning.byted-tag-fill {
  color: #ffffff;
  border: 1px solid #e0a111;
  background-color: #e0a111;
}
.byted-tag-warning.byted-tag-fill:hover {
  color: #ffffff;
  border-color: #e0a111;
  background-color: #e0a111;
}
.byted-tag-warning.byted-tag-fill .byted-tag-close {
  color: #ffffff;
}
.byted-tag-warning.byted-tag-fill .byted-tag-close:hover {
  color: #ffffff;
}
.byted-tag-warning.byted-tag-fill.byted-tag-disabled {
  color: #ffffff;
  border-color: #f2e091;
  background-color: #f2e091;
}
.byted-tag-warning.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #ffffff;
}
.byted-tag-warning.byted-tag-text {
  color: #e0a111;
  border: none;
  background: none;
}
.byted-tag-warning.byted-tag-text:hover {
  color: #e0a111;
  border: none;
  background: none;
}
.byted-tag-warning.byted-tag-text.byted-tag-disabled {
  color: #f2e091;
  border: none;
  background: none;
}
.byted-tag-warning-light:not(.byted-tag-fill) {
  color: #e0a111;
  border: 1px solid #e0a111;
  background-color: #fff8e0;
}
.byted-tag-warning-light:not(.byted-tag-fill):hover {
  color: #e0a111;
  border-color: #e0a111;
  background-color: #fff8e0;
}
.byted-tag-warning-light:not(.byted-tag-fill) .byted-tag-close {
  color: #e0a111;
}
.byted-tag-warning-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #e0a111;
}
.byted-tag-warning-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #f2e091;
  border-color: #f2e091;
  background-color: #fff8e0;
}
.byted-tag-warning-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #f2e091;
}
.byted-tag-warning-light.byted-tag-fill {
  color: #e0a111;
  border: 1px solid #fff8e0;
  background-color: #fff8e0;
}
.byted-tag-warning-light.byted-tag-fill:hover {
  color: #e0a111;
  border-color: #fff8e0;
  background-color: #fff8e0;
}
.byted-tag-warning-light.byted-tag-fill .byted-tag-close {
  color: #e0a111;
}
.byted-tag-warning-light.byted-tag-fill .byted-tag-close:hover {
  color: #e0a111;
}
.byted-tag-warning-light.byted-tag-fill.byted-tag-disabled {
  color: #f2e091;
  border-color: #fff8e0;
  background-color: #fff8e0;
}
.byted-tag-warning-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #f2e091;
}
.byted-tag-warning-light.byted-tag-text {
  color: #e0a111;
  border: none;
  background: none;
}
.byted-tag-warning-light.byted-tag-text:hover {
  color: #e0a111;
  border: none;
  background: none;
}
.byted-tag-warning-light.byted-tag-text.byted-tag-disabled {
  color: #f2e091;
  border: none;
  background: none;
}
.byted-tag-size-xs {
  font-size: 12px;
  border-radius: 4px;
}
.byted-tag-size-xs.byted-tag-size-xs.byted-tag-closable {
  padding-right: 26px;
}
.byted-tag-size-xs.byted-tag-size-xs.byted-tag-closable-rtl {
  padding-left: 26px;
  padding-right: 8px;
}
.byted-tag-size-xs .byted-tag-close {
  position: absolute;
  right: 8px;
  display: flex;
}
.byted-tag-size-xs .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}
.byted-tag-size-xs .byted-tag-close .byted-icon-close {
  display: flex;
  font-size: 12px;
  line-height: inherit;
  transform: scale(0.85);
}
.byted-tag-size-xs:not(.byted-tag-text) {
  line-height: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 8px;
  padding-right: 8px;
}
.byted-tag-size-sm {
  font-size: 12px;
  border-radius: 4px;
}
.byted-tag-size-sm.byted-tag-size-sm.byted-tag-closable {
  padding-right: 26px;
}
.byted-tag-size-sm.byted-tag-size-sm.byted-tag-closable-rtl {
  padding-left: 26px;
  padding-right: 8px;
}
.byted-tag-size-sm .byted-tag-close {
  position: absolute;
  right: 8px;
  display: flex;
}
.byted-tag-size-sm .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}
.byted-tag-size-sm .byted-tag-close .byted-icon-close {
  display: flex;
  font-size: 12px;
  line-height: inherit;
  transform: scale(0.85);
}
.byted-tag-size-sm:not(.byted-tag-text) {
  line-height: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 8px;
  padding-right: 8px;
}
.byted-tag-size-md {
  font-size: 14px;
  border-radius: 4px;
}
.byted-tag-size-md.byted-tag-size-md.byted-tag-closable {
  padding-right: 26px;
}
.byted-tag-size-md.byted-tag-size-md.byted-tag-closable-rtl {
  padding-left: 26px;
  padding-right: 8px;
}
.byted-tag-size-md .byted-tag-close {
  position: absolute;
  right: 8px;
  display: flex;
}
.byted-tag-size-md .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}
.byted-tag-size-md .byted-tag-close .byted-icon-close {
  display: flex;
  font-size: 12px;
  line-height: inherit;
  transform: scale(0.85);
}
.byted-tag-size-md:not(.byted-tag-text) {
  line-height: 22px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 8px;
  padding-right: 8px;
}
.byted-tag-size-lg {
  font-size: 14px;
  border-radius: 4px;
}
.byted-tag-size-lg.byted-tag-size-lg.byted-tag-closable {
  padding-right: 26px;
}
.byted-tag-size-lg.byted-tag-size-lg.byted-tag-closable-rtl {
  padding-left: 26px;
  padding-right: 8px;
}
.byted-tag-size-lg .byted-tag-close {
  position: absolute;
  right: 8px;
  display: flex;
}
.byted-tag-size-lg .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}
.byted-tag-size-lg .byted-tag-close .byted-icon-close {
  display: flex;
  font-size: 12px;
  line-height: inherit;
  transform: scale(0.85);
}
.byted-tag-size-lg:not(.byted-tag-text) {
  line-height: 22px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
}
.byted-tag-size-xl {
  font-size: 14px;
  border-radius: 4px;
}
.byted-tag-size-xl.byted-tag-size-xl.byted-tag-closable {
  padding-right: 26px;
}
.byted-tag-size-xl.byted-tag-size-xl.byted-tag-closable-rtl {
  padding-left: 26px;
  padding-right: 8px;
}
.byted-tag-size-xl .byted-tag-close {
  position: absolute;
  right: 8px;
  display: flex;
}
.byted-tag-size-xl .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}
.byted-tag-size-xl .byted-tag-close .byted-icon-close {
  display: flex;
  font-size: 12px;
  line-height: inherit;
  transform: scale(0.85);
}
.byted-tag-size-xl:not(.byted-tag-text) {
  line-height: 22px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
}
.byted-tag {
  display: inline-block;
  box-sizing: border-box;
  cursor: default;
  position: relative;
  max-width: 100%;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-tag-rtl {
  direction: rtl;
}
.byted-tag .byted-tag-close {
  top: 50%;
  transform: translate(0, -50%);
}
.byted-tag.byted-tag-dashed {
  border-style: dashed;
}
.byted-tag-color {
  border: 1px solid #e3e3e3;
  background: #f8f8f8;
  color: #121212;
}
.byted-tag-color:hover {
  opacity: 0.85;
}
.byted-tag-color.byted-tag-fill {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #ffffff;
}
.byted-tag-checkable,
.byted-tag-closable {
  cursor: pointer;
}
.byted-tag-checkable.byted-tag-fill {
  border: none;
  color: #121212;
  background-color: transparent;
  border: 1px solid transparent;
}
.byted-tag-checkable.byted-tag-fill:hover {
  color: #121212;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.byted-tag-checkable.byted-tag-fill:active {
  color: #121212;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.byted-tag-checkable.byted-tag-fill.byted-tag-checked {
  color: #ffffff;
  background: #f60457;
  border-color: transparent;
}
.byted-tag-checkable.byted-tag-fill.byted-tag-checked:hover {
  color: #ffffff;
  background: #f60457;
  border-color: transparent;
}
.byted-tag-checkable.byted-tag-fill.byted-tag-checked:active {
  color: #ffffff;
  background: #f60457;
  border-color: transparent;
}
.byted-tag-checkable.byted-tag-fill.byted-tag-disabled {
  color: #bdbdbd;
  cursor: not-allowed;
  background-color: #f2f2f2;
  border-color: #ebebeb;
}
.byted-tag-checkable.byted-tag-fill.byted-tag-disabled.byted-tag-checked {
  color: #ffffff;
  background-color: #fda3b2;
  border-color: transparent;
}
.byted-tag-checkable:not(.byted-tag-fill) {
  border: none;
  color: #121212;
  background-color: transparent;
  border: 1px solid transparent;
}
.byted-tag-checkable:not(.byted-tag-fill):hover {
  color: #121212;
  background-color: transparent;
  border-color: #d9d9d9;
}
.byted-tag-checkable:not(.byted-tag-fill):active {
  color: #d20251;
  background-color: transparent;
  border-color: #d20251;
}
.byted-tag-checkable:not(.byted-tag-fill).byted-tag-checked {
  color: #f60457;
  background: transparent;
  border-color: #f60457;
}
.byted-tag-checkable:not(.byted-tag-fill).byted-tag-checked:hover {
  color: #fa4b74;
  background: transparent;
  border-color: #fa4b74;
}
.byted-tag-checkable:not(.byted-tag-fill).byted-tag-checked:active {
  color: #d20251;
  background: transparent;
  border-color: #d20251;
}
.byted-tag-checkable:not(.byted-tag-fill).byted-tag-disabled {
  color: #bdbdbd;
  cursor: not-allowed;
  background-color: transparent;
  border-color: #ebebeb;
}
.byted-tag-checkable:not(.byted-tag-fill).byted-tag-disabled.byted-tag-checked {
  color: #fda3b2;
  background-color: transparent;
  border-color: #fda3b2;
}
.byted-tag-group .byted-tag:not(:last-child) {
  margin-right: 8px;
}

@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes okee-loading-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
/**
 * OKee Design Component Button Design Token
 */
/**
 * OKee Design Component Link Design Token
 */
/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
.byted-btn-type-default {
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #121212;
}
.byted-btn-type-default.byted-btn:hover {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-btn-type-default:not(.byted-btn-no-focus):focus {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-btn-type-default.byted-btn:active {
  background: #ebebeb;
  border-color: #f2f2f2;
  color: #121212;
}
.byted-btn-type-default.byted-btn.byted-btn-checked {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-btn-type-default.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #f8f8f8;
  color: #bdbdbd;
}
.byted-btn-type-default.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-default.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-default.byted-btn[data-motion-wave='before']::before {
  color: #f2f2f2;
}
.byted-btn-type-default .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-default.byted-btn-plain {
  background: #f8f8f8;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-default.byted-btn-plain.byted-btn:hover {
  background: #f8f8f8;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-default.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-default.byted-btn-plain.byted-btn:active {
  background: #f8f8f8;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-default.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-default.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-default.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-default.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-default.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-default.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-default-light {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-btn-type-default-light.byted-btn:hover {
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #f60457;
}
.byted-btn-type-default-light:not(.byted-btn-no-focus):focus {
  background: #e3e3e3;
  border-color: #e3e3e3;
  color: #121212;
}
.byted-btn-type-default-light.byted-btn:active {
  background: #e3e3e3;
  border-color: #e3e3e3;
  color: #121212;
}
.byted-btn-type-default-light.byted-btn.byted-btn-checked {
  background: #e3e3e3;
  border-color: #e3e3e3;
  color: #121212;
}
.byted-btn-type-default-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #bdbdbd;
}
.byted-btn-type-default-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-default-light.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-default-light.byted-btn[data-motion-wave='before']::before {
  color: #ebebeb;
}
.byted-btn-type-default-light .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-default-light.byted-btn-plain {
  background: #ebebeb;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-default-light.byted-btn-plain.byted-btn:hover {
  background: #f8f8f8;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-default-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #f8f8f8;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-default-light.byted-btn-plain.byted-btn:active {
  background: #f8f8f8;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-default-light.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #f8f8f8;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-default-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f2f2f2;
  border-color: #d9d9d9;
  color: #bdbdbd;
}
.byted-btn-type-default-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-default-light.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-default-light.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-default-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-primary {
  background: #f60457;
  border-color: #f60457;
  color: #ffffff;
}
.byted-btn-type-primary.byted-btn:hover {
  background: #fa4b74;
  border-color: #fa4b74;
  color: #ffffff;
}
.byted-btn-type-primary:not(.byted-btn-no-focus):focus {
  background: #fa4b74;
  border-color: #fa4b74;
  color: #ffffff;
}
.byted-btn-type-primary.byted-btn:active {
  background: #d20251;
  border-color: #d20251;
  color: #ffffff;
}
.byted-btn-type-primary.byted-btn.byted-btn-checked {
  background: #fa4b74;
  border-color: #fa4b74;
  color: #ffffff;
}
.byted-btn-type-primary.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #fda3b2;
  border-color: #fda3b2;
  color: #feedef;
}
.byted-btn-type-primary.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #feedef;
}
.byted-btn-type-primary.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-primary.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-primary .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-primary.byted-btn-plain {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn:hover {
  background: #ffffff;
  border-color: #fa4b74;
  color: #fa4b74;
}
.byted-btn-type-primary.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn:active {
  background: #ffffff;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-primary.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #fa4b74;
}
.byted-btn-type-primary.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-primary-light {
  background: #feedef;
  border-color: #feedef;
  color: #f60457;
}
.byted-btn-type-primary-light.byted-btn:hover {
  background: #feedef;
  border-color: #feedef;
  color: #fa4b74;
}
.byted-btn-type-primary-light:not(.byted-btn-no-focus):focus {
  background: #fed0d6;
  border-color: #fed0d6;
  color: #d20251;
}
.byted-btn-type-primary-light.byted-btn:active {
  background: #fed0d6;
  border-color: #fed0d6;
  color: #d20251;
}
.byted-btn-type-primary-light.byted-btn.byted-btn-checked {
  background: #fed0d6;
  border-color: #fed0d6;
  color: #d20251;
}
.byted-btn-type-primary-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #feedef;
  border-color: #feedef;
  color: #fda3b2;
}
.byted-btn-type-primary-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fda3b2;
}
.byted-btn-type-primary-light.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-primary-light.byted-btn[data-motion-wave='before']::before {
  color: #feedef;
}
.byted-btn-type-primary-light .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-type-primary-light.byted-btn-plain {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-primary-light.byted-btn-plain.byted-btn:hover {
  background: #feedef;
  border-color: #fa4b74;
  color: #fa4b74;
}
.byted-btn-type-primary-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #feedef;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-primary-light.byted-btn-plain.byted-btn:active {
  background: #feedef;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-primary-light.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #feedef;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-primary-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #feedef;
  border-color: #fda3b2;
  color: #fda3b2;
}
.byted-btn-type-primary-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fda3b2;
}
.byted-btn-type-primary-light.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-primary-light.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #fa4b74;
}
.byted-btn-type-primary-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-type-info {
  background: #f60457;
  border-color: #f60457;
  color: #ffffff;
}
.byted-btn-type-info.byted-btn:hover {
  background: #5775f9;
  border-color: #5775f9;
  color: #ffffff;
}
.byted-btn-type-info:not(.byted-btn-no-focus):focus {
  background: #5775f9;
  border-color: #5775f9;
  color: #ffffff;
}
.byted-btn-type-info.byted-btn:active {
  background: #212bf3;
  border-color: #212bf3;
  color: #ffffff;
}
.byted-btn-type-info.byted-btn.byted-btn-checked {
  background: #5775f9;
  border-color: #5775f9;
  color: #ffffff;
}
.byted-btn-type-info.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #9fb6fc;
  border-color: #9fb6fc;
  color: #e8efff;
}
.byted-btn-type-info.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #e8efff;
}
.byted-btn-type-info.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-info.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-info .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-info.byted-btn-plain {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-info.byted-btn-plain.byted-btn:hover {
  background: #ffffff;
  border-color: #5775f9;
  color: #5775f9;
}
.byted-btn-type-info.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #e8efff;
  border-color: #3451f7;
  color: #3451f7;
}
.byted-btn-type-info.byted-btn-plain.byted-btn:active {
  background: #ffffff;
  border-color: #212bf3;
  color: #212bf3;
}
.byted-btn-type-info.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #e8efff;
  border-color: #3451f7;
  color: #3451f7;
}
.byted-btn-type-info.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-info.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-info.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-info.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #5775f9;
}
.byted-btn-type-info.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-info-light {
  background: #e8efff;
  border-color: #e8efff;
  color: #3451f7;
}
.byted-btn-type-info-light.byted-btn:hover {
  background: #e8efff;
  border-color: #e8efff;
  color: #5775f9;
}
.byted-btn-type-info-light:not(.byted-btn-no-focus):focus {
  background: #c3d4fd;
  border-color: #c3d4fd;
  color: #212bf3;
}
.byted-btn-type-info-light.byted-btn:active {
  background: #c3d4fd;
  border-color: #c3d4fd;
  color: #212bf3;
}
.byted-btn-type-info-light.byted-btn.byted-btn-checked {
  background: #c3d4fd;
  border-color: #c3d4fd;
  color: #212bf3;
}
.byted-btn-type-info-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #e8efff;
  border-color: #e8efff;
  color: #9fb6fc;
}
.byted-btn-type-info-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #9fb6fc;
}
.byted-btn-type-info-light.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-info-light.byted-btn[data-motion-wave='before']::before {
  color: #e8efff;
}
.byted-btn-type-info-light .byted-btn-loading-icon rect {
  fill: #3451f7;
}
.byted-btn-type-info-light.byted-btn-plain {
  background: #e8efff;
  border-color: #3451f7;
  color: #3451f7;
}
.byted-btn-type-info-light.byted-btn-plain.byted-btn:hover {
  background: #e8efff;
  border-color: #5775f9;
  color: #5775f9;
}
.byted-btn-type-info-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #e8efff;
  border-color: #212bf3;
  color: #212bf3;
}
.byted-btn-type-info-light.byted-btn-plain.byted-btn:active {
  background: #e8efff;
  border-color: #212bf3;
  color: #212bf3;
}
.byted-btn-type-info-light.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #e8efff;
  border-color: #212bf3;
  color: #212bf3;
}
.byted-btn-type-info-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #e8efff;
  border-color: #9fb6fc;
  color: #9fb6fc;
}
.byted-btn-type-info-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #9fb6fc;
}
.byted-btn-type-info-light.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-info-light.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #5775f9;
}
.byted-btn-type-info-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #3451f7;
}
.byted-btn-type-success {
  background: #28a666;
  border-color: #28a666;
  color: #ffffff;
}
.byted-btn-type-success.byted-btn:hover {
  background: #47ba80;
  border-color: #47ba80;
  color: #ffffff;
}
.byted-btn-type-success:not(.byted-btn-no-focus):focus {
  background: #47ba80;
  border-color: #47ba80;
  color: #ffffff;
}
.byted-btn-type-success.byted-btn:active {
  background: #218b59;
  border-color: #218b59;
  color: #ffffff;
}
.byted-btn-type-success.byted-btn.byted-btn-checked {
  background: #47ba80;
  border-color: #47ba80;
  color: #ffffff;
}
.byted-btn-type-success.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #98dcb7;
  border-color: #98dcb7;
  color: #ebf8ef;
}
.byted-btn-type-success.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #ebf8ef;
}
.byted-btn-type-success.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-success.byted-btn[data-motion-wave='before']::before {
  color: #28a666;
}
.byted-btn-type-success .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-success.byted-btn-plain {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-success.byted-btn-plain.byted-btn:hover {
  background: #ffffff;
  border-color: #47ba80;
  color: #47ba80;
}
.byted-btn-type-success.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #ebf8ef;
  border-color: #28a666;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-plain.byted-btn:active {
  background: #ffffff;
  border-color: #218b59;
  color: #218b59;
}
.byted-btn-type-success.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #ebf8ef;
  border-color: #28a666;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-success.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-success.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-success.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #47ba80;
}
.byted-btn-type-success.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-success-light {
  background: #ebf8ef;
  border-color: #ebf8ef;
  color: #28a666;
}
.byted-btn-type-success-light.byted-btn:hover {
  background: #ebf8ef;
  border-color: #ebf8ef;
  color: #47ba80;
}
.byted-btn-type-success-light:not(.byted-btn-no-focus):focus {
  background: #c9edd9;
  border-color: #c9edd9;
  color: #218b59;
}
.byted-btn-type-success-light.byted-btn:active {
  background: #c9edd9;
  border-color: #c9edd9;
  color: #218b59;
}
.byted-btn-type-success-light.byted-btn.byted-btn-checked {
  background: #c9edd9;
  border-color: #c9edd9;
  color: #218b59;
}
.byted-btn-type-success-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #ebf8ef;
  border-color: #ebf8ef;
  color: #98dcb7;
}
.byted-btn-type-success-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #98dcb7;
}
.byted-btn-type-success-light.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-success-light.byted-btn[data-motion-wave='before']::before {
  color: #ebf8ef;
}
.byted-btn-type-success-light .byted-btn-loading-icon rect {
  fill: #28a666;
}
.byted-btn-type-success-light.byted-btn-plain {
  background: #ebf8ef;
  border-color: #28a666;
  color: #28a666;
}
.byted-btn-type-success-light.byted-btn-plain.byted-btn:hover {
  background: #ebf8ef;
  border-color: #47ba80;
  color: #47ba80;
}
.byted-btn-type-success-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #ebf8ef;
  border-color: #218b59;
  color: #218b59;
}
.byted-btn-type-success-light.byted-btn-plain.byted-btn:active {
  background: #ebf8ef;
  border-color: #218b59;
  color: #218b59;
}
.byted-btn-type-success-light.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #ebf8ef;
  border-color: #218b59;
  color: #218b59;
}
.byted-btn-type-success-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #ebf8ef;
  border-color: #98dcb7;
  color: #98dcb7;
}
.byted-btn-type-success-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #98dcb7;
}
.byted-btn-type-success-light.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-success-light.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #47ba80;
}
.byted-btn-type-success-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #28a666;
}
.byted-btn-type-danger {
  background: #d83e0e;
  border-color: #d83e0e;
  color: #ffffff;
}
.byted-btn-type-danger.byted-btn:hover {
  background: #e06637;
  border-color: #e06637;
  color: #ffffff;
}
.byted-btn-type-danger:not(.byted-btn-no-focus):focus {
  background: #e06637;
  border-color: #e06637;
  color: #ffffff;
}
.byted-btn-type-danger.byted-btn:active {
  background: #b52a08;
  border-color: #b52a08;
  color: #ffffff;
}
.byted-btn-type-danger.byted-btn.byted-btn-checked {
  background: #e06637;
  border-color: #e06637;
  color: #ffffff;
}
.byted-btn-type-danger.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f0b495;
  border-color: #f0b495;
  color: #ffede8;
}
.byted-btn-type-danger.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #ffede8;
}
.byted-btn-type-danger.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-danger.byted-btn[data-motion-wave='before']::before {
  color: #d83e0e;
}
.byted-btn-type-danger .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-danger.byted-btn-plain {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn:hover {
  background: #ffffff;
  border-color: #e06637;
  color: #e06637;
}
.byted-btn-type-danger.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #ffede8;
  border-color: #d83e0e;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn:active {
  background: #ffffff;
  border-color: #b52a08;
  color: #b52a08;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #ffede8;
  border-color: #d83e0e;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-danger.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #e06637;
}
.byted-btn-type-danger.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-danger-light {
  background: #ffede8;
  border-color: #ffede8;
  color: #d83e0e;
}
.byted-btn-type-danger-light.byted-btn:hover {
  background: #ffede8;
  border-color: #ffede8;
  color: #e06637;
}
.byted-btn-type-danger-light:not(.byted-btn-no-focus):focus {
  background: #f6dac9;
  border-color: #f6dac9;
  color: #b52a08;
}
.byted-btn-type-danger-light.byted-btn:active {
  background: #f6dac9;
  border-color: #f6dac9;
  color: #b52a08;
}
.byted-btn-type-danger-light.byted-btn.byted-btn-checked {
  background: #f6dac9;
  border-color: #f6dac9;
  color: #b52a08;
}
.byted-btn-type-danger-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #ffede8;
  border-color: #ffede8;
  color: #f0b495;
}
.byted-btn-type-danger-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #f0b495;
}
.byted-btn-type-danger-light.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-danger-light.byted-btn[data-motion-wave='before']::before {
  color: #ffede8;
}
.byted-btn-type-danger-light .byted-btn-loading-icon rect {
  fill: #d83e0e;
}
.byted-btn-type-danger-light.byted-btn-plain {
  background: #ffede8;
  border-color: #d83e0e;
  color: #d83e0e;
}
.byted-btn-type-danger-light.byted-btn-plain.byted-btn:hover {
  background: #ffede8;
  border-color: #e06637;
  color: #e06637;
}
.byted-btn-type-danger-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #ffede8;
  border-color: #b52a08;
  color: #b52a08;
}
.byted-btn-type-danger-light.byted-btn-plain.byted-btn:active {
  background: #ffede8;
  border-color: #b52a08;
  color: #b52a08;
}
.byted-btn-type-danger-light.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #ffede8;
  border-color: #b52a08;
  color: #b52a08;
}
.byted-btn-type-danger-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #ffede8;
  border-color: #f0b495;
  color: #f0b495;
}
.byted-btn-type-danger-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #f0b495;
}
.byted-btn-type-danger-light.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-danger-light.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #e06637;
}
.byted-btn-type-danger-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #d83e0e;
}
.byted-btn-type-warning {
  background: #e0a111;
  border-color: #e0a111;
  color: #ffffff;
}
.byted-btn-type-warning.byted-btn:hover {
  background: #e5b23c;
  border-color: #e5b23c;
  color: #ffffff;
}
.byted-btn-type-warning:not(.byted-btn-no-focus):focus {
  background: #e5b23c;
  border-color: #e5b23c;
  color: #ffffff;
}
.byted-btn-type-warning.byted-btn:active {
  background: #c88706;
  border-color: #c88706;
  color: #ffffff;
}
.byted-btn-type-warning.byted-btn.byted-btn-checked {
  background: #e5b23c;
  border-color: #e5b23c;
  color: #ffffff;
}
.byted-btn-type-warning.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f2e091;
  border-color: #f2e091;
  color: #fff8e0;
}
.byted-btn-type-warning.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fff8e0;
}
.byted-btn-type-warning.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-warning.byted-btn[data-motion-wave='before']::before {
  color: #e0a111;
}
.byted-btn-type-warning .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-warning.byted-btn-plain {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn:hover {
  background: #ffffff;
  border-color: #e5b23c;
  color: #e5b23c;
}
.byted-btn-type-warning.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #fff8e0;
  border-color: #e0a111;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn:active {
  background: #ffffff;
  border-color: #c88706;
  color: #c88706;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #fff8e0;
  border-color: #e0a111;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-warning.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #e5b23c;
}
.byted-btn-type-warning.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-warning-light {
  background: #fff8e0;
  border-color: #fff8e0;
  color: #e0a111;
}
.byted-btn-type-warning-light.byted-btn:hover {
  background: #fff8e0;
  border-color: #fff8e0;
  color: #e5b23c;
}
.byted-btn-type-warning-light:not(.byted-btn-no-focus):focus {
  background: #f8edbe;
  border-color: #f8edbe;
  color: #c88706;
}
.byted-btn-type-warning-light.byted-btn:active {
  background: #f8edbe;
  border-color: #f8edbe;
  color: #c88706;
}
.byted-btn-type-warning-light.byted-btn.byted-btn-checked {
  background: #f8edbe;
  border-color: #f8edbe;
  color: #c88706;
}
.byted-btn-type-warning-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #fff8e0;
  border-color: #fff8e0;
  color: #f2e091;
}
.byted-btn-type-warning-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #f2e091;
}
.byted-btn-type-warning-light.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-warning-light.byted-btn[data-motion-wave='before']::before {
  color: #fff8e0;
}
.byted-btn-type-warning-light .byted-btn-loading-icon rect {
  fill: #e0a111;
}
.byted-btn-type-warning-light.byted-btn-plain {
  background: #fff8e0;
  border-color: #e0a111;
  color: #e0a111;
}
.byted-btn-type-warning-light.byted-btn-plain.byted-btn:hover {
  background: #fff8e0;
  border-color: #e5b23c;
  color: #e5b23c;
}
.byted-btn-type-warning-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #fff8e0;
  border-color: #c88706;
  color: #c88706;
}
.byted-btn-type-warning-light.byted-btn-plain.byted-btn:active {
  background: #fff8e0;
  border-color: #c88706;
  color: #c88706;
}
.byted-btn-type-warning-light.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #fff8e0;
  border-color: #c88706;
  color: #c88706;
}
.byted-btn-type-warning-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #fff8e0;
  border-color: #f2e091;
  color: #f2e091;
}
.byted-btn-type-warning-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #f2e091;
}
.byted-btn-type-warning-light.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-warning-light.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #e5b23c;
}
.byted-btn-type-warning-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #e0a111;
}
.byted-btn-type-default.byted-btn-text,
.byted-btn-type-default-light.byted-btn-text {
  background: transparent;
  border-color: transparent;
  color: #f60457;
}
.byted-btn-type-default.byted-btn-text.byted-btn:hover,
.byted-btn-type-default-light.byted-btn-text.byted-btn:hover {
  background: #ebebeb;
  border-color: transparent;
  color: #fa4b74;
}
.byted-btn-type-default.byted-btn-text:not(.byted-btn-no-focus):focus,
.byted-btn-type-default-light.byted-btn-text:not(.byted-btn-no-focus):focus {
  background: transparent;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-default.byted-btn-text.byted-btn:active,
.byted-btn-type-default-light.byted-btn-text.byted-btn:active {
  background: #e3e3e3;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-default.byted-btn-text.byted-btn.byted-btn-checked,
.byted-btn-type-default-light.byted-btn-text.byted-btn.byted-btn-checked {
  background: transparent;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-default.byted-btn-text.byted-btn.byted-btn-disabled,
.byted-btn-type-default-light.byted-btn-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #bdbdbd;
}
.byted-btn-type-default.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-type-default-light.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-default.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-default-light.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-default.byted-btn-text.byted-btn[data-motion-wave='before']::before,
.byted-btn-type-default-light.byted-btn-text.byted-btn[data-motion-wave='before']::before {
  color: transparent;
}
.byted-btn-type-default.byted-btn-text .byted-btn-loading-icon rect,
.byted-btn-type-default-light.byted-btn-text .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-type-primary.byted-btn-text,
.byted-btn-type-primary-light.byted-btn-text {
  background: transparent;
  border-color: transparent;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-text.byted-btn:hover,
.byted-btn-type-primary-light.byted-btn-text.byted-btn:hover {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-text:not(.byted-btn-no-focus):focus,
.byted-btn-type-primary-light.byted-btn-text:not(.byted-btn-no-focus):focus {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-text.byted-btn:active,
.byted-btn-type-primary-light.byted-btn-text.byted-btn:active {
  background: #e3e3e3;
  border-color: #e3e3e3;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-text.byted-btn.byted-btn-checked,
.byted-btn-type-primary-light.byted-btn-text.byted-btn.byted-btn-checked {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-text.byted-btn.byted-btn-disabled,
.byted-btn-type-primary-light.byted-btn-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #bdbdbd;
}
.byted-btn-type-primary.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-type-primary-light.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-primary.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-primary-light.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-primary.byted-btn-text.byted-btn[data-motion-wave='before']::before,
.byted-btn-type-primary-light.byted-btn-text.byted-btn[data-motion-wave='before']::before {
  color: transparent;
}
.byted-btn-type-primary.byted-btn-text .byted-btn-loading-icon rect,
.byted-btn-type-primary-light.byted-btn-text .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-type-info.byted-btn-text,
.byted-btn-type-info-light.byted-btn-text {
  background: transparent;
  border-color: transparent;
  color: #3451f7;
}
.byted-btn-type-info.byted-btn-text.byted-btn:hover,
.byted-btn-type-info-light.byted-btn-text.byted-btn:hover {
  background: #f2f2f2;
  border-color: transparent;
  color: #3451f7;
}
.byted-btn-type-info.byted-btn-text:not(.byted-btn-no-focus):focus,
.byted-btn-type-info-light.byted-btn-text:not(.byted-btn-no-focus):focus {
  background: #e3e3e3;
  border-color: transparent;
  color: #3451f7;
}
.byted-btn-type-info.byted-btn-text.byted-btn:active,
.byted-btn-type-info-light.byted-btn-text.byted-btn:active {
  background: #e3e3e3;
  border-color: transparent;
  color: #3451f7;
}
.byted-btn-type-info.byted-btn-text.byted-btn.byted-btn-checked,
.byted-btn-type-info-light.byted-btn-text.byted-btn.byted-btn-checked {
  background: #e3e3e3;
  border-color: transparent;
  color: #3451f7;
}
.byted-btn-type-info.byted-btn-text.byted-btn.byted-btn-disabled,
.byted-btn-type-info-light.byted-btn-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #9fb6fc;
}
.byted-btn-type-info.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-type-info-light.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #9fb6fc;
}
.byted-btn-type-info.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-info-light.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-info.byted-btn-text.byted-btn[data-motion-wave='before']::before,
.byted-btn-type-info-light.byted-btn-text.byted-btn[data-motion-wave='before']::before {
  color: transparent;
}
.byted-btn-type-info.byted-btn-text .byted-btn-loading-icon rect,
.byted-btn-type-info-light.byted-btn-text .byted-btn-loading-icon rect {
  fill: #3451f7;
}
.byted-btn-type-success.byted-btn-text,
.byted-btn-type-success-light.byted-btn-text {
  background: transparent;
  border-color: transparent;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-text.byted-btn:hover,
.byted-btn-type-success-light.byted-btn-text.byted-btn:hover {
  background: #f2f2f2;
  border-color: transparent;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-text:not(.byted-btn-no-focus):focus,
.byted-btn-type-success-light.byted-btn-text:not(.byted-btn-no-focus):focus {
  background: #e3e3e3;
  border-color: transparent;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-text.byted-btn:active,
.byted-btn-type-success-light.byted-btn-text.byted-btn:active {
  background: #e3e3e3;
  border-color: transparent;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-text.byted-btn.byted-btn-checked,
.byted-btn-type-success-light.byted-btn-text.byted-btn.byted-btn-checked {
  background: #e3e3e3;
  border-color: transparent;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-text.byted-btn.byted-btn-disabled,
.byted-btn-type-success-light.byted-btn-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #98dcb7;
}
.byted-btn-type-success.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-type-success-light.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #98dcb7;
}
.byted-btn-type-success.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-success-light.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-success.byted-btn-text.byted-btn[data-motion-wave='before']::before,
.byted-btn-type-success-light.byted-btn-text.byted-btn[data-motion-wave='before']::before {
  color: transparent;
}
.byted-btn-type-success.byted-btn-text .byted-btn-loading-icon rect,
.byted-btn-type-success-light.byted-btn-text .byted-btn-loading-icon rect {
  fill: #28a666;
}
.byted-btn-type-danger.byted-btn-text,
.byted-btn-type-danger-light.byted-btn-text {
  background: transparent;
  border-color: transparent;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-text.byted-btn:hover,
.byted-btn-type-danger-light.byted-btn-text.byted-btn:hover {
  background: #f2f2f2;
  border-color: transparent;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-text:not(.byted-btn-no-focus):focus,
.byted-btn-type-danger-light.byted-btn-text:not(.byted-btn-no-focus):focus {
  background: #e3e3e3;
  border-color: transparent;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-text.byted-btn:active,
.byted-btn-type-danger-light.byted-btn-text.byted-btn:active {
  background: #e3e3e3;
  border-color: transparent;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-text.byted-btn.byted-btn-checked,
.byted-btn-type-danger-light.byted-btn-text.byted-btn.byted-btn-checked {
  background: #e3e3e3;
  border-color: transparent;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-text.byted-btn.byted-btn-disabled,
.byted-btn-type-danger-light.byted-btn-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #f0b495;
}
.byted-btn-type-danger.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-type-danger-light.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #f0b495;
}
.byted-btn-type-danger.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-danger-light.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-danger.byted-btn-text.byted-btn[data-motion-wave='before']::before,
.byted-btn-type-danger-light.byted-btn-text.byted-btn[data-motion-wave='before']::before {
  color: transparent;
}
.byted-btn-type-danger.byted-btn-text .byted-btn-loading-icon rect,
.byted-btn-type-danger-light.byted-btn-text .byted-btn-loading-icon rect {
  fill: #d83e0e;
}
.byted-btn-type-warning.byted-btn-text,
.byted-btn-type-warning-light.byted-btn-text {
  background: transparent;
  border-color: transparent;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-text.byted-btn:hover,
.byted-btn-type-warning-light.byted-btn-text.byted-btn:hover {
  background: #f2f2f2;
  border-color: transparent;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-text:not(.byted-btn-no-focus):focus,
.byted-btn-type-warning-light.byted-btn-text:not(.byted-btn-no-focus):focus {
  background: #e3e3e3;
  border-color: transparent;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-text.byted-btn:active,
.byted-btn-type-warning-light.byted-btn-text.byted-btn:active {
  background: #e3e3e3;
  border-color: transparent;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-text.byted-btn.byted-btn-checked,
.byted-btn-type-warning-light.byted-btn-text.byted-btn.byted-btn-checked {
  background: #e3e3e3;
  border-color: transparent;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-text.byted-btn.byted-btn-disabled,
.byted-btn-type-warning-light.byted-btn-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #f2e091;
}
.byted-btn-type-warning.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-type-warning-light.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #f2e091;
}
.byted-btn-type-warning.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-warning-light.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-warning.byted-btn-text.byted-btn[data-motion-wave='before']::before,
.byted-btn-type-warning-light.byted-btn-text.byted-btn[data-motion-wave='before']::before {
  color: transparent;
}
.byted-btn-type-warning.byted-btn-text .byted-btn-loading-icon rect,
.byted-btn-type-warning-light.byted-btn-text .byted-btn-loading-icon rect {
  fill: #e0a111;
}
.byted-btn {
  outline: none;
  text-align: center;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0 16px;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-btn-type-white,
.byted-btn-ghost {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-white.byted-btn:hover,
.byted-btn-ghost.byted-btn:hover {
  background: #ffffff;
  border-color: #fa4b74;
  color: #fa4b74;
}
.byted-btn-type-white:not(.byted-btn-no-focus):focus,
.byted-btn-ghost:not(.byted-btn-no-focus):focus {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-white.byted-btn:active,
.byted-btn-ghost.byted-btn:active {
  background: #ffffff;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-white.byted-btn.byted-btn-checked,
.byted-btn-ghost.byted-btn.byted-btn-checked {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-white.byted-btn.byted-btn-disabled,
.byted-btn-ghost.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-white.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-ghost.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-white.byted-btn[data-motion-wave='after']::after,
.byted-btn-ghost.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-white.byted-btn[data-motion-wave='before']::before,
.byted-btn-ghost.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-white .byted-btn-loading-icon rect,
.byted-btn-ghost .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-dashed {
  border-style: dashed;
}
.byted-btn-type-dashed {
  border-style: dashed;
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-dashed.byted-btn:hover {
  background: #ffffff;
  border-color: #fa4b74;
  color: #fa4b74;
}
.byted-btn-type-dashed:not(.byted-btn-no-focus):focus {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-dashed.byted-btn:active {
  background: #ffffff;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-dashed.byted-btn.byted-btn-checked {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-dashed.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-dashed.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-dashed.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-dashed.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-dashed .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-text {
  background: transparent;
  border-color: transparent;
  color: #f60457;
}
.byted-btn-type-text.byted-btn:hover {
  background: #ebebeb;
  border-color: transparent;
  color: #fa4b74;
}
.byted-btn-type-text:not(.byted-btn-no-focus):focus {
  background: transparent;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-text.byted-btn:active {
  background: #e3e3e3;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-text.byted-btn.byted-btn-checked {
  background: transparent;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #bdbdbd;
}
.byted-btn-type-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-text.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-text .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-type-text-primary {
  background: transparent;
  border-color: transparent;
  color: #f60457;
}
.byted-btn-type-text-primary.byted-btn:hover {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #f60457;
}
.byted-btn-type-text-primary:not(.byted-btn-no-focus):focus {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #f60457;
}
.byted-btn-type-text-primary.byted-btn:active {
  background: #e3e3e3;
  border-color: #e3e3e3;
  color: #f60457;
}
.byted-btn-type-text-primary.byted-btn.byted-btn-checked {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #f60457;
}
.byted-btn-type-text-primary.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #bdbdbd;
}
.byted-btn-type-text-primary.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-text-primary.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-text-primary.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-text-primary .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-type-secondary {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-secondary:not(.byted-btn-no-focus):focus {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-secondary.byted-btn:hover {
  background: #ffffff;
  border-color: #666666;
  color: #666666;
}
.byted-btn-type-secondary.byted-btn:active {
  background: #ffffff;
  border-color: #121212;
  color: #121212;
}
.byted-btn-type-secondary.byted-btn.byted-btn-checked {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-secondary.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-secondary.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-secondary.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-secondary.byted-btn[data-motion-wave='before']::before {
  color: #666666;
}
.byted-btn-type-secondary .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-link.byted-btn {
  height: auto;
  min-width: auto;
  padding: 0;
  background: transparent;
  border-color: transparent;
  color: #f60457;
}
.byted-btn-type-link.byted-btn.byted-btn:hover {
  background: transparent;
  border-color: transparent;
  color: #fa4b74;
}
.byted-btn-type-link.byted-btn:not(.byted-btn-no-focus):focus {
  background: transparent;
  border-color: transparent;
  color: #fa4b74;
}
.byted-btn-type-link.byted-btn.byted-btn:active {
  background: transparent;
  border-color: transparent;
  color: #d20251;
}
.byted-btn-type-link.byted-btn.byted-btn.byted-btn-checked {
  background: transparent;
  border-color: transparent;
  color: #fa4b74;
}
.byted-btn-type-link.byted-btn.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #fda3b2;
}
.byted-btn-type-link.byted-btn.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fda3b2;
}
.byted-btn-type-link.byted-btn.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-link.byted-btn.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-link.byted-btn .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-size-xs {
  padding: 3px 8px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 4px;
  min-width: 60px;
  height: 26px;
}
.byted-btn-size-xs.byted-btn-shape-round {
  border-radius: 13px;
}
.byted-btn-size-xs .byted-btn-loading-icon svg {
  height: 12px;
  width: 12px;
}
.byted-btn-size-sm {
  padding: 5px 16px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 4px;
  min-width: 80px;
  height: 30px;
}
.byted-btn-size-sm.byted-btn-shape-round {
  border-radius: 30px;
}
.byted-btn-size-sm .byted-btn-loading-icon svg {
  height: 12px;
  width: 12px;
}
.byted-btn-size-md {
  padding: 5px 16px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
  min-width: 100px;
  height: 34px;
}
.byted-btn-size-md.byted-btn-shape-round {
  border-radius: 34px;
}
.byted-btn-size-md .byted-btn-loading-icon svg {
  height: 14px;
  width: 14px;
}
.byted-btn-size-lg {
  padding: 7px 16px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
  min-width: 120px;
  height: 38px;
}
.byted-btn-size-lg.byted-btn-shape-round {
  border-radius: 38px;
}
.byted-btn-size-lg .byted-btn-loading-icon svg {
  height: 14px;
  width: 14px;
}
.byted-btn-size-xl {
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 4px;
  min-width: 140px;
  height: 42px;
}
.byted-btn-size-xl.byted-btn-shape-round {
  border-radius: 42px;
}
.byted-btn-size-xl .byted-btn-loading-icon svg {
  height: 16px;
  width: 16px;
}
.byted-btn-shape-cycle {
  padding: 0;
  border-radius: 50%;
}
.byted-btn-shape-cycle.byted-btn-size-xs {
  width: 26px;
  height: 26px;
  min-width: 26px;
  padding: 0;
}
.byted-btn-shape-cycle.byted-btn-size-sm {
  width: 30px;
  height: 30px;
  min-width: 30px;
}
.byted-btn-shape-cycle.byted-btn-size-md {
  width: 34px;
  height: 34px;
  min-width: 34px;
}
.byted-btn-shape-cycle.byted-btn-size-lg {
  width: 38px;
  height: 38px;
  min-width: 38px;
}
.byted-btn-shape-cycle.byted-btn-size-xl {
  width: 42px;
  height: 42px;
  min-width: 42px;
}
.byted-btn-shape-square {
  padding: 0;
}
.byted-btn-shape-square.byted-btn-size-xs {
  width: 26px;
  height: 26px;
  min-width: 26px;
  padding: 0;
}
.byted-btn-shape-square.byted-btn-size-sm {
  width: 30px;
  height: 30px;
  min-width: 30px;
}
.byted-btn-shape-square.byted-btn-size-md {
  width: 34px;
  height: 34px;
  min-width: 34px;
}
.byted-btn-shape-square.byted-btn-size-lg {
  width: 38px;
  height: 38px;
  min-width: 38px;
}
.byted-btn-shape-square.byted-btn-size-xl {
  width: 42px;
  height: 42px;
  min-width: 42px;
}
.byted-btn-block {
  width: 100%;
}
.byted-btn.byted-btn-triangle {
  position: relative;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #d9d9d9;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #d9d9d9;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #d20251;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #d20251;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #ebebeb;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #ebebeb;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #fda3b2;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #fda3b2;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #feedef;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #feedef;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #fda3b2;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #fda3b2;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn-loading-icon {
  display: inline-block;
  vertical-align: -0.125em;
  width: 1em;
  height: 1em;
  margin-left: 0;
  margin-right: 4px;
}
.byted-btn-loading-icon rect:nth-child(8) {
  animation: btnLoadingOpacity 0.77s linear -7.12s infinite;
}
.byted-btn-loading-icon rect:nth-child(7) {
  animation: btnLoadingOpacity 0.77s linear -7.23s infinite;
}
.byted-btn-loading-icon rect:nth-child(6) {
  animation: btnLoadingOpacity 0.77s linear -7.34s infinite;
}
.byted-btn-loading-icon rect:nth-child(5) {
  animation: btnLoadingOpacity 0.77s linear -7.45s infinite;
}
.byted-btn-loading-icon rect:nth-child(4) {
  animation: btnLoadingOpacity 0.77s linear -7.56s infinite;
}
.byted-btn-loading-icon rect:nth-child(3) {
  animation: btnLoadingOpacity 0.77s linear -7.67s infinite;
}
.byted-btn-loading-icon rect:nth-child(2) {
  animation: btnLoadingOpacity 0.77s linear -7.78s infinite;
}
.byted-btn-loading-icon rect:nth-child(1) {
  animation: btnLoadingOpacity 0.77s linear -7.89s infinite;
}
.byted-btn-rtl {
  direction: rtl;
}
.byted-btn-rtl .byted-btn-loading-icon {
  margin-left: 4px;
  margin-right: 0;
}
.byted-btn-group {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.byted-btn-group .byted-btn.byted-btn-checked,
.byted-btn-group .byted-btn:hover {
  position: relative;
  z-index: 11;
}
.byted-btn-group .byted-btn:focus,
.byted-btn-group .byted-btn:active {
  position: relative;
  z-index: 10;
}
.byted-btn-group .byted-btn-rtl {
  direction: rtl;
}
.byted-btn-group .byted-btn-size-xs {
  border-radius: 0;
}
.byted-btn-group .byted-btn-size-xs:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group .byted-btn-size-xs:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group .byted-btn-size-xs:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-left: -1px;
}
.byted-btn-group .byted-btn-size-xs:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #e06637;
}
.byted-btn-group .byted-btn-size-xs:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #e5b23c;
}
.byted-btn-group .byted-btn-size-xs:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #fa4b74;
}
.byted-btn-group .byted-btn-size-xs:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #47ba80;
}
.byted-btn-group .byted-btn-size-sm {
  border-radius: 0;
}
.byted-btn-group .byted-btn-size-sm:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group .byted-btn-size-sm:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group .byted-btn-size-sm:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-left: -1px;
}
.byted-btn-group .byted-btn-size-sm:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #e06637;
}
.byted-btn-group .byted-btn-size-sm:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #e5b23c;
}
.byted-btn-group .byted-btn-size-sm:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #fa4b74;
}
.byted-btn-group .byted-btn-size-sm:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #47ba80;
}
.byted-btn-group .byted-btn-size-md {
  border-radius: 0;
}
.byted-btn-group .byted-btn-size-md:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group .byted-btn-size-md:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group .byted-btn-size-md:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-left: -1px;
}
.byted-btn-group .byted-btn-size-md:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #e06637;
}
.byted-btn-group .byted-btn-size-md:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #e5b23c;
}
.byted-btn-group .byted-btn-size-md:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #fa4b74;
}
.byted-btn-group .byted-btn-size-md:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #47ba80;
}
.byted-btn-group .byted-btn-size-lg {
  border-radius: 0;
}
.byted-btn-group .byted-btn-size-lg:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group .byted-btn-size-lg:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group .byted-btn-size-lg:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-left: -1px;
}
.byted-btn-group .byted-btn-size-lg:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #e06637;
}
.byted-btn-group .byted-btn-size-lg:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #e5b23c;
}
.byted-btn-group .byted-btn-size-lg:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #fa4b74;
}
.byted-btn-group .byted-btn-size-lg:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #47ba80;
}
.byted-btn-group .byted-btn-size-xl {
  border-radius: 0;
}
.byted-btn-group .byted-btn-size-xl:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group .byted-btn-size-xl:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group .byted-btn-size-xl:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-left: -1px;
}
.byted-btn-group .byted-btn-size-xl:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #e06637;
}
.byted-btn-group .byted-btn-size-xl:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #e5b23c;
}
.byted-btn-group .byted-btn-size-xl:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #fa4b74;
}
.byted-btn-group .byted-btn-size-xl:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #47ba80;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl {
  border-radius: 0;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-right: -1px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl:not(:first-child).byted-btn-type-danger {
  border-right: 1px solid #e06637;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl:not(:first-child).byted-btn-type-warning {
  border-right: 1px solid #e5b23c;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-right: 1px solid #fa4b74;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl:not(:first-child).byted-btn-type-success {
  border-right: 1px solid #47ba80;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl {
  border-radius: 0;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-right: -1px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl:not(:first-child).byted-btn-type-danger {
  border-right: 1px solid #e06637;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl:not(:first-child).byted-btn-type-warning {
  border-right: 1px solid #e5b23c;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-right: 1px solid #fa4b74;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl:not(:first-child).byted-btn-type-success {
  border-right: 1px solid #47ba80;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl {
  border-radius: 0;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-right: -1px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl:not(:first-child).byted-btn-type-danger {
  border-right: 1px solid #e06637;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl:not(:first-child).byted-btn-type-warning {
  border-right: 1px solid #e5b23c;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-right: 1px solid #fa4b74;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl:not(:first-child).byted-btn-type-success {
  border-right: 1px solid #47ba80;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl {
  border-radius: 0;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-right: -1px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl:not(:first-child).byted-btn-type-danger {
  border-right: 1px solid #e06637;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl:not(:first-child).byted-btn-type-warning {
  border-right: 1px solid #e5b23c;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-right: 1px solid #fa4b74;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl:not(:first-child).byted-btn-type-success {
  border-right: 1px solid #47ba80;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl {
  border-radius: 0;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-right: -1px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl:not(:first-child).byted-btn-type-danger {
  border-right: 1px solid #e06637;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl:not(:first-child).byted-btn-type-warning {
  border-right: 1px solid #e5b23c;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-right: 1px solid #fa4b74;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl:not(:first-child).byted-btn-type-success {
  border-right: 1px solid #47ba80;
}
@keyframes btnLoadingOpacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.btnLoadingOpacityAnimation rect:nth-child(8) {
  animation: btnLoadingOpacity 0.77s linear -7.12s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(7) {
  animation: btnLoadingOpacity 0.77s linear -7.23s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(6) {
  animation: btnLoadingOpacity 0.77s linear -7.34s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(5) {
  animation: btnLoadingOpacity 0.77s linear -7.45s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(4) {
  animation: btnLoadingOpacity 0.77s linear -7.56s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(3) {
  animation: btnLoadingOpacity 0.77s linear -7.67s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(2) {
  animation: btnLoadingOpacity 0.77s linear -7.78s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(1) {
  animation: btnLoadingOpacity 0.77s linear -7.89s infinite;
}

@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes okee-loading-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
.byted-scroll-content {
  width: 200px;
  display: flex;
  flex: 1;
  font-size: 14px;
}
.byted-scroll-content .byted-scroll-select {
  box-sizing: border-box;
  flex: 1;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  padding-bottom: 200px;
  border-right: 1px solid #e3e3e3;
}
.byted-scroll-content .byted-scroll-select::-webkit-scrollbar {
  width: 0;
}
.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-scroll-content .byted-scroll-select:last-child {
  border-right: none;
}
.byted-scroll-content .byted-scroll-select-item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  color: #121212;
}
.byted-scroll-content .byted-scroll-select-item:not(.byted-scroll-select-item-disabled):hover {
  cursor: pointer;
  background-color: #ebebeb;
  color: #121212;
}
.byted-scroll-content .byted-scroll-select-item:not(.byted-scroll-select-item-disabled):active {
  cursor: pointer;
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled) {
  background-color: #ffffff;
  color: #f60457;
}
.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled):hover {
  background-color: #ebebeb;
  color: #f60457;
}
.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled):active {
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-scroll-content .byted-scroll-select-item-active.byted-scroll-select-item-disabled {
  color: #fda3b2;
  background-color: #ffffff;
}
.byted-scroll-content .byted-scroll-select-item-disabled {
  cursor: not-allowed;
  background-color: #ffffff;
  color: #bdbdbd;
}
.byted-scroll-panel {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
  position: relative;
  display: flex;
  overflow: hidden;
}
.byted-scroll-panel-header {
  display: flex;
  height: 38px;
  border-radius: 3px 3px 0 0;
  background: #f8f8f8;
}
.byted-scroll-panel-header div {
  flex: 1;
  line-height: 38px;
  text-align: center;
}

@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes okee-loading-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
.byted-scroll-content {
  width: 200px;
  display: flex;
  flex: 1;
  font-size: 14px;
}
.byted-scroll-content .byted-scroll-select {
  box-sizing: border-box;
  flex: 1;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  padding-bottom: 200px;
  border-right: 1px solid #e3e3e3;
}
.byted-scroll-content .byted-scroll-select::-webkit-scrollbar {
  width: 0;
}
.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-scroll-content .byted-scroll-select:last-child {
  border-right: none;
}
.byted-scroll-content .byted-scroll-select-item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  color: #121212;
}
.byted-scroll-content .byted-scroll-select-item:not(.byted-scroll-select-item-disabled):hover {
  cursor: pointer;
  background-color: #ebebeb;
  color: #121212;
}
.byted-scroll-content .byted-scroll-select-item:not(.byted-scroll-select-item-disabled):active {
  cursor: pointer;
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled) {
  background-color: #ffffff;
  color: #f60457;
}
.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled):hover {
  background-color: #ebebeb;
  color: #f60457;
}
.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled):active {
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-scroll-content .byted-scroll-select-item-active.byted-scroll-select-item-disabled {
  color: #fda3b2;
  background-color: #ffffff;
}
.byted-scroll-content .byted-scroll-select-item-disabled {
  cursor: not-allowed;
  background-color: #ffffff;
  color: #bdbdbd;
}
.byted-scroll-panel {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
  position: relative;
  display: flex;
  overflow: hidden;
}
.byted-scroll-panel-header {
  display: flex;
  height: 38px;
  border-radius: 3px 3px 0 0;
  background: #f8f8f8;
}
.byted-scroll-panel-header div {
  flex: 1;
  line-height: 38px;
  text-align: center;
}
.byted-time-content {
  width: 200px;
  display: flex;
  flex: 1;
  font-size: 14px;
}
.byted-time-content .byted-hour-select {
  box-sizing: border-box;
  flex: 1;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  padding-bottom: 200px;
  border-right: 1px solid #e3e3e3;
}
.byted-time-content .byted-hour-select::-webkit-scrollbar {
  width: 0;
}
.byted-time-content .byted-hour-select:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-time-content .byted-hour-select:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-time-content .byted-hour-select:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-time-content .byted-hour-select:last-child {
  border-right: none;
}
.byted-time-content .byted-hour-select-item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  color: #121212;
}
.byted-time-content .byted-hour-select-item:not(.byted-hour-select-item-disabled):hover {
  cursor: pointer;
  background-color: #ebebeb;
  color: #121212;
}
.byted-time-content .byted-hour-select-item:not(.byted-hour-select-item-disabled):active {
  cursor: pointer;
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-hour-select-item-active:not(.byted-hour-select-item-disabled) {
  background-color: #ffffff;
  color: #f60457;
}
.byted-time-content .byted-hour-select-item-active:not(.byted-hour-select-item-disabled):hover {
  background-color: #ebebeb;
  color: #f60457;
}
.byted-time-content .byted-hour-select-item-active:not(.byted-hour-select-item-disabled):active {
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-hour-select-item-active.byted-hour-select-item-disabled {
  color: #fda3b2;
  background-color: #ffffff;
}
.byted-time-content .byted-hour-select-item-disabled {
  cursor: not-allowed;
  background-color: #ffffff;
  color: #bdbdbd;
}
.byted-time-content .byted-minute-select {
  box-sizing: border-box;
  flex: 1;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  padding-bottom: 200px;
  border-right: 1px solid #e3e3e3;
}
.byted-time-content .byted-minute-select::-webkit-scrollbar {
  width: 0;
}
.byted-time-content .byted-minute-select:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-time-content .byted-minute-select:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-time-content .byted-minute-select:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-time-content .byted-minute-select:last-child {
  border-right: none;
}
.byted-time-content .byted-minute-select-item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  color: #121212;
}
.byted-time-content .byted-minute-select-item:not(.byted-minute-select-item-disabled):hover {
  cursor: pointer;
  background-color: #ebebeb;
  color: #121212;
}
.byted-time-content .byted-minute-select-item:not(.byted-minute-select-item-disabled):active {
  cursor: pointer;
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-minute-select-item-active:not(.byted-minute-select-item-disabled) {
  background-color: #ffffff;
  color: #f60457;
}
.byted-time-content .byted-minute-select-item-active:not(.byted-minute-select-item-disabled):hover {
  background-color: #ebebeb;
  color: #f60457;
}
.byted-time-content .byted-minute-select-item-active:not(.byted-minute-select-item-disabled):active {
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-minute-select-item-active.byted-minute-select-item-disabled {
  color: #fda3b2;
  background-color: #ffffff;
}
.byted-time-content .byted-minute-select-item-disabled {
  cursor: not-allowed;
  background-color: #ffffff;
  color: #bdbdbd;
}
.byted-time-content .byted-second-select {
  box-sizing: border-box;
  flex: 1;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  padding-bottom: 200px;
  border-right: 1px solid #e3e3e3;
}
.byted-time-content .byted-second-select::-webkit-scrollbar {
  width: 0;
}
.byted-time-content .byted-second-select:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-time-content .byted-second-select:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-time-content .byted-second-select:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-time-content .byted-second-select:last-child {
  border-right: none;
}
.byted-time-content .byted-second-select-item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  color: #121212;
}
.byted-time-content .byted-second-select-item:not(.byted-second-select-item-disabled):hover {
  cursor: pointer;
  background-color: #ebebeb;
  color: #121212;
}
.byted-time-content .byted-second-select-item:not(.byted-second-select-item-disabled):active {
  cursor: pointer;
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-second-select-item-active:not(.byted-second-select-item-disabled) {
  background-color: #ffffff;
  color: #f60457;
}
.byted-time-content .byted-second-select-item-active:not(.byted-second-select-item-disabled):hover {
  background-color: #ebebeb;
  color: #f60457;
}
.byted-time-content .byted-second-select-item-active:not(.byted-second-select-item-disabled):active {
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-second-select-item-active.byted-second-select-item-disabled {
  color: #fda3b2;
  background-color: #ffffff;
}
.byted-time-content .byted-second-select-item-disabled {
  cursor: not-allowed;
  background-color: #ffffff;
  color: #bdbdbd;
}
.byted-time-content .byted-time12hour-select {
  box-sizing: border-box;
  flex: 1;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  padding-bottom: 200px;
  border-right: 1px solid #e3e3e3;
}
.byted-time-content .byted-time12hour-select::-webkit-scrollbar {
  width: 0;
}
.byted-time-content .byted-time12hour-select:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-time-content .byted-time12hour-select:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-time-content .byted-time12hour-select:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-time-content .byted-time12hour-select:last-child {
  border-right: none;
}
.byted-time-content .byted-time12hour-select-item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  color: #121212;
}
.byted-time-content .byted-time12hour-select-item:not(.byted-time12hour-select-item-disabled):hover {
  cursor: pointer;
  background-color: #ebebeb;
  color: #121212;
}
.byted-time-content .byted-time12hour-select-item:not(.byted-time12hour-select-item-disabled):active {
  cursor: pointer;
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-time12hour-select-item-active:not(.byted-time12hour-select-item-disabled) {
  background-color: #ffffff;
  color: #f60457;
}
.byted-time-content .byted-time12hour-select-item-active:not(.byted-time12hour-select-item-disabled):hover {
  background-color: #ebebeb;
  color: #f60457;
}
.byted-time-content .byted-time12hour-select-item-active:not(.byted-time12hour-select-item-disabled):active {
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-time12hour-select-item-active.byted-time12hour-select-item-disabled {
  color: #fda3b2;
  background-color: #ffffff;
}
.byted-time-content .byted-time12hour-select-item-disabled {
  cursor: not-allowed;
  background-color: #ffffff;
  color: #bdbdbd;
}
.byted-time-content + .byted-time-content {
  border-left: 1px solid #ebebeb;
}
.byted-time-panel {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
}
.byted-time-panel-header {
  display: flex;
  height: 38px;
  border-radius: 3px 3px 0 0;
  background: #f8f8f8;
  color: #121212;
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid transparent;
}
.byted-time-panel-header div {
  flex: 1;
  line-height: 38px;
  text-align: center;
}
.byted-time-panel-header div + div {
  border-left: 1px solid #ebebeb;
}
.byted-time-panel .byted-time-content-wrapper {
  position: relative;
  display: flex;
  overflow: hidden;
}
.byted-time-panel .byted-select-time-loop {
  overflow-y: hidden;
}

/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
/**************************************************************/
/**************************************************************/
/**************************************************************/
[class*='byted-'][data-motion-wave] {
  position: relative;
}
[class*='byted-'][data-motion-wave][data-motion-wave='after']::after,
[class*='byted-'][data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[class*='byted-'][data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[class*='byted-'][data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-popover {
  opacity: 0;
  transition: all ease-in 0.1s;
  -webkit-transition: all ease-in 0.1s;
  -moz-transition: all ease-in 0.1s;
  -o-transition: all ease-in 0.1s;
}
.byted-popover-show {
  opacity: 1;
  transition: all ease-out 0.1s;
  -webkit-transition: all ease-out 0.1s;
  -moz-transition: all ease-out 0.1s;
  -o-transition: all ease-out 0.1s;
}
.byted-popover-disable-animation {
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
}
.byted-popover-scale-xy {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.byted-popover-scale-xy.byted-popover-show {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}
.byted-popover-scale-x {
  transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -moz-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
}
.byted-popover-scale-x.byted-popover-show {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
}
.byted-popover-scale-y {
  transform: scaleY(0.8);
  -webkit-transform: scaleY(0.8);
  -moz-transform: scaleY(0.8);
  -o-transform: scaleY(0.8);
}
.byted-popover-scale-y.byted-popover-show {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
}
.byted-popover-left {
  transform-origin: calc(100% + 8px) 50%;
  -webkit-transform-origin: calc(100% + 8px) 50%;
  -moz-transform-origin: calc(100% + 8px) 50%;
  -o-transform-origin: calc(100% + 8px) 50%;
}
.byted-popover-left-start {
  transform-origin: calc(100% + 8px) 16px;
  -webkit-transform-origin: calc(100% + 8px) 16px;
  -moz-transform-origin: calc(100% + 8px) 16px;
  -o-transform-origin: calc(100% + 8px) 16px;
}
.byted-popover-left-end {
  transform-origin: calc(100% + 8px) calc(100% - 16px);
  -webkit-transform-origin: calc(100% + 8px) calc(100% - 16px);
  -moz-transform-origin: calc(100% + 8px) calc(100% - 16px);
  -o-transform-origin: calc(100% + 8px) calc(100% - 16px);
}
.byted-popover-right {
  transform-origin: -8px 50%;
  -webkit-transform-origin: -8px 50%;
  -moz-transform-origin: -8px 50%;
  -o-transform-origin: -8px 50%;
}
.byted-popover-right-start {
  transform-origin: -8px 16px;
  -webkit-transform-origin: -8px 16px;
  -moz-transform-origin: -8px 16px;
  -o-transform-origin: -8px 16px;
}
.byted-popover-right-end {
  transform-origin: -8px calc(100% - 16px);
  -webkit-transform-origin: -8px calc(100% - 16px);
  -moz-transform-origin: -8px calc(100% - 16px);
  -o-transform-origin: -8px calc(100% - 16px);
}
.byted-popover-top {
  transform-origin: 50% calc(100% + 8px);
  -webkit-transform-origin: 50% calc(100% + 8px);
  -moz-transform-origin: 50% calc(100% + 8px);
  -o-transform-origin: 50% calc(100% + 8px);
}
.byted-popover-top-start {
  transform-origin: 16px calc(100% + 8px);
  -webkit-transform-origin: 16px calc(100% + 8px);
  -moz-transform-origin: 16px calc(100% + 8px);
  -o-transform-origin: 16px calc(100% + 8px);
}
.byted-popover-top-end {
  transform-origin: calc(100% - 16px) calc(100% + 8px);
  -webkit-transform-origin: calc(100% - 16px) calc(100% + 8px);
  -moz-transform-origin: calc(100% - 16px) calc(100% + 8px);
  -o-transform-origin: calc(100% - 16px) calc(100% + 8px);
}
.byted-popover-bottom {
  transform-origin: 50% -8px;
  -webkit-transform-origin: 50% -8px;
  -moz-transform-origin: 50% -8px;
  -o-transform-origin: 50% -8px;
}
.byted-popover-bottom-start {
  transform-origin: 16px -8px;
  -webkit-transform-origin: 16px -8px;
  -moz-transform-origin: 16px -8px;
  -o-transform-origin: 16px -8px;
}
.byted-popover-bottom-end {
  transform-origin: calc(100% - 16px) -8px;
  -webkit-transform-origin: calc(100% - 16px) -8px;
  -moz-transform-origin: calc(100% - 16px) -8px;
  -o-transform-origin: calc(100% - 16px) -8px;
}

/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
.byted-popper-trigger {
  display: inline-block;
}
.byted-popover {
  box-sizing: border-box;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.95);
  font-size: 0;
}
.byted-popover-inner {
  z-index: 2;
  border-radius: 4px;
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
  color: #666666;
}
.byted-popover-arrow {
  display: block;
  z-index: 1;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-popover-arrow .byted-popover-arrow-inner {
  width: 0;
  height: 0;
  font-size: 0;
  border-width: 4px;
  line-height: 0;
  border-style: solid;
  display: block;
}
.byted-popover-arrow-dir-top {
  transform: translateY(50%);
}
.byted-popover-arrow-dir-top .byted-popover-arrow-inner {
  border-color: transparent #ffffff #ffffff transparent;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.08);
  transform: rotate(45deg) scale(-1);
}
.byted-popover-arrow-dir-bottom {
  transform: translateY(-50%);
}
.byted-popover-arrow-dir-bottom .byted-popover-arrow-inner {
  border-color: transparent #ffffff #ffffff transparent;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.08);
  transform: rotate(45deg);
}
.byted-popover-arrow-dir-left {
  transform: translateX(50%);
}
.byted-popover-arrow-dir-left .byted-popover-arrow-inner {
  border-color: transparent #ffffff #ffffff transparent;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.08);
  transform: rotate(-45deg) scale(-1);
}
.byted-popover-arrow-dir-right {
  transform: translateX(-50%);
}
.byted-popover-arrow-dir-right .byted-popover-arrow-inner {
  border-color: transparent #ffffff #ffffff transparent;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.08);
  transform: rotate(-45deg);
}
.byted-popover-confirm-container,
.byted-popover-alert-container,
.byted-popover-container-container {
  padding: 16px;
  box-sizing: border-box;
  width: 240px;
}
.byted-popover-confirm-icon-wrapper.byted-content-icon-wrapper,
.byted-popover-alert-icon-wrapper.byted-content-icon-wrapper,
.byted-popover-container-icon-wrapper.byted-content-icon-wrapper {
  width: 22px;
}
.byted-popover-confirm-header.byted-content-header,
.byted-popover-alert-header.byted-content-header,
.byted-popover-container-header.byted-content-header {
  margin-bottom: 8px;
  color: #121212;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}
.byted-popover-confirm-inner.byted-content-inner,
.byted-popover-alert-inner.byted-content-inner,
.byted-popover-container-inner.byted-content-inner {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #666666;
}
.byted-popover-confirm-footer.byted-content-footer,
.byted-popover-alert-footer.byted-content-footer,
.byted-popover-container-footer.byted-content-footer {
  margin-top: 8px;
  text-align: right;
}
.byted-popover-confirm-footer.byted-content-footer .byted-confirm-ok,
.byted-popover-alert-footer.byted-content-footer .byted-confirm-ok,
.byted-popover-container-footer.byted-content-footer .byted-confirm-ok {
  margin-left: 12px;
}
.byted-popover-mode-dark {
  background-color: rgba(50, 51, 53, 0.95);
}
.byted-popover-mode-dark .byted-popover-inner {
  color: #ffffff;
}
.byted-popover-mode-dark .byted-popover-arrow-dir-top .byted-popover-arrow-inner,
.byted-popover-mode-dark .byted-popover-arrow-dir-bottom .byted-popover-arrow-inner,
.byted-popover-mode-dark .byted-popover-arrow-dir-left .byted-popover-arrow-inner,
.byted-popover-mode-dark .byted-popover-arrow-dir-right .byted-popover-arrow-inner {
  border-color: transparent rgba(50, 51, 53, 0.95) rgba(50, 51, 53, 0.95) transparent;
}

/**
 * Automatically generated by the script build/create-ui.ts
 */
[class*='byted-'] {
  box-sizing: border-box;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Source Han Sans CN', 'noto sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
input:disabled {
  -webkit-text-fill-color: currentColor;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}
/**************************************************************/
/**************************************************************/
/**************************************************************/
[class*='byted-'][data-motion-wave] {
  position: relative;
}
[class*='byted-'][data-motion-wave][data-motion-wave='after']::after,
[class*='byted-'][data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[class*='byted-'][data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[class*='byted-'][data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes svg-loading-inner {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0);
  }
}
@keyframes svg-loading-outer {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.byted-icon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.byted-icon-spin {
  animation: spin 1s infinite linear;
}
.byted-icon-loading .svg-loading-inner {
  animation: svg-loading-inner linear 2.5s infinite;
  transform-origin: 50%;
}
.byted-icon-loading .svg-loading-outer {
  animation: svg-loading-outer linear 2s infinite;
  transform-origin: 50%;
}
.byted-anchor {
  border-left: 2px solid #e3e3e3;
  padding-left: 12px;
}
.byted-anchor-link {
  margin-bottom: 12px;
}
.byted-anchor-link:last-child {
  margin-bottom: 0;
}
.byted-anchor-link-title-wrapper {
  display: block;
  position: relative;
  margin-bottom: 12px;
  text-decoration: none;
  outline: none;
}
.byted-anchor-link-title-wrapper:last-child {
  margin-bottom: 0;
}
.byted-anchor-link-title-wrapper:focus {
  outline: none;
}
.byted-anchor-link-title-wrapper:active .byted-anchor-link-title {
  color: #d20251;
}
.byted-anchor-link .byted-anchor-link-title-wrapper-level-1 {
  padding-left: 0px;
}
.byted-anchor-link .byted-anchor-link-title-wrapper-level-2 {
  padding-left: 16px;
}
.byted-anchor-link .byted-anchor-link-title-wrapper-level-3 {
  padding-left: 32px;
}
.byted-anchor-link .byted-anchor-link-title-wrapper-level-4 {
  padding-left: 48px;
}
.byted-anchor-link .byted-anchor-link-title-wrapper-level-5 {
  padding-left: 64px;
}
.byted-anchor-link .byted-anchor-link-title-wrapper-level-6 {
  padding-left: 80px;
}
.byted-anchor-link .byted-anchor-link-title-wrapper-level-7 {
  padding-left: 96px;
}
.byted-anchor-link .byted-anchor-link-title-wrapper-level-8 {
  padding-left: 112px;
}
.byted-anchor-link .byted-anchor-link-title-wrapper-level-9 {
  padding-left: 128px;
}
.byted-anchor-link-title {
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  display: block;
  color: #121212;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-anchor-link-title:visited {
  color: #121212;
}
.byted-anchor-link-title:hover {
  color: #fa4b74;
}
.byted-anchor-link-title-active {
  color: #f60457;
}
.byted-anchor-link-title-active:visited {
  color: #f60457;
}
.byted-anchor-link-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #f60457;
  box-shadow: 0 0 0 2px #ffffff;
  position: absolute;
  left: -17px;
  top: 6px;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transition: all ease-in 0.1s;
  -webkit-transition: all ease-in 0.1s;
  -moz-transition: all ease-in 0.1s;
  -o-transition: all ease-in 0.1s;
}
.byted-anchor-link-dot-active {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transition: all ease-out 0.1s;
  -webkit-transition: all ease-out 0.1s;
  -moz-transition: all ease-out 0.1s;
  -o-transition: all ease-out 0.1s;
}
.byted-auto-complete {
  display: inline-block;
  line-height: 1;
  color: #121212;
}
.byted-auto-complete-main-trigger {
  width: 100%;
  display: block;
}
.byted-auto-complete-panel {
  background-color: #ffffff;
  overflow: auto;
  height: 198px;
  border-radius: 4px;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
  padding-top: 6px;
}
.byted-auto-complete-panel-empty {
  height: 198px;
}
.byted-auto-complete-panel .byted-auto-complete-item-active {
  background-color: #ebebeb;
}
.byted-auto-complete-panel .ReactVirtualized__List {
  outline: none;
}
.byted-multiple-auto-complete {
  position: relative;
  line-height: 1;
  color: #121212;
}
.byted-multiple-auto-complete::before {
  content: '';
  display: block;
  width: 100%;
}
.byted-multiple-auto-complete.byted-multiple-auto-complete-size-xs::before {
  height: 26px;
}
.byted-multiple-auto-complete.byted-multiple-auto-complete-size-sm::before {
  height: 30px;
}
.byted-multiple-auto-complete.byted-multiple-auto-complete-size-md::before {
  height: 34px;
}
.byted-multiple-auto-complete.byted-multiple-auto-complete-size-lg::before {
  height: 38px;
}
.byted-multiple-auto-complete.byted-multiple-auto-complete-size-xl::before {
  height: 42px;
}
.byted-multiple-auto-complete .byted-auto-complete-main-trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.byted-avatar {
  color: #ffffff;
  box-sizing: border-box;
  background: #bdbdbd;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
}
.byted-avatar-image {
  background: transparent;
}
.byted-avatar-image img {
  width: 100%;
  height: 100%;
}
.byted-avatar-size-xl {
  font-size: 40px;
  line-height: 40px;
  width: 80px;
  height: 80px;
}
.byted-avatar-size-xl:not(.byted-avatar-image) {
  padding: 16px 8px;
}
.byted-avatar-size-lg {
  font-size: 32px;
  line-height: 32px;
  width: 64px;
  height: 64px;
}
.byted-avatar-size-lg:not(.byted-avatar-image) {
  padding: 16px 8px;
}
.byted-avatar-size-md {
  font-size: 24px;
  line-height: 24px;
  width: 48px;
  height: 48px;
}
.byted-avatar-size-md:not(.byted-avatar-image) {
  padding: 12px 8px;
}
.byted-avatar-size-sm {
  font-size: 15px;
  line-height: 15px;
  width: 30px;
  height: 30px;
}
.byted-avatar-size-sm:not(.byted-avatar-image) {
  padding: 8px 8px;
}
.byted-avatar-shape-circle {
  border-radius: 50%;
}
.byted-avatar-shape-angle {
  border-radius: 4px;
}
.byted-avatar-body {
  position: relative;
  padding-right: 12px;
}
.byted-avatar-body-has-icon {
  padding-left: 24px;
}
.byted-avatar-body-icon {
  position: absolute;
  left: 0;
  top: 0;
}
.byted-avatar-body-content {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
.byted-avatar-body-close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.byted-avatar-body-title {
  font-weight: bold;
}
.byted-backtop {
  position: fixed;
  bottom: 50px;
  right: 20px;
  cursor: pointer;
}
.byted-backtop-icon {
  width: 48px;
  height: 48px;
  line-height: 0;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 32px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-backtop-icon:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.byted-backtop-icon .byted-icon {
  display: block;
  margin: 8px auto;
}
.byted-badge-text {
  min-width: 22px;
  height: 22px;
  border-radius: 11px;
  text-align: center;
  line-height: 20px;
  padding: 0 6px;
  box-sizing: border-box;
  color: #f8f8f8;
  font-size: 12px;
  border: 1px solid #f8f8f8;
}
.byted-badge-text-placement-top-left {
  margin: 0 -12px -12px 0;
}
.byted-badge-text-placement-top-right {
  margin: 0 0 -12px -12px;
}
.byted-badge-text-placement-bottom-left {
  margin: -12px -12px 0 0;
}
.byted-badge-text-placement-bottom-right {
  margin: -12px 0 0 -12px;
}
.byted-badge-dot {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  border: 1px solid #f8f8f8;
}
.byted-badge-dot-placement-top-left {
  margin: 0 -5px -5px 0;
}
.byted-badge-dot-placement-top-right {
  margin: 0 0 -5px -5px;
}
.byted-badge-dot-placement-bottom-left {
  margin: -5px -5px 0 0;
}
.byted-badge-dot-placement-bottom-right {
  margin: -5px 0 0 -5px;
}
.byted-badge {
  display: inline-block;
  position: relative;
}
.byted-badge-type-info {
  background-color: #bdbdbd;
}
.byted-badge-type-primary {
  background-color: #f60457;
}
.byted-badge-type-danger {
  background-color: #d83e0e;
}
.byted-badge-type-warning {
  background-color: #e0a111;
}
.byted-badge-type-success {
  background-color: #28a666;
}
.byted-badge-sup {
  position: absolute;
  box-sizing: border-box;
  font-size: 0;
  transition: all ease-in 0.1s;
  -webkit-transition: all ease-in 0.1s;
  -moz-transition: all ease-in 0.1s;
  -o-transition: all ease-in 0.1s;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
}
.byted-badge-sup-show {
  transition: all ease-out 0.1s;
  -webkit-transition: all ease-out 0.1s;
  -moz-transition: all ease-out 0.1s;
  -o-transition: all ease-out 0.1s;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}
.byted-badge-sup-placement-top-left {
  bottom: 100%;
  right: 100%;
  transform-origin: bottom right;
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
}
.byted-badge-sup-placement-top-right {
  bottom: 100%;
  left: 100%;
  transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
}
.byted-badge-sup-placement-bottom-left {
  top: 100%;
  right: 100%;
  transform-origin: top right;
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
}
.byted-badge-sup-placement-bottom-right {
  top: 100%;
  left: 100%;
  transform-origin: top left;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
}
.byted-badge.byted-badge-inline {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}
.byted-badge.byted-badge-inline .byted-badge-sup {
  position: relative;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
}
.byted-badge.byted-badge-inline .byted-badge-sup .byted-badge-dot,
.byted-badge.byted-badge-inline .byted-badge-sup .byted-badge-text {
  display: flex;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  margin: 0;
}
.byted-badge.byted-badge-inline .byted-badge-sup.byted-badge-sup-has-children {
  margin-right: 8px;
}
/**
 * OKee Design Component Breadcrumb Design Token
 */
/* new breadcrumb token */
.byted-breadcrumb.byted-breadcrumb-size-xs .byted-breadcrumb-item {
  font-size: 12px;
  line-height: 18px;
}
.byted-breadcrumb.byted-breadcrumb-size-xs .byted-breadcrumb-separator {
  font-size: 12px;
}
.byted-breadcrumb.byted-breadcrumb-size-sm .byted-breadcrumb-item {
  font-size: 12px;
  line-height: 18px;
}
.byted-breadcrumb.byted-breadcrumb-size-sm .byted-breadcrumb-separator {
  font-size: 16px;
}
.byted-breadcrumb.byted-breadcrumb-size-md .byted-breadcrumb-item {
  font-size: 14px;
  line-height: 22px;
}
.byted-breadcrumb.byted-breadcrumb-size-md .byted-breadcrumb-separator {
  font-size: 16px;
}
.byted-breadcrumb.byted-breadcrumb-size-lg .byted-breadcrumb-item {
  font-size: 14px;
  line-height: 22px;
}
.byted-breadcrumb.byted-breadcrumb-size-lg .byted-breadcrumb-separator {
  font-size: 16px;
}
.byted-breadcrumb.byted-breadcrumb-size-xl .byted-breadcrumb-item {
  font-size: 16px;
  line-height: 24px;
}
.byted-breadcrumb.byted-breadcrumb-size-xl .byted-breadcrumb-separator {
  font-size: 20px;
}
.byted-breadcrumb {
  display: flex;
  align-items: center;
}
.byted-breadcrumb-separator {
  margin: 0 8px;
  color: #8a8a8a;
}
.byted-breadcrumb-more {
  width: 14px;
  height: 14px;
  line-height: 14px;
  color: #8a8a8a;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-breadcrumb-more:hover,
.byted-breadcrumb-more:focus {
  color: #f60457;
}
.byted-breadcrumb-more:active {
  color: #d20251;
}
.byted-breadcrumb .byted-breadcrumb-item {
  font-weight: 400;
  cursor: pointer;
}
.byted-breadcrumb .byted-breadcrumb-item a {
  text-decoration: none;
}
.byted-breadcrumb .byted-breadcrumb-item:not(.byted-breadcrumb .byted-breadcrumb-item-active),
.byted-breadcrumb .byted-breadcrumb-item:not(.byted-breadcrumb .byted-breadcrumb-item-active) a {
  color: #8a8a8a;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-breadcrumb .byted-breadcrumb-item:not(.byted-breadcrumb .byted-breadcrumb-item-active):hover,
.byted-breadcrumb .byted-breadcrumb-item:not(.byted-breadcrumb .byted-breadcrumb-item-active) a:hover,
.byted-breadcrumb .byted-breadcrumb-item:not(.byted-breadcrumb .byted-breadcrumb-item-active):focus,
.byted-breadcrumb .byted-breadcrumb-item:not(.byted-breadcrumb .byted-breadcrumb-item-active) a:focus {
  color: #f60457;
}
.byted-breadcrumb .byted-breadcrumb-item:not(.byted-breadcrumb .byted-breadcrumb-item-active):active,
.byted-breadcrumb .byted-breadcrumb-item:not(.byted-breadcrumb .byted-breadcrumb-item-active) a:active {
  color: #d20251;
}
.byted-breadcrumb .byted-breadcrumb-item-active,
.byted-breadcrumb .byted-breadcrumb-item-active a {
  color: #121212;
  font-weight: 600;
}
.byted-breadcrumb .byted-breadcrumb-item-active:hover,
.byted-breadcrumb .byted-breadcrumb-item-active a:hover,
.byted-breadcrumb .byted-breadcrumb-item-active:focus,
.byted-breadcrumb .byted-breadcrumb-item-active a:focus {
  color: #f60457;
}
.byted-breadcrumb .byted-breadcrumb-item-active:active,
.byted-breadcrumb .byted-breadcrumb-item-active a:active {
  color: #d20251;
}
.byted-breadcrumb .byted-breadcrumb-item-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.byted-breadcrumb .byted-breadcrumb-item-icon ~ .byted-breadcrumb-item-content {
  margin-left: 4px;
}
.byted-breadcrumb-group {
  display: flex;
  align-items: center;
}
/**
 * OKee Design Component Button Design Token
 */
/**
 * OKee Design Component Link Design Token
 */
.byted-btn-type-default {
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #121212;
}
.byted-btn-type-default.byted-btn:hover {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-btn-type-default:not(.byted-btn-no-focus):focus {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-btn-type-default.byted-btn:active {
  background: #ebebeb;
  border-color: #f2f2f2;
  color: #121212;
}
.byted-btn-type-default.byted-btn.byted-btn-checked {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-btn-type-default.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #f8f8f8;
  color: #bdbdbd;
}
.byted-btn-type-default.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-default.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-default.byted-btn[data-motion-wave='before']::before {
  color: #f2f2f2;
}
.byted-btn-type-default .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-default.byted-btn-plain {
  background: #f8f8f8;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-default.byted-btn-plain.byted-btn:hover {
  background: #f8f8f8;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-default.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-default.byted-btn-plain.byted-btn:active {
  background: #f8f8f8;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-default.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-default.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-default.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-default.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-default.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-default.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-default-light {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-btn-type-default-light.byted-btn:hover {
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #f60457;
}
.byted-btn-type-default-light:not(.byted-btn-no-focus):focus {
  background: #e3e3e3;
  border-color: #e3e3e3;
  color: #121212;
}
.byted-btn-type-default-light.byted-btn:active {
  background: #e3e3e3;
  border-color: #e3e3e3;
  color: #121212;
}
.byted-btn-type-default-light.byted-btn.byted-btn-checked {
  background: #e3e3e3;
  border-color: #e3e3e3;
  color: #121212;
}
.byted-btn-type-default-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #bdbdbd;
}
.byted-btn-type-default-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-default-light.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-default-light.byted-btn[data-motion-wave='before']::before {
  color: #ebebeb;
}
.byted-btn-type-default-light .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-default-light.byted-btn-plain {
  background: #ebebeb;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-default-light.byted-btn-plain.byted-btn:hover {
  background: #f8f8f8;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-default-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #f8f8f8;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-default-light.byted-btn-plain.byted-btn:active {
  background: #f8f8f8;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-default-light.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #f8f8f8;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-default-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f2f2f2;
  border-color: #d9d9d9;
  color: #bdbdbd;
}
.byted-btn-type-default-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-default-light.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-default-light.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-default-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-primary {
  background: #f60457;
  border-color: #f60457;
  color: #ffffff;
}
.byted-btn-type-primary.byted-btn:hover {
  background: #fa4b74;
  border-color: #fa4b74;
  color: #ffffff;
}
.byted-btn-type-primary:not(.byted-btn-no-focus):focus {
  background: #fa4b74;
  border-color: #fa4b74;
  color: #ffffff;
}
.byted-btn-type-primary.byted-btn:active {
  background: #d20251;
  border-color: #d20251;
  color: #ffffff;
}
.byted-btn-type-primary.byted-btn.byted-btn-checked {
  background: #fa4b74;
  border-color: #fa4b74;
  color: #ffffff;
}
.byted-btn-type-primary.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #fda3b2;
  border-color: #fda3b2;
  color: #feedef;
}
.byted-btn-type-primary.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #feedef;
}
.byted-btn-type-primary.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-primary.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-primary .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-primary.byted-btn-plain {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn:hover {
  background: #ffffff;
  border-color: #fa4b74;
  color: #fa4b74;
}
.byted-btn-type-primary.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn:active {
  background: #ffffff;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-primary.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #fa4b74;
}
.byted-btn-type-primary.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-primary-light {
  background: #feedef;
  border-color: #feedef;
  color: #f60457;
}
.byted-btn-type-primary-light.byted-btn:hover {
  background: #feedef;
  border-color: #feedef;
  color: #fa4b74;
}
.byted-btn-type-primary-light:not(.byted-btn-no-focus):focus {
  background: #fed0d6;
  border-color: #fed0d6;
  color: #d20251;
}
.byted-btn-type-primary-light.byted-btn:active {
  background: #fed0d6;
  border-color: #fed0d6;
  color: #d20251;
}
.byted-btn-type-primary-light.byted-btn.byted-btn-checked {
  background: #fed0d6;
  border-color: #fed0d6;
  color: #d20251;
}
.byted-btn-type-primary-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #feedef;
  border-color: #feedef;
  color: #fda3b2;
}
.byted-btn-type-primary-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fda3b2;
}
.byted-btn-type-primary-light.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-primary-light.byted-btn[data-motion-wave='before']::before {
  color: #feedef;
}
.byted-btn-type-primary-light .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-type-primary-light.byted-btn-plain {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-primary-light.byted-btn-plain.byted-btn:hover {
  background: #feedef;
  border-color: #fa4b74;
  color: #fa4b74;
}
.byted-btn-type-primary-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #feedef;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-primary-light.byted-btn-plain.byted-btn:active {
  background: #feedef;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-primary-light.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #feedef;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-primary-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #feedef;
  border-color: #fda3b2;
  color: #fda3b2;
}
.byted-btn-type-primary-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fda3b2;
}
.byted-btn-type-primary-light.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-primary-light.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #fa4b74;
}
.byted-btn-type-primary-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-type-info {
  background: #f60457;
  border-color: #f60457;
  color: #ffffff;
}
.byted-btn-type-info.byted-btn:hover {
  background: #5775f9;
  border-color: #5775f9;
  color: #ffffff;
}
.byted-btn-type-info:not(.byted-btn-no-focus):focus {
  background: #5775f9;
  border-color: #5775f9;
  color: #ffffff;
}
.byted-btn-type-info.byted-btn:active {
  background: #212bf3;
  border-color: #212bf3;
  color: #ffffff;
}
.byted-btn-type-info.byted-btn.byted-btn-checked {
  background: #5775f9;
  border-color: #5775f9;
  color: #ffffff;
}
.byted-btn-type-info.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #9fb6fc;
  border-color: #9fb6fc;
  color: #e8efff;
}
.byted-btn-type-info.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #e8efff;
}
.byted-btn-type-info.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-info.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-info .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-info.byted-btn-plain {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-info.byted-btn-plain.byted-btn:hover {
  background: #ffffff;
  border-color: #5775f9;
  color: #5775f9;
}
.byted-btn-type-info.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #e8efff;
  border-color: #3451f7;
  color: #3451f7;
}
.byted-btn-type-info.byted-btn-plain.byted-btn:active {
  background: #ffffff;
  border-color: #212bf3;
  color: #212bf3;
}
.byted-btn-type-info.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #e8efff;
  border-color: #3451f7;
  color: #3451f7;
}
.byted-btn-type-info.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-info.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-info.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-info.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #5775f9;
}
.byted-btn-type-info.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-info-light {
  background: #e8efff;
  border-color: #e8efff;
  color: #3451f7;
}
.byted-btn-type-info-light.byted-btn:hover {
  background: #e8efff;
  border-color: #e8efff;
  color: #5775f9;
}
.byted-btn-type-info-light:not(.byted-btn-no-focus):focus {
  background: #c3d4fd;
  border-color: #c3d4fd;
  color: #212bf3;
}
.byted-btn-type-info-light.byted-btn:active {
  background: #c3d4fd;
  border-color: #c3d4fd;
  color: #212bf3;
}
.byted-btn-type-info-light.byted-btn.byted-btn-checked {
  background: #c3d4fd;
  border-color: #c3d4fd;
  color: #212bf3;
}
.byted-btn-type-info-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #e8efff;
  border-color: #e8efff;
  color: #9fb6fc;
}
.byted-btn-type-info-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #9fb6fc;
}
.byted-btn-type-info-light.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-info-light.byted-btn[data-motion-wave='before']::before {
  color: #e8efff;
}
.byted-btn-type-info-light .byted-btn-loading-icon rect {
  fill: #3451f7;
}
.byted-btn-type-info-light.byted-btn-plain {
  background: #e8efff;
  border-color: #3451f7;
  color: #3451f7;
}
.byted-btn-type-info-light.byted-btn-plain.byted-btn:hover {
  background: #e8efff;
  border-color: #5775f9;
  color: #5775f9;
}
.byted-btn-type-info-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #e8efff;
  border-color: #212bf3;
  color: #212bf3;
}
.byted-btn-type-info-light.byted-btn-plain.byted-btn:active {
  background: #e8efff;
  border-color: #212bf3;
  color: #212bf3;
}
.byted-btn-type-info-light.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #e8efff;
  border-color: #212bf3;
  color: #212bf3;
}
.byted-btn-type-info-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #e8efff;
  border-color: #9fb6fc;
  color: #9fb6fc;
}
.byted-btn-type-info-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #9fb6fc;
}
.byted-btn-type-info-light.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-info-light.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #5775f9;
}
.byted-btn-type-info-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #3451f7;
}
.byted-btn-type-success {
  background: #28a666;
  border-color: #28a666;
  color: #ffffff;
}
.byted-btn-type-success.byted-btn:hover {
  background: #47ba80;
  border-color: #47ba80;
  color: #ffffff;
}
.byted-btn-type-success:not(.byted-btn-no-focus):focus {
  background: #47ba80;
  border-color: #47ba80;
  color: #ffffff;
}
.byted-btn-type-success.byted-btn:active {
  background: #218b59;
  border-color: #218b59;
  color: #ffffff;
}
.byted-btn-type-success.byted-btn.byted-btn-checked {
  background: #47ba80;
  border-color: #47ba80;
  color: #ffffff;
}
.byted-btn-type-success.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #98dcb7;
  border-color: #98dcb7;
  color: #ebf8ef;
}
.byted-btn-type-success.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #ebf8ef;
}
.byted-btn-type-success.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-success.byted-btn[data-motion-wave='before']::before {
  color: #28a666;
}
.byted-btn-type-success .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-success.byted-btn-plain {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-success.byted-btn-plain.byted-btn:hover {
  background: #ffffff;
  border-color: #47ba80;
  color: #47ba80;
}
.byted-btn-type-success.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #ebf8ef;
  border-color: #28a666;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-plain.byted-btn:active {
  background: #ffffff;
  border-color: #218b59;
  color: #218b59;
}
.byted-btn-type-success.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #ebf8ef;
  border-color: #28a666;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-success.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-success.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-success.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #47ba80;
}
.byted-btn-type-success.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-success-light {
  background: #ebf8ef;
  border-color: #ebf8ef;
  color: #28a666;
}
.byted-btn-type-success-light.byted-btn:hover {
  background: #ebf8ef;
  border-color: #ebf8ef;
  color: #47ba80;
}
.byted-btn-type-success-light:not(.byted-btn-no-focus):focus {
  background: #c9edd9;
  border-color: #c9edd9;
  color: #218b59;
}
.byted-btn-type-success-light.byted-btn:active {
  background: #c9edd9;
  border-color: #c9edd9;
  color: #218b59;
}
.byted-btn-type-success-light.byted-btn.byted-btn-checked {
  background: #c9edd9;
  border-color: #c9edd9;
  color: #218b59;
}
.byted-btn-type-success-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #ebf8ef;
  border-color: #ebf8ef;
  color: #98dcb7;
}
.byted-btn-type-success-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #98dcb7;
}
.byted-btn-type-success-light.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-success-light.byted-btn[data-motion-wave='before']::before {
  color: #ebf8ef;
}
.byted-btn-type-success-light .byted-btn-loading-icon rect {
  fill: #28a666;
}
.byted-btn-type-success-light.byted-btn-plain {
  background: #ebf8ef;
  border-color: #28a666;
  color: #28a666;
}
.byted-btn-type-success-light.byted-btn-plain.byted-btn:hover {
  background: #ebf8ef;
  border-color: #47ba80;
  color: #47ba80;
}
.byted-btn-type-success-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #ebf8ef;
  border-color: #218b59;
  color: #218b59;
}
.byted-btn-type-success-light.byted-btn-plain.byted-btn:active {
  background: #ebf8ef;
  border-color: #218b59;
  color: #218b59;
}
.byted-btn-type-success-light.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #ebf8ef;
  border-color: #218b59;
  color: #218b59;
}
.byted-btn-type-success-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #ebf8ef;
  border-color: #98dcb7;
  color: #98dcb7;
}
.byted-btn-type-success-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #98dcb7;
}
.byted-btn-type-success-light.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-success-light.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #47ba80;
}
.byted-btn-type-success-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #28a666;
}
.byted-btn-type-danger {
  background: #d83e0e;
  border-color: #d83e0e;
  color: #ffffff;
}
.byted-btn-type-danger.byted-btn:hover {
  background: #e06637;
  border-color: #e06637;
  color: #ffffff;
}
.byted-btn-type-danger:not(.byted-btn-no-focus):focus {
  background: #e06637;
  border-color: #e06637;
  color: #ffffff;
}
.byted-btn-type-danger.byted-btn:active {
  background: #b52a08;
  border-color: #b52a08;
  color: #ffffff;
}
.byted-btn-type-danger.byted-btn.byted-btn-checked {
  background: #e06637;
  border-color: #e06637;
  color: #ffffff;
}
.byted-btn-type-danger.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f0b495;
  border-color: #f0b495;
  color: #ffede8;
}
.byted-btn-type-danger.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #ffede8;
}
.byted-btn-type-danger.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-danger.byted-btn[data-motion-wave='before']::before {
  color: #d83e0e;
}
.byted-btn-type-danger .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-danger.byted-btn-plain {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn:hover {
  background: #ffffff;
  border-color: #e06637;
  color: #e06637;
}
.byted-btn-type-danger.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #ffede8;
  border-color: #d83e0e;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn:active {
  background: #ffffff;
  border-color: #b52a08;
  color: #b52a08;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #ffede8;
  border-color: #d83e0e;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-danger.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #e06637;
}
.byted-btn-type-danger.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-danger-light {
  background: #ffede8;
  border-color: #ffede8;
  color: #d83e0e;
}
.byted-btn-type-danger-light.byted-btn:hover {
  background: #ffede8;
  border-color: #ffede8;
  color: #e06637;
}
.byted-btn-type-danger-light:not(.byted-btn-no-focus):focus {
  background: #f6dac9;
  border-color: #f6dac9;
  color: #b52a08;
}
.byted-btn-type-danger-light.byted-btn:active {
  background: #f6dac9;
  border-color: #f6dac9;
  color: #b52a08;
}
.byted-btn-type-danger-light.byted-btn.byted-btn-checked {
  background: #f6dac9;
  border-color: #f6dac9;
  color: #b52a08;
}
.byted-btn-type-danger-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #ffede8;
  border-color: #ffede8;
  color: #f0b495;
}
.byted-btn-type-danger-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #f0b495;
}
.byted-btn-type-danger-light.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-danger-light.byted-btn[data-motion-wave='before']::before {
  color: #ffede8;
}
.byted-btn-type-danger-light .byted-btn-loading-icon rect {
  fill: #d83e0e;
}
.byted-btn-type-danger-light.byted-btn-plain {
  background: #ffede8;
  border-color: #d83e0e;
  color: #d83e0e;
}
.byted-btn-type-danger-light.byted-btn-plain.byted-btn:hover {
  background: #ffede8;
  border-color: #e06637;
  color: #e06637;
}
.byted-btn-type-danger-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #ffede8;
  border-color: #b52a08;
  color: #b52a08;
}
.byted-btn-type-danger-light.byted-btn-plain.byted-btn:active {
  background: #ffede8;
  border-color: #b52a08;
  color: #b52a08;
}
.byted-btn-type-danger-light.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #ffede8;
  border-color: #b52a08;
  color: #b52a08;
}
.byted-btn-type-danger-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #ffede8;
  border-color: #f0b495;
  color: #f0b495;
}
.byted-btn-type-danger-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #f0b495;
}
.byted-btn-type-danger-light.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-danger-light.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #e06637;
}
.byted-btn-type-danger-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #d83e0e;
}
.byted-btn-type-warning {
  background: #e0a111;
  border-color: #e0a111;
  color: #ffffff;
}
.byted-btn-type-warning.byted-btn:hover {
  background: #e5b23c;
  border-color: #e5b23c;
  color: #ffffff;
}
.byted-btn-type-warning:not(.byted-btn-no-focus):focus {
  background: #e5b23c;
  border-color: #e5b23c;
  color: #ffffff;
}
.byted-btn-type-warning.byted-btn:active {
  background: #c88706;
  border-color: #c88706;
  color: #ffffff;
}
.byted-btn-type-warning.byted-btn.byted-btn-checked {
  background: #e5b23c;
  border-color: #e5b23c;
  color: #ffffff;
}
.byted-btn-type-warning.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f2e091;
  border-color: #f2e091;
  color: #fff8e0;
}
.byted-btn-type-warning.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fff8e0;
}
.byted-btn-type-warning.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-warning.byted-btn[data-motion-wave='before']::before {
  color: #e0a111;
}
.byted-btn-type-warning .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-warning.byted-btn-plain {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn:hover {
  background: #ffffff;
  border-color: #e5b23c;
  color: #e5b23c;
}
.byted-btn-type-warning.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #fff8e0;
  border-color: #e0a111;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn:active {
  background: #ffffff;
  border-color: #c88706;
  color: #c88706;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #fff8e0;
  border-color: #e0a111;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-warning.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #e5b23c;
}
.byted-btn-type-warning.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-warning-light {
  background: #fff8e0;
  border-color: #fff8e0;
  color: #e0a111;
}
.byted-btn-type-warning-light.byted-btn:hover {
  background: #fff8e0;
  border-color: #fff8e0;
  color: #e5b23c;
}
.byted-btn-type-warning-light:not(.byted-btn-no-focus):focus {
  background: #f8edbe;
  border-color: #f8edbe;
  color: #c88706;
}
.byted-btn-type-warning-light.byted-btn:active {
  background: #f8edbe;
  border-color: #f8edbe;
  color: #c88706;
}
.byted-btn-type-warning-light.byted-btn.byted-btn-checked {
  background: #f8edbe;
  border-color: #f8edbe;
  color: #c88706;
}
.byted-btn-type-warning-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #fff8e0;
  border-color: #fff8e0;
  color: #f2e091;
}
.byted-btn-type-warning-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #f2e091;
}
.byted-btn-type-warning-light.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-warning-light.byted-btn[data-motion-wave='before']::before {
  color: #fff8e0;
}
.byted-btn-type-warning-light .byted-btn-loading-icon rect {
  fill: #e0a111;
}
.byted-btn-type-warning-light.byted-btn-plain {
  background: #fff8e0;
  border-color: #e0a111;
  color: #e0a111;
}
.byted-btn-type-warning-light.byted-btn-plain.byted-btn:hover {
  background: #fff8e0;
  border-color: #e5b23c;
  color: #e5b23c;
}
.byted-btn-type-warning-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  background: #fff8e0;
  border-color: #c88706;
  color: #c88706;
}
.byted-btn-type-warning-light.byted-btn-plain.byted-btn:active {
  background: #fff8e0;
  border-color: #c88706;
  color: #c88706;
}
.byted-btn-type-warning-light.byted-btn-plain.byted-btn.byted-btn-checked {
  background: #fff8e0;
  border-color: #c88706;
  color: #c88706;
}
.byted-btn-type-warning-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #fff8e0;
  border-color: #f2e091;
  color: #f2e091;
}
.byted-btn-type-warning-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #f2e091;
}
.byted-btn-type-warning-light.byted-btn-plain.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-warning-light.byted-btn-plain.byted-btn[data-motion-wave='before']::before {
  color: #e5b23c;
}
.byted-btn-type-warning-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #e0a111;
}
.byted-btn-type-default.byted-btn-text,
.byted-btn-type-default-light.byted-btn-text {
  background: transparent;
  border-color: transparent;
  color: #f60457;
}
.byted-btn-type-default.byted-btn-text.byted-btn:hover,
.byted-btn-type-default-light.byted-btn-text.byted-btn:hover {
  background: #ebebeb;
  border-color: transparent;
  color: #fa4b74;
}
.byted-btn-type-default.byted-btn-text:not(.byted-btn-no-focus):focus,
.byted-btn-type-default-light.byted-btn-text:not(.byted-btn-no-focus):focus {
  background: transparent;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-default.byted-btn-text.byted-btn:active,
.byted-btn-type-default-light.byted-btn-text.byted-btn:active {
  background: #e3e3e3;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-default.byted-btn-text.byted-btn.byted-btn-checked,
.byted-btn-type-default-light.byted-btn-text.byted-btn.byted-btn-checked {
  background: transparent;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-default.byted-btn-text.byted-btn.byted-btn-disabled,
.byted-btn-type-default-light.byted-btn-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #bdbdbd;
}
.byted-btn-type-default.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-type-default-light.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-default.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-default-light.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-default.byted-btn-text.byted-btn[data-motion-wave='before']::before,
.byted-btn-type-default-light.byted-btn-text.byted-btn[data-motion-wave='before']::before {
  color: transparent;
}
.byted-btn-type-default.byted-btn-text .byted-btn-loading-icon rect,
.byted-btn-type-default-light.byted-btn-text .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-type-primary.byted-btn-text,
.byted-btn-type-primary-light.byted-btn-text {
  background: transparent;
  border-color: transparent;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-text.byted-btn:hover,
.byted-btn-type-primary-light.byted-btn-text.byted-btn:hover {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-text:not(.byted-btn-no-focus):focus,
.byted-btn-type-primary-light.byted-btn-text:not(.byted-btn-no-focus):focus {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-text.byted-btn:active,
.byted-btn-type-primary-light.byted-btn-text.byted-btn:active {
  background: #e3e3e3;
  border-color: #e3e3e3;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-text.byted-btn.byted-btn-checked,
.byted-btn-type-primary-light.byted-btn-text.byted-btn.byted-btn-checked {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-text.byted-btn.byted-btn-disabled,
.byted-btn-type-primary-light.byted-btn-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #bdbdbd;
}
.byted-btn-type-primary.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-type-primary-light.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-primary.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-primary-light.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-primary.byted-btn-text.byted-btn[data-motion-wave='before']::before,
.byted-btn-type-primary-light.byted-btn-text.byted-btn[data-motion-wave='before']::before {
  color: transparent;
}
.byted-btn-type-primary.byted-btn-text .byted-btn-loading-icon rect,
.byted-btn-type-primary-light.byted-btn-text .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-type-info.byted-btn-text,
.byted-btn-type-info-light.byted-btn-text {
  background: transparent;
  border-color: transparent;
  color: #3451f7;
}
.byted-btn-type-info.byted-btn-text.byted-btn:hover,
.byted-btn-type-info-light.byted-btn-text.byted-btn:hover {
  background: #f2f2f2;
  border-color: transparent;
  color: #3451f7;
}
.byted-btn-type-info.byted-btn-text:not(.byted-btn-no-focus):focus,
.byted-btn-type-info-light.byted-btn-text:not(.byted-btn-no-focus):focus {
  background: #e3e3e3;
  border-color: transparent;
  color: #3451f7;
}
.byted-btn-type-info.byted-btn-text.byted-btn:active,
.byted-btn-type-info-light.byted-btn-text.byted-btn:active {
  background: #e3e3e3;
  border-color: transparent;
  color: #3451f7;
}
.byted-btn-type-info.byted-btn-text.byted-btn.byted-btn-checked,
.byted-btn-type-info-light.byted-btn-text.byted-btn.byted-btn-checked {
  background: #e3e3e3;
  border-color: transparent;
  color: #3451f7;
}
.byted-btn-type-info.byted-btn-text.byted-btn.byted-btn-disabled,
.byted-btn-type-info-light.byted-btn-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #9fb6fc;
}
.byted-btn-type-info.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-type-info-light.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #9fb6fc;
}
.byted-btn-type-info.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-info-light.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-info.byted-btn-text.byted-btn[data-motion-wave='before']::before,
.byted-btn-type-info-light.byted-btn-text.byted-btn[data-motion-wave='before']::before {
  color: transparent;
}
.byted-btn-type-info.byted-btn-text .byted-btn-loading-icon rect,
.byted-btn-type-info-light.byted-btn-text .byted-btn-loading-icon rect {
  fill: #3451f7;
}
.byted-btn-type-success.byted-btn-text,
.byted-btn-type-success-light.byted-btn-text {
  background: transparent;
  border-color: transparent;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-text.byted-btn:hover,
.byted-btn-type-success-light.byted-btn-text.byted-btn:hover {
  background: #f2f2f2;
  border-color: transparent;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-text:not(.byted-btn-no-focus):focus,
.byted-btn-type-success-light.byted-btn-text:not(.byted-btn-no-focus):focus {
  background: #e3e3e3;
  border-color: transparent;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-text.byted-btn:active,
.byted-btn-type-success-light.byted-btn-text.byted-btn:active {
  background: #e3e3e3;
  border-color: transparent;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-text.byted-btn.byted-btn-checked,
.byted-btn-type-success-light.byted-btn-text.byted-btn.byted-btn-checked {
  background: #e3e3e3;
  border-color: transparent;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-text.byted-btn.byted-btn-disabled,
.byted-btn-type-success-light.byted-btn-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #98dcb7;
}
.byted-btn-type-success.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-type-success-light.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #98dcb7;
}
.byted-btn-type-success.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-success-light.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-success.byted-btn-text.byted-btn[data-motion-wave='before']::before,
.byted-btn-type-success-light.byted-btn-text.byted-btn[data-motion-wave='before']::before {
  color: transparent;
}
.byted-btn-type-success.byted-btn-text .byted-btn-loading-icon rect,
.byted-btn-type-success-light.byted-btn-text .byted-btn-loading-icon rect {
  fill: #28a666;
}
.byted-btn-type-danger.byted-btn-text,
.byted-btn-type-danger-light.byted-btn-text {
  background: transparent;
  border-color: transparent;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-text.byted-btn:hover,
.byted-btn-type-danger-light.byted-btn-text.byted-btn:hover {
  background: #f2f2f2;
  border-color: transparent;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-text:not(.byted-btn-no-focus):focus,
.byted-btn-type-danger-light.byted-btn-text:not(.byted-btn-no-focus):focus {
  background: #e3e3e3;
  border-color: transparent;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-text.byted-btn:active,
.byted-btn-type-danger-light.byted-btn-text.byted-btn:active {
  background: #e3e3e3;
  border-color: transparent;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-text.byted-btn.byted-btn-checked,
.byted-btn-type-danger-light.byted-btn-text.byted-btn.byted-btn-checked {
  background: #e3e3e3;
  border-color: transparent;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-text.byted-btn.byted-btn-disabled,
.byted-btn-type-danger-light.byted-btn-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #f0b495;
}
.byted-btn-type-danger.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-type-danger-light.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #f0b495;
}
.byted-btn-type-danger.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-danger-light.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-danger.byted-btn-text.byted-btn[data-motion-wave='before']::before,
.byted-btn-type-danger-light.byted-btn-text.byted-btn[data-motion-wave='before']::before {
  color: transparent;
}
.byted-btn-type-danger.byted-btn-text .byted-btn-loading-icon rect,
.byted-btn-type-danger-light.byted-btn-text .byted-btn-loading-icon rect {
  fill: #d83e0e;
}
.byted-btn-type-warning.byted-btn-text,
.byted-btn-type-warning-light.byted-btn-text {
  background: transparent;
  border-color: transparent;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-text.byted-btn:hover,
.byted-btn-type-warning-light.byted-btn-text.byted-btn:hover {
  background: #f2f2f2;
  border-color: transparent;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-text:not(.byted-btn-no-focus):focus,
.byted-btn-type-warning-light.byted-btn-text:not(.byted-btn-no-focus):focus {
  background: #e3e3e3;
  border-color: transparent;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-text.byted-btn:active,
.byted-btn-type-warning-light.byted-btn-text.byted-btn:active {
  background: #e3e3e3;
  border-color: transparent;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-text.byted-btn.byted-btn-checked,
.byted-btn-type-warning-light.byted-btn-text.byted-btn.byted-btn-checked {
  background: #e3e3e3;
  border-color: transparent;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-text.byted-btn.byted-btn-disabled,
.byted-btn-type-warning-light.byted-btn-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #f2e091;
}
.byted-btn-type-warning.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-type-warning-light.byted-btn-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #f2e091;
}
.byted-btn-type-warning.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-warning-light.byted-btn-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-warning.byted-btn-text.byted-btn[data-motion-wave='before']::before,
.byted-btn-type-warning-light.byted-btn-text.byted-btn[data-motion-wave='before']::before {
  color: transparent;
}
.byted-btn-type-warning.byted-btn-text .byted-btn-loading-icon rect,
.byted-btn-type-warning-light.byted-btn-text .byted-btn-loading-icon rect {
  fill: #e0a111;
}
.byted-btn {
  outline: none;
  text-align: center;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0 16px;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-btn-type-white,
.byted-btn-ghost {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-white.byted-btn:hover,
.byted-btn-ghost.byted-btn:hover {
  background: #ffffff;
  border-color: #fa4b74;
  color: #fa4b74;
}
.byted-btn-type-white:not(.byted-btn-no-focus):focus,
.byted-btn-ghost:not(.byted-btn-no-focus):focus {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-white.byted-btn:active,
.byted-btn-ghost.byted-btn:active {
  background: #ffffff;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-white.byted-btn.byted-btn-checked,
.byted-btn-ghost.byted-btn.byted-btn-checked {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-white.byted-btn.byted-btn-disabled,
.byted-btn-ghost.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-white.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-ghost.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-white.byted-btn[data-motion-wave='after']::after,
.byted-btn-ghost.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-white.byted-btn[data-motion-wave='before']::before,
.byted-btn-ghost.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-white .byted-btn-loading-icon rect,
.byted-btn-ghost .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-dashed {
  border-style: dashed;
}
.byted-btn-type-dashed {
  border-style: dashed;
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-dashed.byted-btn:hover {
  background: #ffffff;
  border-color: #fa4b74;
  color: #fa4b74;
}
.byted-btn-type-dashed:not(.byted-btn-no-focus):focus {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-dashed.byted-btn:active {
  background: #ffffff;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-dashed.byted-btn.byted-btn-checked {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-dashed.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-dashed.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-dashed.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-dashed.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-dashed .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-text {
  background: transparent;
  border-color: transparent;
  color: #f60457;
}
.byted-btn-type-text.byted-btn:hover {
  background: #ebebeb;
  border-color: transparent;
  color: #fa4b74;
}
.byted-btn-type-text:not(.byted-btn-no-focus):focus {
  background: transparent;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-text.byted-btn:active {
  background: #e3e3e3;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-text.byted-btn.byted-btn-checked {
  background: transparent;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #bdbdbd;
}
.byted-btn-type-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-text.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-text.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-text .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-type-text-primary {
  background: transparent;
  border-color: transparent;
  color: #f60457;
}
.byted-btn-type-text-primary.byted-btn:hover {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #f60457;
}
.byted-btn-type-text-primary:not(.byted-btn-no-focus):focus {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #f60457;
}
.byted-btn-type-text-primary.byted-btn:active {
  background: #e3e3e3;
  border-color: #e3e3e3;
  color: #f60457;
}
.byted-btn-type-text-primary.byted-btn.byted-btn-checked {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #f60457;
}
.byted-btn-type-text-primary.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #bdbdbd;
}
.byted-btn-type-text-primary.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-text-primary.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-text-primary.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-text-primary .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-type-secondary {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-secondary:not(.byted-btn-no-focus):focus {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-secondary.byted-btn:hover {
  background: #ffffff;
  border-color: #666666;
  color: #666666;
}
.byted-btn-type-secondary.byted-btn:active {
  background: #ffffff;
  border-color: #121212;
  color: #121212;
}
.byted-btn-type-secondary.byted-btn.byted-btn-checked {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-secondary.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-secondary.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-secondary.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-secondary.byted-btn[data-motion-wave='before']::before {
  color: #666666;
}
.byted-btn-type-secondary .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-link.byted-btn {
  height: auto;
  min-width: auto;
  padding: 0;
  background: transparent;
  border-color: transparent;
  color: #f60457;
}
.byted-btn-type-link.byted-btn.byted-btn:hover {
  background: transparent;
  border-color: transparent;
  color: #fa4b74;
}
.byted-btn-type-link.byted-btn:not(.byted-btn-no-focus):focus {
  background: transparent;
  border-color: transparent;
  color: #fa4b74;
}
.byted-btn-type-link.byted-btn.byted-btn:active {
  background: transparent;
  border-color: transparent;
  color: #d20251;
}
.byted-btn-type-link.byted-btn.byted-btn.byted-btn-checked {
  background: transparent;
  border-color: transparent;
  color: #fa4b74;
}
.byted-btn-type-link.byted-btn.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: transparent;
  border-color: transparent;
  color: #fda3b2;
}
.byted-btn-type-link.byted-btn.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fda3b2;
}
.byted-btn-type-link.byted-btn.byted-btn[data-motion-wave='after']::after,
.byted-btn-type-link.byted-btn.byted-btn[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-link.byted-btn .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-size-xs {
  padding: 3px 8px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 4px;
  min-width: 60px;
  height: 26px;
}
.byted-btn-size-xs.byted-btn-shape-round {
  border-radius: 13px;
}
.byted-btn-size-xs .byted-btn-loading-icon svg {
  height: 12px;
  width: 12px;
}
.byted-btn-size-sm {
  padding: 5px 16px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 4px;
  min-width: 80px;
  height: 30px;
}
.byted-btn-size-sm.byted-btn-shape-round {
  border-radius: 30px;
}
.byted-btn-size-sm .byted-btn-loading-icon svg {
  height: 12px;
  width: 12px;
}
.byted-btn-size-md {
  padding: 5px 16px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
  min-width: 100px;
  height: 34px;
}
.byted-btn-size-md.byted-btn-shape-round {
  border-radius: 34px;
}
.byted-btn-size-md .byted-btn-loading-icon svg {
  height: 14px;
  width: 14px;
}
.byted-btn-size-lg {
  padding: 7px 16px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 4px;
  min-width: 120px;
  height: 38px;
}
.byted-btn-size-lg.byted-btn-shape-round {
  border-radius: 38px;
}
.byted-btn-size-lg .byted-btn-loading-icon svg {
  height: 14px;
  width: 14px;
}
.byted-btn-size-xl {
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 4px;
  min-width: 140px;
  height: 42px;
}
.byted-btn-size-xl.byted-btn-shape-round {
  border-radius: 42px;
}
.byted-btn-size-xl .byted-btn-loading-icon svg {
  height: 16px;
  width: 16px;
}
.byted-btn-shape-cycle {
  padding: 0;
  border-radius: 50%;
}
.byted-btn-shape-cycle.byted-btn-size-xs {
  width: 26px;
  height: 26px;
  min-width: 26px;
  padding: 0;
}
.byted-btn-shape-cycle.byted-btn-size-sm {
  width: 30px;
  height: 30px;
  min-width: 30px;
}
.byted-btn-shape-cycle.byted-btn-size-md {
  width: 34px;
  height: 34px;
  min-width: 34px;
}
.byted-btn-shape-cycle.byted-btn-size-lg {
  width: 38px;
  height: 38px;
  min-width: 38px;
}
.byted-btn-shape-cycle.byted-btn-size-xl {
  width: 42px;
  height: 42px;
  min-width: 42px;
}
.byted-btn-shape-square {
  padding: 0;
}
.byted-btn-shape-square.byted-btn-size-xs {
  width: 26px;
  height: 26px;
  min-width: 26px;
  padding: 0;
}
.byted-btn-shape-square.byted-btn-size-sm {
  width: 30px;
  height: 30px;
  min-width: 30px;
}
.byted-btn-shape-square.byted-btn-size-md {
  width: 34px;
  height: 34px;
  min-width: 34px;
}
.byted-btn-shape-square.byted-btn-size-lg {
  width: 38px;
  height: 38px;
  min-width: 38px;
}
.byted-btn-shape-square.byted-btn-size-xl {
  width: 42px;
  height: 42px;
  min-width: 42px;
}
.byted-btn-block {
  width: 100%;
}
.byted-btn.byted-btn-triangle {
  position: relative;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #d9d9d9;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #d9d9d9;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #d20251;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #d20251;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #ebebeb;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #ebebeb;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #fda3b2;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #fda3b2;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #feedef;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #feedef;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #fda3b2;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #fda3b2;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn-loading-icon {
  display: inline-block;
  vertical-align: -0.125em;
  width: 1em;
  height: 1em;
  margin-left: 0;
  margin-right: 4px;
}
.byted-btn-loading-icon rect:nth-child(8) {
  animation: btnLoadingOpacity 0.77s linear -7.12s infinite;
}
.byted-btn-loading-icon rect:nth-child(7) {
  animation: btnLoadingOpacity 0.77s linear -7.23s infinite;
}
.byted-btn-loading-icon rect:nth-child(6) {
  animation: btnLoadingOpacity 0.77s linear -7.34s infinite;
}
.byted-btn-loading-icon rect:nth-child(5) {
  animation: btnLoadingOpacity 0.77s linear -7.45s infinite;
}
.byted-btn-loading-icon rect:nth-child(4) {
  animation: btnLoadingOpacity 0.77s linear -7.56s infinite;
}
.byted-btn-loading-icon rect:nth-child(3) {
  animation: btnLoadingOpacity 0.77s linear -7.67s infinite;
}
.byted-btn-loading-icon rect:nth-child(2) {
  animation: btnLoadingOpacity 0.77s linear -7.78s infinite;
}
.byted-btn-loading-icon rect:nth-child(1) {
  animation: btnLoadingOpacity 0.77s linear -7.89s infinite;
}
.byted-btn-rtl {
  direction: rtl;
}
.byted-btn-rtl .byted-btn-loading-icon {
  margin-left: 4px;
  margin-right: 0;
}
.byted-btn-group {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.byted-btn-group .byted-btn.byted-btn-checked,
.byted-btn-group .byted-btn:hover {
  position: relative;
  z-index: 11;
}
.byted-btn-group .byted-btn:focus,
.byted-btn-group .byted-btn:active {
  position: relative;
  z-index: 10;
}
.byted-btn-group .byted-btn-rtl {
  direction: rtl;
}
.byted-btn-group .byted-btn-size-xs {
  border-radius: 0;
}
.byted-btn-group .byted-btn-size-xs:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group .byted-btn-size-xs:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group .byted-btn-size-xs:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-left: -1px;
}
.byted-btn-group .byted-btn-size-xs:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #e06637;
}
.byted-btn-group .byted-btn-size-xs:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #e5b23c;
}
.byted-btn-group .byted-btn-size-xs:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #fa4b74;
}
.byted-btn-group .byted-btn-size-xs:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #47ba80;
}
.byted-btn-group .byted-btn-size-sm {
  border-radius: 0;
}
.byted-btn-group .byted-btn-size-sm:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group .byted-btn-size-sm:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group .byted-btn-size-sm:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-left: -1px;
}
.byted-btn-group .byted-btn-size-sm:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #e06637;
}
.byted-btn-group .byted-btn-size-sm:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #e5b23c;
}
.byted-btn-group .byted-btn-size-sm:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #fa4b74;
}
.byted-btn-group .byted-btn-size-sm:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #47ba80;
}
.byted-btn-group .byted-btn-size-md {
  border-radius: 0;
}
.byted-btn-group .byted-btn-size-md:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group .byted-btn-size-md:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group .byted-btn-size-md:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-left: -1px;
}
.byted-btn-group .byted-btn-size-md:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #e06637;
}
.byted-btn-group .byted-btn-size-md:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #e5b23c;
}
.byted-btn-group .byted-btn-size-md:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #fa4b74;
}
.byted-btn-group .byted-btn-size-md:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #47ba80;
}
.byted-btn-group .byted-btn-size-lg {
  border-radius: 0;
}
.byted-btn-group .byted-btn-size-lg:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group .byted-btn-size-lg:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group .byted-btn-size-lg:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-left: -1px;
}
.byted-btn-group .byted-btn-size-lg:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #e06637;
}
.byted-btn-group .byted-btn-size-lg:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #e5b23c;
}
.byted-btn-group .byted-btn-size-lg:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #fa4b74;
}
.byted-btn-group .byted-btn-size-lg:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #47ba80;
}
.byted-btn-group .byted-btn-size-xl {
  border-radius: 0;
}
.byted-btn-group .byted-btn-size-xl:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group .byted-btn-size-xl:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group .byted-btn-size-xl:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-left: -1px;
}
.byted-btn-group .byted-btn-size-xl:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #e06637;
}
.byted-btn-group .byted-btn-size-xl:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #e5b23c;
}
.byted-btn-group .byted-btn-size-xl:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #fa4b74;
}
.byted-btn-group .byted-btn-size-xl:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #47ba80;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl {
  border-radius: 0;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-right: -1px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl:not(:first-child).byted-btn-type-danger {
  border-right: 1px solid #e06637;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl:not(:first-child).byted-btn-type-warning {
  border-right: 1px solid #e5b23c;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-right: 1px solid #fa4b74;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xs.byted-btn-rtl:not(:first-child).byted-btn-type-success {
  border-right: 1px solid #47ba80;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl {
  border-radius: 0;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-right: -1px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl:not(:first-child).byted-btn-type-danger {
  border-right: 1px solid #e06637;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl:not(:first-child).byted-btn-type-warning {
  border-right: 1px solid #e5b23c;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-right: 1px solid #fa4b74;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-sm.byted-btn-rtl:not(:first-child).byted-btn-type-success {
  border-right: 1px solid #47ba80;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl {
  border-radius: 0;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-right: -1px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl:not(:first-child).byted-btn-type-danger {
  border-right: 1px solid #e06637;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl:not(:first-child).byted-btn-type-warning {
  border-right: 1px solid #e5b23c;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-right: 1px solid #fa4b74;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-md.byted-btn-rtl:not(:first-child).byted-btn-type-success {
  border-right: 1px solid #47ba80;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl {
  border-radius: 0;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-right: -1px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl:not(:first-child).byted-btn-type-danger {
  border-right: 1px solid #e06637;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl:not(:first-child).byted-btn-type-warning {
  border-right: 1px solid #e5b23c;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-right: 1px solid #fa4b74;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-lg.byted-btn-rtl:not(:first-child).byted-btn-type-success {
  border-right: 1px solid #47ba80;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl {
  border-radius: 0;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-right: -1px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl:not(:first-child).byted-btn-type-danger {
  border-right: 1px solid #e06637;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl:not(:first-child).byted-btn-type-warning {
  border-right: 1px solid #e5b23c;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-right: 1px solid #fa4b74;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn-size-xl.byted-btn-rtl:not(:first-child).byted-btn-type-success {
  border-right: 1px solid #47ba80;
}
@keyframes btnLoadingOpacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.btnLoadingOpacityAnimation rect:nth-child(8) {
  animation: btnLoadingOpacity 0.77s linear -7.12s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(7) {
  animation: btnLoadingOpacity 0.77s linear -7.23s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(6) {
  animation: btnLoadingOpacity 0.77s linear -7.34s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(5) {
  animation: btnLoadingOpacity 0.77s linear -7.45s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(4) {
  animation: btnLoadingOpacity 0.77s linear -7.56s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(3) {
  animation: btnLoadingOpacity 0.77s linear -7.67s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(2) {
  animation: btnLoadingOpacity 0.77s linear -7.78s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(1) {
  animation: btnLoadingOpacity 0.77s linear -7.89s infinite;
}
.byted-Calendar-ScheduleView {
  padding: 24px;
  color: #121212;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
}
.byted-Calendar-ScheduleViewDay {
  font-size: 12px;
  line-height: 18px;
}
.byted-Calendar-ScheduleViewDate {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.byted-Calendar-ScheduleViewList {
  padding-top: 8px;
}
.byted-Calendar-ScheduleViewItem {
  padding: 2px 0px;
  list-style: none;
}
.byted-Calendar-ScheduleViewItem_time {
  height: 20px;
  display: flex;
  align-items: center;
}
.byted-Calendar-ScheduleViewItem_time::before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #f60457;
  margin: 0px 4px 0 8px;
  border-radius: 1px;
}
.byted-Calendar-ScheduleViewItem_time.byted-Calendar-ScheduleViewItem_disabled {
  color: #bdbdbd;
}
.byted-Calendar-ScheduleViewItem_time.byted-Calendar-ScheduleViewItem_disabled::before {
  background-color: #fda3b2;
}
.byted-Calendar {
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08);
}
.byted-Calendar .byted-tag.byted-tag-danger-light,
.byted-Calendar .byted-tag.byted-tag-danger-light:hover {
  font-size: 12px;
  font-weight: 400;
  background-color: rgba(216, 62, 14, 0.08);
  border: none;
  color: #d83e0e;
}
.byted-Calendar .byted-tag.byted-tag-danger-light.byted-tag-disabled {
  background-color: rgba(216, 62, 14, 0.08);
  border: none;
  color: #f0b495;
}
.byted-Calendar-Header {
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.byted-Calendar-HeaderLeft {
  display: flex;
  align-items: center;
}
.byted-Calendar-HeaderNav {
  font-weight: 600;
  padding: 0 46px;
  color: #121212;
  font-size: 18px;
  display: flex;
}
.byted-Calendar-HeaderNavContent {
  padding: 0px 15px;
}
.byted-Calendar-HeaderPre,
.byted-Calendar-HeaderNext {
  font-size: 16px;
  color: #121212;
}
.byted-Calendar-HeaderPre:hover,
.byted-Calendar-HeaderNext:hover {
  color: #f60457;
}
.byted-Calendar-HeaderPre:active,
.byted-Calendar-HeaderNext:active {
  color: #d20251;
}
.byted-Calendar-HeaderPre.byted-Calendar-HeaderPre_disabled,
.byted-Calendar-HeaderNext.byted-Calendar-HeaderNext_disabled {
  color: #bdbdbd;
}
.byted-Calendar-Day,
.byted-Calendar-Week,
.byted-Calendar-Month {
  height: 480px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.byted-Calendar .byted-popper-trigger {
  display: inline-flex;
}
.byted-Calendar-MonthHeader {
  display: flex;
  color: #121212;
  background-color: #f8f8f8;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}
.byted-Calendar-MonthHeaderItem {
  flex: 1;
  padding: 8px 16px;
  list-style: none;
}
.byted-Calendar-MonthBody {
  overflow: auto;
  overflow: overlay;
}
.byted-Calendar-MonthBody::-webkit-scrollbar {
  width: 0;
}
.byted-Calendar-MonthBody:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-Calendar-MonthBody:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-Calendar-MonthBody:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-Calendar-MonthBodyRow {
  flex: 1;
  position: relative;
  overflow: hidden;
}
.byted-Calendar-MonthBodyDateRow {
  display: flex;
  height: 100%;
}
.byted-Calendar-MonthBodyScheduleRow {
  position: absolute;
  width: 100%;
  top: 38px;
  pointer-events: none;
}
.byted-Calendar-MonthBodyScheduleList {
  display: flex;
  pointer-events: none;
}
.byted-Calendar-MonthBodyScheduleItem {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 4px;
  list-style: none;
  pointer-events: all;
}
.byted-Calendar-MonthBodyScheduleItem_time {
  height: 18px;
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
  color: #121212;
  position: relative;
  padding-left: 18px;
}
.byted-Calendar-MonthBodyScheduleItem_time::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 8px;
  width: 6px;
  height: 6px;
  background-color: #f60457;
  border-radius: 1px;
}
.byted-Calendar-MonthBodyScheduleItem_time.byted-Calendar-MonthBodyScheduleItem_disabled {
  color: #bdbdbd;
}
.byted-Calendar-MonthBodyScheduleItem_time.byted-Calendar-MonthBodyScheduleItem_disabled::before {
  background-color: #fda3b2;
}
.byted-Calendar-MonthBodyScheduleItem .byted-popper-trigger {
  width: 100%;
}
.byted-Calendar-MonthBodyScheduleItem .byted-tag {
  width: 100%;
}
.byted-Calendar-MonthBodyCol {
  flex: 1;
  position: relative;
  display: flex;
  list-style: none;
  border: 1px solid transparent;
}
.byted-Calendar-MonthBodyCol_colBordered {
  border-left: 1px solid #ebebeb;
}
.byted-Calendar-MonthBodyCol_rowBordered {
  border-bottom: 1px solid #ebebeb;
}
.byted-Calendar-MonthBodyCol_state_in {
  color: #121212;
  background-color: #ffffff;
}
.byted-Calendar-MonthBodyCol_state_today {
  border: 1px solid #f60457;
  color: #f60457;
  background-color: #ffffff;
}
.byted-Calendar-MonthBodyCol_state_in:hover,
.byted-Calendar-MonthBodyCol_state_today:hover {
  color: #121212;
  background-color: #f2f2f2;
}
.byted-Calendar-MonthBodyCol_state_in:active,
.byted-Calendar-MonthBodyCol_state_today:active {
  color: #121212;
  background-color: #f2f2f2;
}
.byted-Calendar-MonthBodyCol_state_pre,
.byted-Calendar-MonthBodyCol_state_next {
  color: #bdbdbd;
  background-color: #ffffff;
}
.byted-Calendar-MonthBodyCol_checked {
  color: #f60457;
  background-color: #feedef;
  border: 1px solid #f60457;
}
.byted-Calendar-MonthBodyCol_checked:hover {
  color: #f60457;
  background-color: #feedef;
  border-color: #f60457;
}
.byted-Calendar-MonthBodyCol_checked:active {
  color: #f60457;
  background-color: #feedef;
  border-color: #f60457;
}
.byted-Calendar-MonthBodyColDate {
  padding: 12px 16px;
}
.byted-Calendar-MonthBodySchduleNumber {
  position: absolute;
  font-size: 12px;
  color: #8a8a8a;
  bottom: 11px;
  left: 19px;
}
.byted-Calendar-MonthBodySchduleNumber:hover {
  cursor: pointer;
}
.byted-Calendar-DayHeader,
.byted-Calendar-WeekHeader {
  display: flex;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  background-color: #f8f8f8;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}
.byted-Calendar-DayHeaderLeft {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  width: 84px;
  padding-bottom: 4px;
  color: #8a8a8a;
  font-size: 12px;
  line-height: 18px;
}
.byted-Calendar-DayHeaderRight {
  flex: 1;
  padding: 8px 0;
}
.byted-Calendar-DayHeaderRightDate {
  padding: 0 16px;
}
.byted-Calendar-DayHeaderRightDate,
.byted-Calendar-WeekHeaderItem_state_today {
  color: #f60457;
}
.byted-Calendar-DayHeaderRightDate_pre,
.byted-Calendar-WeekHeaderItem_state_pre {
  color: #8a8a8a;
}
.byted-Calendar-DayHeaderRightDate_next,
.byted-Calendar-WeekHeaderItem_state_next {
  color: #121212;
}
.byted-Calendar-HeaderSchedule {
  max-height: 216px;
  overflow-y: auto;
  overflow-y: overlay;
  overflow-x: hidden;
  padding: 4px 0 0 0;
}
.byted-Calendar-HeaderSchedule::-webkit-scrollbar {
  width: 0;
}
.byted-Calendar-HeaderSchedule:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-Calendar-HeaderSchedule:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-Calendar-HeaderSchedule:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-Calendar-HeaderScheduleList {
  display: flex;
}
.byted-Calendar-HeaderScheduleItem {
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 4px;
  list-style: none;
  z-index: 1;
}
.byted-Calendar-HeaderScheduleItem .byted-popper-trigger,
.byted-Calendar-HeaderScheduleItem .byted-tag {
  width: 100%;
}
.byted-Calendar-HeaderScheduleItem_pre {
  padding-left: 0px;
}
.byted-Calendar-HeaderScheduleItem_pre .byted-Calendar-HeaderScheduleItemTag {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.byted-Calendar-HeaderScheduleItem_next {
  padding-right: 0px;
}
.byted-Calendar-HeaderScheduleItem_next .byted-Calendar-HeaderScheduleItemTag {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.byted-Calendar-DayBody {
  display: flex;
  position: relative;
  overflow: hidden;
}
.byted-Calendar-DayBodyContent {
  display: flex;
  flex: 1;
  overflow: auto;
  overflow: overlay;
}
.byted-Calendar-DayBodyContent::-webkit-scrollbar {
  width: 0;
}
.byted-Calendar-DayBodyContent:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-Calendar-DayBodyContent:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-Calendar-DayBodyContent:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-Calendar-DayBodyOverlay {
  position: absolute;
  left: 0;
  top: 0;
}
.byted-Calendar-Times {
  display: flex;
  flex-direction: column;
  width: 84px;
  color: #8a8a8a;
  font-size: 12px;
  line-height: 18px;
}
.byted-Calendar-TimesItem {
  display: flex;
  justify-content: center;
  height: 56px;
  list-style: none;
}
.byted-Calendar-TimesItemText {
  position: relative;
  top: -9px;
}
.byted-Calendar-DayBodyRight {
  flex: 1;
}
.byted-Calendar-Schedule {
  flex: 1;
  display: flex;
  position: relative;
}
.byted-Calendar-ScheduleListContainer {
  flex: 1;
  position: relative;
}
.byted-Calendar-ScheduleListItem {
  height: 56px;
  list-style: none;
}
.byted-Calendar-ScheduleListItem_rowBordered {
  border-bottom: 1px solid #ebebeb;
}
.byted-Calendar-ScheduleListItem_colBordered {
  border-left: 1px solid #ebebeb;
}
.byted-Calendar-ScheduleEvent {
  position: absolute;
  width: 100%;
  top: 0;
}
.byted-Calendar-ScheduleEventItem {
  position: absolute;
  list-style: none;
}
.byted-Calendar-ScheduleEventItemTag,
.byted-Calendar-ScheduleEventItemPopover {
  width: 100%;
  height: 100%;
}
.byted-Calendar-ScheduleEventItemTag.byted-tag.byted-tag-primary-light {
  border: none;
  white-space: normal;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: #f60457;
  background-color: #feedef;
}
.byted-Calendar-ScheduleEventItemTag.byted-tag.byted-tag-primary-light.byted-tag-disabled {
  color: #fda3b2;
  background-color: #feedef;
}
.byted-Calendar-WeekHeaderLeft {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 84px;
  padding-bottom: 4px;
  color: #8a8a8a;
  font-size: 12px;
  line-height: 18px;
  background-color: #f8f8f8;
}
.byted-Calendar-WeekHeaderRight {
  flex: 1;
  padding: 0 0 8px 0;
  position: relative;
}
.byted-Calendar-WeekHeaderRightTime {
  display: flex;
  padding: 8px 0 0px 0;
}
.byted-Calendar-WeekHeaderItem {
  flex: 1;
  padding: 0 16px;
  list-style: none;
}
.byted-Calendar-WeekHeaderItem_colBordered::before {
  top: 0;
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #ebebeb;
  margin-left: -16px;
}
.byted-Calendar-WeekBody {
  display: flex;
  overflow: hidden;
  position: relative;
}
.byted-Calendar-WeekBodyContent {
  display: flex;
  flex: 1;
  overflow: auto;
  overflow: overlay;
}
.byted-Calendar-WeekBodyContent::-webkit-scrollbar {
  width: 0;
}
.byted-Calendar-WeekBodyContent:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-Calendar-WeekBodyContent:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-Calendar-WeekBodyContent:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-Calendar-WeekBodyRight {
  display: flex;
  flex: 1;
}
.byted-Calendar-WeekBodyOverlay {
  position: absolute;
  left: 0;
  top: 0;
}
.byted-card {
  font-size: 14px;
  line-height: 22px;
  position: relative;
  color: #121212;
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border: 1px solid transparent;
}
.byted-card-bordered {
  border: 1px solid #d9d9d9;
  box-shadow: none;
}
.byted-card-head {
  padding: 16px 24px 0;
  overflow: hidden;
  display: flex;
}
.byted-card-head-title {
  flex: 1;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #121212;
  font-weight: 600;
}
.byted-card-head-extra {
  font-size: 14px;
  line-height: 22px;
  margin-left: auto;
  color: rgba(0, 0, 0, 0.65);
  font-weight: 400;
}
.byted-card-body {
  color: #666666;
  padding: 24px;
}
.byted-card-body-no-footer.byted-card-body-no-header {
  color: #121212;
}
.byted-card-footer {
  padding: 0 24px 16px;
}
.byted-card-size-sm > .byted-card-head {
  font-size: 14px;
  line-height: 22px;
  padding: 13px 24px 0;
}
.byted-card-size-md > .byted-card-head {
  font-size: 16px;
  line-height: 24px;
  padding: 16px 24px 0;
}
.byted-card-size-lg > .byted-card-head {
  font-size: 18px;
  line-height: 26px;
  padding: 19px 24px 0;
}
.byted-card-inner-line {
  padding: 0;
}
.byted-card-inner-line.byted-card-size-sm > .byted-card-head {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 13px;
}
.byted-card-inner-line.byted-card-size-md > .byted-card-head {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 16px;
}
.byted-card-inner-line.byted-card-size-lg > .byted-card-head {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 19px;
}
.byted-card-inner-line > .byted-card-footer {
  padding: 16px 24px;
  border-top: 1px solid #d9d9d9;
}
/**
 * OKee Design Component Carousel Design Token
 */
.byted-carousel-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.byted-carousel-wrapper .byted-carousel-container {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  transform-style: preserve-3d;
}
.byted-carousel-wrapper .byted-carousel-container .byted-carousel-slider {
  box-sizing: border-box;
  position: relative;
  height: 100%;
  transform-origin: right;
}
.byted-carousel-wrapper .byted-carousel-pagination {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 18px;
  padding: 0 3.2%;
  width: 100%;
  z-index: 1;
}
.byted-carousel-wrapper .byted-carousel-pagination-left {
  justify-content: flex-start;
}
.byted-carousel-wrapper .byted-carousel-pagination-center {
  justify-content: center;
}
.byted-carousel-wrapper .byted-carousel-pagination-right {
  justify-content: flex-end;
}
.byted-carousel-wrapper .byted-carousel-pagination-item {
  display: inline-block;
  margin-left: 8px;
}
.byted-carousel-wrapper .byted-carousel-pagination-item:hover {
  cursor: pointer;
}
.byted-carousel-wrapper .byted-carousel-pagination-item-progress {
  width: 40px;
  height: 2px;
  border-radius: 2px;
}
.byted-carousel-wrapper .byted-carousel-pagination-item-progress-active {
  background-position: left center;
  background-repeat: no-repeat;
  animation: byted-pagination-move linear;
}
@keyframes byted-pagination-move {
  from {
    background-size: 0 2px;
  }
  to {
    background-size: 100% 2px;
  }
}
.byted-carousel-wrapper .byted-carousel-pagination-item-bullets {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.byted-carousel-wrapper .byted-carousel-arrow-prev {
  position: absolute;
  font-size: 0;
  top: 50%;
  left: 3.2%;
  transform: translateY(-50%);
}
.byted-carousel-wrapper .byted-carousel-arrow-prev:hover {
  cursor: pointer;
}
.byted-carousel-wrapper .byted-carousel-arrow-prev:hover circle {
  fill: #121212;
  stroke: #121212;
  opacity: 0.5;
}
.byted-carousel-wrapper .byted-carousel-arrow-next {
  position: absolute;
  font-size: 0;
  top: 50%;
  right: 3.2%;
  transform: translateY(-50%);
}
.byted-carousel-wrapper .byted-carousel-arrow-next:hover {
  cursor: pointer;
}
.byted-carousel-wrapper .byted-carousel-arrow-next:hover circle {
  fill: #121212;
  stroke: #121212;
  opacity: 0.5;
}
@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes okee-loading-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
/**
 * Components：CascaderPanel、Listviewer
 * Components：Autocomplete、Select 、Dropdown、Cascader
 */
.byted-cascader-rtl {
  direction: rtl;
}
.byted-cascader .byted-input-inner__wrapper {
  cursor: pointer;
}
.byted-cascader .byted-input-inner__wrapper .byted-cascader-arrow {
  color: #666666;
}
.byted-cascader .byted-input-inner__wrapper-disabled .byted-cascader-arrow {
  color: #8a8a8a;
}
.byted-cascader .byted-input-inner__wrapper-filled .byted-cascader-arrow {
  color: #666666;
}
.byted-cascader .byted-input-inner__wrapper-filled.byted-input-inner__wrapper-disabled .byted-cascader-arrow {
  color: #8a8a8a;
}
.byted-cascader .byted-select-input-wrapper .byted-cascader-arrow {
  color: #666666;
}
.byted-cascader .byted-select-input-wrapper-disabled .byted-cascader-arrow {
  color: #8a8a8a;
}
.byted-cascader .byted-select-input-wrapper-filled .byted-cascader-arrow {
  color: #666666;
}
.byted-cascader .byted-select-input-wrapper-filled.byted-select-input-wrapper-disabled .byted-cascader-arrow {
  color: #8a8a8a;
}
.byted-cascader-inner,
.byted-cascader-popover-panel {
  *zoom: 1;
  zoom: 1;
  font-size: 0;
}
.byted-cascader-inner:before,
.byted-cascader-popover-panel:before,
.byted-cascader-inner:after,
.byted-cascader-popover-panel:after {
  display: table;
  content: "";
}
.byted-cascader-inner:after,
.byted-cascader-popover-panel:after {
  clear: both;
}
.byted-cascader-inner::before,
.byted-cascader-popover-panel::before,
.byted-cascader-inner::after,
.byted-cascader-popover-panel::after {
  content: '';
  display: table;
}
.byted-cascader-inner::after,
.byted-cascader-popover-panel::after {
  clear: both;
}
.byted-cascader-inner .byted-cascader-panel,
.byted-cascader-popover-panel .byted-cascader-panel {
  float: left;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  height: 232px;
  overflow-x: auto;
  overflow-y: hidden;
  background-color: #ffffff;
}
.byted-cascader-inner .byted-cascader-panel-inner,
.byted-cascader-popover-panel .byted-cascader-panel-inner {
  display: flex;
}
.byted-cascader-inner .byted-cascader-panel-inner-empty,
.byted-cascader-popover-panel .byted-cascader-panel-inner-empty {
  width: 100% !important;
  height: 100%;
}
.byted-cascader-inner .byted-cascader-panel-rtl,
.byted-cascader-popover-panel .byted-cascader-panel-rtl {
  float: right;
}
.byted-cascader-inner .byted-cascader-panel:not(.byted-cascader-panel-width-auto),
.byted-cascader-popover-panel .byted-cascader-panel:not(.byted-cascader-panel-width-auto) {
  width: 402px;
}
.byted-cascader-inner .byted-cascader-panel-width-auto,
.byted-cascader-popover-panel .byted-cascader-panel-width-auto {
  max-width: 402px;
}
.byted-cascader-inner .byted-cascader-viewer,
.byted-cascader-popover-panel .byted-cascader-viewer {
  float: left;
  margin-left: 16px;
  height: 232px;
  background-color: #ffffff;
}
.byted-cascader-inner .byted-cascader-viewer-rtl,
.byted-cascader-popover-panel .byted-cascader-viewer-rtl {
  float: right;
  margin-right: 16px;
}
.byted-cascader-inner .byted-cascader-viewer .byted-tag:hover,
.byted-cascader-popover-panel .byted-cascader-viewer .byted-tag:hover {
  color: #121212;
}
.byted-cascader-inner .byted-cascader-viewer .byted-tag .byted-tag-close .byted-icon,
.byted-cascader-popover-panel .byted-cascader-viewer .byted-tag .byted-tag-close .byted-icon {
  font-size: 12px;
}
.byted-cascader-inner .byted-cascader-viewer .byted-viewer-title-left,
.byted-cascader-popover-panel .byted-cascader-viewer .byted-viewer-title-left {
  font-weight: 600;
}
.byted-cascader-inner .byted-cascader-column-inner-loading,
.byted-cascader-popover-panel .byted-cascader-column-inner-loading {
  height: 100%;
}
.byted-cascader-inner .byted-cascader-column,
.byted-cascader-popover-panel .byted-cascader-column {
  float: left;
  border-right: 1px solid #d9d9d9;
}
.byted-cascader-inner .byted-cascader-column:last-child,
.byted-cascader-popover-panel .byted-cascader-column:last-child {
  border-right: 0;
  flex-grow: 1;
}
.byted-cascader-inner .byted-cascader-column-inner,
.byted-cascader-popover-panel .byted-cascader-column-inner {
  outline: none;
}
.byted-cascader-inner .byted-cascader-column-empty,
.byted-cascader-popover-panel .byted-cascader-column-empty {
  width: 100%;
  height: 100%;
  padding-bottom: 28px;
  overflow: hidden;
}
.byted-cascader-inner .byted-cascader-column-loading,
.byted-cascader-popover-panel .byted-cascader-column-loading {
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #f60457;
  justify-content: center;
}
.byted-cascader-inner .byted-cascader-column-footer,
.byted-cascader-popover-panel .byted-cascader-column-footer {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.byted-cascader-inner .byted-cascader-column-rtl,
.byted-cascader-popover-panel .byted-cascader-column-rtl {
  float: right;
  direction: rtl;
  border-left: 1px solid #d9d9d9;
  border-right: none;
}
.byted-cascader-inner .byted-cascader-column-rtl:last-child,
.byted-cascader-popover-panel .byted-cascader-column-rtl:last-child {
  border-left: 0;
}
.byted-cascader-inner .byted-cascader-column-title,
.byted-cascader-popover-panel .byted-cascader-column-title {
  font-size: 14px;
  line-height: 22px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #d9d9d9;
  color: #121212;
  height: 38px;
  font-weight: 600;
  padding: 8px 12px;
}
.byted-cascader-inner .byted-cascader-column-inner:not(.byted-cascader-column-inner-loading)::before,
.byted-cascader-popover-panel .byted-cascader-column-inner:not(.byted-cascader-column-inner-loading)::before,
.byted-cascader-inner .byted-cascader-column-inner:not(.byted-cascader-column-inner-loading)::after,
.byted-cascader-popover-panel .byted-cascader-column-inner:not(.byted-cascader-column-inner-loading)::after {
  display: block;
  content: '';
  height: 0px;
  background-color: #fff;
  z-index: 1;
  position: sticky;
}
.byted-cascader-inner .byted-cascader-column-inner:not(.byted-cascader-column-inner-loading)::before,
.byted-cascader-popover-panel .byted-cascader-column-inner:not(.byted-cascader-column-inner-loading)::before {
  top: 0;
}
.byted-cascader-inner .byted-cascader-column-inner:not(.byted-cascader-column-inner-loading)::after,
.byted-cascader-popover-panel .byted-cascader-column-inner:not(.byted-cascader-column-inner-loading)::after {
  bottom: 0;
}
.byted-cascader-inner .byted-cascader-column-list,
.byted-cascader-popover-panel .byted-cascader-column-list {
  height: 192px;
  overflow: auto;
}
.byted-cascader-inner .byted-cascader-item-container,
.byted-cascader-popover-panel .byted-cascader-item-container {
  color: #121212;
}
.byted-cascader-inner .byted-cascader-active-item,
.byted-cascader-popover-panel .byted-cascader-active-item {
  color: #121212;
  background-color: #ebebeb;
}
.byted-cascader-inner .byted-cascader-active-item:hover:not(.byted-cascader-item-container-disabled):not(.byted-list-item-container-readonly),
.byted-cascader-popover-panel .byted-cascader-active-item:hover:not(.byted-cascader-item-container-disabled):not(.byted-list-item-container-readonly) {
  color: #121212;
  background-color: #ebebeb;
}
.byted-cascader-inner .byted-cascader-active-item:active:not(.byted-cascader-item-container-disabled):not(.byted-list-item-container-readonly),
.byted-cascader-popover-panel .byted-cascader-active-item:active:not(.byted-cascader-item-container-disabled):not(.byted-list-item-container-readonly) {
  color: #f60457;
  background-color: #ebebeb;
}
.byted-cascader-inner .byted-cascader-expand-item,
.byted-cascader-popover-panel .byted-cascader-expand-item {
  color: #f60457;
}
.byted-cascader-inner .byted-cascader-expand-item:hover:not(.byted-cascader-item-container-disabled):not(.byted-list-item-container-readonly),
.byted-cascader-popover-panel .byted-cascader-expand-item:hover:not(.byted-cascader-item-container-disabled):not(.byted-list-item-container-readonly) {
  background-color: #ebebeb;
  color: #f60457;
}
.byted-cascader-inner .byted-cascader-expand-item:active:not(.byted-cascader-item-container-disabled):not(.byted-list-item-container-readonly),
.byted-cascader-popover-panel .byted-cascader-expand-item:active:not(.byted-cascader-item-container-disabled):not(.byted-list-item-container-readonly) {
  background-color: #e3e3e3;
  color: #d20251;
}
.byted-cascader-input-popover {
  font-size: 0;
  line-height: 0;
}
.byted-cascader-popover-panel {
  background-color: #ffffff;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.byted-cascader-popover-wrapper {
  width: 100%;
  overflow-x: auto;
}
.byted-cascader-popover-inner {
  *zoom: 1;
  zoom: 1;
}
.byted-cascader-popover-inner:before,
.byted-cascader-popover-inner:after {
  display: table;
  content: "";
}
.byted-cascader-popover-inner:after {
  clear: both;
}
.byted-cascader-popover-inner::before,
.byted-cascader-popover-inner::after {
  content: '';
  display: table;
}
.byted-cascader-popover-inner::after {
  clear: both;
}
.byted-cascader-item-inner-wrapper {
  display: flex;
  align-items: center;
}
.byted-cascader-item-inner-wrapper .byted-cascader-item-label {
  flex: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.byted-cascader-item-inner-wrapper .byted-cascader-item-arrow {
  flex: none;
  font-size: 14px;
  color: #8a8a8a;
}
.byted-cascader-item-inner-wrapper-rtl {
  direction: rtl;
}
.byted-cascader-popover-search-input {
  border-bottom: 1px solid #d9d9d9;
}
.byted-cascader-popover-search-input .byted-input {
  width: 0;
}
.byted-cascader-search {
  margin-bottom: 16px;
  width: 400px;
}
.byted-cascader-search .byted-popper-trigger {
  display: block;
}
.byted-cascader-search-popover {
  width: 400px;
  max-height: 192px;
  overflow: auto;
}
.byted-cascader-search-popover-empty {
  height: 192px;
}
.byted-cascader-search-popover-inner::before,
.byted-cascader-search-popover-inner::after {
  display: block;
  content: '';
  height: 6px;
  background-color: #fff;
  z-index: 1;
  position: sticky;
}
.byted-cascader-search-popover-inner::before {
  top: 0;
}
.byted-cascader-search-popover-inner::after {
  bottom: 0;
}
.byted-cascader-multiple {
  position: relative;
}
.byted-cascader-multiple:not(.byted-cascader-uncollapse)::before {
  content: '';
  display: block;
  width: 100%;
  height: 34px;
}
.byted-cascader-multiple:not(.byted-cascader-uncollapse) .byted-cascader-multiple-input-trigger {
  position: absolute;
  top: 0;
  left: 0;
}
.byted-cascader-multiple .byted-cascader-multiple-input-trigger {
  width: 100%;
}
.byted-cascader-multiple.byted-cascader-focus {
  z-index: 2;
}
.byted-cascader-column-loading-icon svg {
  animation: okee-loading-rotate 0.6s linear infinite;
}
.byted-cascader-size-xs::before {
  height: 26px;
}
.byted-cascader-size-xs .byted-select-input-inner-uncollapse {
  min-height: 26px;
}
.byted-cascader-size-sm::before {
  height: 30px;
}
.byted-cascader-size-sm .byted-select-input-inner-uncollapse {
  min-height: 30px;
}
.byted-cascader-size-md::before {
  height: 34px;
}
.byted-cascader-size-md .byted-select-input-inner-uncollapse {
  min-height: 34px;
}
.byted-cascader-size-lg::before {
  height: 38px;
}
.byted-cascader-size-lg .byted-select-input-inner-uncollapse {
  min-height: 38px;
}
.byted-cascader-size-xl::before {
  height: 42px;
}
.byted-cascader-size-xl .byted-select-input-inner-uncollapse {
  min-height: 42px;
}
/**
 * OKee Theme CheckGroup Design Token
 */
/**
 * OKee Design Component Checkbox Design Token
 */
/**
 * OKee Theme Checkbox Iteme Design Token
 */
/**
 * OKee Theme Checkbox Design Token
 */
.byted-check-group-tag + .byted-check-group-tag {
  margin-left: 20px;
  margin-right: 0;
}
.byted-check-group-tag.byted-tag-rtl + .byted-check-group-tag.byted-tag-rtl {
  margin-left: 0;
  margin-right: 20px;
}
.byted-check-group-checkbox.byted-checkbox {
  margin: 0 32px 0 0;
}
.byted-check-group-checkbox.byted-checkbox.byted-checkbox-rtl {
  margin: 0 0 0 32px;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle:not(.byted-btn-no-focus):focus {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn:hover {
  background: #ffffff;
  border-color: #fa4b74;
  color: #fa4b74;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn:active {
  background: #ffffff;
  border-color: #d20251;
  color: #d20251;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn.byted-btn-checked {
  background: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  background: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn[data-motion-wave='after']::after,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn[data-motion-wave='before']::before {
  color: #fa4b74;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-size-xs::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-size-sm::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #d9d9d9;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-size-lg::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #d9d9d9;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle:hover.byted-btn-size-xs::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle:hover.byted-btn-size-sm::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle:hover.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle:hover.byted-btn-size-lg::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle:hover.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle:active.byted-btn-size-xs::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle:active.byted-btn-size-sm::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle:active.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #d20251;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle:active.byted-btn-size-lg::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle:active.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #d20251;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-checked.byted-btn-size-xs::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-checked.byted-btn-size-sm::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-checked.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-checked.byted-btn-size-lg::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-checked.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-disabled.byted-btn-size-xs::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-disabled.byted-btn-size-sm::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-disabled.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #ebebeb;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-disabled.byted-btn-size-lg::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-disabled.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #ebebeb;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #fda3b2;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #fda3b2;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-disabled.byted-btn-checked {
  background-color: #feedef;
  border-color: #fda3b2;
  color: #fda3b2;
}
.byted-check-group-button.byted-btn-type-primary.byted-btn-triangle.byted-btn-disabled.byted-btn-checked:before {
  border-top-color: #fda3b2;
}
.byted-check-group-button.byted-btn-disabled.byted-btn-checked {
  background-color: #feedef;
  border-color: #fda3b2;
  color: #fda3b2;
  z-index: 10;
}
.byted-check-group-button.byted-btn-disabled.byted-btn-checked:before {
  border-top-color: #fda3b2;
}
.byted-check-group-button.byted-btn-disabled:not(.byted-btn-checked):hover {
  z-index: 0;
}
.byted-check-group-variant {
  display: inline-flex;
}
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-fill,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-divider,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-border {
  box-sizing: border-box;
  margin-left: 0px;
  display: flex;
  justify-content: center;
  border-radius: 0px;
}
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-fill::after,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-divider::after,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-border::after {
  border-radius: 0px;
}
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-fill:first-child,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-divider:first-child,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-border:first-child,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-fill:first-child::after,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-divider:first-child::after,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-border:first-child::after {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-fill:last-child,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-divider:last-child,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-border:last-child,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-fill:last-child::after,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-divider:last-child::after,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-border:last-child::after {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-fill .byted-checkbox-label,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-divider .byted-checkbox-label,
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-border .byted-checkbox-label {
  flex: none;
}
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-fill.byted-checkbox-variant-fill:not(:last-child),
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-divider.byted-checkbox-variant-fill:not(:last-child),
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-border.byted-checkbox-variant-fill:not(:last-child),
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-fill.byted-checkbox-variant-border:not(:last-child),
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-divider.byted-checkbox-variant-border:not(:last-child),
.byted-check-group-variant .byted-check-group-checkbox.byted-checkbox-variant-border.byted-checkbox-variant-border:not(:last-child) {
  margin-right: -1px;
}
.byted-check-group-variant .byted-check-group-checkbox .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 4px;
}
.byted-check-size-xs.byted-check-type-filled {
  font-size: 12px;
  line-height: 20px;
}
.byted-check-size-sm.byted-check-type-filled {
  font-size: 12px;
  line-height: 20px;
}
.byted-check-size-md.byted-check-type-filled {
  font-size: 14px;
  line-height: 22px;
}
.byted-check-size-lg.byted-check-type-filled {
  font-size: 14px;
  line-height: 22px;
}
.byted-check-size-xl.byted-check-type-filled {
  font-size: 16px;
  line-height: 24px;
}
.byted-check-group-type-filled {
  display: inline-flex;
  background-color: #ebebeb;
  padding: 4px;
  color: #666666;
  border-radius: 2px;
}
.byted-check-group-type-filled .byted-check-filled {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 12px;
  margin-right: 4px;
  border-radius: 2px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.byted-check-group-type-filled .byted-check-filled:last-child {
  margin-right: 0px;
}
.byted-check-group-type-filled .byted-check-filled::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #e0e0e0;
  position: absolute;
  right: 2px;
  top: 2px;
  visibility: hidden;
}
.byted-check-group-type-filled .byted-check-filled:hover {
  background-color: #d9d9d9;
}
.byted-check-group-type-filled .byted-check-filled:active {
  background-color: #d2d2d2;
}
.byted-check-group-type-filled .byted-check-filled.byted-check-filled-disabled {
  cursor: not-allowed;
  color: #bdbdbd;
}
.byted-check-group-type-filled .byted-check-filled.byted-check-filled-disabled:hover {
  background-color: #ebebeb;
}
.byted-check-group-type-filled .byted-check-filled.byted-check-filled-disabled.byted-check-filled-checked,
.byted-check-group-type-filled .byted-check-filled.byted-check-filled-disabled.byted-check-filled-checked:hover {
  background-color: #ffffff;
  color: #fda3b2;
}
.byted-check-group-type-filled .byted-check-filled.byted-check-filled-disabled.byted-check-filled-checked::before,
.byted-check-group-type-filled .byted-check-filled.byted-check-filled-disabled.byted-check-filled-checked:hover::before {
  visibility: visible;
  border-top: 6px solid #fda3b2;
}
.byted-check-group-type-filled .byted-check-filled-checked,
.byted-check-group-type-filled .byted-check-filled-checked:hover {
  background-color: #ffffff;
  color: #f60457;
}
.byted-check-group-type-filled .byted-check-filled-checked::before,
.byted-check-group-type-filled .byted-check-filled-checked:hover::before {
  visibility: visible;
  border-top: 6px solid #f60457;
}
.byted-checkbox {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  user-select: none;
  padding: 6px 0;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  margin: 0 32px 0 0;
}
.byted-checkbox.byted-checkbox-rtl {
  direction: rtl;
  margin: 0 0 0 32px;
}
.byted-checkbox:last-of-type {
  margin: 0;
}
.byted-checkbox-icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  flex: none;
  color: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: transparent;
  text-align: center;
  line-height: 0;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-checkbox-icon .byted-icon {
  position: absolute;
  top: 0;
  left: 0;
}
.byted-checkbox-icon[data-motion-wave][data-motion-wave='after']::after,
.byted-checkbox-icon[data-motion-wave][data-motion-wave='before']::before {
  color: #f60457;
}
.byted-checkbox-label {
  display: inline-block;
  flex: 1;
  font-size: inherit;
  line-height: inherit;
}
.byted-checkbox-xs {
  font-size: 12px;
  line-height: 18px;
}
.byted-checkbox-xs .byted-checkbox-icon {
  top: 3px;
  width: 12px;
  height: 12px;
}
.byted-checkbox-xs .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-xs.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-xs .byted-checkbox-label-no {
  min-height: 18px;
}
.byted-checkbox-sm {
  font-size: 12px;
  line-height: 18px;
}
.byted-checkbox-sm .byted-checkbox-icon {
  top: 3px;
  width: 12px;
  height: 12px;
}
.byted-checkbox-sm .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-sm.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-sm .byted-checkbox-label-no {
  min-height: 18px;
}
.byted-checkbox-md {
  font-size: 14px;
  line-height: 22px;
}
.byted-checkbox-md .byted-checkbox-icon {
  top: 3px;
  width: 16px;
  height: 16px;
}
.byted-checkbox-md .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-md.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-md .byted-checkbox-label-no {
  min-height: 22px;
}
.byted-checkbox-lg {
  font-size: 14px;
  line-height: 22px;
  padding: 8px 0;
}
.byted-checkbox-lg .byted-checkbox-icon {
  top: 1px;
  width: 20px;
  height: 20px;
}
.byted-checkbox-lg .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-lg.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-lg .byted-checkbox-label-no {
  min-height: 22px;
}
.byted-checkbox-xl {
  font-size: 14px;
  line-height: 22px;
  padding: 8px 0;
}
.byted-checkbox-xl .byted-checkbox-icon {
  top: 1px;
  width: 20px;
  height: 20px;
}
.byted-checkbox-xl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-xl.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-checked .byted-checkbox-icon,
.byted-checkbox-indeterminate .byted-checkbox-icon {
  background-color: #121212;
  border-color: #121212;
  color: #ffffff;
}
.byted-checkbox:not(.byted-checkbox-disabled) {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled):hover {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled):active {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled).byted-checkbox-checked {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled).byted-checkbox-checked:hover {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled).byted-checkbox-checked:active {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon:hover,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon:focus {
  background-color: #ffffff;
  border-color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon:focus {
  box-shadow: 0 0 0 2px rgba(253, 163, 178, 0.2);
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon:active {
  background-color: #ffffff;
  border-color: #d20251;
  box-shadow: 0 0 0 2px rgba(253, 163, 178, 0.2);
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-checked:hover,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-indeterminate:hover,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-checked:focus,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-indeterminate:focus {
  background-color: #fa4b74;
  border-color: #fa4b74;
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-checked:active,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-indeterminate:active {
  background-color: #d20251;
  border-color: #d20251;
}
.byted-checkbox-disabled {
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-checkbox-disabled .byted-checkbox-icon {
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-checkbox-disabled.byted-checkbox-variant-fill .byted-checkbox-icon {
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-checkbox-disabled.byted-checkbox-checked .byted-checkbox-icon,
.byted-checkbox-disabled.byted-checkbox-indeterminate .byted-checkbox-icon {
  border-color: #bdbdbd;
  background-color: #bdbdbd;
}
.byted-checkbox.byted-checkbox-variant {
  position: relative;
  border-radius: 4px;
}
.byted-checkbox.byted-checkbox-variant::after {
  border-radius: 4px;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked {
  z-index: 3;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked:hover .byted-checkbox-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #fa4b74;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked:active .byted-checkbox-icon {
  background-color: #fed0d6;
  border-color: #fed0d6;
  color: #d20251;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked .byted-checkbox-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked.byted-checkbox-disabled {
  z-index: 1;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked.byted-checkbox-disabled .byted-checkbox-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #fda3b2;
}
.byted-checkbox.byted-checkbox-variant-fill {
  color: #121212;
  background-color: #ebebeb;
}
.byted-checkbox.byted-checkbox-variant-fill:not(.byted-checkbox-checked):hover {
  background-color: #f2f2f2;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-fill:not(.byted-checkbox-checked):active {
  background-color: #f2f2f2;
  color: #d20251;
}
.byted-checkbox.byted-checkbox-variant-fill:not(.byted-checkbox-checked).byted-checkbox-disabled {
  color: #bdbdbd;
  background-color: #f2f2f2;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked:hover {
  color: #fa4b74;
  border-color: #fa4b74;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked::after {
  z-index: 4;
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #f60457;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked.byted-checkbox-disabled {
  color: #fda3b2;
  border-color: #fda3b2;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked.byted-checkbox-disabled::after {
  border: 1px solid #fda3b2;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-disabled + .byted-checkbox.byted-checkbox-variant-divider::before {
  display: none;
}
.byted-checkbox.byted-checkbox-variant-divider:not(:first-child).byted-checkbox.byted-checkbox-variant-divider:not(.byted-checkbox-disabled)::before {
  content: ' ';
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #d9d9d9;
}
.byted-checkbox.byted-checkbox-variant-border {
  color: #121212;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-border:hover {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
  z-index: 3;
}
.byted-checkbox.byted-checkbox-variant-border:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
  z-index: 4;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
  z-index: 3;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-checked:hover {
  color: #fa4b74;
  border-color: #fa4b74;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-checked:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-checked.byted-checkbox-disabled {
  color: #fda3b2;
  background-color: #ffffff;
  border-color: #fda3b2;
  z-index: 2;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-disabled {
  color: #bdbdbd;
  background-color: #f2f2f2;
  border-color: #d9d9d9;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-disabled:hover {
  z-index: 1;
}
.byted-checkbox.byted-checkbox-variant-button {
  overflow-x: hidden;
  background-color: #f2f2f2;
  color: #121212;
}
.byted-checkbox.byted-checkbox-variant-button:not(:last-of-type) {
  margin-right: 12px;
}
.byted-checkbox.byted-checkbox-variant-button:hover {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button:active {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-disabled {
  background-color: #f2f2f2;
  color: #bdbdbd;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-checked {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-checked:hover {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-checked:active {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-checked.byted-checkbox-disabled {
  background-color: #feedef;
  color: #fda3b2;
}
.byted-checkbox.byted-checkbox-variant .byted-checkbox-button-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-xs {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xs,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-xs {
  height: 26px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-xs {
  height: 26px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xs .byted-checkbox-button-icon {
  font-size: 10px;
  border: 8px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xs .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xs .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((16px / 2) - 10px);
  left: calc((16px / 2) - 10px);
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-sm {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-sm,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-sm {
  height: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-sm {
  height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-sm .byted-checkbox-button-icon {
  font-size: 10px;
  border: 8px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-sm .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-sm .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((16px / 2) - 10px);
  left: calc((16px / 2) - 10px);
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-md {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-md,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-md {
  height: 34px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-md {
  height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-md .byted-checkbox-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-md .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-md .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-lg {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-lg,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-lg {
  height: 38px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-lg {
  height: 38px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-lg .byted-checkbox-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-lg .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-lg .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-xl {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xl,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-xl {
  height: 42px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-xl {
  height: 42px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xl .byted-checkbox-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xl .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xl .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}
.byted-claps {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.byted-claps-item:not(:last-child) {
  border-bottom: 1px solid #e3e3e3;
}
.byted-claps .byted-claps-item-title {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  color: #121212;
  font-weight: 500;
  cursor: pointer;
  position: relative;
}
.byted-claps .byted-claps-item-title-icon {
  color: #8a8a8a;
  font-size: 16px;
  transform: translateY(10%);
  display: inline-block;
}
.byted-claps .byted-claps-item-title-icon-position-left {
  position: unset;
  margin-right: 16px;
}
.byted-claps .byted-claps-item-title-icon-position-right {
  position: absolute;
  right: 16px;
  top: 12px;
}
.byted-claps .byted-claps-item-title-arrow {
  transition: all 0.3s;
  transform: rotateZ(0deg);
  display: inline-block;
  font-size: 16px;
  top: 12px;
}
.byted-claps .byted-claps-item-title .byted-claps-item-title-icon > .byted-claps-item-title-minus {
  position: relative;
  display: inline-block;
}
.byted-claps .byted-claps-item-title .byted-claps-item-title-minus > .byted-claps-item-title-plus {
  font-size: 16px;
}
.byted-claps .byted-claps-item-title .byted-claps-item-title-minus > .byted-claps-item-title-minus-active {
  position: absolute;
  transform: rotateZ(90deg);
  right: 0px;
  top: 3px;
}
.byted-claps .byted-claps-item-wrap {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity ease-in 0.2s;
  -webkit-transition: opacity ease-in 0.2s;
  -moz-transition: opacity ease-in 0.2s;
  -o-transition: opacity ease-in 0.2s;
}
.byted-claps .byted-claps-item-wrap-content {
  border-top: 1px solid #e3e3e3;
  padding: 16px 32px;
  font-size: 14px;
  color: #121212;
}
.byted-claps .byted-claps-item-wrap-content-block-left {
  padding-left: 64px;
}
.byted-claps .byted-claps-item-active > .byted-claps-item-wrap {
  height: auto;
  opacity: 1;
  transition: opacity ease-out 0.2s 0.2s;
  -webkit-transition: opacity ease-out 0.2s 0.2s;
  -moz-transition: opacity ease-out 0.2s 0.2s;
  -o-transition: opacity ease-out 0.2s 0.2s;
}
.byted-claps-item-active > .byted-claps-item-title > .byted-claps-item-title-icon > .byted-claps-item-title-arrow {
  transform: rotateZ(180deg);
}
.byted-claps-item-active > .byted-claps-item-title > .byted-claps-item-title-icon > .byted-claps-item-title-minus > .byted-claps-item-title-minus-active {
  transform: rotateZ(0deg);
}
.byted-claps-type-borderless {
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.byted-claps-type-borderless > .byted-claps-item > .byted-claps-item-wrap > .byted-claps-item-wrap-content {
  border: none;
}
.byted-claps-type-panel {
  border-color: transparent;
}
.byted-claps-type-panel .byted-claps-item:not(:last-child) {
  border-bottom-color: transparent;
}
.byted-claps-type-panel > .byted-claps-item > .byted-claps-item-wrap > .byted-claps-item-wrap-content {
  border-top-color: transparent;
}
.byted-color {
  width: 232px;
  padding: 8px;
  background: #ffffff;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.byted-color-slider {
  width: 216px;
  height: 10px;
  position: relative;
  margin-bottom: 8px;
}
.byted-color-slider-one .byted-color-layer {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0;
  border-radius: 5px;
}
.byted-color-slider-two {
  overflow: hidden;
  border-radius: 4px;
}
.byted-color-slider-two .byted-color-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.byted-color-slider-inner {
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  left: 4px;
}
.byted-color-slider-inner-two {
  right: 0;
  left: 0;
}
.byted-color-slider-dragger {
  width: 10px;
  height: 10px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.8);
  border: 2px solid #ffffff;
  border-radius: 50%;
  background-color: #f60457;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.byted-color-slider-two {
  height: 160px;
}
.byted-color-slider-two .byted-color-slider-dragger {
  transform: translate(-5px, -5px);
}
.byted-color-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.byted-color-row .byted-color-board {
  flex: 0 0 26px;
  margin-left: 8px;
}
.byted-color-board {
  width: 26px;
  height: 26px;
  position: relative;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
}
.byted-color-board .byted-color-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
}
.byted-color-customize {
  margin: 8px 0;
  border-top: 1px solid #e3e3e3;
}
.byted-color-customize-header {
  font-size: 12px;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
}
.byted-color-customize-header-operations .byted-icon {
  margin-left: 12px;
  cursor: pointer;
}
.byted-color-customize-header-operations .byted-icon:hover svg {
  color: #d20251;
}
.byted-color-customize-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -4px;
}
.byted-color-customize-content .byted-color-swatch {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  margin: 4px;
  cursor: pointer;
  position: relative;
}
.byted-color-customize-content .byted-color-swatch .byted-color-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
}
.byted-color-layer-hue {
  background: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
.byted-color-layer-alpha {
  background: url(https://sf16-website.neutral.ttwstatic.com/obj/tiktok_web_static/ad/ccs_cfc_adv/static/media/.58fca93f..png);
}
.byted-color-layer-saturation {
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.byted-color-layer-light {
  background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
}
.byted-color-fields {
  display: flex;
}
.byted-color-fields .byted-input-number {
  width: 48px;
}
.byted-color-fields-left {
  flex: 1;
}
.byted-color-fields-left-input {
  display: flex;
  justify-content: space-between;
}
.byted-color-fields-left-input .byted-input-number {
  flex: 1;
}
.byted-color-fields-left .byted-popper-trigger {
  width: 100%;
  display: block;
}
.byted-color-fields-left .byted-popper-trigger > span {
  width: 100%;
}
.byted-color-fields-left-switch {
  display: flex;
  position: relative;
  font-size: 12px;
  line-height: 20px;
  margin: 4px 0 8px 0;
}
.byted-color-fields-left-switch div {
  flex: 1;
  text-align: center;
}
.byted-color-fields-left-switch .byted-icon {
  position: absolute;
  right: 0;
  top: 7px;
  opacity: 0;
}
.byted-color-fields-left-switch:hover {
  background: #e3e3e3;
}
.byted-color-fields-left-switch:hover .byted-icon {
  opacity: 1;
}
.byted-color-fields-right {
  flex: 0 0 56px;
  text-align: right;
}
.byted-color-fields-right > div:last-child {
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  margin-top: 4px;
}
.byted-cropper-container {
  display: inline-block;
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  user-select: none;
  background-size: 100% 100%;
  background-position: center;
}
.byted-cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.byted-cropper-crop {
  position: absolute;
  box-sizing: border-box;
  cursor: move;
}
.byted-cropper-crop .byted-cropper-view {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 1px solid #fa4b74;
}
.byted-cropper-crop .byted-cropper-view img {
  position: relative;
  vertical-align: middle;
  border: 0;
}
.byted-cropper-crop .byted-cropper-move,
.byted-cropper-crop .byted-cropper-line,
.byted-cropper-crop .byted-cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.byted-cropper-crop .byted-cropper-move {
  top: 0;
  left: 0;
  cursor: move;
}
.byted-cropper-crop .byted-cropper-line {
  background-color: #fa4b74;
}
.byted-cropper-crop .byted-line-e {
  cursor: ew-resize;
  right: -2px;
  top: 0;
  width: 5px;
}
.byted-cropper-crop .byted-line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -2px;
}
.byted-cropper-crop .byted-line-w {
  cursor: ew-resize;
  left: -2px;
  top: 0;
  width: 5px;
}
.byted-cropper-crop .byted-line-s {
  bottom: -2px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.byted-cropper-crop .byted-cropper-point {
  background-color: #fa4b74;
  height: 6px;
  opacity: 0.75;
  width: 6px;
}
.byted-cropper-crop .byted-cropper-point::after {
  position: relative;
  display: inline-block;
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
  transform: translate(-35%, -35%);
}
.byted-cropper-crop .byted-point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.byted-cropper-crop .byted-point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.byted-cropper-crop .byted-point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.byted-cropper-crop .byted-point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.byted-cropper-crop .byted-point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.byted-cropper-crop .byted-point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.byted-cropper-crop .byted-point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.byted-cropper-crop .byted-point-se {
  bottom: -3px;
  cursor: nwse-resize;
  opacity: 1;
  right: -3px;
}
/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
.byted-range-date-panel-range {
  display: flex;
}
.byted-range-date-panel-range > div {
  flex: 1;
}
.byted-compare-range-date-picker {
  line-height: 0;
}
.byted-compare-range-date-picker .byted-select-input-wrapper .byted-select-input-icon {
  color: #666666;
}
.byted-date-picker {
  position: relative;
}
.byted-date-picker-range .byted-input {
  min-width: 190px;
}
.byted-date-picker::before {
  content: '';
  display: block;
  width: 100%;
}
.byted-date-picker.byted-date-picker-size-xs::before {
  height: 26px;
}
.byted-date-picker.byted-date-picker-size-sm::before {
  height: 30px;
}
.byted-date-picker.byted-date-picker-size-md::before {
  height: 34px;
}
.byted-date-picker.byted-date-picker-size-lg::before {
  height: 38px;
}
.byted-date-picker.byted-date-picker-size-xl::before {
  height: 42px;
}
.byted-date-picker .byted-date-picker-trigger {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.byted-date-picker .byted-input-inner__wrapper {
  cursor: pointer;
}
.byted-date-picker .byted-input-inner__wrapper .byted-input-suffix {
  color: #666666;
}
.byted-date-picker .byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix {
  color: #666666;
}
.byted-date-panel-range {
  display: flex;
}
.byted-date-panel-range > div {
  flex: 1;
}
.byted-date-time {
  width: fit-content;
  background: #ffffff;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.byted-date-time-content {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.byted-date-time-content .byted-date-container,
.byted-date-time-content .byted-time-panel {
  box-shadow: none;
}
.byted-date-time-content .byted-date-container {
  border-right: solid 1px #e4e9ed;
  border-radius: 0;
}
.byted-date-time-content .byted-time-wrapper {
  flex: 1;
}
.byted-date-time-content .byted-time-panel {
  width: 200px;
}
.byted-date-time-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 16px;
  height: 42px;
  border-top: 1px solid #e4e9ed;
}
.byted-date-time-head {
  height: 39px;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 0;
  background: #f8f8f8;
  border-bottom: 1px solid #e3e3e3;
  font-weight: bold;
}
.byted-date-time-picker .byted-input-inner__wrapper .byted-input-suffix {
  color: #666666;
}
.byted-date-time-picker .byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix {
  color: #666666;
}
.byted-date-time-range-picker-time-container {
  position: absolute;
  width: 100%;
}
.byted-date-time-range-picker-time-container-presets {
  width: calc(100% - 120px);
  margin-left: 120px;
}
.byted-date-time-range-picker {
  position: relative;
  width: 100%;
  min-width: 380px;
}
.byted-date-time-range-picker .byted-date-picker-input-placeholder {
  min-width: 380px;
  white-space: nowrap;
}
.byted-date-time-range-picker .byted-date-time-range-picker-input {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: #333333;
}
.byted-date-time-range-picker .byted-date-time-range-picker-tilde {
  padding: 0 4px;
}
.byted-date-time-range-picker .byted-date-time-range-picker-tilde-disabled {
  cursor: not-allowed;
  color: #bdbdbd;
}
.byted-date-time-range-picker .byted-date-time-range-picker-item {
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  min-width: 150px;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
}
.byted-date-time-range-picker .byted-date-time-range-picker-item-active:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  height: 1px;
  background-color: #f60457;
}
.byted-date-time-range-picker .byted-date-time-range-picker-item-disabled {
  cursor: not-allowed;
  color: #bdbdbd;
}
.byted-date-time-range-picker .byted-date-time-range-picker-item,
.byted-date-time-range-picker .byted-date-time-range-picker-item input {
  pointer-events: auto;
  outline: none;
  border: none;
}
.byted-date-time-range-picker .byted-date-time-range-picker-item::placeholder,
.byted-date-time-range-picker .byted-date-time-range-picker-item input::placeholder {
  color: #8a8a8a;
}
.byted-date-time-range-picker .byted-date-time-range-picker-placeholder {
  user-select: none;
  color: #8a8a8a;
}
.byted-date-time-range-picker .byted-input-inner__wrapper .byted-input-suffix {
  color: #666666;
}
.byted-date-time-range-picker .byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix {
  color: #666666;
}
.byted-date-time-range-picker-popper {
  user-select: none;
  position: relative;
  width: fit-content;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-body {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-body .byted-date-container {
  box-shadow: none;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-date-panel,
.byted-date-time-range-picker-popper .byted-date-time-range-picker-time-panel {
  box-shadow: none;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-date-panel {
  display: flex;
  flex: none;
  border-right: 1px solid #e4e9ed;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-time-wrapper {
  box-shadow: none;
  width: 50%;
  position: absolute;
  z-index: 6;
  top: 0;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-time-wrapper-start {
  left: 0;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-time-wrapper-end {
  right: 0;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-time-header {
  height: 39px;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-footer {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  padding: 8px 12px;
  border-top: 1px solid #e4e9ed;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate {
  padding: 0px 10px;
  display: flex;
  font-size: 14px;
  border-top: 1px solid #e3e3e3;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-presets {
  margin-left: 119px;
  border-left: 1px solid #e3e3e3;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item {
  flex: 1;
  display: flex;
  height: 48px;
  align-items: center;
  padding-left: 18px;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item:first-child {
  border-right: 1px solid #e4e9ed;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-time:not(.byted-date-time-range-picker-operate-item-time-disabled),
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-date {
  color: #666666;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-time:not(.byted-date-time-range-picker-operate-item-time-disabled):hover,
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-date:hover {
  color: #f60457;
  cursor: pointer;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-time:not(.byted-date-time-range-picker-operate-item-time-disabled):active,
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-date:active {
  color: #d20251;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-time:not(.byted-date-time-range-picker-operate-item-time-disabled) .byted-date-time-range-picker-operate-item-date-placeholder,
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-date .byted-date-time-range-picker-operate-item-date-placeholder {
  color: #8a8a8a;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-time:not(.byted-date-time-range-picker-operate-item-time-disabled) .byted-date-time-range-picker-operate-item-date-placeholder:hover,
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-date .byted-date-time-range-picker-operate-item-date-placeholder:hover {
  color: #f60457;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-time-show:not(.byted-date-time-range-picker-operate-item-time-disabled),
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-date-show {
  color: #121212;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-time {
  margin-left: 38px;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-time-disabled {
  cursor: no-drop;
  color: #bdbdbd;
}
.byted-date-time-range-picker-popper .byted-date-time-range-picker-operate-item-icon {
  margin-right: 8px;
}
.byted-descriptions {
  color: #121212;
}
.byted-descriptions .byted-descriptions-table {
  width: 100%;
  border-collapse: collapse;
}
.byted-descriptions .byted-descriptions-header {
  font-size: 16px;
}
.byted-descriptions .byted-descriptions-view-border .byted-descriptions-item-label,
.byted-descriptions .byted-descriptions-view-border .byted-descriptions-item-value {
  border: 1px solid #e3e3e3;
}
.byted-descriptions .byted-descriptions-view-border .byted-descriptions-item-label {
  background-color: #f8f8f8;
  width: 1px;
}
.byted-descriptions .byted-descriptions-item:not(:last-child) {
  padding-right: 16px;
}
.byted-descriptions .byted-descriptions-item-container {
  display: flex;
  align-items: flex-start;
}
.byted-descriptions .byted-descriptions-item-container .byted-descriptions-item-label {
  margin-right: 6px;
}
.byted-descriptions .byted-descriptions-item-container .byted-descriptions-item-value,
.byted-descriptions .byted-descriptions-item-container .byted-descriptions-item-label {
  display: inline-flex;
  align-items: center;
}
.byted-descriptions .byted-descriptions-item-label,
.byted-descriptions .byted-descriptions-item-value {
  line-height: 22px;
  font-size: 14px;
}
.byted-descriptions .byted-descriptions-item-label {
  color: #666666;
}
.byted-descriptions .byted-descriptions-item-label-layout-vertical {
  padding-bottom: 4px;
}
.byted-descriptions-rtl {
  direction: rtl;
}
.byted-descriptions-rtl .byted-descriptions-item:not(:last-child) {
  padding-left: 16px;
  padding-right: 0px;
}
.byted-descriptions-rtl .byted-descriptions-item-container .byted-descriptions-item-label {
  margin-left: 6px;
  margin-right: 0px;
}
.byted-descriptions-size-xs .byted-descriptions-header {
  margin-bottom: 20px;
}
.byted-descriptions-size-xs .byted-descriptions-view-border .byted-descriptions-item-label,
.byted-descriptions-size-xs .byted-descriptions-view-border .byted-descriptions-item-value {
  padding: 9px 16px;
}
.byted-descriptions-size-xs tr:not(:last-child) .byted-descriptions-item,
.byted-descriptions-size-xs tr:not(:last-child) .byted-descriptions-item-value-layout-vertical {
  padding-bottom: 12px;
}
.byted-descriptions-size-md .byted-descriptions-header {
  margin-bottom: 24px;
}
.byted-descriptions-size-md .byted-descriptions-view-border .byted-descriptions-item-label,
.byted-descriptions-size-md .byted-descriptions-view-border .byted-descriptions-item-value {
  padding: 13px 16px;
}
.byted-descriptions-size-md tr:not(:last-child) .byted-descriptions-item,
.byted-descriptions-size-md tr:not(:last-child) .byted-descriptions-item-value-layout-vertical {
  padding-bottom: 16px;
}
.byted-descriptions-size-lg .byted-descriptions-header {
  margin-bottom: 28px;
}
.byted-descriptions-size-lg .byted-descriptions-view-border .byted-descriptions-item-label,
.byted-descriptions-size-lg .byted-descriptions-view-border .byted-descriptions-item-value {
  padding: 15px 16px;
}
.byted-descriptions-size-lg tr:not(:last-child) .byted-descriptions-item,
.byted-descriptions-size-lg tr:not(:last-child) .byted-descriptions-item-value-layout-vertical {
  padding-bottom: 20px;
}
.byted-divider-type-horizontal {
  display: block;
  width: 100%;
  height: 1px;
}
.byted-divider-theme-light {
  background: #e3e3e3;
}
.byted-divider-theme-light::before,
.byted-divider-theme-light::after {
  border-top-color: #e3e3e3;
}
.byted-divider-theme-dark {
  background: #e3e3e3;
}
.byted-divider-theme-dark::before,
.byted-divider-theme-dark::after {
  border-top-color: #e3e3e3;
}
.byted-divider-type-vertical {
  position: relative;
  width: 1px;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
}
.byted-divider-type-vertical.byted-divider-theme-light {
  background-color: #bdbdbd;
}
.byted-divider-type-vertical.byted-divider-theme-light::before,
.byted-divider-type-vertical.byted-divider-theme-light::after {
  border-top-color: #bdbdbd;
}
.byted-divider-type-vertical.byted-divider-theme-dark {
  background-color: #bdbdbd;
}
.byted-divider-type-vertical.byted-divider-theme-dark::before,
.byted-divider-type-vertical.byted-divider-theme-dark::after {
  border-top-color: #bdbdbd;
}
.byted-divider-orientation-center,
.byted-divider-orientation-left,
.byted-divider-orientation-right {
  display: table;
  margin: 16px 0;
  color: #121212;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  text-align: center;
  background: transparent;
}
.byted-divider-orientation-center::before,
.byted-divider-orientation-left::before,
.byted-divider-orientation-right::before,
.byted-divider-orientation-center::after,
.byted-divider-orientation-left::after,
.byted-divider-orientation-right::after {
  position: relative;
  top: 50%;
  display: table-cell;
  width: 50%;
  border-top-width: 1px;
  border-top-style: solid;
  transform: translateY(50%);
  content: '';
}
.byted-divider-dashed {
  background: none;
}
.byted-divider-dashed.byted-divider-theme-light {
  border-top: 1px dashed #e3e3e3;
}
.byted-divider-dashed.byted-divider-theme-dark {
  border-top: 1px dashed #e3e3e3;
}
.byted-divider-dashed.byted-type-vertical.byted-divider-theme-light {
  border-top: 1px dashed #bdbdbd;
}
.byted-divider-dashed.byted-type-vertical.byted-divider-theme-dark {
  border-top: 1px dashed #bdbdbd;
}
.byted-divider-dashed::before,
.byted-divider-dashed::after {
  border-top-width: 1px;
  border-top-style: dashed;
}
.byted-divider-with-text {
  border-top: 0;
}
.byted-divider-orientation-left-inner-text,
.byted-divider-orientation-right-inner-text {
  display: inline-block;
  padding: 0 24px;
}
.byted-divider-orientation-left::before {
  top: 50%;
  width: 5%;
}
.byted-divider-orientation-left::after {
  top: 50%;
  width: 95%;
}
.byted-divider-orientation-right::before {
  top: 50%;
  width: 95%;
}
.byted-divider-orientation-right::after {
  top: 50%;
  width: 5%;
}
.byted-divider-inner-text {
  display: inline-block;
  padding: 0 24px;
  font-weight: 600;
  color: #121212;
  font-size: 16px;
  line-height: 24px;
}
.byted-drawer {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
}
.byted-drawer.byted-drawer-rtl {
  direction: rtl;
}
.byted-drawer-mask {
  opacity: 0;
  background: rgba(26, 26, 27, 0.5);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}
.byted-drawer-mask-show {
  opacity: 1;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}
.byted-drawer-content-header {
  color: #121212;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  background-color: #ffffff;
  border-radius: 0px;
}
.byted-drawer-content-inner {
  margin-bottom: auto;
  padding-top: 8px;
  margin-bottom: 8px;
  padding-left: 24px;
  padding-right: 24px;
}
.byted-drawer-content-footer {
  padding: 16px 24px 16px 24px;
  border-top: 1px solid transparent;
}
.byted-drawer-close-icon {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  top: 26px;
  right: 26px;
  left: unset;
  font-size: unset;
  display: inline-flex;
  fill: #121212;
}
.byted-drawer-close-icon:hover {
  fill: #f60457;
}
.byted-drawer-close-icon:active {
  fill: #d20251;
}
.byted-drawer-close-icon-rtl {
  left: 26px;
  right: unset;
}
.byted-drawer-edge {
  position: absolute;
}
.byted-drawer-edge-close {
  top: 20px;
  left: -32px;
  width: 32px;
  height: 32px;
  border-radius: 4px 0 0 4px;
  background-color: #f60457;
  color: #ffffff;
  border-color: #f60457;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.byted-drawer-edge-close.byted-drawer-edge-placement-left {
  right: -32px;
  left: auto;
  border-radius: 0 4px 4px 0;
}
.byted-drawer-edge-close.byted-drawer-edge-placement-top {
  left: 32px;
  bottom: -32px;
  top: auto;
  border-radius: 0 0 4px 4px;
}
.byted-drawer-edge-close.byted-drawer-edge-placement-bottom {
  left: 32px;
  top: -32px;
  border-radius: 4px 4px 0 0;
}
.byted-drawer-edge-close:hover {
  background-color: #fa4b74;
  border-color: #fa4b74;
  color: #ffffff;
}
.byted-drawer-edge-close:active {
  background-color: #d20251;
  border-color: #d20251;
  color: #ffffff;
}
.byted-drawer-edge-rotate.byted-drawer-edge-placement-left .byted-icon {
  transform: rotate(180deg);
}
.byted-drawer-edge-rotate.byted-drawer-edge-placement-left.byted-drawer-edge-show .byted-icon {
  transform: rotate(0);
}
.byted-drawer-edge-rotate.byted-drawer-edge-placement-top .byted-icon {
  transform: rotate(-90deg);
}
.byted-drawer-edge-rotate.byted-drawer-edge-placement-top.byted-drawer-edge-show .byted-icon {
  transform: rotate(90deg);
}
.byted-drawer-edge-rotate.byted-drawer-edge-placement-bottom .byted-icon {
  transform: rotate(90deg);
}
.byted-drawer-edge-rotate.byted-drawer-edge-placement-bottom.byted-drawer-edge-show .byted-icon {
  transform: rotate(-90deg);
}
.byted-drawer-edge-rotate.byted-drawer-edge-show .byted-icon {
  transform: rotate(180deg);
}
.byted-drawer-edge-custom.byted-drawer-edge-placement-right {
  left: 0;
  top: 0;
  transform: translate(-100%, 0);
}
.byted-drawer-edge-custom.byted-drawer-edge-placement-left {
  top: 0;
  right: 0;
  transform: translate(100%, 0);
}
.byted-drawer-edge-custom.byted-drawer-edge-placement-top {
  bottom: 0;
  left: 0;
  transform: translate(0, 100%);
}
.byted-drawer-edge-custom.byted-drawer-edge-placement-bottom {
  top: 0;
  left: 0;
  transform: translate(0, -100%);
}
.byted-drawer-edge-hide {
  visibility: hidden;
}
.byted-drawer-edge-show {
  visibility: visible;
}
.byted-drawer-horizontal.byted-drawer-size-xs {
  width: 360px;
}
.byted-drawer-horizontal.byted-drawer-size-sm {
  width: 360px;
}
.byted-drawer-horizontal.byted-drawer-size-md {
  width: 600px;
}
.byted-drawer-horizontal.byted-drawer-size-lg {
  width: 840px;
}
.byted-drawer-horizontal.byted-drawer-size-xl {
  width: 980px;
}
.byted-drawer-vertical.byted-drawer-size-xs {
  height: 360px;
}
.byted-drawer-vertical.byted-drawer-size-sm {
  height: 360px;
}
.byted-drawer-vertical.byted-drawer-size-md {
  height: 600px;
}
.byted-drawer-vertical.byted-drawer-size-lg {
  height: 840px;
}
.byted-drawer-vertical.byted-drawer-size-xl {
  height: 980px;
}
.byted-drawer-no-mask {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.byted-drawer-dialog {
  transition: all cubic-bezier(0.3, 0, 0.9, 0.6) 0.2s;
  -webkit-transition: all cubic-bezier(0.3, 0, 0.9, 0.6) 0.2s;
  -moz-transition: all cubic-bezier(0.3, 0, 0.9, 0.6) 0.2s;
  -o-transition: all cubic-bezier(0.3, 0, 0.9, 0.6) 0.2s;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
}
.byted-drawer-dialog-placement-left {
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
}
.byted-drawer-dialog-placement-left .byted-drawer {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.byted-drawer-dialog-placement-right {
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
}
.byted-drawer-dialog-placement-right .byted-drawer {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.byted-drawer-dialog-placement-top {
  transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
}
.byted-drawer-dialog-placement-top .byted-drawer {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.byted-drawer-dialog-placement-bottom {
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
}
.byted-drawer-dialog-placement-bottom .byted-drawer {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.byted-drawer-dialog-show {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transition: all cubic-bezier(0, 0.4, 0.2, 1) 0.36s;
  -webkit-transition: all cubic-bezier(0, 0.4, 0.2, 1) 0.36s;
  -moz-transition: all cubic-bezier(0, 0.4, 0.2, 1) 0.36s;
  -o-transition: all cubic-bezier(0, 0.4, 0.2, 1) 0.36s;
}
.byted-dropdown-popover,
.byted-dropdown-submenu-popover {
  border-radius: 4px;
}
.byted-dropdown-popover.byted-popover .byted-popover-inner,
.byted-dropdown-submenu-popover.byted-popover .byted-popover-inner {
  color: #121212;
}
.byted-dropdown-submenu-popover {
  min-width: 100px;
}
.byted-dropdown-submenu-inner-wrapper {
  display: flex;
}
.byted-dropdown-submenu-header-open-icon {
  margin-left: auto;
  font-size: 16px;
}
.byted-dropdown-link-title {
  margin-left: 4px;
}
.byted-dropdown-link-title-empty {
  display: none;
}
.byted-dropdown-link.byted-link:hover {
  text-decoration: none;
}
.byted-dropdown-link.byted-link:focus {
  color: none;
}
.byted-dropdown-link.byted-link:active {
  text-decoration: none;
}
.byted-dropdown-link.byted-link:visited {
  text-decoration: none;
}
.byted-dropdown-trigger .byted-dropdown-link-empty {
  display: inline;
}
.byted-dropdown-menu::before,
.byted-dropdown-menu::after {
  display: block;
  content: '';
  height: 0px;
  background-color: #fff;
  z-index: 1;
  position: sticky;
}
.byted-dropdown-menu::before {
  top: 0;
}
.byted-dropdown-menu::after {
  bottom: 0;
}
.byted-date-container {
  width: fit-content;
}
.byted-date-container .byted-date-container {
  box-shadow: none;
}
.byted-dynamic-date-customize {
  display: flex;
  height: 38px;
  background-color: #f8f8f8;
  justify-content: space-around;
}
.byted-dynamic-date-customize-item {
  display: flex;
  align-items: center;
  width: fit-content;
  font-size: 14px;
  white-space: nowrap;
}
.byted-dynamic-date-customize-item:last-of-type {
  margin-right: 0px;
}
.byted-dynamic-date-customize-item .byted-select {
  max-width: 90px;
  margin: 0 6px;
}
.byted-dynamic-date-customize-item .byted-input-number {
  background-color: #ffffff;
  max-width: 60px;
  margin: 0 6px;
}
.byted-dynamic-date-footer {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 8px 15px;
}
.byted-dynamic-date-footer-extra {
  flex: auto;
  margin-right: 20px;
}
.byted-dynamic-date-footer-extra-err {
  text-align: right;
  font-size: 14px;
  color: #d83e0e;
}
.byted-dynamic-date-footer-op {
  flex: none;
  text-align: right;
}
.byted-dynamic-date-footer-op .byted-btn {
  margin-left: 8px;
}
.byted-dynamic-date-header {
  display: flex;
  height: 39px;
  background-color: #f8f8f8;
  font-size: 16px;
}
.byted-dynamic-date-header-left {
  flex: 1;
}
.byted-dynamic-date-header-right {
  flex: 1;
}
.byted-dynamic-date-header-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.byted-dynamic-date-header-item-active {
  background-color: #ffffff;
  border-bottom: 2px solid #f60457;
  font-weight: 600;
}
.byted-dynamic-date-preview {
  margin: 16px 24px;
  font-size: 14px;
}
.byted-dynamic-date-view {
  width: 564px;
  height: 279px;
  display: flex;
  flex-direction: column;
}
.byted-dynamic-date-view-wider {
  width: 664px;
}
.byted-dynamic-date-category {
  color: #bdbdbd;
  text-align: left;
  margin-left: 24px;
  flex: 0.5;
  max-width: 60px;
}
.byted-empty {
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.byted-empty-inner {
  margin: auto;
  padding-top: 44px;
  padding-bottom: 58px;
}
.byted-empty-icon {
  font-size: 40px;
  color: #bdbdbd;
}
.byted-empty-detail {
  margin-top: 9px;
}
.byted-empty-detail-typed {
  margin-top: 20px;
}
.byted-empty-title {
  color: #121212;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 12px;
}
.byted-empty-operation {
  margin-top: 20px;
}
.byted-empty-inner-text {
  font-size: 14px;
  line-height: 22px;
  color: #bdbdbd;
}
.byted-error-boundary-info {
  margin-left: 4px;
  color: #d83e0e;
}
.byted-error-boundary-popper {
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  max-width: 400px;
  max-height: 200px;
  overflow-y: scroll;
  color: #d83e0e;
}
.byted-form-inline .byted-form-container {
  display: inline-flex;
  margin-right: 16px;
}
.byted-form-vertical .byted-form-container {
  display: block;
}
.byted-form-vertical .byted-form-container.byted-form-container-size-xl .byted-form-container-label + .byted-form-container-content {
  margin-left: 0;
}
.byted-form-vertical .byted-form-container.byted-form-container-size-xl .byted-form-container-label.byted-form-container-label-align-left + .byted-form-container-content,
.byted-form-vertical .byted-form-container.byted-form-container-size-xl .byted-form-container-label.byted-form-container-label-align-right + .byted-form-container-content {
  margin-left: 0;
}
.byted-form-vertical .byted-form-container.byted-form-container-size-lg .byted-form-container-label + .byted-form-container-content {
  margin-left: 0;
}
.byted-form-vertical .byted-form-container.byted-form-container-size-lg .byted-form-container-label.byted-form-container-label-align-left + .byted-form-container-content,
.byted-form-vertical .byted-form-container.byted-form-container-size-lg .byted-form-container-label.byted-form-container-label-align-right + .byted-form-container-content {
  margin-left: 0;
}
.byted-form-vertical .byted-form-container.byted-form-container-size-md .byted-form-container-label + .byted-form-container-content {
  margin-left: 0;
}
.byted-form-vertical .byted-form-container.byted-form-container-size-md .byted-form-container-label.byted-form-container-label-align-left + .byted-form-container-content,
.byted-form-vertical .byted-form-container.byted-form-container-size-md .byted-form-container-label.byted-form-container-label-align-right + .byted-form-container-content {
  margin-left: 0;
}
.byted-form-vertical .byted-form-container.byted-form-container-size-sm .byted-form-container-label + .byted-form-container-content {
  margin-left: 0;
}
.byted-form-vertical .byted-form-container.byted-form-container-size-sm .byted-form-container-label.byted-form-container-label-align-left + .byted-form-container-content,
.byted-form-vertical .byted-form-container.byted-form-container-size-sm .byted-form-container-label.byted-form-container-label-align-right + .byted-form-container-content {
  margin-left: 0;
}
.byted-form-vertical .byted-form-container.byted-form-container-size-xs .byted-form-container-label + .byted-form-container-content {
  margin-left: 0;
}
.byted-form-vertical .byted-form-container.byted-form-container-size-xs .byted-form-container-label.byted-form-container-label-align-left + .byted-form-container-content,
.byted-form-vertical .byted-form-container.byted-form-container-size-xs .byted-form-container-label.byted-form-container-label-align-right + .byted-form-container-content {
  margin-left: 0;
}
.byted-form-container-level-0 {
  margin-bottom: 40px;
}
.byted-form-container-level-0 .byted-form-container-hint {
  margin-bottom: 40px;
}
.byted-form-container-level-0.byted-form-container-with-hint .byted-form-container-help {
  margin-bottom: 0;
}
.byted-form-container-level-0 .byted-form-container-help {
  margin-bottom: 16px;
}
.byted-form-container-level-0.byted-form-container-with-help .byted-form-container-hint {
  margin-top: 4px;
  margin-bottom: 20px;
}
.byted-form-container-level-1 {
  margin-bottom: 32px;
}
.byted-form-container-level-1 .byted-form-container-hint {
  margin-bottom: 32px;
}
.byted-form-container-level-1.byted-form-container-with-hint .byted-form-container-help {
  margin-bottom: 0;
}
.byted-form-container-level-1 .byted-form-container-help {
  margin-bottom: 8px;
}
.byted-form-container-level-1.byted-form-container-with-help .byted-form-container-hint {
  margin-top: 4px;
  margin-bottom: 12px;
}
.byted-form-container-level-2 {
  margin-bottom: 24px;
}
.byted-form-container-level-2 .byted-form-container-hint {
  margin-bottom: 24px;
}
.byted-form-container-level-2.byted-form-container-with-hint .byted-form-container-help {
  margin-bottom: 0;
}
.byted-form-container-level-2 .byted-form-container-help {
  margin-bottom: 8px;
}
.byted-form-container-level-2.byted-form-container-with-help .byted-form-container-hint {
  margin-top: 4px;
  margin-bottom: 8px;
}
.byted-form-container-level-3 {
  margin-bottom: 16px;
}
.byted-form-container-level-3 .byted-form-container-hint {
  margin-bottom: 16px;
}
.byted-form-container-level-3.byted-form-container-with-hint .byted-form-container-help {
  margin-bottom: 0;
}
.byted-form-container-level-3 .byted-form-container-help {
  margin-bottom: 8px;
}
.byted-form-container-level-3.byted-form-container-with-help .byted-form-container-hint {
  margin-top: 4px;
  margin-bottom: 8px;
}
.byted-form-container-level-4 {
  margin-bottom: 8px;
}
.byted-form-container-level-4 .byted-form-container-hint {
  margin-bottom: 8px;
}
.byted-form-container-level-4.byted-form-container-with-hint .byted-form-container-help {
  margin-bottom: 0;
}
.byted-form-container-level-4 .byted-form-container-help {
  margin-bottom: 8px;
}
.byted-form-container-level-4.byted-form-container-with-help .byted-form-container-hint {
  margin-top: 4px;
  margin-bottom: 8px;
}
.byted-form-container-level-5 {
  margin-bottom: 0px;
}
.byted-form-container-level-5 .byted-form-container-hint {
  margin-bottom: 0px;
}
.byted-form-container-level-5.byted-form-container-with-hint .byted-form-container-help {
  margin-bottom: 0;
}
.byted-form-container-level-5 .byted-form-container-help {
  margin-bottom: 8px;
}
.byted-form-container-level-5.byted-form-container-with-help .byted-form-container-hint {
  margin-top: 4px;
  margin-bottom: 8px;
}
.byted-form-container {
  display: flex;
  box-sizing: border-box;
  color: #121212;
  vertical-align: top;
  position: relative;
  font-size: 14px;
  line-height: 22px;
}
.byted-form-container.byted-form-container-vertical {
  flex-direction: column;
}
.byted-form-container.byted-form-container-inline {
  display: inline-flex;
  margin-left: unset;
  margin-right: 16px;
}
.byted-form-container.byted-form-container-rtl.byted-form-container-inline {
  margin-left: 16px;
  margin-right: unset;
}
.byted-form-container.byted-form-container-size-sm .byted-form-container-label {
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
  width: 100px;
  word-wrap: break-word;
  padding: 4px 20px 4px 0;
}
.byted-form-container.byted-form-container-size-sm .byted-form-container-label.byted-form-container-label-rtl {
  padding: 4px 0 4px 20px;
}
.byted-form-container.byted-form-container-size-sm .byted-form-container-label + .byted-form-container-content {
  font-size: 14px;
  line-height: 22px;
}
.byted-form-container.byted-form-container-size-sm .byted-form-container-label.byted-form-container-label-required:after {
  top: 15px;
}
.byted-form-container.byted-form-container-size-sm .byted-form-container-label.byted-form-container-label-vertical {
  width: unset;
}
.byted-form-container.byted-form-container-size-md .byted-form-container-label {
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
  width: 130px;
  word-wrap: break-word;
  padding: 6px 20px 6px 0;
}
.byted-form-container.byted-form-container-size-md .byted-form-container-label.byted-form-container-label-rtl {
  padding: 6px 0 6px 20px;
}
.byted-form-container.byted-form-container-size-md .byted-form-container-label + .byted-form-container-content {
  font-size: 14px;
  line-height: 22px;
}
.byted-form-container.byted-form-container-size-md .byted-form-container-label.byted-form-container-label-required:after {
  top: 17px;
}
.byted-form-container.byted-form-container-size-md .byted-form-container-label.byted-form-container-label-vertical {
  width: unset;
}
.byted-form-container.byted-form-container-size-lg .byted-form-container-label {
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
  width: 180px;
  word-wrap: break-word;
  padding: 8px 20px 8px 0;
}
.byted-form-container.byted-form-container-size-lg .byted-form-container-label.byted-form-container-label-rtl {
  padding: 8px 0 8px 20px;
}
.byted-form-container.byted-form-container-size-lg .byted-form-container-label + .byted-form-container-content {
  font-size: 14px;
  line-height: 22px;
}
.byted-form-container.byted-form-container-size-lg .byted-form-container-label.byted-form-container-label-required:after {
  top: 19px;
}
.byted-form-container.byted-form-container-size-lg .byted-form-container-label.byted-form-container-label-vertical {
  width: unset;
}
.byted-form-container-hint,
.byted-form-container-help {
  margin-top: 4px;
  color: #8a8a8a;
  font-size: 12px;
  line-height: 20px;
}
.byted-form-container-content {
  flex: 1;
  text-align: left;
}
.byted-form-container-content-rtl {
  text-align: right;
}
.byted-form-container-label {
  position: relative;
  flex: none;
  vertical-align: middle;
  color: #121212;
  font-weight: 400;
  direction: ltr;
}
.byted-form-container-label.byted-form-container-label-required:after {
  content: '';
  display: inline-block;
  position: absolute;
  color: #d83e0e;
  width: 4px;
  height: 4px;
  background: #d83e0e;
  border-radius: 50%;
  margin-left: 8px;
  margin-right: unset;
  top: 50%;
  transform: translateY(-50%);
}
.byted-form-container-label-rtl.byted-form-container-label-required:after {
  margin-right: 8px;
  margin-left: unset;
}
.byted-form-container-label-colon {
  position: absolute;
  margin-left: 2px;
  margin-right: unset;
  font-size: 14px;
  line-height: 22px;
  top: 50%;
  transform: translateY(-50%);
}
.byted-form-container-label-rtl .byted-form-container-label-colon {
  margin-left: unset;
  margin-right: 2px;
}
.byted-form-container .byted-form-container-label-tooltip {
  vertical-align: baseline;
}
.byted-form-container-label-tooltip-icon {
  margin-left: unset;
  margin-right: 4px;
  color: #8a8a8a;
}
.byted-form-container-label-tooltip-icon:hover {
  color: #8a8a8a;
}
.byted-form-container-label-rtl .byted-form-container-label-tooltip-icon {
  margin-left: 4px;
  margin-right: unset;
}
.byted-form-container-label-align-start {
  text-align: left;
}
.byted-form-container-label-align-end {
  text-align: right;
}
.byted-form-container-label.byted-form-container-label-rtl {
  direction: rtl;
}
.byted-form-container-label.byted-form-container-label-rtl.byted-form-container-label-align-start {
  text-align: right;
}
.byted-form-container-label.byted-form-container-label-rtl.byted-form-container-label-align-end {
  text-align: left;
}
.byted-form-container-label.byted-form-container-label-vertical {
  position: relative;
  display: inline-block;
  text-align: left;
}
.byted-form-container-label.byted-form-container-label-rtl.byted-form-container-label-vertical {
  text-align: right;
}
.byted-form-container .has-error > .byted-form-container-help {
  color: #d83e0e;
}
.byted-form-container .has-warning > .byted-form-container-help {
  color: #e0a111;
}
.byted-form-container .has-success > .byted-form-container-help {
  color: #28a666;
}
.byted-form-container-with-hint,
.byted-form-container-with-help {
  margin-bottom: 0;
}
.byted-form-container-hint,
.byted-form-container-help {
  margin-top: 4px;
  color: #8a8a8a;
  font-size: 12px;
  line-height: 20px;
}
.byted-form-container-layout1 {
  margin-bottom: 24px;
}
.byted-form-container-layout1 .byted-form-container-hint {
  margin-top: 4px;
  margin-bottom: 0px;
}
.byted-form-container-layout1 .byted-form-container-help {
  margin-top: 4px;
  margin-bottom: 0px;
}
.byted-form-container-layout1 .byted-form-container-hint {
  font-size: 12px;
  line-height: 18px;
}
.byted-form-container-layout1 .byted-form-container-help {
  font-size: 12px;
  line-height: 18px;
}
.byted-form-container-layout1.byted-form-container-size-xs .byted-form-container-label {
  width: 100px;
  padding: 4px 16px 4px 0;
  font-size: 12px;
  line-height: 18px;
}
.byted-form-container-layout1.byted-form-container-size-xs .byted-form-container-label-required::before {
  margin-right: 10px;
}
.byted-form-container-layout1.byted-form-container-size-xs .byted-form-container-label-tooltip-icon {
  margin-right: 4px;
}
.byted-form-container-layout1.byted-form-container-size-xs.byted-form-container-vertical .byted-form-container-label {
  display: inline-flex;
  padding-top: 0px;
  padding-bottom: 4px;
}
.byted-form-container-layout1.byted-form-container-size-xs.byted-form-container-vertical .byted-form-container-label-required:after {
  top: 9px;
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout1.byted-form-container-size-xs.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout1.byted-form-container-size-xs.byted-form-container-rtl .byted-form-container-label-required::before {
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout1.byted-form-container-size-xs.byted-form-container-rtl .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout1.byted-form-container-size-xs.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-required:after {
  margin-left: unset;
  margin-right: 10px;
}
.byted-form-container-layout1.byted-form-container-size-xs.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-left: unset;
  margin-right: 4px;
}
.byted-form-container-layout1.byted-form-container-size-sm .byted-form-container-label {
  width: 100px;
  padding: 6px 16px 6px 0;
  font-size: 12px;
  line-height: 18px;
}
.byted-form-container-layout1.byted-form-container-size-sm .byted-form-container-label-required::before {
  margin-right: 10px;
}
.byted-form-container-layout1.byted-form-container-size-sm .byted-form-container-label-tooltip-icon {
  margin-right: 4px;
}
.byted-form-container-layout1.byted-form-container-size-sm.byted-form-container-vertical .byted-form-container-label {
  display: inline-flex;
  padding-top: 0px;
  padding-bottom: 4px;
}
.byted-form-container-layout1.byted-form-container-size-sm.byted-form-container-vertical .byted-form-container-label-required:after {
  top: 9px;
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout1.byted-form-container-size-sm.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout1.byted-form-container-size-sm.byted-form-container-rtl .byted-form-container-label-required::before {
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout1.byted-form-container-size-sm.byted-form-container-rtl .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout1.byted-form-container-size-sm.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-required:after {
  margin-left: unset;
  margin-right: 10px;
}
.byted-form-container-layout1.byted-form-container-size-sm.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-left: unset;
  margin-right: 4px;
}
.byted-form-container-layout1.byted-form-container-size-md .byted-form-container-label {
  width: 130px;
  padding: 6px 24px 6px 0;
  font-size: 14px;
  line-height: 22px;
}
.byted-form-container-layout1.byted-form-container-size-md .byted-form-container-label-required::before {
  margin-right: 10px;
}
.byted-form-container-layout1.byted-form-container-size-md .byted-form-container-label-tooltip-icon {
  margin-right: 4px;
}
.byted-form-container-layout1.byted-form-container-size-md.byted-form-container-vertical .byted-form-container-label {
  display: inline-flex;
  padding-top: 0px;
  padding-bottom: 4px;
}
.byted-form-container-layout1.byted-form-container-size-md.byted-form-container-vertical .byted-form-container-label-required:after {
  top: 11px;
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout1.byted-form-container-size-md.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout1.byted-form-container-size-md.byted-form-container-rtl .byted-form-container-label-required::before {
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout1.byted-form-container-size-md.byted-form-container-rtl .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout1.byted-form-container-size-md.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-required:after {
  margin-left: unset;
  margin-right: 10px;
}
.byted-form-container-layout1.byted-form-container-size-md.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-left: unset;
  margin-right: 4px;
}
.byted-form-container-layout1.byted-form-container-size-lg .byted-form-container-label {
  width: 160px;
  padding: 8px 24px 8px 0;
  font-size: 14px;
  line-height: 22px;
}
.byted-form-container-layout1.byted-form-container-size-lg .byted-form-container-label-required::before {
  margin-right: 10px;
}
.byted-form-container-layout1.byted-form-container-size-lg .byted-form-container-label-tooltip-icon {
  margin-right: 4px;
}
.byted-form-container-layout1.byted-form-container-size-lg.byted-form-container-vertical .byted-form-container-label {
  display: inline-flex;
  padding-top: 0px;
  padding-bottom: 4px;
}
.byted-form-container-layout1.byted-form-container-size-lg.byted-form-container-vertical .byted-form-container-label-required:after {
  top: 11px;
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout1.byted-form-container-size-lg.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout1.byted-form-container-size-lg.byted-form-container-rtl .byted-form-container-label-required::before {
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout1.byted-form-container-size-lg.byted-form-container-rtl .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout1.byted-form-container-size-lg.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-required:after {
  margin-left: unset;
  margin-right: 10px;
}
.byted-form-container-layout1.byted-form-container-size-lg.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-left: unset;
  margin-right: 4px;
}
.byted-form-container-layout1.byted-form-container-size-xl .byted-form-container-label {
  width: 160px;
  padding: 9px 24px 9px 0;
  font-size: 16px;
  line-height: 24px;
}
.byted-form-container-layout1.byted-form-container-size-xl .byted-form-container-label-required::before {
  margin-right: 10px;
}
.byted-form-container-layout1.byted-form-container-size-xl .byted-form-container-label-tooltip-icon {
  margin-right: 4px;
}
.byted-form-container-layout1.byted-form-container-size-xl.byted-form-container-vertical .byted-form-container-label {
  display: inline-flex;
  padding-top: 0px;
  padding-bottom: 4px;
}
.byted-form-container-layout1.byted-form-container-size-xl.byted-form-container-vertical .byted-form-container-label-required:after {
  top: 12px;
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout1.byted-form-container-size-xl.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout1.byted-form-container-size-xl.byted-form-container-rtl .byted-form-container-label-required::before {
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout1.byted-form-container-size-xl.byted-form-container-rtl .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout1.byted-form-container-size-xl.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-required:after {
  margin-left: unset;
  margin-right: 10px;
}
.byted-form-container-layout1.byted-form-container-size-xl.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-left: unset;
  margin-right: 4px;
}
.byted-form-container-layout1 .byted-form-container-label:not(.byted-form-container-label-vertical).byted-form-container-label-required:after {
  display: none;
  content: '';
  width: 4px;
  height: 4px;
  background: #d83e0e;
  border-radius: 50%;
  transform: translateY(-50%);
}
.byted-form-container-layout1 .byted-form-container-label:not(.byted-form-container-label-vertical).byted-form-container-label-required:before {
  position: relative;
  display: inline-block;
  content: '';
  width: 4px;
  height: 4px;
  background: #d83e0e;
  border-radius: 50%;
  transform: translateY(-50%);
}
.byted-form-container-layout1 .byted-form-container-label:not(.byted-form-container-label-vertical).byted-form-container-label-align-start {
  text-align: left;
}
.byted-form-container-layout1 .byted-form-container-label:not(.byted-form-container-label-vertical).byted-form-container-label-align-end {
  text-align: right;
}
.byted-form-container-layout1 .byted-form-container-label:not(.byted-form-container-label-vertical).byted-form-container-label-rtl.byted-form-container-label-align-start {
  text-align: right;
}
.byted-form-container-layout1 .byted-form-container-label:not(.byted-form-container-label-vertical).byted-form-container-label-rtl.byted-form-container-label-align-end {
  text-align: left;
}
.byted-form-container-layout1 .byted-form-container-label-vertical::after {
  position: relative;
}
.byted-form-container-layout2 {
  margin-bottom: 28px;
}
.byted-form-container-layout2 .byted-form-container-help {
  margin-bottom: 6px;
}
.byted-form-container-layout2 .byted-form-container-hint {
  margin-bottom: 0;
}
.byted-form-container-layout2.byted-form-container-with-help {
  margin-bottom: 0;
}
.byted-form-container-layout2.byted-form-container-with-help .byted-form-container-help:not(:nth-last-child(1)) {
  margin-bottom: 0px;
}
.byted-form-container-layout2.byted-form-container-with-help .byted-form-container-hint {
  margin-top: 0px;
  margin-bottom: 10px;
}
.byted-form-container-layout2 .byted-form-container-hint {
  font-size: 12px;
  line-height: 18px;
}
.byted-form-container-layout2 .byted-form-container-help {
  font-size: 12px;
  line-height: 18px;
}
.byted-form-container-layout2.byted-form-container-size-xs .byted-form-container-label {
  width: 100px;
  padding: 4px 16px 4px 0;
  font-size: 12px;
  line-height: 18px;
}
.byted-form-container-layout2.byted-form-container-size-xs .byted-form-container-label-required::before {
  margin-right: 10px;
}
.byted-form-container-layout2.byted-form-container-size-xs .byted-form-container-label-tooltip-icon {
  margin-right: 4px;
}
.byted-form-container-layout2.byted-form-container-size-xs.byted-form-container-vertical .byted-form-container-label {
  display: inline-flex;
  padding-top: 0px;
  padding-bottom: 4px;
}
.byted-form-container-layout2.byted-form-container-size-xs.byted-form-container-vertical .byted-form-container-label-required:after {
  content: '*';
  top: unset;
  width: unset;
  height: unset;
  background: unset;
  border-radius: unset;
  transform: unset;
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout2.byted-form-container-size-xs.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout2.byted-form-container-size-xs.byted-form-container-rtl .byted-form-container-label-required::before {
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout2.byted-form-container-size-xs.byted-form-container-rtl .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout2.byted-form-container-size-xs.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-required:after {
  margin-left: unset;
  margin-right: 10px;
}
.byted-form-container-layout2.byted-form-container-size-xs.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-left: unset;
  margin-right: 4px;
}
.byted-form-container-layout2.byted-form-container-size-sm .byted-form-container-label {
  width: 100px;
  padding: 6px 16px 6px 0;
  font-size: 12px;
  line-height: 18px;
}
.byted-form-container-layout2.byted-form-container-size-sm .byted-form-container-label-required::before {
  margin-right: 10px;
}
.byted-form-container-layout2.byted-form-container-size-sm .byted-form-container-label-tooltip-icon {
  margin-right: 4px;
}
.byted-form-container-layout2.byted-form-container-size-sm.byted-form-container-vertical .byted-form-container-label {
  display: inline-flex;
  padding-top: 0px;
  padding-bottom: 4px;
}
.byted-form-container-layout2.byted-form-container-size-sm.byted-form-container-vertical .byted-form-container-label-required:after {
  content: '*';
  top: unset;
  width: unset;
  height: unset;
  background: unset;
  border-radius: unset;
  transform: unset;
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout2.byted-form-container-size-sm.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout2.byted-form-container-size-sm.byted-form-container-rtl .byted-form-container-label-required::before {
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout2.byted-form-container-size-sm.byted-form-container-rtl .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout2.byted-form-container-size-sm.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-required:after {
  margin-left: unset;
  margin-right: 10px;
}
.byted-form-container-layout2.byted-form-container-size-sm.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-left: unset;
  margin-right: 4px;
}
.byted-form-container-layout2.byted-form-container-size-md .byted-form-container-label {
  width: 130px;
  padding: 6px 24px 6px 0;
  font-size: 14px;
  line-height: 22px;
}
.byted-form-container-layout2.byted-form-container-size-md .byted-form-container-label-required::before {
  margin-right: 10px;
}
.byted-form-container-layout2.byted-form-container-size-md .byted-form-container-label-tooltip-icon {
  margin-right: 4px;
}
.byted-form-container-layout2.byted-form-container-size-md.byted-form-container-vertical .byted-form-container-label {
  display: inline-flex;
  padding-top: 0px;
  padding-bottom: 4px;
}
.byted-form-container-layout2.byted-form-container-size-md.byted-form-container-vertical .byted-form-container-label-required:after {
  content: '*';
  top: unset;
  width: unset;
  height: unset;
  background: unset;
  border-radius: unset;
  transform: unset;
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout2.byted-form-container-size-md.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout2.byted-form-container-size-md.byted-form-container-rtl .byted-form-container-label-required::before {
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout2.byted-form-container-size-md.byted-form-container-rtl .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout2.byted-form-container-size-md.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-required:after {
  margin-left: unset;
  margin-right: 10px;
}
.byted-form-container-layout2.byted-form-container-size-md.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-left: unset;
  margin-right: 4px;
}
.byted-form-container-layout2.byted-form-container-size-lg .byted-form-container-label {
  width: 160px;
  padding: 8px 24px 8px 0;
  font-size: 14px;
  line-height: 22px;
}
.byted-form-container-layout2.byted-form-container-size-lg .byted-form-container-label-required::before {
  margin-right: 10px;
}
.byted-form-container-layout2.byted-form-container-size-lg .byted-form-container-label-tooltip-icon {
  margin-right: 4px;
}
.byted-form-container-layout2.byted-form-container-size-lg.byted-form-container-vertical .byted-form-container-label {
  display: inline-flex;
  padding-top: 0px;
  padding-bottom: 4px;
}
.byted-form-container-layout2.byted-form-container-size-lg.byted-form-container-vertical .byted-form-container-label-required:after {
  content: '*';
  top: unset;
  width: unset;
  height: unset;
  background: unset;
  border-radius: unset;
  transform: unset;
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout2.byted-form-container-size-lg.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout2.byted-form-container-size-lg.byted-form-container-rtl .byted-form-container-label-required::before {
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout2.byted-form-container-size-lg.byted-form-container-rtl .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout2.byted-form-container-size-lg.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-required:after {
  margin-left: unset;
  margin-right: 10px;
}
.byted-form-container-layout2.byted-form-container-size-lg.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-left: unset;
  margin-right: 4px;
}
.byted-form-container-layout2.byted-form-container-size-xl .byted-form-container-label {
  width: 160px;
  padding: 9px 24px 9px 0;
  font-size: 16px;
  line-height: 24px;
}
.byted-form-container-layout2.byted-form-container-size-xl .byted-form-container-label-required::before {
  margin-right: 10px;
}
.byted-form-container-layout2.byted-form-container-size-xl .byted-form-container-label-tooltip-icon {
  margin-right: 4px;
}
.byted-form-container-layout2.byted-form-container-size-xl.byted-form-container-vertical .byted-form-container-label {
  display: inline-flex;
  padding-top: 0px;
  padding-bottom: 4px;
}
.byted-form-container-layout2.byted-form-container-size-xl.byted-form-container-vertical .byted-form-container-label-required:after {
  content: '*';
  top: unset;
  width: unset;
  height: unset;
  background: unset;
  border-radius: unset;
  transform: unset;
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout2.byted-form-container-size-xl.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout2.byted-form-container-size-xl.byted-form-container-rtl .byted-form-container-label-required::before {
  margin-right: unset;
  margin-left: 10px;
}
.byted-form-container-layout2.byted-form-container-size-xl.byted-form-container-rtl .byted-form-container-label-tooltip-icon {
  margin-right: unset;
  margin-left: 4px;
}
.byted-form-container-layout2.byted-form-container-size-xl.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-required:after {
  margin-left: unset;
  margin-right: 10px;
}
.byted-form-container-layout2.byted-form-container-size-xl.byted-form-container-rtl.byted-form-container-vertical .byted-form-container-label-tooltip-icon {
  margin-left: unset;
  margin-right: 4px;
}
.byted-form-container-layout2 .byted-form-container-label:not(.byted-form-container-label-vertical).byted-form-container-label-required:after {
  display: none;
  content: '*';
  color: #d83e0e;
}
.byted-form-container-layout2 .byted-form-container-label:not(.byted-form-container-label-vertical).byted-form-container-label-required:before {
  position: relative;
  display: inline-block;
  content: '*';
  color: #d83e0e;
}
.byted-form-container-layout2 .byted-form-container-label:not(.byted-form-container-label-vertical).byted-form-container-label-align-start {
  text-align: left;
}
.byted-form-container-layout2 .byted-form-container-label:not(.byted-form-container-label-vertical).byted-form-container-label-align-end {
  text-align: right;
}
.byted-form-container-layout2 .byted-form-container-label:not(.byted-form-container-label-vertical).byted-form-container-label-rtl.byted-form-container-label-align-start {
  text-align: right;
}
.byted-form-container-layout2 .byted-form-container-label:not(.byted-form-container-label-vertical).byted-form-container-label-rtl.byted-form-container-label-align-end {
  text-align: left;
}
.byted-form-container-layout2 .byted-form-container-label-vertical::after {
  position: relative;
}
.byted-form-container-tooltip-popover.byted-popover,
.byted-form-container-tooltip-popover.byted-popover .byted-popover-inner {
  border-radius: 4px;
}
.byted-form-container-tooltip-popover.byted-popover .byted-tooltip-inner {
  padding: 8px 16px 8px 16px;
}
.byted-form-container-tooltip-popover-title {
  font-weight: 600;
}
.byted-form-container-tooltip-popover-hasContent .byted-form-container-tooltip-popover-title {
  margin-bottom: 4px;
}
.byted-form-container-tooltip-popover-title-modal-white {
  color: #121212;
}
.byted-form-container-tooltip-popover-hasTitle.byted-form-container-tooltip-popover-modal-white .byted-tooltip-inner {
  color: #8a8a8a;
}
.byted-form-container-readonly {
  margin-bottom: 12px;
}
.byted-form-container-label-readonly {
  color: #8a8a8a;
  width: 198px;
  padding-right: 20px;
}
.byted-form-container-label-readonly.byted-form-container-label-rtl {
  padding-left: 20px;
}
.byted-form-container-content-readonly {
  color: #121212;
}
.byted-form-error {
  color: #d83e0e;
  margin-top: 4px;
  font-size: 12px;
  line-height: 20px;
}
.byted-image-view {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 48px 104px;
  background: rgba(51, 51, 51, 0.4);
}
.byted-image-view-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.byted-image-view-container img {
  position: relative;
  cursor: grab;
}
.byted-image-view-top {
  position: fixed;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
}
.byted-image-view-close {
  position: fixed;
  top: 32px;
  right: 32px;
  font-size: 20px;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 24px;
  cursor: pointer;
  color: white;
}
.byted-image-view-close:hover {
  background: rgba(0, 0, 0, 0.4);
}
.byted-image-view-center-operate {
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 32px;
}
.byted-image-view-center-operate .byted-icon {
  cursor: pointer;
}
.byted-image-view-bottom {
  position: fixed;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
}
.byted-image-view-bottom-operate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 388px;
  height: 42px;
  padding: 0 24px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 24px;
  font-size: 14px;
  color: white;
}
.byted-image-view-bottom-operate span {
  user-select: none;
}
.byted-image-view-bottom-operate .byted-icon {
  display: inline-flex;
  width: 26px;
  height: 26px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
}
.byted-image-view-bottom-operate .byted-icon:hover {
  background: rgba(255, 255, 255, 0.12);
}
.byted-image-view-bottom-operate-divide {
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #fff;
  opacity: 0.3;
}
.byted-image-view-bottom-operate-num {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.byted-image-view-bottom-operate-disabled {
  opacity: 0.24;
  cursor: not-allowed !important;
}
.byted-image-view-bottom-operate-disabled:hover {
  background: none !important;
}
.byted-info {
  border-radius: 4px;
  color: #121212;
  box-sizing: border-box;
  text-align: left;
  pointer-events: auto;
  border-width: 1px;
  border-style: solid;
}
.byted-info-rtl {
  direction: rtl;
  text-align: unset;
}
.byted-info-rtl .byted-info-body-box {
  flex: 1;
  padding-left: 2px;
  padding-right: 8px;
}
.byted-info-size-lg {
  font-size: 14px;
  line-height: 22px;
  padding: 7px 16px;
}
.byted-info-size-lg .byted-info-body-icon {
  font-size: 16px;
}
.byted-info-size-md {
  font-size: 14px;
  line-height: 22px;
  padding: 5px 16px;
}
.byted-info-size-md .byted-info-body-icon {
  font-size: 16px;
}
.byted-info-size-sm {
  font-size: 12px;
  line-height: 18px;
  padding: 4px 16px;
}
.byted-info-size-sm .byted-info-body-icon {
  font-size: 14px;
}
.byted-info-type-success {
  border-color: #98dcb7;
  background: #ebf8ef;
}
.byted-info-type-success .byted-info-body-icon {
  color: #28a666;
}
.byted-info-type-success .byted-info-body-close {
  color: #28a666;
}
.byted-info-type-success .byted-info-body-close:hover {
  color: #28a666;
}
.byted-info-type-info {
  border-color: #9fb6fc;
  background: #e8efff;
}
.byted-info-type-info .byted-info-body-icon {
  color: #3451f7;
}
.byted-info-type-info .byted-info-body-close {
  color: #3451f7;
}
.byted-info-type-info .byted-info-body-close:hover {
  color: #3451f7;
}
.byted-info-type-warning {
  border-color: #f2e091;
  background: #fff8e0;
}
.byted-info-type-warning .byted-info-body-icon {
  color: #e0a111;
}
.byted-info-type-warning .byted-info-body-close {
  color: #e0a111;
}
.byted-info-type-warning .byted-info-body-close:hover {
  color: #e0a111;
}
.byted-info-type-error {
  border-color: #f0b495;
  background: #ffede8;
}
.byted-info-type-error .byted-info-body-icon {
  color: #d83e0e;
}
.byted-info-type-error .byted-info-body-close {
  color: #d83e0e;
}
.byted-info-type-error .byted-info-body-close:hover {
  color: #d83e0e;
}
.byted-info-type-default {
  border-color: #f2f2f2;
  background: #f2f2f2;
}
.byted-info-type-default .byted-info-body-icon {
  color: #bdbdbd;
}
.byted-info-type-default .byted-info-body-close {
  color: #bdbdbd;
}
.byted-info-type-default .byted-info-body-close:hover {
  color: #bdbdbd;
}
.byted-info-body {
  position: relative;
  width: 100%;
  display: flex;
}
.byted-info-body-box {
  flex: 1;
  padding-left: 8px;
  padding-right: 2px;
}
.byted-info-body-content {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
.byted-info-body-close {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: inherit;
}
.byted-info-body-title {
  font-weight: bold;
  margin-bottom: 0px;
}
.byted-info-multi {
  display: flex;
  border: none;
  padding-right: 16px;
}
.byted-info-multi-body {
  flex: 1;
  margin: 1px 0;
  position: relative;
  display: inline-block;
  padding-right: 16px;
}
.byted-info-multi-pager {
  margin: -2px 24px -2px 0;
}
.byted-info-multi-pager .byted-icon {
  color: #121212;
}
.byted-info-multi-pager .disabled-arrow .byted-icon {
  color: #bdbdbd;
}
.byted-input-wrapper-size-xs {
  height: 26px;
  font-size: 12px;
  line-height: 18px;
}
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs {
  padding-top: 3px;
  padding-bottom: 3px;
}
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs.byted-input-inner__wrapper-border {
  border-radius: 4px;
}
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs.byted-input-inner__wrapper-add-prepend,
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-append {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs.byted-input-inner__wrapper-add-append,
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-prepend {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs .byted-input-prefix-divider:after,
.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs .byted-input-suffix-divider:after {
  height: 12px;
}
.byted-input-wrapper-size-xs .byted-input-prepend:first-child,
.byted-input-wrapper-size-xs.byted-input-wrapper-rtl .byted-input-append:first-child,
.byted-input-wrapper-size-xs .byted-input-prepend:last-child,
.byted-input-wrapper-size-xs.byted-input-wrapper-rtl .byted-input-append:last-child {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-xs .byted-input-append:first-child,
.byted-input-wrapper-size-xs.byted-input-wrapper-rtl .byted-input-prepend:first-child,
.byted-input-wrapper-size-xs .byted-input-append:last-child,
.byted-input-wrapper-size-xs.byted-input-wrapper-rtl .byted-input-prepend:last-child {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-sm {
  height: 30px;
  font-size: 12px;
  line-height: 18px;
}
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm {
  padding-top: 5px;
  padding-bottom: 5px;
}
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm.byted-input-inner__wrapper-border {
  border-radius: 4px;
}
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm.byted-input-inner__wrapper-add-prepend,
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-append {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm.byted-input-inner__wrapper-add-append,
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-prepend {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm .byted-input-prefix-divider:after,
.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm .byted-input-suffix-divider:after {
  height: 12px;
}
.byted-input-wrapper-size-sm .byted-input-prepend:first-child,
.byted-input-wrapper-size-sm.byted-input-wrapper-rtl .byted-input-append:first-child,
.byted-input-wrapper-size-sm .byted-input-prepend:last-child,
.byted-input-wrapper-size-sm.byted-input-wrapper-rtl .byted-input-append:last-child {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-sm .byted-input-append:first-child,
.byted-input-wrapper-size-sm.byted-input-wrapper-rtl .byted-input-prepend:first-child,
.byted-input-wrapper-size-sm .byted-input-append:last-child,
.byted-input-wrapper-size-sm.byted-input-wrapper-rtl .byted-input-prepend:last-child {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-md {
  height: 34px;
  font-size: 14px;
  line-height: 22px;
}
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md {
  padding-top: 5px;
  padding-bottom: 5px;
}
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md.byted-input-inner__wrapper-border {
  border-radius: 4px;
}
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md.byted-input-inner__wrapper-add-prepend,
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-append {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md.byted-input-inner__wrapper-add-append,
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-prepend {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md .byted-input-prefix-divider:after,
.byted-input-wrapper-size-md .byted-input-inner__wrapper-size-md .byted-input-suffix-divider:after {
  height: 16px;
}
.byted-input-wrapper-size-md .byted-input-prepend:first-child,
.byted-input-wrapper-size-md.byted-input-wrapper-rtl .byted-input-append:first-child,
.byted-input-wrapper-size-md .byted-input-prepend:last-child,
.byted-input-wrapper-size-md.byted-input-wrapper-rtl .byted-input-append:last-child {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-md .byted-input-append:first-child,
.byted-input-wrapper-size-md.byted-input-wrapper-rtl .byted-input-prepend:first-child,
.byted-input-wrapper-size-md .byted-input-append:last-child,
.byted-input-wrapper-size-md.byted-input-wrapper-rtl .byted-input-prepend:last-child {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-lg {
  height: 38px;
  font-size: 14px;
  line-height: 22px;
}
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg {
  padding-top: 7px;
  padding-bottom: 7px;
}
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg.byted-input-inner__wrapper-border {
  border-radius: 4px;
}
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg.byted-input-inner__wrapper-add-prepend,
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-append {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg.byted-input-inner__wrapper-add-append,
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-prepend {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg .byted-input-prefix-divider:after,
.byted-input-wrapper-size-lg .byted-input-inner__wrapper-size-lg .byted-input-suffix-divider:after {
  height: 16px;
}
.byted-input-wrapper-size-lg .byted-input-prepend:first-child,
.byted-input-wrapper-size-lg.byted-input-wrapper-rtl .byted-input-append:first-child,
.byted-input-wrapper-size-lg .byted-input-prepend:last-child,
.byted-input-wrapper-size-lg.byted-input-wrapper-rtl .byted-input-append:last-child {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-lg .byted-input-append:first-child,
.byted-input-wrapper-size-lg.byted-input-wrapper-rtl .byted-input-prepend:first-child,
.byted-input-wrapper-size-lg .byted-input-append:last-child,
.byted-input-wrapper-size-lg.byted-input-wrapper-rtl .byted-input-prepend:last-child {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-xl {
  height: 42px;
  font-size: 16px;
  line-height: 24px;
}
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl {
  padding-top: 8px;
  padding-bottom: 8px;
}
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl.byted-input-inner__wrapper-border {
  border-radius: 4px;
}
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl.byted-input-inner__wrapper-add-prepend,
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-append {
  border-radius: 0 4px 4px 0;
}
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl.byted-input-inner__wrapper-add-append,
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-prepend {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl .byted-input-prefix-divider:after,
.byted-input-wrapper-size-xl .byted-input-inner__wrapper-size-xl .byted-input-suffix-divider:after {
  height: 16px;
}
.byted-input-wrapper-size-xl .byted-input-prepend:first-child,
.byted-input-wrapper-size-xl.byted-input-wrapper-rtl .byted-input-append:first-child,
.byted-input-wrapper-size-xl .byted-input-prepend:last-child,
.byted-input-wrapper-size-xl.byted-input-wrapper-rtl .byted-input-append:last-child {
  border-radius: 4px 0 0 4px;
}
.byted-input-wrapper-size-xl .byted-input-append:first-child,
.byted-input-wrapper-size-xl.byted-input-wrapper-rtl .byted-input-prepend:first-child,
.byted-input-wrapper-size-xl .byted-input-append:last-child,
.byted-input-wrapper-size-xl.byted-input-wrapper-rtl .byted-input-prepend:last-child {
  border-radius: 0 4px 4px 0;
}
.byted-input-inner__wrapper-size-xs {
  padding-top: 3px;
  padding-bottom: 3px;
  height: 26px;
}
.byted-input-inner__wrapper-size-sm {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 30px;
}
.byted-input-inner__wrapper-size-md {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 34px;
}
.byted-input-inner__wrapper-size-lg {
  padding-top: 7px;
  padding-bottom: 7px;
  height: 38px;
}
.byted-input-inner__wrapper-size-xl {
  padding-top: 8px;
  padding-bottom: 8px;
  height: 42px;
}
.byted-input-size-xs {
  font-size: 12px;
  line-height: 18px;
}
.byted-input-size-sm {
  font-size: 12px;
  line-height: 18px;
}
.byted-input-size-md {
  font-size: 14px;
  line-height: 22px;
}
.byted-input-size-lg {
  font-size: 14px;
  line-height: 22px;
}
.byted-input-size-xl {
  font-size: 16px;
  line-height: 24px;
}
.byted-input-inner__wrapper-size-xs {
  padding-left: 12px;
  padding-right: 12px;
}
.byted-input-inner__wrapper-size-sm {
  padding-left: 12px;
  padding-right: 12px;
}
.byted-input-inner__wrapper-size-md {
  padding-left: 12px;
  padding-right: 12px;
}
.byted-input-inner__wrapper-size-lg {
  padding-left: 12px;
  padding-right: 12px;
}
.byted-input-inner__wrapper-size-xl {
  padding-left: 12px;
  padding-right: 12px;
}
.byted-input-wrapper {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  color: #121212;
  width: 100%;
}
.byted-input-wrapper.byted-input-wrapper-rtl {
  direction: rtl;
}
.byted-input-wrapper .byted-input-prepend,
.byted-input-wrapper .byted-input-append {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #f2f2f2;
  color: #121212;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 10px;
  text-align: center;
  height: 100%;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  border: 0 solid #d9d9d9;
}
.byted-input-wrapper .byted-input-prepend:first-child,
.byted-input-wrapper.byted-input-wrapper-rtl .byted-input-append:first-child,
.byted-input-wrapper .byted-input-prepend:last-child,
.byted-input-wrapper.byted-input-wrapper-rtl .byted-input-append:last-child {
  border-width: 1px 0 1px 1px;
}
.byted-input-wrapper .byted-input-append:first-child,
.byted-input-wrapper.byted-input-wrapper-rtl .byted-input-prepend:first-child,
.byted-input-wrapper .byted-input-append:last-child,
.byted-input-wrapper.byted-input-wrapper-rtl .byted-input-prepend:last-child {
  border-width: 1px 1px 1px 0;
}
.byted-input-wrapper-filled .byted-input-prepend,
.byted-input-wrapper-filled .byted-input-append {
  background-color: #f2f2f2;
  color: #121212;
}
.byted-input-wrapper-disabled .byted-input-prepend,
.byted-input-wrapper-disabled .byted-input-append {
  color: #121212;
  background: #f2f2f2;
}
.byted-input-wrapper-disabled.byted-input-wrapper-filled .byted-input-prepend,
.byted-input-wrapper-disabled.byted-input-wrapper-filled .byted-input-append {
  color: #121212;
  background: #f2f2f2;
}
.byted-input-inner__wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  color: #121212;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled {
  background: #f2f2f2;
  border-color: #f2f2f2;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-prefix,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix {
  color: #666666;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-prefix.byted-input-close-icon,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix.byted-input-close-icon {
  color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-prefix.byted-input-close-icon:hover,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix.byted-input-close-icon:hover {
  color: #666666;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-prefix.byted-input-close-icon:focus,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix.byted-input-close-icon:focus,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-prefix.byted-input-close-icon:active,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix.byted-input-close-icon:active {
  color: #121212;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-prefix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix .byted-input-show-count {
  color: #666666;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-prefix .byted-input-show-count-danger,
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input-suffix .byted-input-show-count-danger {
  color: #d83e0e;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input {
  color: #121212;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl {
  direction: rtl;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-border {
  border: 1px solid #d9d9d9;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-border .byted-input-inner__wrapper-filled {
  border: 1px solid #f2f2f2;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-hover,
.byted-input-inner__wrapper:hover {
  color: #121212;
  border-color: #f60457;
  background: #ffffff;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-hover.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:hover.byted-input-inner__wrapper-filled {
  color: #121212;
  border-color: #ebebeb;
  background: #ebebeb;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-focus,
.byted-input-inner__wrapper:focus,
.byted-input-inner__wrapper.byted-input-inner__wrapper-active,
.byted-input-inner__wrapper:active {
  outline: none;
  color: #121212;
  border-color: #f60457;
  background: #ffffff;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper:focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper:active.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:focus.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:focus.byted-input-inner__wrapper:focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:focus.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:focus.byted-input-inner__wrapper:active.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper:focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper:active.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:active.byted-input-inner__wrapper.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:active.byted-input-inner__wrapper:focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:active.byted-input-inner__wrapper.byted-input-inner__wrapper-active.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper:active.byted-input-inner__wrapper:active.byted-input-inner__wrapper-filled {
  color: #121212;
  border-color: #f60457;
  background: #f2f2f2;
}
.byted-input-inner__wrapper:not(.byted-input-inner__wrapper-border).byted-input-inner__wrapper-border-focus,
.byted-input-inner__wrapper:not(.byted-input-inner__wrapper-border).byted-input-inner__wrapper-border-active,
.byted-input-inner__wrapper:not(.byted-input-inner__wrapper-border):focus,
.byted-input-inner__wrapper:not(.byted-input-inner__wrapper-border):active {
  box-shadow: none;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning {
  color: #121212;
  border-color: #d83e0e;
  background: #ffffff;
  box-shadow: none;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-filled {
  color: #121212;
  border-color: #d83e0e;
  background: #ffede8;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-hover {
  color: #121212;
  border-color: #e06637;
  background: #ffffff;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-hover.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-hover.byted-input-inner__wrapper-filled {
  color: #121212;
  background: #ffede8;
  border-color: #d83e0e;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus,
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-hover {
  color: #121212;
  border-color: #b52a08;
  background: #ffffff;
  box-shadow: none;
  box-shadow: 0 0 0 2px rgba(181, 42, 8, 0.2);
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-hover.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-hover.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-hover.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-focus.byted-input-inner__wrapper-hover.byted-input-inner__wrapper-filled {
  color: #121212;
  background: #ffede8;
  border-color: #d83e0e;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-disabled {
  color: #bdbdbd;
  border-color: #f8f8f8;
  background: #f8f8f8;
  box-shadow: none;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled {
  color: #bdbdbd;
  background: #f2f2f2;
  border-color: #f2f2f2;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly {
  color: #bdbdbd;
  background: #f8f8f8;
  border: 1px solid #f8f8f8;
  cursor: not-allowed;
  box-shadow: none;
  outline: none;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled {
  color: #bdbdbd;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input {
  color: #bdbdbd;
  -webkit-text-fill-color: #bdbdbd;
  cursor: not-allowed;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input::-webkit-input-placeholder,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input::-webkit-input-placeholder,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input::-webkit-input-placeholder,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-prefix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-prefix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-prefix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-prefix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-suffix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-suffix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-suffix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-suffix {
  color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-prefix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-prefix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-prefix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-prefix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-suffix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-suffix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled.byted-input-inner__wrapper-filled .byted-input-suffix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly.byted-input-inner__wrapper-filled .byted-input-suffix .byted-input-show-count {
  color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled .byted-input,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly .byted-input {
  color: #bdbdbd;
  -webkit-text-fill-color: #bdbdbd;
  cursor: not-allowed;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled .byted-input::-webkit-input-placeholder,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly .byted-input::-webkit-input-placeholder {
  color: #8a8a8a;
  -webkit-text-fill-color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled .byted-input-prefix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly .byted-input-prefix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled .byted-input-suffix,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly .byted-input-suffix {
  color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled .byted-input-prefix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly .byted-input-prefix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled .byted-input-suffix .byted-input-show-count,
.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly .byted-input-suffix .byted-input-show-count {
  color: #8a8a8a;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-add-prepend,
.byted-input-inner__wrapper.byted-input-inner__wrapper-add-append {
  margin-bottom: 0;
  text-align: inherit;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-add-prepend.byted-input-inner__wrapper-add-append,
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl.byted-input-inner__wrapper-add-prepend.byted-input-inner__wrapper-add-append {
  border-radius: 0;
}
.byted-input-inner__wrapper .byted-input-prefix {
  color: #666666;
  position: relative;
}
.byted-input-inner__wrapper .byted-input-suffix {
  color: #666666;
}
.byted-input-inner__wrapper .byted-input-suffix.byted-input-close-icon {
  color: #8a8a8a;
}
.byted-input-inner__wrapper .byted-input-suffix.byted-input-close-icon:hover {
  color: #666666;
}
.byted-input-inner__wrapper .byted-input-suffix.byted-input-close-icon:focus,
.byted-input-inner__wrapper .byted-input-suffix.byted-input-close-icon:active {
  color: #121212;
}
.byted-input-inner__wrapper .byted-input-suffix .byted-input-show-count {
  color: #666666;
}
.byted-input-inner__wrapper .byted-input-suffix .byted-input-show-count-danger {
  color: #d83e0e;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl .byted-input-prefix,
.byted-input-inner__wrapper .byted-input-suffix {
  padding-right: 0;
  padding-left: 8px;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl .byted-input-prefix-divider,
.byted-input-inner__wrapper .byted-input-suffix-divider {
  padding-left: 16px;
  position: relative;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl .byted-input-prefix-divider::after,
.byted-input-inner__wrapper .byted-input-suffix-divider::after {
  content: '';
  width: 1px;
  position: absolute;
  display: block;
  background-color: #ebebeb;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl .byted-input-suffix,
.byted-input-inner__wrapper .byted-input-prefix {
  padding-right: 8px;
  padding-left: 0px;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl .byted-input-suffix-divider,
.byted-input-inner__wrapper .byted-input-prefix-divider {
  padding-right: 16px;
  position: relative;
}
.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl .byted-input-suffix-divider::after,
.byted-input-inner__wrapper .byted-input-prefix-divider::after {
  content: '';
  width: 1px;
  position: absolute;
  display: block;
  background-color: #ebebeb;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.byted-input-inner__wrapper-disabled .byted-input-prefix,
.byted-input-inner__wrapper-disabled .byted-input-suffix {
  color: #8a8a8a;
}
.byted-input {
  position: relative;
  white-space: nowrap;
  outline: none;
  -webkit-appearance: none;
  color: currentColor;
  background-color: transparent;
  border: none;
  width: 100%;
  padding: 0;
  flex: 1;
  caret-color: auto;
}
.byted-input input[type='search']::-webkit-search-cancel-button,
.byted-input input[type='search']::-webkit-search-decoration,
.byted-input input[type='search']::-webkit-search-results-button,
.byted-input input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.byted-input input[type='search'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.byted-input::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-input-group {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
}
.byted-input-group.byted-input-group-rtl {
  direction: rtl;
}
.byted-input-group .byted-can-input-grouped {
  position: relative;
}
.byted-input-group .byted-can-input-grouped-focus {
  z-index: 1;
}
.byted-input-group .byted-can-input-grouped:hover {
  z-index: 2;
}
.byted-input-group .byted-can-input-grouped,
.byted-input-group .byted-can-input-grouped .byted-input-inner__wrapper,
.byted-input-group .byted-can-input-grouped .byted-input-number-input,
.byted-input-group .byted-can-input-grouped .byted-btn {
  border-radius: 0;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:not(:first-child) {
  margin-left: -1px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:first-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:first-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:first-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:first-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:last-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:last-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:last-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped:last-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:first-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:first-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:first-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:first-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:last-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:last-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:last-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-md:last-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child .byted-input-inner__wrapper,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child .byted-input-number-input,
.byted-input-group:not(.byted-input-group-rtl) .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:not(:first-child) {
  margin-right: -1px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:first-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:first-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:first-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:first-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:last-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:last-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:last-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped:last-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:first-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xs:last-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:first-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-sm:last-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:first-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:first-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:first-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:first-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:last-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:last-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:last-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-md:last-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:first-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-lg:last-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:first-child .byted-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child .byted-input-inner__wrapper,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child .byted-input-number-input,
.byted-input-group.byted-input-group-rtl .byted-can-input-grouped.byted-input-wrapper-size-xl:last-child .byted-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-input-number {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 80px;
  box-sizing: border-box;
  line-height: 1;
  padding: 0 12px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  color: #121212;
}
.byted-input-number-input {
  width: 100%;
  height: 100%;
  display: inline-block;
  border: none;
  color: inherit;
  font-weight: 400;
  outline: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  white-space: nowrap;
  transition: all 0.25s;
  background-color: transparent;
  padding-right: 8px;
  flex: 1;
}
.byted-input-number-input-left-right {
  width: 100%;
  text-align: center;
}
.byted-input-number-input::placeholder {
  color: #8a8a8a;
}
.byted-input-number-left-right-wrapper {
  width: 120px;
  padding: 0;
}
.byted-input-number-left-right-label {
  width: 100%;
  position: absolute;
  top: 0px;
  border-radius: 4px;
}
.byted-input-number-left-right-label .byted-input-number-controls-btn-up {
  position: absolute;
  right: 0px;
  top: 0;
  background: #f2f2f2;
  text-align: center;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 4px 4px 0px;
  color: #121212;
}
.byted-input-number-left-right-label .byted-input-number-controls-btn-down {
  position: absolute;
  left: 0px;
  top: 0;
  background: #f2f2f2;
  text-align: center;
  border-radius: 4px 0px 0px 4px;
  border-right: 1px solid #d9d9d9;
  color: #121212;
}
.byted-input-number-size-xl {
  height: 42px;
  border-radius: 4px;
}
.byted-input-number-size-xl .byted-input-number-input {
  font-size: 16px;
  line-height: 24px;
}
.byted-input-number-size-xl .byted-input-number-left-right-label .byted-input-number-controls-btn {
  height: 40px;
  width: 40px;
  line-height: 42px;
}
.byted-input-number-size-xl .byted-input-number-controls-btn {
  font-size: 20px;
}
.byted-input-number-size-xl .byted-input-number-prefix-divider::after {
  height: 16px;
}
.byted-input-number-size-lg {
  height: 38px;
  border-radius: 4px;
}
.byted-input-number-size-lg .byted-input-number-input {
  font-size: 14px;
  line-height: 22px;
}
.byted-input-number-size-lg .byted-input-number-left-right-label .byted-input-number-controls-btn {
  height: 36px;
  width: 36px;
  line-height: 38px;
}
.byted-input-number-size-lg .byted-input-number-controls-btn {
  font-size: 18px;
}
.byted-input-number-size-lg .byted-input-number-prefix-divider::after {
  height: 16px;
}
.byted-input-number-size-md {
  height: 34px;
  border-radius: 4px;
}
.byted-input-number-size-md .byted-input-number-input {
  font-size: 14px;
  line-height: 22px;
}
.byted-input-number-size-md .byted-input-number-left-right-label .byted-input-number-controls-btn {
  height: 32px;
  width: 32px;
  line-height: 34px;
}
.byted-input-number-size-md .byted-input-number-controls-btn {
  font-size: 16px;
}
.byted-input-number-size-md .byted-input-number-prefix-divider::after {
  height: 16px;
}
.byted-input-number-size-sm {
  height: 30px;
  border-radius: 4px;
}
.byted-input-number-size-sm .byted-input-number-input {
  font-size: 12px;
  line-height: 18px;
}
.byted-input-number-size-sm .byted-input-number-left-right-label .byted-input-number-controls-btn {
  height: 28px;
  width: 28px;
  line-height: 30px;
}
.byted-input-number-size-sm .byted-input-number-controls-btn {
  font-size: 14px;
}
.byted-input-number-size-sm .byted-input-number-prefix-divider::after {
  height: 12px;
}
.byted-input-number-size-xs {
  height: 26px;
  border-radius: 4px;
}
.byted-input-number-size-xs .byted-input-number-input {
  font-size: 12px;
  line-height: 18px;
}
.byted-input-number-size-xs .byted-input-number-left-right-label .byted-input-number-controls-btn {
  height: 24px;
  width: 24px;
  line-height: 26px;
}
.byted-input-number-size-xs .byted-input-number-controls-btn {
  font-size: 12px;
}
.byted-input-number-size-xs .byted-input-number-prefix-divider::after {
  height: 12px;
}
.byted-input-number:hover:not(.byted-input-number-disabled) {
  background-color: #ffffff;
  border-color: #f60457;
}
.byted-input-number:focus-within,
.byted-input-number-focus {
  background-color: #ffffff;
  border-color: #f60457;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-input-number-disabled,
.byted-input-number-disabled:hover {
  background: #f8f8f8;
  border-color: #f8f8f8;
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-input-number-disabled .byted-input-number-input,
.byted-input-number-disabled:hover .byted-input-number-input {
  cursor: not-allowed;
  color: #bdbdbd;
  -webkit-text-fill-color: #bdbdbd;
}
.byted-input-number-disabled .byted-input-number-input::placeholder,
.byted-input-number-disabled:hover .byted-input-number-input::placeholder {
  color: #8a8a8a;
}
.byted-input-number-disabled .byted-input-number-left-right-label .byted-input-number-prefix,
.byted-input-number-disabled:hover .byted-input-number-left-right-label .byted-input-number-prefix,
.byted-input-number-disabled .byted-input-number-left-right-label .byted-input-number-suffix,
.byted-input-number-disabled:hover .byted-input-number-left-right-label .byted-input-number-suffix {
  color: #8a8a8a;
}
.byted-input-number-disabled.byted-input-number-filled,
.byted-input-number-disabled.byted-input-number-filled:hover {
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-input-number-disabled.byted-input-number-filled .byted-input-number-input,
.byted-input-number-disabled.byted-input-number-filled:hover .byted-input-number-input {
  cursor: not-allowed;
  color: #bdbdbd;
  -webkit-text-fill-color: #bdbdbd;
}
.byted-input-number-disabled.byted-input-number-filled .byted-input-number-input::placeholder,
.byted-input-number-disabled.byted-input-number-filled:hover .byted-input-number-input::placeholder {
  color: #8a8a8a;
}
.byted-input-number-disabled.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-prefix,
.byted-input-number-disabled.byted-input-number-filled:hover .byted-input-number-left-right-label .byted-input-number-prefix,
.byted-input-number-disabled.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-suffix,
.byted-input-number-disabled.byted-input-number-filled:hover .byted-input-number-left-right-label .byted-input-number-suffix {
  color: #8a8a8a;
}
.byted-input-number:focus-within .byted-input-number-controls,
.byted-input-number:hover:not(.byted-input-number-disabled) .byted-input-number-controls,
.byted-input-number-focus .byted-input-number-controls {
  opacity: 1;
}
.byted-input-number-warning {
  border-color: #d83e0e;
  color: #121212;
  background: #ffffff;
  box-shadow: none;
}
.byted-input-number-warning:focus-within,
.byted-input-number-warning.byted-input-number-warning.byted-input-number-focus {
  color: #121212;
  border-color: #b52a08;
  box-shadow: 0 0 0 2px rgba(181, 42, 8, 0.2);
}
.byted-input-number-warning:hover:not(.byted-input-number-disabled) {
  border-color: #e06637;
}
.byted-input-number-filled:not(.byted-input-number-disabled) {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #121212;
}
.byted-input-number-filled:not(.byted-input-number-disabled) .byted-input-number-suffix,
.byted-input-number-filled:not(.byted-input-number-disabled) .byted-input-number-prefix {
  color: #666666;
}
.byted-input-number-filled:not(.byted-input-number-disabled) .byted-input-number-input::placeholder {
  color: #8a8a8a;
}
.byted-input-number-filled:not(.byted-input-number-disabled):hover {
  color: #121212;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.byted-input-number-filled:not(.byted-input-number-disabled):focus-within,
.byted-input-number-filled:not(.byted-input-number-disabled).byted-input-number-focus {
  color: #121212;
  border-color: #f60457;
  background-color: #f2f2f2;
  box-shadow: 0 0 0 2px rgba(246, 4, 87, 0.2);
}
.byted-input-number-filled:not(.byted-input-number-disabled).byted-input-number-warning {
  background-color: #ffede8;
  border-color: #d83e0e;
}
.byted-input-number-filled:not(.byted-input-number-disabled).byted-input-number-warning:hover {
  border-color: #d83e0e;
  background-color: #ffede8;
}
.byted-input-number-filled:not(.byted-input-number-disabled).byted-input-number-warning:focus-within,
.byted-input-number-filled:not(.byted-input-number-disabled).byted-input-number-warning.byted-input-number-filled:not(.byted-input-number-disabled).byted-input-number-warning.byted-input-number-focus {
  border-color: #d83e0e;
  background-color: #ffede8;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-input-number-filled:not(.byted-input-number-disabled) .byted-input-number-left-right-label .byted-input-number-controls-btn {
  background-color: transparent;
}
.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-controls-btn-up {
  right: 0;
  border: none;
}
.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-controls-btn-up::before {
  left: 0;
}
.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-controls-btn-down {
  left: 0;
  border: none;
}
.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-controls-btn-down::after {
  right: 0;
}
.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-controls-btn-up::before,
.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-controls-btn-down::after {
  content: '';
  position: absolute;
  height: 50%;
  width: 1px;
  background-color: #d9d9d9;
}
.byted-input-number-prefix {
  padding-right: 4px;
  color: #666666;
}
.byted-input-number-suffix {
  padding-left: 4px;
  color: #666666;
}
.byted-input-number-suffix-controls {
  margin-right: 16px;
}
.byted-input-number-prefix-divider,
.byted-input-number-suffix-divider {
  position: relative;
}
.byted-input-number-prefix-divider::after,
.byted-input-number-suffix-divider::after {
  content: '';
  height: 100%;
  width: 1px;
  position: absolute;
  display: block;
  background-color: #ebebeb;
  top: 50%;
  transform: translateY(-50%);
}
.byted-input-number-prefix-divider {
  padding-right: 16px;
}
.byted-input-number-prefix-divider::after {
  right: 8px;
}
.byted-input-number-suffix-divider {
  padding-left: 16px;
}
.byted-input-number-suffix-divider::after {
  left: 8px;
}
.byted-input-number-controls {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 20px;
  z-index: 10;
  opacity: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-number-controls-show {
  opacity: 1;
}
.byted-input-number-controls-hide {
  display: none;
}
.byted-input-number-controls-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  text-align: center;
  color: #121212;
  cursor: pointer;
}
.byted-input-number-controls-btn:hover {
  color: #f60457;
}
.byted-input-number-controls-btn:active {
  color: #d20251;
}
.byted-input-number-disabled .byted-input-number-controls-btn,
.byted-input-number-disabled:hover .byted-input-number-controls-btn,
.byted-input-number-controls-btn.byted-input-number-controls-btn-disabled {
  color: #bdbdbd;
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  cursor: not-allowed;
}
.byted-input-number-disabled .byted-input-number-controls-btn:hover,
.byted-input-number-disabled:hover .byted-input-number-controls-btn:hover,
.byted-input-number-controls-btn.byted-input-number-controls-btn-disabled:hover {
  color: #bdbdbd;
}
.byted-input-number-rimless {
  border: none;
}
.byted-input-number-rimless:focus-within,
.byted-input-number-rimless-focus {
  box-shadow: none;
}
.byted-input-number-rimless.byted-input-number-warning:focus-within,
.byted-input-number-rimless.byted-input-number-filled:focus-within,
.byted-input-number-rimless.byted-input-number-warning.byted-input-number-focus,
.byted-input-number-rimless.byted-input-number-filled.byted-input-number-focus {
  box-shadow: none;
}
.byted-input-number-rimless.byted-input-number-filled.byted-input-number-warning:focus-within,
.byted-input-number-rimless.byted-input-number-filled.byted-input-number-warning.byted-input-number-rimless.byted-input-number-filled.byted-input-number-warning.byted-input-number-focus {
  box-shadow: none;
}
.byted-InputNumberRange > .byted-input-number {
  flex: 1;
  padding-left: 0;
  padding-right: 0;
}
.byted-InputNumberRange > .byted-input-number-focus:after {
  content: '';
  width: calc(100% - 0px);
  height: 1px;
  background-color: #f60457;
  position: absolute;
  bottom: 2px;
}
.byted-InputNumberRange-tildle {
  color: #bdbdbd;
  padding-left: 6px;
  padding-right: 6px;
}
.byted-InputNumberRange {
  padding: 0 12px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  display: flex;
  align-items: center;
}
.byted-InputNumberRange:hover {
  background-color: #ffffff;
  border-color: #f60457;
}
.byted-InputNumberRange:hover .byted-input-number {
  background: none;
}
.byted-InputNumberRange:focus-within {
  background-color: #ffffff;
  border-color: #f60457;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-InputNumberRange:focus-within .byted-input-number {
  background: none;
}
.byted-InputNumberRange-prefix,
.byted-InputNumberRange-suffix {
  color: #666666;
}
.byted-InputNumberRange_warning {
  border-color: #d83e0e;
  color: #121212;
  background: #ffffff;
  box-shadow: none;
}
.byted-InputNumberRange_warning .byted-input-number {
  background: none;
}
.byted-InputNumberRange_warning:hover {
  border-color: #e06637;
}
.byted-InputNumberRange_warning:hover .byted-input-number {
  background: none;
}
.byted-InputNumberRange_warning:focus-within {
  color: #121212;
  border-color: #b52a08;
  box-shadow: 0 0 0 2px rgba(181, 42, 8, 0.2);
}
.byted-InputNumberRange_warning:focus-within .byted-input-number {
  background: none;
}
.byted-InputNumberRange_filled {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #121212;
}
.byted-InputNumberRange_filled .byted-input-number {
  background: none;
}
.byted-InputNumberRange_filled .byted-InputNumberRange-prefix,
.byted-InputNumberRange_filled .byted-InputNumberRange-suffix {
  color: #666666;
}
.byted-InputNumberRange_filled:hover {
  color: #121212;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.byted-InputNumberRange_filled:hover .byted-input-number {
  background: none;
}
.byted-InputNumberRange_filled:focus-within {
  color: #121212;
  border-color: #f60457;
  background-color: #f2f2f2;
  box-shadow: 0 0 0 2px rgba(246, 4, 87, 0.2);
}
.byted-InputNumberRange_filled:focus-within .byted-input-number {
  background: none;
}
.byted-InputNumberRange_filled.byted-InputNumberRange_warning {
  background-color: #ffede8;
  border-color: #d83e0e;
}
.byted-InputNumberRange_filled.byted-InputNumberRange_warning .byted-input-number {
  background: none;
}
.byted-InputNumberRange_filled.byted-InputNumberRange_warning:hover {
  border-color: #d83e0e;
  background-color: #ffede8;
}
.byted-InputNumberRange_filled.byted-InputNumberRange_warning:hover .byted-input-number {
  background: none;
}
.byted-InputNumberRange_filled.byted-InputNumberRange_warning:focus-within {
  border-color: #d83e0e;
  background-color: #ffede8;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-InputNumberRange_filled.byted-InputNumberRange_warning:focus-within .byted-input-number {
  background: none;
}
.byted-InputNumberRange.byted-InputNumberRange_disabled,
.byted-InputNumberRange.byted-InputNumberRange_disabled:hover {
  background: #f8f8f8;
  border-color: #f8f8f8;
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-InputNumberRange.byted-InputNumberRange_disabled .byted-input-number,
.byted-InputNumberRange.byted-InputNumberRange_disabled:hover .byted-input-number {
  background: none;
}
.byted-InputNumberRange.byted-InputNumberRange_disabled .byted-InputNumberRange-prefix,
.byted-InputNumberRange.byted-InputNumberRange_disabled:hover .byted-InputNumberRange-prefix,
.byted-InputNumberRange.byted-InputNumberRange_disabled .byted-InputNumberRange-suffix,
.byted-InputNumberRange.byted-InputNumberRange_disabled:hover .byted-InputNumberRange-suffix {
  color: #8a8a8a;
}
.byted-InputNumberRange_size_xs {
  border-radius: 4px;
}
.byted-InputNumberRange_size_xs .byted-input-number-size-xs {
  height: 24px;
}
.byted-InputNumberRange_size_xs .byted-InputNumberRange-prefix_divider:after,
.byted-InputNumberRange_size_xs .byted-InputNumberRange-suffix_divider:after {
  height: 12px;
}
.byted-InputNumberRange_size_sm {
  border-radius: 4px;
}
.byted-InputNumberRange_size_sm .byted-input-number-size-sm {
  height: 28px;
}
.byted-InputNumberRange_size_sm .byted-InputNumberRange-prefix_divider:after,
.byted-InputNumberRange_size_sm .byted-InputNumberRange-suffix_divider:after {
  height: 12px;
}
.byted-InputNumberRange_size_md {
  border-radius: 4px;
}
.byted-InputNumberRange_size_md .byted-input-number-size-md {
  height: 32px;
}
.byted-InputNumberRange_size_md .byted-InputNumberRange-prefix_divider:after,
.byted-InputNumberRange_size_md .byted-InputNumberRange-suffix_divider:after {
  height: 16px;
}
.byted-InputNumberRange_size_lg {
  border-radius: 4px;
}
.byted-InputNumberRange_size_lg .byted-input-number-size-lg {
  height: 36px;
}
.byted-InputNumberRange_size_lg .byted-InputNumberRange-prefix_divider:after,
.byted-InputNumberRange_size_lg .byted-InputNumberRange-suffix_divider:after {
  height: 16px;
}
.byted-InputNumberRange_size_xl {
  border-radius: 4px;
}
.byted-InputNumberRange_size_xl .byted-input-number-size-xl {
  height: 40px;
}
.byted-InputNumberRange_size_xl .byted-InputNumberRange-prefix_divider:after,
.byted-InputNumberRange_size_xl .byted-InputNumberRange-suffix_divider:after {
  height: 16px;
}
.byted-InputNumberRange-prefix_divider,
.byted-InputNumberRange-suffix_divider {
  position: relative;
}
.byted-InputNumberRange-prefix_divider::after,
.byted-InputNumberRange-suffix_divider::after {
  content: '';
  width: 1px;
  position: absolute;
  display: block;
  background-color: #ebebeb;
  top: 50%;
  transform: translateY(-50%);
}
.byted-InputNumberRange-prefix_divider {
  padding-right: 16px;
}
.byted-InputNumberRange-prefix_divider::after {
  right: 8px;
}
.byted-InputNumberRange-suffix_divider {
  padding-left: 16px;
}
.byted-InputNumberRange-suffix_divider::after {
  left: 8px;
}
.byted-layout-aside-light {
  color: #121212;
  background-color: #ffffff;
}
.byted-layout-aside-light .byted-layout-aside-trigger {
  color: #121212;
  background-color: #ffffff;
}
.byted-layout-aside-dark {
  color: #f8f8f8;
  background-color: #0a1e39;
}
.byted-layout-aside-dark .byted-layout-aside-trigger {
  color: #f8f8f8;
  background-color: #0a1e39;
}
.byted-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  min-height: 0;
}
.byted-layout-has-aside {
  flex-direction: row;
}
.byted-layout-content {
  flex: auto;
  min-height: 0;
}
.byted-layout-aside {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: none;
  min-width: 0;
}
.byted-layout-aside-content {
  flex: auto;
}
.byted-layout-aside-trigger {
  flex: none;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
.byted-layout-aside-content-uncollapse,
.byted-layout-aside-trigger-uncollapse {
  transition: all ease-in-out 0.1s, width ease-out 0.2s;
  -webkit-transition: all ease-in-out 0.1s, width ease-out 0.2s;
  -moz-transition: all ease-in-out 0.1s, width ease-out 0.2s;
  -o-transition: all ease-in-out 0.1s, width ease-out 0.2s;
}
.byted-layout-aside-content-collapse,
.byted-layout-aside-trigger-collapse {
  transition: all ease-in-out 0.1s, width ease-out 0.2s 0.2s;
  -webkit-transition: all ease-in-out 0.1s, width ease-out 0.2s 0.2s;
  -moz-transition: all ease-in-out 0.1s, width ease-out 0.2s 0.2s;
  -o-transition: all ease-in-out 0.1s, width ease-out 0.2s 0.2s;
}
.byted-layout-header {
  height: 64px;
  line-height: 64px;
}
.byted-layout-header,
.byted-layout-footer {
  flex: 0 0 auto;
}
.byted-link {
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #f60457;
  white-space: nowrap;
  cursor: pointer;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-link:hover {
  color: #fa4b74;
  text-decoration: none;
}
.byted-link:focus {
  outline: none;
  color: #fa4b74;
  text-decoration: none;
}
.byted-link:active,
.byted-link:visited {
  color: #d20251;
  text-decoration: none;
}
.byted-link-disabled,
.byted-link-disabled:focus,
.byted-link-disabled:active,
.byted-link-disabled:visited,
.byted-link-disabled:hover {
  color: #fda3b2;
  cursor: not-allowed;
  text-decoration: none;
}
.byted-link-size-xl {
  font-size: 16px;
  line-height: unset;
}
.byted-link-size-lg {
  font-size: 16px;
  line-height: unset;
}
.byted-link-size-md {
  font-size: 14px;
  line-height: unset;
}
.byted-link-size-sm {
  font-size: 12px;
  line-height: unset;
}
.byted-link-size-xs {
  font-size: 12px;
  line-height: unset;
}
.byted-link-type-default {
  color: #121212;
}
.byted-link-type-default:hover {
  color: #f60457;
}
.byted-link-type-default:focus {
  color: #f60457;
}
.byted-link-type-default:active,
.byted-link-type-default:visited {
  color: #d20251;
}
.byted-link-type-default.byted-link-disabled,
.byted-link-type-default.byted-link-disabled:focus,
.byted-link-type-default.byted-link-disabled:active,
.byted-link-type-default.byted-link-disabled:visited,
.byted-link-type-default.byted-link-disabled:hover {
  color: #bdbdbd;
}
.byted-list.byted-list-rtl {
  direction: rtl;
}
.byted-list-placeholder-vertical {
  width: 100%;
  padding: 4px 0;
}
.byted-list-placeholder-vertical:after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #f60457;
}
.byted-list-placeholder-horizontal {
  height: 100%;
  padding: 0 4px;
}
.byted-list-placeholder-horizontal:after {
  content: '';
  display: block;
  height: 100%;
  width: 2px;
  background: #f60457;
}
.byted-list-item-wrapper {
  overflow: hidden;
}
.byted-list-item-wrapper-trigger {
  cursor: move;
}
.byted-list-item-wrapper-drag-over::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-top: 2px dashed #f60457;
}
.byted-list .ReactVirtualized__List {
  outline: none;
}
.byted-viewer {
  width: 198px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  overflow: hidden;
}
.byted-viewer .byted-list-placeholder {
  margin-top: -8px;
}
.byted-viewer-trigger {
  cursor: move;
  margin-right: 4px;
}
.byted-viewer-title {
  *zoom: 1;
  zoom: 1;
  height: 38px;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f8f8f8;
  padding: 8px 12px;
}
.byted-viewer-title:before,
.byted-viewer-title:after {
  display: table;
  content: "";
}
.byted-viewer-title:after {
  clear: both;
}
.byted-viewer-title::before,
.byted-viewer-title::after {
  content: '';
  display: table;
}
.byted-viewer-title::after {
  clear: both;
}
.byted-viewer-title-left {
  font-size: 14px;
  line-height: 22px;
  float: left;
  color: #121212;
}
.byted-viewer-title-left-rtl {
  float: right;
}
.byted-viewer-title-clear-all {
  font-size: 14px;
  line-height: 22px;
  float: right;
}
.byted-viewer-title-clear-all-rtl {
  float: left;
}
.byted-viewer-inner {
  overflow-x: hidden;
  overflow-y: auto;
  overflow-y: overlay;
  width: 100%;
  height: calc(100% - 38px);
}
.byted-viewer-list {
  padding: 12px 12px 4px 12px;
}
.byted-viewer-list-horizontal-container {
  padding: 12px 4px 4px 12px;
}
.byted-viewer-list-empty {
  width: 100%;
  height: 100%;
  padding: 0;
}
.byted-viewer-list-item-horizontal-wrapper {
  display: inline-block;
  margin-right: 8px;
}
.byted-viewer-list-item.byted-tag {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}
.byted-viewer-list .byted-tag-size-md:not(.byted-tag-text) {
  padding-top: 0px;
  padding-bottom: 0px;
}
.byted-loading-block {
  position: relative;
  width: 100%;
  height: 100%;
}
.byted-loading-inline {
  position: relative;
  display: inline-block;
}
.byted-loading-icon {
  order: 0;
}
.byted-loading-icon > svg {
  animation: okee-loading-rotate 0.6s linear infinite;
}
.byted-loading-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fa4b74;
  opacity: 0;
  transition: opacity ease-in-out 0.24s;
}
.byted-loading-wrapper.byted-loading-wrapper-rtl {
  direction: rtl;
}
.byted-loading-wrapper-show {
  opacity: 1;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-above {
  flex-direction: column;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-above .byted-loading-label {
  order: -1;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-below {
  flex-direction: column;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-below .byted-loading-label {
  order: 1;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-before {
  flex-direction: row;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-before .byted-loading-label {
  order: -1;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-after {
  flex-direction: row;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-after .byted-loading-label {
  order: 1;
}
.byted-loading-wrapper.byted-loading-wrapper-size-xs .byted-loading-icon {
  font-size: 12px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-xs .byted-loading-label {
  font-size: 12px;
  line-height: 20px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-sm .byted-loading-icon {
  font-size: 14px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-sm .byted-loading-label {
  font-size: 12px;
  line-height: 20px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-md .byted-loading-icon {
  font-size: 18px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-md .byted-loading-label {
  font-size: 14px;
  line-height: 22px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-lg .byted-loading-icon {
  font-size: 36px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-lg .byted-loading-label {
  font-size: 18px;
  line-height: 24px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-xl .byted-loading-icon {
  font-size: 56px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-xl .byted-loading-label {
  font-size: 20px;
  line-height: 28px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-xs .byted-loading-icon,
.byted-loading-wrapper.byted-loading-wrapper-size-xs .byted-loading-label {
  margin: 2px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-sm .byted-loading-icon,
.byted-loading-wrapper.byted-loading-wrapper-size-sm .byted-loading-label {
  margin: 2px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-md .byted-loading-icon,
.byted-loading-wrapper.byted-loading-wrapper-size-md .byted-loading-label {
  margin: 3px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-lg .byted-loading-icon,
.byted-loading-wrapper.byted-loading-wrapper-size-lg .byted-loading-label {
  margin: 4px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-xl .byted-loading-icon,
.byted-loading-wrapper.byted-loading-wrapper-size-xl .byted-loading-label {
  margin: 8px;
}
.byted-loading-mask {
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
  transition: opacity ease-in-out 0.24s;
}
.byted-loading-mask-show {
  opacity: 1;
}
.byted-Mentions {
  width: 100%;
  position: relative;
}
.byted-Mentions-Popover {
  width: 100%;
}
.byted-Mentions-Panel {
  height: 224px;
  min-width: 160px;
  padding: 4px 0px;
  overflow-y: auto;
}
.byted-Mentions-PanelItem {
  line-height: 22px;
  font-size: 14px;
  padding: 7px 12px;
}
.byted-Mentions-PanelItem:hover,
.byted-Mentions-PanelItem_active {
  background-color: #f2f2f2;
}
.byted-Mentions-PanelItem.byted-Mentions-PanelItem_disabled {
  color: #bdbdbd;
  background-color: inherit;
}
.byted-Mentions-Textarea,
.byted-Mentions-TextareaMeasure {
  width: 100%;
  font-size: 14px;
  color: #121212;
  padding: 6px 12px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  overflow-y: hidden;
  vertical-align: top;
  resize: none;
  line-height: 22px;
  white-space: pre-wrap;
  word-break: break-all;
  font-family: inherit;
}
.byted-Mentions-Textarea:hover,
.byted-Mentions-TextareaMeasure:hover,
.byted-Mentions-Textarea:focus,
.byted-Mentions-TextareaMeasure:focus {
  border-color: #f60457;
}
.byted-Mentions-Textarea::placeholder,
.byted-Mentions-TextareaMeasure::placeholder {
  color: #8a8a8a;
}
.byted-Mentions-Textarea_invalid {
  color: #121212;
  border-color: #d83e0e;
  background-color: #ffffff;
}
.byted-Mentions-Textarea_invalid:hover {
  color: #121212;
  border-color: #e06637;
  background-color: #ffffff;
}
.byted-Mentions-Textarea_invalid:focus {
  color: #121212;
  border-color: #b52a08;
  background-color: #ffffff;
}
.byted-Mentions-Textarea_disabled,
.byted-Mentions-Textarea_disabled:hover,
.byted-Mentions-Textarea_disabled:focus {
  color: #bdbdbd;
  border-color: #f8f8f8;
  background-color: #f8f8f8;
}
.byted-Mentions-TextareaMeasure {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
}
.byted-Mentions-TextareaMeasureCursor {
  position: absolute;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.byted-menu-dark,
.byted-submenu-popover-dark {
  background-color: #0a1e39;
  box-shadow: none;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-dark .byted-submenu-header,
.byted-submenu-popover-dark .byted-submenu-header {
  color: #bdbdbd;
  background-color: #0a1e39;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-dark .byted-submenu-header-open-icon,
.byted-submenu-popover-dark .byted-submenu-header-open-icon {
  color: #bdbdbd;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-dark .byted-submenu-header:hover,
.byted-submenu-popover-dark .byted-submenu-header:hover {
  color: #ffffff;
  background-color: #0a1e39;
}
.byted-menu-dark .byted-submenu-header:hover .byted-submenu-header-open-icon,
.byted-submenu-popover-dark .byted-submenu-header:hover .byted-submenu-header-open-icon {
  color: #ffffff;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-dark .byted-submenu-header:active,
.byted-submenu-popover-dark .byted-submenu-header:active {
  color: #ffffff;
  background-color: #0a1e39;
}
.byted-menu-dark .byted-submenu-header:active .byted-submenu-header-open-icon,
.byted-submenu-popover-dark .byted-submenu-header:active .byted-submenu-header-open-icon {
  color: #ffffff;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-dark .byted-submenu-header-active,
.byted-submenu-popover-dark .byted-submenu-header-active {
  color: #ffffff;
  background-color: #0a1e39;
}
.byted-menu-dark .byted-submenu-header-active .byted-submenu-header-open-icon,
.byted-submenu-popover-dark .byted-submenu-header-active .byted-submenu-header-open-icon {
  color: #ffffff;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-dark .byted-submenu-header-active:hover,
.byted-submenu-popover-dark .byted-submenu-header-active:hover {
  color: #ffffff;
  background-color: #0a1e39;
}
.byted-menu-dark .byted-submenu-header-active:hover .byted-submenu-header-open-icon,
.byted-submenu-popover-dark .byted-submenu-header-active:hover .byted-submenu-header-open-icon {
  color: #ffffff;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-dark .byted-submenu-header-active:active,
.byted-submenu-popover-dark .byted-submenu-header-active:active {
  color: #ffffff;
  background-color: #0a1e39;
}
.byted-menu-dark .byted-submenu-header-active:active .byted-submenu-header-open-icon,
.byted-submenu-popover-dark .byted-submenu-header-active:active .byted-submenu-header-open-icon {
  color: #ffffff;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-dark .byted-submenu-content-line,
.byted-submenu-popover-dark .byted-submenu-content-line {
  background-color: #e3e3e3;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-dark .byted-item-group-header,
.byted-submenu-popover-dark .byted-item-group-header {
  color: #8a8a8a;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-dark .byted-menu-item,
.byted-submenu-popover-dark .byted-menu-item,
.byted-menu-dark .byted-menu-item a,
.byted-submenu-popover-dark .byted-menu-item a {
  color: #bdbdbd;
  background-color: #0a1e39;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-dark .byted-menu-item:hover,
.byted-submenu-popover-dark .byted-menu-item:hover,
.byted-menu-dark .byted-menu-item a:hover,
.byted-submenu-popover-dark .byted-menu-item a:hover {
  color: #ffffff;
  background-color: #0a1e39;
}
.byted-menu-dark .byted-menu-item:active,
.byted-submenu-popover-dark .byted-menu-item:active,
.byted-menu-dark .byted-menu-item a:active,
.byted-submenu-popover-dark .byted-menu-item a:active {
  color: #ffffff;
  background-color: #0a1e39;
}
.byted-menu-dark .byted-menu-item-active,
.byted-submenu-popover-dark .byted-menu-item-active,
.byted-menu-dark .byted-menu-item-active a,
.byted-submenu-popover-dark .byted-menu-item-active a {
  color: #ffffff;
  background: #f60457;
  box-shadow: none;
  font-weight: 400;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-dark .byted-menu-item-active:hover,
.byted-submenu-popover-dark .byted-menu-item-active:hover,
.byted-menu-dark .byted-menu-item-active a:hover,
.byted-submenu-popover-dark .byted-menu-item-active a:hover {
  color: #ffffff;
  background-color: #f60457;
}
.byted-menu-dark .byted-menu-item-active:active,
.byted-submenu-popover-dark .byted-menu-item-active:active,
.byted-menu-dark .byted-menu-item-active a:active,
.byted-submenu-popover-dark .byted-menu-item-active a:active {
  color: #ffffff;
  background-color: #f60457;
}
.byted-menu-dark .byted-submenu-header .byted-menu-line-icon,
.byted-submenu-popover-dark .byted-submenu-header .byted-menu-line-icon,
.byted-menu-dark .byted-menu-item .byted-menu-line-icon,
.byted-submenu-popover-dark .byted-menu-item .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-dark .byted-submenu-header:hover .byted-menu-line-icon,
.byted-submenu-popover-dark .byted-submenu-header:hover .byted-menu-line-icon,
.byted-menu-dark .byted-menu-item:hover .byted-menu-line-icon,
.byted-submenu-popover-dark .byted-menu-item:hover .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-dark .byted-submenu-header:active .byted-menu-line-icon,
.byted-submenu-popover-dark .byted-submenu-header:active .byted-menu-line-icon,
.byted-menu-dark .byted-menu-item:active .byted-menu-line-icon,
.byted-submenu-popover-dark .byted-menu-item:active .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-dark .byted-submenu-header-active .byted-menu-line-icon,
.byted-submenu-popover-dark .byted-submenu-header-active .byted-menu-line-icon,
.byted-menu-dark .byted-menu-item-active .byted-menu-line-icon,
.byted-submenu-popover-dark .byted-menu-item-active .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-dark .byted-submenu-header-active:hover .byted-menu-line-icon,
.byted-submenu-popover-dark .byted-submenu-header-active:hover .byted-menu-line-icon,
.byted-menu-dark .byted-menu-item-active:hover .byted-menu-line-icon,
.byted-submenu-popover-dark .byted-menu-item-active:hover .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-dark .byted-submenu-header-active:active .byted-menu-line-icon,
.byted-submenu-popover-dark .byted-submenu-header-active:active .byted-menu-line-icon,
.byted-menu-dark .byted-menu-item-active:active .byted-menu-line-icon,
.byted-submenu-popover-dark .byted-menu-item-active:active .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-light,
.byted-submenu-popover-light {
  background-color: #ffffff;
  box-shadow: none;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-light .byted-submenu-header,
.byted-submenu-popover-light .byted-submenu-header {
  color: #121212;
  background-color: #ffffff;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-light .byted-submenu-header-open-icon,
.byted-submenu-popover-light .byted-submenu-header-open-icon {
  color: #8a8a8a;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-light .byted-submenu-header:hover,
.byted-submenu-popover-light .byted-submenu-header:hover {
  color: #f60457;
  background-color: #ffffff;
}
.byted-menu-light .byted-submenu-header:hover .byted-submenu-header-open-icon,
.byted-submenu-popover-light .byted-submenu-header:hover .byted-submenu-header-open-icon {
  color: #f60457;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-light .byted-submenu-header:active,
.byted-submenu-popover-light .byted-submenu-header:active {
  color: #f60457;
  background-color: #ffffff;
}
.byted-menu-light .byted-submenu-header:active .byted-submenu-header-open-icon,
.byted-submenu-popover-light .byted-submenu-header:active .byted-submenu-header-open-icon {
  color: #f60457;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-light .byted-submenu-header-active,
.byted-submenu-popover-light .byted-submenu-header-active {
  color: #f60457;
  background-color: #ffffff;
}
.byted-menu-light .byted-submenu-header-active .byted-submenu-header-open-icon,
.byted-submenu-popover-light .byted-submenu-header-active .byted-submenu-header-open-icon {
  color: #f60457;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-light .byted-submenu-header-active:hover,
.byted-submenu-popover-light .byted-submenu-header-active:hover {
  color: #f60457;
  background-color: #ffffff;
}
.byted-menu-light .byted-submenu-header-active:hover .byted-submenu-header-open-icon,
.byted-submenu-popover-light .byted-submenu-header-active:hover .byted-submenu-header-open-icon {
  color: #f60457;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-light .byted-submenu-header-active:active,
.byted-submenu-popover-light .byted-submenu-header-active:active {
  color: #f60457;
  background-color: #ffffff;
}
.byted-menu-light .byted-submenu-header-active:active .byted-submenu-header-open-icon,
.byted-submenu-popover-light .byted-submenu-header-active:active .byted-submenu-header-open-icon {
  color: #f60457;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-light .byted-submenu-content-line,
.byted-submenu-popover-light .byted-submenu-content-line {
  background-color: #e3e3e3;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-light .byted-item-group-header,
.byted-submenu-popover-light .byted-item-group-header {
  color: #8a8a8a;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-light .byted-menu-item,
.byted-submenu-popover-light .byted-menu-item,
.byted-menu-light .byted-menu-item a,
.byted-submenu-popover-light .byted-menu-item a {
  color: #121212;
  background-color: #ffffff;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-light .byted-menu-item:hover,
.byted-submenu-popover-light .byted-menu-item:hover,
.byted-menu-light .byted-menu-item a:hover,
.byted-submenu-popover-light .byted-menu-item a:hover {
  color: #f60457;
  background-color: #ffffff;
}
.byted-menu-light .byted-menu-item:active,
.byted-submenu-popover-light .byted-menu-item:active,
.byted-menu-light .byted-menu-item a:active,
.byted-submenu-popover-light .byted-menu-item a:active {
  color: #f60457;
  background-color: #ffffff;
}
.byted-menu-light .byted-menu-item-active,
.byted-submenu-popover-light .byted-menu-item-active,
.byted-menu-light .byted-menu-item-active a,
.byted-submenu-popover-light .byted-menu-item-active a {
  color: #f60457;
  background: #feedef;
  box-shadow: none;
  font-weight: 400;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-light .byted-menu-item-active:hover,
.byted-submenu-popover-light .byted-menu-item-active:hover,
.byted-menu-light .byted-menu-item-active a:hover,
.byted-submenu-popover-light .byted-menu-item-active a:hover {
  color: #f60457;
  background-color: #feedef;
}
.byted-menu-light .byted-menu-item-active:active,
.byted-submenu-popover-light .byted-menu-item-active:active,
.byted-menu-light .byted-menu-item-active a:active,
.byted-submenu-popover-light .byted-menu-item-active a:active {
  color: #f60457;
  background-color: #feedef;
}
.byted-menu-light .byted-submenu-header .byted-menu-line-icon,
.byted-submenu-popover-light .byted-submenu-header .byted-menu-line-icon,
.byted-menu-light .byted-menu-item .byted-menu-line-icon,
.byted-submenu-popover-light .byted-menu-item .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-light .byted-submenu-header:hover .byted-menu-line-icon,
.byted-submenu-popover-light .byted-submenu-header:hover .byted-menu-line-icon,
.byted-menu-light .byted-menu-item:hover .byted-menu-line-icon,
.byted-submenu-popover-light .byted-menu-item:hover .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-light .byted-submenu-header:active .byted-menu-line-icon,
.byted-submenu-popover-light .byted-submenu-header:active .byted-menu-line-icon,
.byted-menu-light .byted-menu-item:active .byted-menu-line-icon,
.byted-submenu-popover-light .byted-menu-item:active .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-light .byted-submenu-header-active .byted-menu-line-icon,
.byted-submenu-popover-light .byted-submenu-header-active .byted-menu-line-icon,
.byted-menu-light .byted-menu-item-active .byted-menu-line-icon,
.byted-submenu-popover-light .byted-menu-item-active .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-light .byted-submenu-header-active:hover .byted-menu-line-icon,
.byted-submenu-popover-light .byted-submenu-header-active:hover .byted-menu-line-icon,
.byted-menu-light .byted-menu-item-active:hover .byted-menu-line-icon,
.byted-submenu-popover-light .byted-menu-item-active:hover .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-light .byted-submenu-header-active:active .byted-menu-line-icon,
.byted-submenu-popover-light .byted-submenu-header-active:active .byted-menu-line-icon,
.byted-menu-light .byted-menu-item-active:active .byted-menu-line-icon,
.byted-submenu-popover-light .byted-menu-item-active:active .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-transparent,
.byted-submenu-popover-transparent {
  background-color: transparent;
  box-shadow: none;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-transparent .byted-submenu-header,
.byted-submenu-popover-transparent .byted-submenu-header {
  color: #121212;
  background-color: transparent;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-transparent .byted-submenu-header-open-icon,
.byted-submenu-popover-transparent .byted-submenu-header-open-icon {
  color: #8a8a8a;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-transparent .byted-submenu-header:hover,
.byted-submenu-popover-transparent .byted-submenu-header:hover {
  color: #121212;
  background-color: #ebebeb;
}
.byted-menu-transparent .byted-submenu-header:hover .byted-submenu-header-open-icon,
.byted-submenu-popover-transparent .byted-submenu-header:hover .byted-submenu-header-open-icon {
  color: #8a8a8a;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-transparent .byted-submenu-header:active,
.byted-submenu-popover-transparent .byted-submenu-header:active {
  color: #f60457;
  background-color: #ffffff;
}
.byted-menu-transparent .byted-submenu-header:active .byted-submenu-header-open-icon,
.byted-submenu-popover-transparent .byted-submenu-header:active .byted-submenu-header-open-icon {
  color: #121212;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-transparent .byted-submenu-header-active,
.byted-submenu-popover-transparent .byted-submenu-header-active {
  color: #f60457;
  background-color: transparent;
}
.byted-menu-transparent .byted-submenu-header-active .byted-submenu-header-open-icon,
.byted-submenu-popover-transparent .byted-submenu-header-active .byted-submenu-header-open-icon {
  color: #f60457;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-transparent .byted-submenu-header-active:hover,
.byted-submenu-popover-transparent .byted-submenu-header-active:hover {
  color: #f60457;
  background-color: transparent;
}
.byted-menu-transparent .byted-submenu-header-active:hover .byted-submenu-header-open-icon,
.byted-submenu-popover-transparent .byted-submenu-header-active:hover .byted-submenu-header-open-icon {
  color: #f60457;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-transparent .byted-submenu-header-active:active,
.byted-submenu-popover-transparent .byted-submenu-header-active:active {
  color: #f60457;
  background-color: transparent;
}
.byted-menu-transparent .byted-submenu-header-active:active .byted-submenu-header-open-icon,
.byted-submenu-popover-transparent .byted-submenu-header-active:active .byted-submenu-header-open-icon {
  color: #f60457;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-transparent .byted-submenu-content-line,
.byted-submenu-popover-transparent .byted-submenu-content-line {
  background-color: #e3e3e3;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-transparent .byted-item-group-header,
.byted-submenu-popover-transparent .byted-item-group-header {
  color: #8a8a8a;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-transparent .byted-menu-item,
.byted-submenu-popover-transparent .byted-menu-item,
.byted-menu-transparent .byted-menu-item a,
.byted-submenu-popover-transparent .byted-menu-item a {
  color: #121212;
  background-color: transparent;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-transparent .byted-menu-item:hover,
.byted-submenu-popover-transparent .byted-menu-item:hover,
.byted-menu-transparent .byted-menu-item a:hover,
.byted-submenu-popover-transparent .byted-menu-item a:hover {
  color: #121212;
  background-color: #ebebeb;
}
.byted-menu-transparent .byted-menu-item:active,
.byted-submenu-popover-transparent .byted-menu-item:active,
.byted-menu-transparent .byted-menu-item a:active,
.byted-submenu-popover-transparent .byted-menu-item a:active {
  color: #f60457;
  background-color: #ffffff;
}
.byted-menu-transparent .byted-menu-item-active,
.byted-submenu-popover-transparent .byted-menu-item-active,
.byted-menu-transparent .byted-menu-item-active a,
.byted-submenu-popover-transparent .byted-menu-item-active a {
  color: #f60457;
  background: #ffffff;
  box-shadow: none;
  font-weight: 400;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-menu-transparent .byted-menu-item-active:hover,
.byted-submenu-popover-transparent .byted-menu-item-active:hover,
.byted-menu-transparent .byted-menu-item-active a:hover,
.byted-submenu-popover-transparent .byted-menu-item-active a:hover {
  color: #f60457;
  background-color: #ffffff;
}
.byted-menu-transparent .byted-menu-item-active:active,
.byted-submenu-popover-transparent .byted-menu-item-active:active,
.byted-menu-transparent .byted-menu-item-active a:active,
.byted-submenu-popover-transparent .byted-menu-item-active a:active {
  color: #f60457;
  background-color: #ffffff;
}
.byted-menu-transparent .byted-submenu-header .byted-menu-line-icon,
.byted-submenu-popover-transparent .byted-submenu-header .byted-menu-line-icon,
.byted-menu-transparent .byted-menu-item .byted-menu-line-icon,
.byted-submenu-popover-transparent .byted-menu-item .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-transparent .byted-submenu-header:hover .byted-menu-line-icon,
.byted-submenu-popover-transparent .byted-submenu-header:hover .byted-menu-line-icon,
.byted-menu-transparent .byted-menu-item:hover .byted-menu-line-icon,
.byted-submenu-popover-transparent .byted-menu-item:hover .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-transparent .byted-submenu-header:active .byted-menu-line-icon,
.byted-submenu-popover-transparent .byted-submenu-header:active .byted-menu-line-icon,
.byted-menu-transparent .byted-menu-item:active .byted-menu-line-icon,
.byted-submenu-popover-transparent .byted-menu-item:active .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-transparent .byted-submenu-header-active .byted-menu-line-icon,
.byted-submenu-popover-transparent .byted-submenu-header-active .byted-menu-line-icon,
.byted-menu-transparent .byted-menu-item-active .byted-menu-line-icon,
.byted-submenu-popover-transparent .byted-menu-item-active .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-transparent .byted-submenu-header-active:hover .byted-menu-line-icon,
.byted-submenu-popover-transparent .byted-submenu-header-active:hover .byted-menu-line-icon,
.byted-menu-transparent .byted-menu-item-active:hover .byted-menu-line-icon,
.byted-submenu-popover-transparent .byted-menu-item-active:hover .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-transparent .byted-submenu-header-active:active .byted-menu-line-icon,
.byted-submenu-popover-transparent .byted-submenu-header-active:active .byted-menu-line-icon,
.byted-menu-transparent .byted-menu-item-active:active .byted-menu-line-icon,
.byted-submenu-popover-transparent .byted-menu-item-active:active .byted-menu-line-icon {
  color: inherit;
}
.byted-menu-dark .byted-submenu-opened > .byted-submenu-header,
.byted-menu-dark .byted-submenu-opened > .byted-submenu-header .byted-submenu-header-open-icon {
  color: #ffffff;
}
.byted-menu-line-icon {
  flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-right: 8px;
  font-size: 16px;
}
.byted-menu-line-title {
  flex: auto;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.byted-menu {
  font-size: 14px;
  box-sizing: border-box;
}
.byted-submenu:not(.byted-submenu-opened) {
  overflow: hidden;
}
.byted-submenu-content {
  max-height: 9999px;
  transition: opacity ease-out 0.2s 0.2s, max-height linear 0s 34ms;
  -webkit-transition: opacity ease-out 0.2s 0.2s, max-height linear 0s 34ms;
  -moz-transition: opacity ease-out 0.2s 0.2s, max-height linear 0s 34ms;
  -o-transition: opacity ease-out 0.2s 0.2s, max-height linear 0s 34ms;
}
.byted-submenu-content-hide {
  opacity: 0;
  max-height: 0;
  transition: opacity ease-in 0.2s, max-height linear 0s 0.366s;
  -webkit-transition: opacity ease-in 0.2s, max-height linear 0s 0.366s;
  -moz-transition: opacity ease-in 0.2s, max-height linear 0s 0.366s;
  -o-transition: opacity ease-in 0.2s, max-height linear 0s 0.366s;
}
.byted-submenu:not(:first-child) {
  margin-top: 0px;
}
.byted-submenu-header {
  display: flex;
  align-items: center;
  height: 46px;
  line-height: 46px;
  border-radius: 0px;
  cursor: pointer;
  padding-right: 24px;
}
.byted-submenu-header .byted-menu-line-title {
  font-size: inherit;
  font-weight: 600;
}
.byted-submenu-header-open-icon {
  flex: none;
  user-select: none;
  font-size: 16px;
}
.byted-item-group {
  width: 100%;
}
.byted-item-group-header {
  height: 46px;
  line-height: 46px;
}
.byted-submenu-content-hide .byted-menu-item:first-of-type {
  margin-top: 0px;
}
.byted-menu-item {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 46px;
  line-height: 46px;
  border-radius: 0px;
  font-weight: 400;
  font-size: inherit;
  cursor: pointer;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.byted-menu-item-1 {
  border-radius: 0px;
  margin-top: 0px;
}
.byted-menu-item-1 .byted-menu-line-title {
  font-weight: 600;
  font-size: inherit;
}
.byted-menu-item-1.byted-menu-item-active .byted-menu-line-title {
  font-weight: 600;
}
.byted-menu-item a:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: transparent;
}
.byted-menu-uncollapse {
  width: 200px;
  padding: 0 0 0 0;
  transition: all ease-in-out 0.1s, width ease-out 0.2s;
  -webkit-transition: all ease-in-out 0.1s, width ease-out 0.2s;
  -moz-transition: all ease-in-out 0.1s, width ease-out 0.2s;
  -o-transition: all ease-in-out 0.1s, width ease-out 0.2s;
}
.byted-menu-uncollapse .byted-menu-line-title,
.byted-menu-uncollapse .byted-submenu-header-open-icon {
  max-width: 100%;
  transition: all ease-in-out 0.1s, opacity ease-out 0.2s 0.2s, max-width ease-out 0.2s;
  -webkit-transition: all ease-in-out 0.1s, opacity ease-out 0.2s 0.2s, max-width ease-out 0.2s;
  -moz-transition: all ease-in-out 0.1s, opacity ease-out 0.2s 0.2s, max-width ease-out 0.2s;
  -o-transition: all ease-in-out 0.1s, opacity ease-out 0.2s 0.2s, max-width ease-out 0.2s;
}
.byted-menu-uncollapse .byted-submenu-line .byted-submenu-header-open-icon {
  margin-right: 8px;
}
.byted-menu-uncollapse .byted-submenu-line:not(:last-of-type) .byted-submenu-content {
  position: relative;
}
.byted-menu-uncollapse .byted-submenu-line:not(:last-of-type) .byted-submenu-content-line {
  position: absolute;
  top: 8px;
  bottom: 8px;
  width: 1px;
}
.byted-menu-uncollapse .byted-submenu-header {
  display: flex;
  height: 46px;
  line-height: 46px;
  cursor: pointer;
}
.byted-menu-uncollapse .byted-submenu-header .byted-menu-line-title {
  font-weight: 600;
}
.byted-menu-uncollapse .byted-submenu-header-active .byted-menu-line-title {
  font-weight: 600;
}
.byted-menu-uncollapse .byted-submenu-header-open-icon {
  flex: none;
}
.byted-menu-uncollapse .byted-item-group-header,
.byted-menu-uncollapse .byted-menu-item {
  padding-right: 24px;
  margin-top: 0px;
}
.byted-menu-uncollapse .byted-menu-item-1 {
  margin-top: 0px;
}
.byted-menu-uncollapse .byted-submenu-header,
.byted-menu-uncollapse .byted-menu-item {
  transition: all ease-in-out 0.1s, padding linear 0s, margin-top linear 0s 34ms;
  -webkit-transition: all ease-in-out 0.1s, padding linear 0s, margin-top linear 0s 34ms;
  -moz-transition: all ease-in-out 0.1s, padding linear 0s, margin-top linear 0s 34ms;
  -o-transition: all ease-in-out 0.1s, padding linear 0s, margin-top linear 0s 34ms;
}
.byted-menu-collapse {
  width: 64px;
  transition: all ease-in-out 0.1s, width ease-out 0.2s 0.2s;
  -webkit-transition: all ease-in-out 0.1s, width ease-out 0.2s 0.2s;
  -moz-transition: all ease-in-out 0.1s, width ease-out 0.2s 0.2s;
  -o-transition: all ease-in-out 0.1s, width ease-out 0.2s 0.2s;
}
.byted-menu-collapse .byted-menu-line-title,
.byted-menu-collapse .byted-submenu-header-open-icon {
  opacity: 0;
  max-width: 0;
  transition: all ease-in-out 0.1s, opacity ease-out 0.2s, max-width ease-out 0.08s 0.32s;
  -webkit-transition: all ease-in-out 0.1s, opacity ease-out 0.2s, max-width ease-out 0.08s 0.32s;
  -moz-transition: all ease-in-out 0.1s, opacity ease-out 0.2s, max-width ease-out 0.08s 0.32s;
  -o-transition: all ease-in-out 0.1s, opacity ease-out 0.2s, max-width ease-out 0.08s 0.32s;
}
.byted-menu-collapse .byted-menu-line-icon {
  margin-right: 0;
  transition: margin-right linear 0s 0.2s;
  -webkit-transition: margin-right linear 0s 0.2s;
  -moz-transition: margin-right linear 0s 0.2s;
  -o-transition: margin-right linear 0s 0.2s;
}
.byted-menu-collapse .byted-submenu-header,
.byted-menu-collapse .byted-menu-item-1 {
  width: auto;
  margin-left: 0px;
  margin-right: 0px;
}
.byted-menu-collapse .byted-submenu-header,
.byted-menu-collapse .byted-menu-item {
  display: flex;
  justify-content: center;
  padding: 0 !important;
  height: 46px;
  line-height: 46px;
  transition: all ease-in-out 0.1s, padding linear 0s 0.4s;
  -webkit-transition: all ease-in-out 0.1s, padding linear 0s 0.4s;
  -moz-transition: all ease-in-out 0.1s, padding linear 0s 0.4s;
  -o-transition: all ease-in-out 0.1s, padding linear 0s 0.4s;
}
.byted-submenu-popover {
  width: 160px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.byted-submenu-popover.byted-submenu-popover-dark {
  background-color: transparent;
}
.byted-submenu-popover.byted-submenu-popover-light {
  background-color: transparent;
}
.byted-submenu-popover.byted-submenu-popover-transparent {
  background-color: #ffffff;
}
.byted-submenu-popover .byted-popover-inner {
  font-size: 14px;
}
.byted-submenu-popover .byted-submenu-header,
.byted-submenu-popover .byted-item-group-header,
.byted-submenu-popover .byted-menu-item {
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 0px;
}
.byted-submenu-popover .byted-menu-item {
  margin-top: 0px;
}
.byted-menu-uncollapse .byted-menu-item-1,
.byted-menu-uncollapse .byted-submenu-1 .byted-submenu-header {
  padding-left: 24px;
}
.byted-menu-uncollapse .byted-menu-item-2,
.byted-menu-uncollapse .byted-submenu-2 .byted-submenu-header {
  padding-left: 48px;
}
.byted-menu-uncollapse .byted-menu-item-3,
.byted-menu-uncollapse .byted-submenu-3 .byted-submenu-header {
  padding-left: 72px;
}
.byted-menu-uncollapse .byted-menu-item-4,
.byted-menu-uncollapse .byted-submenu-4 .byted-submenu-header {
  padding-left: 96px;
}
.byted-menu-uncollapse .byted-menu-item-5,
.byted-menu-uncollapse .byted-submenu-5 .byted-submenu-header {
  padding-left: 120px;
}
.byted-menu-uncollapse .byted-menu-item-6,
.byted-menu-uncollapse .byted-submenu-6 .byted-submenu-header {
  padding-left: 144px;
}
.byted-menu-uncollapse .byted-menu-item-7,
.byted-menu-uncollapse .byted-submenu-7 .byted-submenu-header {
  padding-left: 168px;
}
.byted-menu-uncollapse .byted-menu-item-8,
.byted-menu-uncollapse .byted-submenu-8 .byted-submenu-header {
  padding-left: 192px;
}
.byted-menu-uncollapse .byted-menu-item-9,
.byted-menu-uncollapse .byted-submenu-9 .byted-submenu-header {
  padding-left: 216px;
}
.byted-menu-uncollapse .byted-menu-item-10,
.byted-menu-uncollapse .byted-submenu-10 .byted-submenu-header {
  padding-left: 240px;
}
.byted-message {
  position: relative;
  display: inline-block;
  align-items: center;
  padding: 8px 16px;
  border-radius: 4px;
  background: #ffffff;
  color: #121212;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-align: left;
  pointer-events: auto;
  box-sizing: border-box;
}
.byted-message-shadow {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
}
.byted-message-icon {
  margin-right: 8px;
  height: 16px;
  width: 16px;
  font-size: 16px;
  vertical-align: middle;
}
.byted-message-type-success .byted-message-icon {
  color: #28a666;
}
.byted-message-type-info .byted-message-icon {
  color: #f60457;
}
.byted-message-type-warning .byted-message-icon {
  color: #e0a111;
}
.byted-message-type-error .byted-message-icon {
  color: #d83e0e;
}
.byted-message-type-loading .byted-message-icon {
  color: #fa4b74;
}
.byted-message-no-icon {
  padding-left: 16px;
}
.byted-message-has-close {
  padding-right: 40px;
}
.byted-message-has-close .byted-message-close {
  color: #8a8a8a;
  position: absolute;
  top: 8px;
  right: 16px;
  cursor: pointer;
  font-size: 14px;
  vertical-align: middle;
}
.byted-message-content {
  vertical-align: middle;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
.byted-message-loading-icon svg {
  animation: okee-loading-rotate 0.6s linear infinite;
}
.byted-modal-footer {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}
.byted-modal-footer.byted-modal-footer-align-start {
  justify-content: flex-start;
}
.byted-modal-footer.byted-modal-footer-align-end {
  justify-content: flex-end;
}
.byted-modal {
  background: #ffffff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  color: #121212;
  opacity: 0;
  margin: auto;
  will-change: transform;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  transition: all ease-in 0.24s;
  -webkit-transition: all ease-in 0.24s;
  -moz-transition: all ease-in 0.24s;
  -o-transition: all ease-in 0.24s;
}
.byted-modal.byted-modal-rtl {
  direction: rtl;
}
.byted-modal-show {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transition: all ease-out 0.24s;
  -webkit-transition: all ease-out 0.24s;
  -moz-transition: all ease-out 0.24s;
  -o-transition: all ease-out 0.24s;
}
.byted-modal-wrapper {
  position: relative;
}
.byted-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(26, 26, 27, 0.5);
  opacity: 0;
  transition: all ease-in-out 0.24s;
  -webkit-transition: all ease-in-out 0.24s;
  -moz-transition: all ease-in-out 0.24s;
  -o-transition: all ease-in-out 0.24s;
}
.byted-modal-mask-show {
  opacity: 1;
  transition: all ease-in-out 0.24s;
  -webkit-transition: all ease-in-out 0.24s;
  -moz-transition: all ease-in-out 0.24s;
  -o-transition: all ease-in-out 0.24s;
}
.byted-modal.byted-modal-size-xs {
  width: 480px;
}
.byted-modal.byted-modal-size-sm {
  width: 480px;
}
.byted-modal.byted-modal-size-md {
  width: 600px;
}
.byted-modal.byted-modal-size-lg {
  width: 840px;
}
.byted-modal.byted-modal-size-xl {
  width: 840px;
}
.byted-modal-body {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  outline: 0;
}
.byted-modal-body-no-top {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.byted-modal-content-container {
  position: relative;
  max-width: 100%;
}
.byted-modal-content-header {
  padding: 24px 24px 24px 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #121212;
}
.byted-modal-content-header-overflow {
  padding-top: 21px;
  padding-bottom: 21px;
}
.byted-modal-content-header-divider {
  border-bottom: 1px solid #d9d9d9;
}
.byted-modal-content-inner {
  font-size: 14px;
  padding: 0 24px 0 24px;
  color: #666666;
  line-height: 22px;
}
.byted-modal-content-inner-no-footer {
  padding-bottom: 24px;
}
.byted-modal-content-inner-wrapper {
  width: 100%;
  height: 100%;
}
.byted-modal-content-footer {
  padding: 24px 24px 24px 24px;
}
.byted-modal-content-footer-overflow {
  padding-top: 16px;
  padding-bottom: 16px;
}
.byted-modal-content-footer-divider {
  border-top: 1px solid #d9d9d9;
}
.byted-modal .byted-modal-close-icon {
  font-size: 20px;
  color: #121212;
  cursor: pointer;
  position: absolute;
  top: 24px;
  left: unset;
  right: 24px;
  z-index: 1;
}
.byted-modal .byted-modal-close-icon:hover {
  color: #f60457;
}
.byted-modal .byted-modal-close-icon:active {
  color: #d20251;
}
.byted-modal.byted-modal-rtl .byted-modal-close-icon {
  left: 24px;
  right: unset;
}
.byted-modal-content-icon-wrapper {
  width: 28px;
  font-size: 20px;
}
.byted-modal-content-icon-wrapper .byted-icon {
  vertical-align: -0.15em;
}
.byted-modal-content-icon-wrapper .byted-icon-check-one {
  color: #28a666;
}
.byted-modal-content-icon-wrapper .byted-icon-info {
  color: #f60457;
}
.byted-modal-content-icon-wrapper .byted-icon-attention {
  color: #e0a111;
}
.byted-modal-content-icon-wrapper .byted-icon-close-one {
  color: #d83e0e;
}
.byted-modal .byted-confirm-footer .byted-confirm-ok {
  margin: 0 0 0 8px;
}
.byted-modal.byted-modal-rtl .byted-confirm-footer .byted-confirm-ok {
  margin: 0 8px 0 0;
}
.byted-date-picker-multiple .byted-select-input-wrapper .byted-select-input-filled ~ .byted-select-input-icon {
  color: #666666;
}
.byted-date-picker-multiple .byted-select-input-wrapper .byted-select-input-icon {
  color: #666666;
}
.byted-multiple-input-panel {
  display: flex;
  align-items: flex-start;
  overflow: auto;
  position: relative;
  width: 100%;
  border: 1px solid #d9d9d9;
  background: #ffffff;
  border-radius: 4px;
  padding: 1px 0px 1px 12px;
  font-size: 0;
  line-height: 0;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-multiple-input-panel.byted-multiple-input-panel-warning {
  color: #121212;
  border-color: #d83e0e;
  background: #ffffff;
  box-shadow: none;
}
.byted-multiple-input-panel.byted-multiple-input-panel-warning.byted-multiple-input-panel-filled {
  color: #121212;
  border-color: #d83e0e;
  background: #ffede8;
}
.byted-multiple-input-panel.byted-multiple-input-panel-warning.byted-multiple-input-panel-filled .byted-multiple-input-value {
  background: #ffede8;
}
.byted-multiple-input-panel.byted-multiple-input-panel-warning.byted-multiple-input-panel-hover {
  color: #121212;
  border-color: #e06637;
  background: #ffffff;
}
.byted-multiple-input-panel.byted-multiple-input-panel-warning.byted-multiple-input-panel-hover.byted-multiple-input-panel-filled {
  color: #121212;
  background: #ffede8;
  border-color: #d83e0e;
}
.byted-multiple-input-panel.byted-multiple-input-panel-warning.byted-multiple-input-panel-hover.byted-multiple-input-panel-filled .byted-multiple-input-value {
  background: #ffede8;
}
.byted-multiple-input-panel.byted-multiple-input-panel-warning.byted-multiple-input-panel-focus,
.byted-multiple-input-panel.byted-multiple-input-panel-warning.byted-multiple-input-panel-focus.byted-multiple-input-panel-hover {
  color: #121212;
  border-color: #b52a08;
  background: #ffffff;
  box-shadow: none;
  box-shadow: 0 0 0 2px rgba(181, 42, 8, 0.2);
}
.byted-multiple-input-panel.byted-multiple-input-panel-warning.byted-multiple-input-panel-focus.byted-multiple-input-panel-filled,
.byted-multiple-input-panel.byted-multiple-input-panel-warning.byted-multiple-input-panel-focus.byted-multiple-input-panel-hover.byted-multiple-input-panel-filled {
  color: #121212;
  background: #ffede8;
  border-color: #d83e0e;
}
.byted-multiple-input-panel.byted-multiple-input-panel-warning.byted-multiple-input-panel-focus.byted-multiple-input-panel-filled .byted-multiple-input-value,
.byted-multiple-input-panel.byted-multiple-input-panel-warning.byted-multiple-input-panel-focus.byted-multiple-input-panel-hover.byted-multiple-input-panel-filled .byted-multiple-input-value {
  background: #ffede8;
}
.byted-multiple-input-panel.byted-multiple-input-panel-warning.byted-multiple-input-panel-disabled {
  color: #bdbdbd;
  border-color: #f8f8f8;
  background: #f8f8f8;
  box-shadow: none;
}
.byted-multiple-input-panel.byted-multiple-input-panel-warning.byted-multiple-input-panel-disabled.byted-multiple-input-panel-filled {
  color: #bdbdbd;
  background: #f2f2f2;
  border-color: #f2f2f2;
}
.byted-multiple-input-panel.byted-multiple-input-panel-warning.byted-multiple-input-panel-disabled.byted-multiple-input-panel-filled .byted-multiple-input-value {
  background: #f2f2f2;
}
.byted-multiple-input-panel .byted-multiple-input-close-icon {
  position: relative;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  font-size: 14px;
  transform: translateY(-50%);
  visibility: hidden;
}
.byted-multiple-input-panel .byted-multiple-input-close-icon:hover {
  color: #666666;
}
.byted-multiple-input-panel .byted-multiple-input-close-icon-show {
  visibility: visible;
}
.byted-multiple-input-panel .byted-multiple-input-close-icon-suffix {
  margin-right: 0;
}
.byted-multiple-input-panel-size-lg .byted-multiple-input-value,
.byted-multiple-input-panel-size-xl .byted-multiple-input-value {
  font-size: 14px;
  line-height: 22px;
  height: 30px;
}
.byted-multiple-input-panel-size-lg .byted-multiple-input-close-icon,
.byted-multiple-input-panel-size-xl .byted-multiple-input-close-icon {
  top: 17px;
}
.byted-multiple-input-panel-size-lg .byted-multiple-input-suffix,
.byted-multiple-input-panel-size-xl .byted-multiple-input-suffix,
.byted-multiple-input-panel-size-lg .byted-multiple-input-prefix,
.byted-multiple-input-panel-size-xl .byted-multiple-input-prefix {
  line-height: 34px;
}
.byted-multiple-input-panel-size-md .byted-multiple-input-value {
  font-size: 14px;
  line-height: 22px;
  height: 26px;
}
.byted-multiple-input-panel-size-md .byted-multiple-input-close-icon {
  top: 15px;
}
.byted-multiple-input-panel-size-md .byted-multiple-input-suffix,
.byted-multiple-input-panel-size-md .byted-multiple-input-prefix {
  line-height: 30px;
}
.byted-multiple-input-panel-size-sm .byted-multiple-input-value,
.byted-multiple-input-panel-size-xs .byted-multiple-input-value {
  font-size: 12px;
  line-height: 20px;
  height: 22px;
}
.byted-multiple-input-panel-size-sm .byted-multiple-input-close-icon,
.byted-multiple-input-panel-size-xs .byted-multiple-input-close-icon {
  top: 13px;
}
.byted-multiple-input-panel-size-sm .byted-multiple-input-suffix,
.byted-multiple-input-panel-size-xs .byted-multiple-input-suffix,
.byted-multiple-input-panel-size-sm .byted-multiple-input-prefix,
.byted-multiple-input-panel-size-xs .byted-multiple-input-prefix {
  line-height: 26px;
}
.byted-multiple-input-panel:hover {
  z-index: 2;
  border-color: #fa4b74;
}
.byted-multiple-input-panel-focus,
.byted-multiple-input-panel:focus {
  z-index: 2;
  outline: none;
  border-color: #f60457;
  box-shadow: 0 0 0 2px rgba(253, 163, 178, 0.2);
}
.byted-multiple-input-panel-filled {
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
.byted-multiple-input-panel-filled .byted-multiple-input-value {
  background-color: #f2f2f2;
}
.byted-multiple-input-panel-filled:hover {
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.byted-multiple-input-panel-filled:hover .byted-multiple-input-value {
  background-color: #ebebeb;
}
.byted-multiple-input-panel-filled:active {
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
.byted-multiple-input-panel-filled:active .byted-multiple-input-value {
  background-color: #f2f2f2;
}
.byted-multiple-input-panel-filled.byted-multiple-input-panel-focus {
  border-color: #f60457;
  background-color: #f2f2f2;
}
.byted-multiple-input-panel-filled.byted-multiple-input-panel-focus .byted-multiple-input-value {
  background-color: #f2f2f2;
}
.byted-multiple-input-panel-filled .byted-tag.byted-tag-fill {
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
.byted-multiple-input-panel-filled .byted-tag.byted-tag-fill:hover {
  background-color: #ffffff;
}
.byted-multiple-input-panel-filled.byted-multiple-input-panel-disabled {
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
.byted-multiple-input-panel-filled.byted-multiple-input-panel-disabled .byted-multiple-input-value {
  background-color: #f2f2f2;
}
.byted-multiple-input-panel-filled.byted-multiple-input-panel-disabled .byted-multiple-input-value::placeholder {
  color: #bdbdbd;
}
.byted-multiple-input-panel-filled.byted-multiple-input-panel-disabled .byted-tag.byted-tag-fill {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #bdbdbd;
}
.byted-multiple-input-panel-disabled {
  cursor: not-allowed;
  color: #bdbdbd;
  background: #f8f8f8;
  border: 1px solid #ebebeb;
}
.byted-multiple-input-panel-disabled:hover {
  border-color: #ebebeb;
}
.byted-multiple-input-panel-disabled .byted-multiple-input-value {
  cursor: not-allowed;
  background: #f8f8f8;
}
.byted-multiple-input-panel-disabled .byted-multiple-input-value::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-multiple-input-panel-disabled .byted-tag {
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-multiple-input-panel-disabled .byted-tag:hover {
  color: #bdbdbd;
}
.byted-multiple-input-panel .byted-multiple-input-content {
  flex: 1;
  display: inline-flex;
  flex-wrap: wrap;
  overflow-y: auto;
}
.byted-multiple-input-panel .byted-multiple-input-content .byted-tag {
  pointer-events: auto;
  margin: 2px 4px 2px 0;
  max-width: calc(100% - 4px);
}
.byted-multiple-input-panel .byted-multiple-input-content .byted-tag:last-child {
  margin-right: 0;
}
.byted-multiple-input-panel .byted-multiple-input-content .byted-tag .byted-multiple-input-tag-tooltip {
  display: inline;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.byted-multiple-input-panel.byted-multiple-input-panel-rtl .byted-multiple-input-content .byted-tag {
  margin: 2px 0 2px 4px;
}
.byted-multiple-input-panel .byted-multiple-input-suffix {
  display: inline-flex;
  color: #8a8a8a;
  font-size: 14px;
}
.byted-multiple-input-prefix {
  padding-right: 8px;
  display: inline-flex;
  font-size: 14px;
  color: #666666;
}
.byted-multiple-input-prefix-divider {
  padding-right: 16px;
  position: relative;
}
.byted-multiple-input-prefix-divider::after {
  content: '';
  width: 1px;
  position: absolute;
  display: block;
  background-color: #ebebeb;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.byted-multiple-input-panel-size-xs .byted-multiple-input-prefix-divider:after {
  height: 12px;
}
.byted-multiple-input-panel-size-sm .byted-multiple-input-prefix-divider:after {
  height: 12px;
}
.byted-multiple-input-panel-size-md .byted-multiple-input-prefix-divider:after {
  height: 16px;
}
.byted-multiple-input-panel-size-lg .byted-multiple-input-prefix-divider:after {
  height: 16px;
}
.byted-multiple-input-panel-size-xl .byted-multiple-input-prefix-divider:after {
  height: 16px;
}
.byted-multiple-input-panel-collapse .byted-multiple-input-content {
  max-height: 30px;
  overflow: hidden;
}
.byted-multiple-input-panel-collapse.byted-multiple-input-panel-size-lg .byted-multiple-input-content,
.byted-multiple-input-panel-collapse.byted-multiple-input-panel-size-xl .byted-multiple-input-content {
  max-height: 34px;
}
.byted-multiple-input-panel-collapse.byted-multiple-input-panel-size-sm .byted-multiple-input-content,
.byted-multiple-input-panel-collapse.byted-multiple-input-panel-size-xs .byted-multiple-input-content {
  max-height: 26px;
}
.byted-multiple-input-panel-collapse.byted-multiple-input-panel-focus .byted-multiple-input-content {
  max-height: none;
  overflow: auto;
}
.byted-multiple-input-icon {
  position: absolute;
  z-index: 2;
  right: 10px;
  color: #bdbdbd;
  top: 50%;
  transform: translateY(-50%);
}
.byted-multiple-input-value {
  flex: 1;
  margin: 2px 0;
  max-width: 100%;
  vertical-align: top;
  border: 0;
  outline: none;
  cursor: pointer;
}
.byted-multiple-input-value::placeholder {
  color: #8a8a8a;
}
.byted-notification {
  border-radius: 4px;
  color: #121212;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 22px;
  padding: 12px 16px 16px 16px;
  display: inline-block;
  background: #ffffff;
  width: 344px;
  text-align: left;
  pointer-events: auto;
}
.byted-notification-shadow {
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.08);
}
.byted-notification-type-success .byted-icon {
  color: #28a666;
}
.byted-notification-type-info .byted-icon {
  color: #f60457;
}
.byted-notification-type-warning .byted-icon {
  color: #e0a111;
}
.byted-notification-type-error .byted-icon {
  color: #d83e0e;
}
.byted-notification-body {
  position: relative;
  padding-left: 0;
}
.byted-notification-body-has-icon {
  padding-left: 24px;
}
.byted-notification-body-icon {
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 16px;
}
.byted-notification-body-content {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
  color: #666666;
  font-size: 12px;
  line-height: 20px;
  font-weight: Regular;
}
.byted-notification-body-close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  font-size: 16px;
}
.byted-notification-body-close .byted-icon-close-small {
  color: #8a8a8a;
}
.byted-notification-body-close:hover .byted-icon-close-small {
  color: #8a8a8a;
}
.byted-notification-body-title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 12px;
  color: #121212;
}
.byted-notification-body-btn {
  text-align: right;
  margin-top: 16px;
}
.byted-notification-body-footer {
  margin-top: 16px;
}
/* New Token */
.byted-pager {
  display: flex;
  align-items: center;
  user-select: none;
}
.byted-pager .byted-pager-record {
  font-size: 14px;
  margin-right: 16px;
}
.byted-pager .byted-pager-item-group {
  display: inline-block;
}
.byted-pager .byted-pager-item-group > li {
  list-style: none;
  display: inline-block;
  text-align: center;
  margin-right: 8px;
}
.byted-pager .byted-pager-item-group > li > span {
  display: inline-block;
}
.byted-pager .byted-pager-item-group .byted-pager-item {
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  color: #121212;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-pager .byted-pager-item-group .byted-pager-item:hover {
  color: #f60457;
  background-color: #ffffff;
  border-color: #f60457;
}
.byted-pager .byted-pager-item-group .byted-pager-item:active {
  color: #d20251;
  background-color: #ffffff;
  border-color: #d20251;
}
.byted-pager .byted-pager-item-group .byted-pager-item-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #feedef;
}
.byted-pager .byted-pager-item-group .byted-pager-item.byted-pager-item-disabled {
  cursor: no-drop;
  color: #bdbdbd;
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-pager .byted-pager-item-group .byted-pager-apostrophe-cell {
  cursor: pointer;
}
.byted-pager .byted-pager-item-group .byted-pager-item,
.byted-pager .byted-pager-item-group .byted-pager-text {
  min-width: 26px;
  height: 26px;
  cursor: pointer;
  border-radius: 4px;
}
.byted-pager .byted-pager-item-group .byted-pager-item:first-child > span,
.byted-pager .byted-pager-item-group .byted-pager-text:first-child > span,
.byted-pager .byted-pager-item-group .byted-pager-item:last-child > span,
.byted-pager .byted-pager-item-group .byted-pager-text:last-child > span {
  padding-left: 5px;
  padding-right: 5px;
}
.byted-pager .byted-pager-item-group .byted-pager-item > span,
.byted-pager .byted-pager-item-group .byted-pager-text > span {
  padding-left: 7px;
  padding-right: 7px;
}
.byted-pager .byted-pager-item-group .byted-pager-item .byted-pager-apostrophe-cell,
.byted-pager .byted-pager-item-group .byted-pager-text .byted-pager-apostrophe-cell {
  padding: unset;
}
.byted-pager .byted-pager-item-group .byted-pager-item.byted-pager-item-disabled,
.byted-pager .byted-pager-item-group .byted-pager-text.byted-pager-item-disabled {
  cursor: no-drop;
  color: #bdbdbd;
}
.byted-pager .byted-pager-item-group .byted-pager-text {
  border-width: 1px;
  border-style: solid;
  background: transparent;
  border-color: transparent;
  color: #121212;
}
.byted-pager .byted-pager-item-group .byted-pager-text:hover {
  color: #121212;
  background: #e3e3e3;
  border-color: transparent;
}
.byted-pager .byted-pager-item-group .byted-pager-text:active {
  color: #121212;
  background: #d9d9d9;
  border-color: transparent;
}
.byted-pager .byted-pager-item-group .byted-pager-text.byted-pager-item-checked {
  color: #f60457;
  background: #feedef;
  border-color: transparent;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item {
  background-color: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item:hover {
  color: #f60457;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item:active {
  color: #121212;
  background-color: #e3e3e3;
  border-color: #e3e3e3;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item.byted-pager-item-disabled {
  cursor: no-drop;
  color: #bdbdbd;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item {
  background-color: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item:hover {
  color: #f60457;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item:active {
  color: #121212;
  background-color: #e3e3e3;
  border-color: #e3e3e3;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item.byted-pager-item-disabled {
  cursor: no-drop;
  color: #bdbdbd;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
.byted-pager-size-xl {
  height: 42px;
  font-size: 16px;
}
.byted-pager-size-xl .byted-pager-item-group {
  display: flex;
  flex: none;
}
.byted-pager-size-xl .byted-pager-item-group .byted-pager-item,
.byted-pager-size-xl .byted-pager-item-group .byted-pager-text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
}
.byted-pager-size-xl .byted-pager-item-group .byted-pager-apostrophe-cell {
  height: 42px;
  line-height: 42px;
}
.byted-pager-size-xl .byted-pager-jump-input .byted-input-size-md,
.byted-pager-size-xl .byted-pager-turn-input .byted-input-size-md {
  width: 56px;
  height: 42px;
  font-size: 12px;
}
.byted-pager-size-xl .byted-pager-turn-arrow {
  width: 42px;
  height: 42px;
}
.byted-pager-size-xl .byted-pager-turn-arrow .byted-icon {
  line-height: 42px;
  display: inline-flex;
  align-items: center;
}
.byted-pager-size-lg {
  height: 38px;
  font-size: 14px;
}
.byted-pager-size-lg .byted-pager-item-group {
  display: flex;
  flex: none;
}
.byted-pager-size-lg .byted-pager-item-group .byted-pager-item,
.byted-pager-size-lg .byted-pager-item-group .byted-pager-text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
}
.byted-pager-size-lg .byted-pager-item-group .byted-pager-apostrophe-cell {
  height: 38px;
  line-height: 38px;
}
.byted-pager-size-lg .byted-pager-jump-input .byted-input-size-md,
.byted-pager-size-lg .byted-pager-turn-input .byted-input-size-md {
  width: 56px;
  height: 38px;
  font-size: 12px;
}
.byted-pager-size-lg .byted-pager-turn-arrow {
  width: 38px;
  height: 38px;
}
.byted-pager-size-lg .byted-pager-turn-arrow .byted-icon {
  line-height: 38px;
  display: inline-flex;
  align-items: center;
}
.byted-pager-size-md {
  height: 34px;
  font-size: 14px;
}
.byted-pager-size-md .byted-pager-item-group {
  display: flex;
  flex: none;
}
.byted-pager-size-md .byted-pager-item-group .byted-pager-item,
.byted-pager-size-md .byted-pager-item-group .byted-pager-text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
}
.byted-pager-size-md .byted-pager-item-group .byted-pager-apostrophe-cell {
  height: 34px;
  line-height: 34px;
}
.byted-pager-size-md .byted-pager-jump-input .byted-input-size-md,
.byted-pager-size-md .byted-pager-turn-input .byted-input-size-md {
  width: 56px;
  height: 34px;
  font-size: 12px;
}
.byted-pager-size-md .byted-pager-turn-arrow {
  width: 34px;
  height: 34px;
}
.byted-pager-size-md .byted-pager-turn-arrow .byted-icon {
  line-height: 34px;
  display: inline-flex;
  align-items: center;
}
.byted-pager-size-xs {
  height: 26px;
  font-size: 12px;
}
.byted-pager-size-xs .byted-pager-item-group {
  display: flex;
  flex: none;
}
.byted-pager-size-xs .byted-pager-item-group .byted-pager-item,
.byted-pager-size-xs .byted-pager-item-group .byted-pager-text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 26px;
}
.byted-pager-size-xs .byted-pager-item-group .byted-pager-apostrophe-cell {
  height: 26px;
  line-height: 26px;
}
.byted-pager-size-xs .byted-pager-jump-input .byted-input-size-md,
.byted-pager-size-xs .byted-pager-turn-input .byted-input-size-md {
  width: 56px;
  height: 26px;
  font-size: 12px;
}
.byted-pager-size-xs .byted-pager-turn-arrow {
  width: 26px;
  height: 26px;
}
.byted-pager-size-xs .byted-pager-turn-arrow .byted-icon {
  line-height: 26px;
  display: inline-flex;
  align-items: center;
}
.byted-pager-size-sm {
  height: 30px;
  font-size: 12px;
}
.byted-pager-size-sm .byted-pager-item-group {
  display: flex;
  flex: none;
}
.byted-pager-size-sm .byted-pager-item-group .byted-pager-item,
.byted-pager-size-sm .byted-pager-item-group .byted-pager-text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
}
.byted-pager-size-sm .byted-pager-item-group .byted-pager-apostrophe-cell {
  height: 30px;
  line-height: 30px;
}
.byted-pager-size-sm .byted-pager-jump-input .byted-input-size-md,
.byted-pager-size-sm .byted-pager-turn-input .byted-input-size-md {
  width: 56px;
  height: 30px;
  font-size: 12px;
}
.byted-pager-size-sm .byted-pager-turn-arrow {
  width: 30px;
  height: 30px;
}
.byted-pager-size-sm .byted-pager-turn-arrow .byted-icon {
  line-height: 30px;
  display: inline-flex;
  align-items: center;
}
.byted-pager-jump-area {
  margin-left: 8px;
}
.byted-pager-jump-input {
  width: 56px;
}
.byted-pager .byted-pager-jump {
  color: #f60457;
  font-size: 14px;
  margin-left: 8px;
  cursor: pointer;
}
.byted-pager .byted-pager-jump:hover {
  color: #fa4b74;
}
.byted-pager .byted-pager-jump:active {
  color: #d20251;
}
.byted-pager-simple {
  display: inline-flex;
  align-content: center;
  justify-content: center;
}
.byted-pager-simple .byted-pager-record {
  margin-right: 8px;
}
.byted-pager-simple .byted-pager-turn-input {
  width: 56px;
  margin-right: 12px;
}
.byted-pager-simple .byted-pager-turn-area {
  padding: 0 9px 0 17px;
}
.byted-pager-simple .byted-pager-turn-area-flat {
  padding: 0;
  margin-left: -1px;
  margin-right: -1px;
}
.byted-pager-simple .byted-pager-turn-area-flat .byted-pager-turn-input {
  margin: 0;
}
.byted-pager-simple .byted-pager-turn-area-flat .byted-pager-turn-input .byted-input-inner__wrapper {
  border-radius: 0;
}
.byted-pager-simple .byted-pager-turn-count {
  margin: 0 8px 0 8px;
}
.byted-pager-simple .byted-pager-turn-arrow {
  display: inline-flex;
  align-content: center;
  justify-content: center;
  cursor: pointer;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-pager-simple .byted-pager-turn-arrow-prev {
  border-radius: 4px 0 0 4px;
}
.byted-pager-simple .byted-pager-turn-arrow-next {
  border-radius: 0 4px 4px 0;
}
.byted-pager-simple .byted-pager-turn-arrow:not(.disabled-arrow):hover {
  color: #fa4b74;
  border-color: #fa4b74;
  z-index: 2;
}
.byted-pager-simple .byted-pager-turn-arrow:not(.disabled-arrow):active {
  color: #d20251;
  border-color: #d20251;
  z-index: 2;
}
.byted-pager-simple .byted-pager-turn-arrow-flat {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
}
.byted-pager-simple-compact .byted-pager-turn-area {
  padding: 0;
}
.byted-pager-simple-compact .byted-pager-turn-area .byted-pager-turn-count:first-child {
  margin-left: 11px;
}
.byted-pager-simple-compact .byted-pager-turn-area .byted-pager-turn-count:last-child {
  margin-right: 11px;
}
.byted-pager-simple .disabled-arrow {
  cursor: no-drop;
  color: #bdbdbd;
}
.byted-pager-simple .disabled-arrow.byted-pager-turn-arrow-flat {
  background-color: #f8f8f8;
  border-color: #ebebeb;
}
.byted-pager-disabled {
  cursor: no-drop;
}
.byted-pager-disabled .byted-pager-jump {
  cursor: no-drop;
}
.byted-pager-disabled .byted-pager-jump,
.byted-pager-disabled .byted-pager-jump:hover,
.byted-pager-disabled .byted-pager-jump:active {
  color: #fda3b2;
}
.byted-pager-disabled .byted-pager-item-group .byted-pager-apostrophe-cell {
  cursor: no-drop;
  color: #bdbdbd;
}
.byted-pager-disabled .byted-pager-item-group .byted-pager-text,
.byted-pager-disabled .byted-pager-item-group .byted-pager-text:hover,
.byted-pager-disabled .byted-pager-item-group .byted-pager-text:active {
  cursor: no-drop;
  color: #bdbdbd;
  border-color: transparent;
  background-color: transparent;
}
.byted-pager-disabled .byted-pager-item-group .byted-pager-text.byted-pager-item-checked,
.byted-pager-disabled .byted-pager-item-group .byted-pager-text:hover.byted-pager-item-checked,
.byted-pager-disabled .byted-pager-item-group .byted-pager-text:active.byted-pager-item-checked {
  background-color: #feedef;
}
.byted-pager-disabled .byted-pager-item-group .byted-pager-item,
.byted-pager-disabled .byted-pager-item-group .byted-pager-item:hover,
.byted-pager-disabled .byted-pager-item-group .byted-pager-item:active {
  cursor: no-drop;
  color: #bdbdbd;
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-pager-disabled .byted-pager-item-group .byted-pager-item.byted-pager-item-checked,
.byted-pager-disabled .byted-pager-item-group .byted-pager-item:hover.byted-pager-item-checked,
.byted-pager-disabled .byted-pager-item-group .byted-pager-item:active.byted-pager-item-checked {
  background-color: #feedef;
}
.byted-popper-trigger {
  display: inline-block;
}
.byted-popover {
  box-sizing: border-box;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.95);
  font-size: 0;
}
.byted-popover-inner {
  z-index: 2;
  border-radius: 4px;
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
  color: #666666;
}
.byted-popover-arrow {
  display: block;
  z-index: 1;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-popover-arrow .byted-popover-arrow-inner {
  width: 0;
  height: 0;
  font-size: 0;
  border-width: 4px;
  line-height: 0;
  border-style: solid;
  display: block;
}
.byted-popover-arrow-dir-top {
  transform: translateY(50%);
}
.byted-popover-arrow-dir-top .byted-popover-arrow-inner {
  border-color: transparent #ffffff #ffffff transparent;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.08);
  transform: rotate(45deg) scale(-1);
}
.byted-popover-arrow-dir-bottom {
  transform: translateY(-50%);
}
.byted-popover-arrow-dir-bottom .byted-popover-arrow-inner {
  border-color: transparent #ffffff #ffffff transparent;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.08);
  transform: rotate(45deg);
}
.byted-popover-arrow-dir-left {
  transform: translateX(50%);
}
.byted-popover-arrow-dir-left .byted-popover-arrow-inner {
  border-color: transparent #ffffff #ffffff transparent;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.08);
  transform: rotate(-45deg) scale(-1);
}
.byted-popover-arrow-dir-right {
  transform: translateX(-50%);
}
.byted-popover-arrow-dir-right .byted-popover-arrow-inner {
  border-color: transparent #ffffff #ffffff transparent;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.08);
  transform: rotate(-45deg);
}
.byted-popover-confirm-container,
.byted-popover-alert-container,
.byted-popover-container-container {
  padding: 16px;
  box-sizing: border-box;
  width: 240px;
}
.byted-popover-confirm-icon-wrapper.byted-content-icon-wrapper,
.byted-popover-alert-icon-wrapper.byted-content-icon-wrapper,
.byted-popover-container-icon-wrapper.byted-content-icon-wrapper {
  width: 22px;
}
.byted-popover-confirm-header.byted-content-header,
.byted-popover-alert-header.byted-content-header,
.byted-popover-container-header.byted-content-header {
  margin-bottom: 8px;
  color: #121212;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}
.byted-popover-confirm-inner.byted-content-inner,
.byted-popover-alert-inner.byted-content-inner,
.byted-popover-container-inner.byted-content-inner {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #666666;
}
.byted-popover-confirm-footer.byted-content-footer,
.byted-popover-alert-footer.byted-content-footer,
.byted-popover-container-footer.byted-content-footer {
  margin-top: 8px;
  text-align: right;
}
.byted-popover-confirm-footer.byted-content-footer .byted-confirm-ok,
.byted-popover-alert-footer.byted-content-footer .byted-confirm-ok,
.byted-popover-container-footer.byted-content-footer .byted-confirm-ok {
  margin-left: 12px;
}
.byted-popover-mode-dark {
  background-color: rgba(50, 51, 53, 0.95);
}
.byted-popover-mode-dark .byted-popover-inner {
  color: #ffffff;
}
.byted-popover-mode-dark .byted-popover-arrow-dir-top .byted-popover-arrow-inner,
.byted-popover-mode-dark .byted-popover-arrow-dir-bottom .byted-popover-arrow-inner,
.byted-popover-mode-dark .byted-popover-arrow-dir-left .byted-popover-arrow-inner,
.byted-popover-mode-dark .byted-popover-arrow-dir-right .byted-popover-arrow-inner {
  border-color: transparent rgba(50, 51, 53, 0.95) rgba(50, 51, 53, 0.95) transparent;
}
.byted-progress {
  display: inline-block;
  position: relative;
}
.byted-progress-icon-line {
  flex: none;
  min-width: 36px;
  font-size: 16px;
  margin-left: 16px;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.byted-progress-icon-circle,
.byted-progress-slot {
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.byted-progress-icon-close {
  color: #d83e0e;
}
.byted-progress-icon-check {
  color: #28a666;
}
.byted-progress-wrap {
  display: flex;
  align-items: center;
}
.byted-progress-outer {
  vertical-align: middle;
  flex: auto;
}
.byted-progress-inner {
  position: relative;
  width: 100%;
  background-color: #e3e3e3;
  border-radius: 100px;
  overflow: hidden;
}
.byted-progress-bg {
  position: relative;
  background-color: #f60457;
  border-radius: 100px;
}
.byted-progress-bg-success {
  background-color: #28a666;
}
.byted-progress-bg-fail {
  background-color: #d83e0e;
}
.byted-progress-size-md .byted-progress-bg {
  height: 8px;
}
.byted-progress-size-md .byted-progress-text {
  font-size: 14px;
}
.byted-progress-size-md .byted-progress-icon-circle {
  font-size: 32px;
}
.byted-progress-size-sm .byted-progress-bg {
  height: 4px;
}
.byted-progress-size-sm .byted-progress-text {
  font-size: 12px;
}
.byted-progress-size-sm .byted-progress-icon-circle {
  font-size: 28px;
}
.byted-progress-size-xs .byted-progress-bg {
  height: 2px;
}
.byted-progress-size-xs .byted-progress-text {
  font-size: 12px;
}
.byted-progress-text {
  flex: none;
  margin-left: 16px;
  color: #121212;
  line-height: 1;
  line-height: 16px;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
  min-width: 36px;
}
.byted-progress-text-box {
  position: absolute;
  top: 0;
  right: 0;
}
.byted-progress-shape-circle {
  line-height: 1;
}
.byted-progress-shape-line {
  width: 100%;
}
.byted-progress-shape-inner-line {
  width: 100%;
}
.byted-progress-shape-inner-line .byted-progress-wrap {
  position: relative;
}
.byted-progress-shape-inner-line .byted-progress-outer {
  margin: 0;
  padding: 0;
}
.byted-progress-shape-inner-line .byted-progress-text {
  position: absolute;
  color: #ffffff;
  font-size: 12px;
  margin: 0;
  left: 12px;
  top: 7px;
}
.byted-progress-shape-inner-line .byted-progress-bg {
  height: 20px;
}
.byted-progress-shape-inner-line .byted-progress-bg .byted-progress-text {
  position: absolute;
  color: #ffffff;
  font-size: 12px;
  margin: 0;
  right: 12px;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
}
.byted-progress-mark-list {
  position: relative;
  width: 100%;
}
.byted-progress-mark-list-item {
  position: absolute;
  z-index: 1;
  top: -2px;
  display: flex;
  transform: translateX(-50%);
  top: -22px;
}
.byted-progress-mark-list-item-divider {
  padding: 0px 1px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
}
.byted-progress-mark-list-item-divider::after {
  display: block;
  content: '';
  width: 2px;
  background-color: #fa6c00;
}
.byted-progress-size-xs .byted-progress-mark-list-item-divider::after {
  height: 6px;
}
.byted-progress-size-sm .byted-progress-mark-list-item-divider::after {
  height: 8px;
}
.byted-progress-size-md .byted-progress-mark-list-item-divider::after {
  height: 12px;
}
.byted-progress-shape-inner-line .byted-progress-mark-list-item-divider::after {
  height: 24px;
}
.byted-progress-mark-list-item-content {
  font-size: 12px;
  top: -20px;
  line-height: 18px;
  white-space: nowrap;
  color: #8a8a8a;
  padding-bottom: 2px;
}
.byted-progress-mark-list-item-tooltip {
  padding: 16px;
}
/**
 * OKee Design Component Table Design Token
 */
.byted-table-active-trigger {
  background: none;
  border: none;
  padding: 0 8px 0 0;
  height: 100%;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}
.byted-table-active-trigger.byted-table-active-trigger-rtl {
  direction: rtl;
  margin: 0 0 0 8px;
}
.byted-table-active-trigger .byted-table-active-trigger-indent > i {
  display: inline-block;
  width: 20px;
}
.byted-table-active-trigger:hover .byted-table-active-trigger-icon {
  color: #f60457;
}
.byted-table-active-trigger .byted-table-active-trigger-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  fill: currentColor;
  color: #999;
  transform: rotate(0);
}
.byted-table-active-trigger.byted-table-active-trigger-rtl .byted-table-active-trigger-icon {
  transform: rotate(180deg);
}
.byted-table-active-trigger.byted-table-active-trigger-active .byted-table-active-trigger-icon {
  transform: rotate(90deg);
}
.byted-table {
  position: relative;
  direction: ltr;
}
.byted-table-rtl {
  direction: rtl;
}
.byted-table .byted-table-cell {
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
}
.byted-table .byted-table-cell-top {
  border-top: 1px solid transparent;
}
.byted-table .byted-table-cell-first {
  border-left: 1px solid transparent;
}
.byted-table-container {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.byted-table-container-stripe .byted-table-body > :nth-child(2n) .byted-table-column-fixed,
.byted-table-container-stripe .byted-table-body > :nth-child(2n) .byted-table-column-visible {
  background: #f8f8f8;
}
.byted-table-container-stripe .byted-table-body > :nth-child(2n) .byted-table-column-fixed:hover,
.byted-table-container-stripe .byted-table-body > :nth-child(2n) .byted-table-column-visible:hover {
  background-color: #ebebeb;
}
.byted-table-container-stripe .byted-table-body > :nth-child(2n) .byted-table-column-fixed:active,
.byted-table-container-stripe .byted-table-body > :nth-child(2n) .byted-table-column-visible:active {
  background-color: #e3e3e3;
}
.byted-table-container-stripe .byted-table-body > :last-child .byted-table-cell {
  border-bottom: 1px solid #ebebeb;
}
.byted-table-container .byted-table-cell-top {
  border-top: 1px solid #ebebeb;
}
.byted-table-container .byted-table-cell-bottom {
  border-bottom: 1px solid #ebebeb;
}
.byted-table-container-row .byted-table-cell-body {
  border-bottom: 1px solid #ebebeb;
}
.byted-table-container .has-footer .byted-table-row:last-of-type .byted-table-cell-body {
  border-bottom: 1px solid transparent;
}
.byted-table-container-outer .byted-table-cell-first {
  border-left: 1px solid #ebebeb;
}
.byted-table-container-outer .byted-table-cell-last {
  border-right: 1px solid #ebebeb;
}
.byted-table-container-inner .byted-table-cell:not(.byted-table-cell-last) {
  border-right: 1px solid #ebebeb;
}
.byted-table-container-inner .byted-table-cell-group {
  border-bottom: 1px solid #ebebeb;
}
.byted-table-expand-content {
  position: relative;
  flex: 1 0 100%;
}
.byted-table-column {
  overflow: hidden;
  flex-wrap: nowrap;
  position: relative;
}
.byted-table-column-fixed,
.byted-table-column-scroller,
.byted-table-column-group {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
.byted-table-column-fixed {
  z-index: 1;
  background: #ffffff;
}
.byted-table-column-fixed-right {
  position: absolute;
  right: 0;
  top: 0;
}
.byted-table-column-fixed-right.byted-table-column-fixed-cover {
  box-shadow: -4px 0 6px 1px rgba(0, 0, 0, 0.05);
}
.byted-table-column-fixed-left {
  position: absolute;
  left: 0;
  top: 0;
}
.byted-table-column-fixed-left.byted-table-column-fixed-cover {
  box-shadow: 4px 0 6px 1px rgba(0, 0, 0, 0.05);
}
.byted-table-column-visible {
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background: #ffffff;
}
.byted-table-column-visible .byted-table-td {
  color: #121212;
}
.byted-table-column-visible::-webkit-scrollbar {
  display: none;
}
.byted-table-head .byted-table-column-fixed,
.byted-table-head .byted-table-column-visible {
  background-color: #f8f8f8;
}
.byted-table-head .byted-table-column-visible {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.byted-table-head .byted-table-column-fixed:first-child {
  border-top-left-radius: 0;
}
.byted-table-head .byted-table-column-fixed:first-child .byted-table-cell:first-child {
  border-top-left-radius: 0;
}
.byted-table-head .byted-table-column-fixed:last-child {
  border-top-right-radius: 0;
}
.byted-table-head .byted-table-column-fixed:last-child .byted-table-cell:last-child {
  border-top-right-radius: 0;
}
.byted-table-head-fixed {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.byted-table-body {
  overflow: hidden;
}
.byted-table-row-expansion {
  font-size: 12px;
  line-height: 20px;
  color: #121212;
  background-color: #f0f0f0;
}
.byted-table-row:hover {
  background-color: #f8f8f8;
}
.byted-table-row:hover .byted-table-column-fixed,
.byted-table-row:hover .byted-table-column-visible {
  background-color: #f8f8f8;
}
.byted-table-row:hover .byted-table-column-fixed .byted-table-td,
.byted-table-row:hover .byted-table-column-visible .byted-table-td {
  color: #121212;
}
.byted-table-row:active .byted-table-column-fixed,
.byted-table-row:active .byted-table-column-visible {
  background-color: #f8f8f8;
}
.byted-table-row:active .byted-table-column-fixed .byted-table-td,
.byted-table-row:active .byted-table-column-visible .byted-table-td {
  color: #121212;
}
.byted-table-row-child .byted-table-column-visible {
  background: #f8f8f8;
}
.byted-table-row-child .byted-table-column-visible .byted-table-td {
  color: #121212;
}
.byted-table-row-child:hover .byted-table-column-fixed,
.byted-table-row-child:hover .byted-table-column-visible {
  background-color: #ebebeb;
}
.byted-table-row-child:hover .byted-table-column-fixed .byted-table-td,
.byted-table-row-child:hover .byted-table-column-visible .byted-table-td {
  color: #121212;
}
.byted-table-row-child:active .byted-table-column-fixed,
.byted-table-row-child:active .byted-table-column-visible {
  background-color: #e3e3e3;
}
.byted-table-row-child:active .byted-table-column-fixed .byted-table-td,
.byted-table-row-child:active .byted-table-column-visible .byted-table-td {
  color: #121212;
}
.byted-table-scroller-bar {
  position: relative;
  box-sizing: content-box;
}
.byted-table-scroller-bar-hide {
  display: none;
}
.byted-table-scroller-bar-inner {
  background: #ffffff;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-top: -1px;
}
.byted-table-scroller-bar-inner > div {
  height: 1px;
  pointer-events: none;
}
.byted-table-filter-panel {
  background-color: #ffffff;
  border: 1px solid transparent;
}
.byted-table .byted-table-container-size-xs .byted-table-head .byted-table-th {
  line-height: 20px;
}
.byted-table .byted-table-container-size-xs .byted-table-body .byted-table-td {
  line-height: 20px;
}
.byted-table .byted-table-container-size-sm .byted-table-head .byted-table-th {
  line-height: 20px;
}
.byted-table .byted-table-container-size-sm .byted-table-body .byted-table-td {
  line-height: 20px;
}
.byted-table .byted-table-container-size-md .byted-table-head .byted-table-th {
  line-height: 20px;
}
.byted-table .byted-table-container-size-md .byted-table-body .byted-table-td {
  line-height: 20px;
}
.byted-table .byted-table-container-size-lg .byted-table-head .byted-table-th {
  line-height: 20px;
}
.byted-table .byted-table-container-size-lg .byted-table-body .byted-table-td {
  line-height: 20px;
}
.byted-table .byted-table-container-size-xl .byted-table-head .byted-table-th {
  line-height: 20px;
}
.byted-table .byted-table-container-size-xl .byted-table-body .byted-table-td {
  line-height: 20px;
}
.byted-radio {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  color: #121212;
  cursor: pointer;
  vertical-align: middle;
}
.byted-radio.byted-radio-rtl {
  direction: rtl;
}
.byted-radio + .byted-radio {
  margin: 0 0 0 24px;
}
.byted-radio + .byted-radio.byted-radio-rtl {
  margin: 0 24px 0 0;
}
.byted-radio .byted-radio-circle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-radio .byted-radio-circle::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  transform: translate3d(-50%, -50%, 0) scale(0);
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
  -moz-transform: translate3d(-50%, -50%, 0) scale(0);
  -o-transform: translate3d(-50%, -50%, 0) scale(0);
}
.byted-radio.byted-radio-checked .byted-radio-circle {
  border-color: #121212;
  background-color: #f60457;
}
.byted-radio.byted-radio-checked .byted-radio-circle::after {
  background-color: #121212;
  transform: translate3d(-50%, -50%, 0) scale(1);
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
  -moz-transform: translate3d(-50%, -50%, 0) scale(1);
  -o-transform: translate3d(-50%, -50%, 0) scale(1);
}
.byted-radio.byted-radio-checked:hover .byted-radio-circle {
  border-color: #fa4b74;
  background-color: #fa4b74;
}
.byted-radio.byted-radio-checked:focus .byted-radio-circle {
  border-color: #d20251;
  background-color: #d20251;
}
.byted-radio.byted-radio-checked:active .byted-radio-circle {
  border-color: #d20251;
  background-color: #d20251;
}
.byted-radio.byted-radio-variant.byted-radio-size-xs {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-size-xs {
  height: 26px;
  font-size: 12px;
  line-height: 20px;
}
.byted-radio.byted-radio-size-xs .byted-radio-circle {
  width: 14px;
  height: 14px;
}
.byted-radio.byted-radio-size-xs .byted-radio-circle::after {
  width: 5px;
  height: 5px;
}
.byted-radio.byted-radio-size-xs .byted-radio-label {
  margin: 0 0 0 4px;
}
.byted-radio.byted-radio-rtl.byted-radio-size-xs .byted-radio-label {
  margin: 0 4px 0 0;
}
.byted-radio.byted-radio-variant.byted-radio-size-sm {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-size-sm {
  height: 30px;
  font-size: 12px;
  line-height: 20px;
}
.byted-radio.byted-radio-size-sm .byted-radio-circle {
  width: 14px;
  height: 14px;
}
.byted-radio.byted-radio-size-sm .byted-radio-circle::after {
  width: 5px;
  height: 5px;
}
.byted-radio.byted-radio-size-sm .byted-radio-label {
  margin: 0 0 0 4px;
}
.byted-radio.byted-radio-rtl.byted-radio-size-sm .byted-radio-label {
  margin: 0 4px 0 0;
}
.byted-radio.byted-radio-variant.byted-radio-size-md {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-size-md {
  height: 34px;
  font-size: 14px;
  line-height: 22px;
}
.byted-radio.byted-radio-size-md .byted-radio-circle {
  width: 16px;
  height: 16px;
}
.byted-radio.byted-radio-size-md .byted-radio-circle::after {
  width: 6px;
  height: 6px;
}
.byted-radio.byted-radio-size-md .byted-radio-label {
  margin: 0 0 0 8px;
}
.byted-radio.byted-radio-rtl.byted-radio-size-md .byted-radio-label {
  margin: 0 8px 0 0;
}
.byted-radio.byted-radio-variant.byted-radio-size-lg {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-size-lg {
  height: 38px;
  font-size: 14px;
  line-height: 22px;
}
.byted-radio.byted-radio-size-lg .byted-radio-circle {
  width: 16px;
  height: 16px;
}
.byted-radio.byted-radio-size-lg .byted-radio-circle::after {
  width: 6px;
  height: 6px;
}
.byted-radio.byted-radio-size-lg .byted-radio-label {
  margin: 0 0 0 8px;
}
.byted-radio.byted-radio-rtl.byted-radio-size-lg .byted-radio-label {
  margin: 0 8px 0 0;
}
.byted-radio.byted-radio-variant.byted-radio-size-xl {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-size-xl {
  height: 42px;
  font-size: 16px;
  line-height: 24px;
}
.byted-radio.byted-radio-size-xl .byted-radio-circle {
  width: 18px;
  height: 18px;
}
.byted-radio.byted-radio-size-xl .byted-radio-circle::after {
  width: 7px;
  height: 7px;
}
.byted-radio.byted-radio-size-xl .byted-radio-label {
  margin: 0 0 0 8px;
}
.byted-radio.byted-radio-rtl.byted-radio-size-xl .byted-radio-label {
  margin: 0 8px 0 0;
}
.byted-radio:hover {
  color: #121212;
}
.byted-radio:hover .byted-radio-circle {
  border-color: #121212;
  background-color: #ffffff;
}
.byted-radio:active {
  color: #121212;
}
.byted-radio:active .byted-radio-circle {
  border-color: #d20251;
  box-shadow: 0 0 0 2px rgba(210, 2, 81, 0.2);
  background-color: #ffffff;
}
.byted-radio:focus .byted-radio-circle {
  border-color: #121212;
  box-shadow: 0 0 0 2px rgba(18, 18, 18, 0.2);
}
.byted-radio.byted-radio-disabled {
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-radio.byted-radio-disabled:hover,
.byted-radio.byted-radio-disabled:focus,
.byted-radio.byted-radio-disabled:active {
  color: #bdbdbd;
}
.byted-radio.byted-radio-disabled:hover .byted-radio-circle,
.byted-radio.byted-radio-disabled:focus .byted-radio-circle,
.byted-radio.byted-radio-disabled:active .byted-radio-circle {
  border-color: #ebebeb;
  box-shadow: none;
}
.byted-radio.byted-radio-disabled .byted-radio-circle {
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-radio.byted-radio-disabled.byted-radio-checked .byted-radio-circle {
  border-color: #fda3b2;
  background-color: #fda3b2;
}
.byted-radio.byted-radio-disabled.byted-radio-checked:hover .byted-radio-circle,
.byted-radio.byted-radio-disabled.byted-radio-checked:focus .byted-radio-circle,
.byted-radio.byted-radio-disabled.byted-radio-checked:active .byted-radio-circle {
  border-color: #fda3b2;
  background-color: #fda3b2;
}
.byted-radio.byted-radio-variant {
  position: relative;
  border-radius: 4px;
}
.byted-radio.byted-radio-variant::after {
  border-radius: 4px;
}
.byted-radio.byted-radio-variant.byted-radio-checked {
  z-index: 3;
}
.byted-radio.byted-radio-variant.byted-radio-checked:hover .byted-radio-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #fa4b74;
}
.byted-radio.byted-radio-variant.byted-radio-checked:active .byted-radio-icon {
  background-color: #fed0d6;
  border-color: #fed0d6;
  color: #d20251;
}
.byted-radio.byted-radio-variant.byted-radio-checked .byted-radio-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #f60457;
}
.byted-radio.byted-radio-variant.byted-radio-checked.byted-radio-disabled {
  z-index: 1;
}
.byted-radio.byted-radio-variant.byted-radio-checked.byted-radio-disabled .byted-radio-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #fda3b2;
}
.byted-radio.byted-radio-variant-fill {
  color: #121212;
  background-color: #ebebeb;
}
.byted-radio.byted-radio-variant-fill:not(.byted-radio-checked):hover {
  background-color: #f2f2f2;
  color: #f60457;
}
.byted-radio.byted-radio-variant-fill:not(.byted-radio-checked):active {
  background-color: #f2f2f2;
  color: #d20251;
}
.byted-radio.byted-radio-variant-fill:not(.byted-radio-checked).byted-radio-disabled {
  color: #bdbdbd;
  background-color: #f2f2f2;
}
.byted-radio.byted-radio-variant-fill.byted-radio-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
}
.byted-radio.byted-radio-variant-fill.byted-radio-checked:hover {
  color: #fa4b74;
  border-color: #fa4b74;
  background-color: #ffffff;
}
.byted-radio.byted-radio-variant-fill.byted-radio-checked:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
}
.byted-radio.byted-radio-variant-fill.byted-radio-checked::after {
  z-index: 4;
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #f60457;
}
.byted-radio.byted-radio-variant-fill.byted-radio-checked.byted-radio-disabled {
  color: #fda3b2;
  border-color: #fda3b2;
  background-color: #ffffff;
}
.byted-radio.byted-radio-variant-fill.byted-radio-checked.byted-radio-disabled::after {
  border: 1px solid #fda3b2;
}
.byted-radio.byted-radio-variant.byted-radio-disabled + .byted-radio.byted-radio-variant-divider::before {
  display: none;
}
.byted-radio.byted-radio-variant-divider:not(:first-child).byted-radio.byted-radio-variant-divider:not(.byted-radio-disabled)::before {
  content: ' ';
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #d9d9d9;
}
.byted-radio.byted-radio-variant-border {
  color: #121212;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
}
.byted-radio.byted-radio-variant-border:hover {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
  z-index: 3;
}
.byted-radio.byted-radio-variant-border:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
  z-index: 4;
}
.byted-radio.byted-radio-variant-border.byted-radio-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
  z-index: 3;
}
.byted-radio.byted-radio-variant-border.byted-radio-checked:hover {
  color: #fa4b74;
  border-color: #fa4b74;
  background-color: #ffffff;
}
.byted-radio.byted-radio-variant-border.byted-radio-checked:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
}
.byted-radio.byted-radio-variant-border.byted-radio-checked.byted-radio-disabled {
  color: #fda3b2;
  background-color: #ffffff;
  border-color: #fda3b2;
  z-index: 2;
}
.byted-radio.byted-radio-variant-border.byted-radio-disabled {
  color: #bdbdbd;
  background-color: #f2f2f2;
  border-color: #d9d9d9;
}
.byted-radio.byted-radio-variant-border.byted-radio-disabled:hover {
  z-index: 1;
}
.byted-radio.byted-radio-variant-button {
  overflow-x: hidden;
  background-color: #f2f2f2;
  color: #121212;
}
.byted-radio.byted-radio-variant-button:not(:last-of-type) {
  margin-right: 12px;
}
.byted-radio.byted-radio-variant-button:hover {
  background-color: #feedef;
  color: #f60457;
}
.byted-radio.byted-radio-variant-button:active {
  background-color: #feedef;
  color: #f60457;
}
.byted-radio.byted-radio-variant-button.byted-radio-disabled {
  background-color: #f2f2f2;
  color: #bdbdbd;
}
.byted-radio.byted-radio-variant-button.byted-radio-checked {
  background-color: #feedef;
  color: #f60457;
}
.byted-radio.byted-radio-variant-button.byted-radio-checked:hover {
  background-color: #feedef;
  color: #f60457;
}
.byted-radio.byted-radio-variant-button.byted-radio-checked:active {
  background-color: #feedef;
  color: #f60457;
}
.byted-radio.byted-radio-variant-button.byted-radio-checked.byted-radio-disabled {
  background-color: #feedef;
  color: #fda3b2;
}
.byted-radio.byted-radio-variant .byted-radio-button-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  color: #ffffff;
}
.byted-radio.byted-radio-variant.byted-radio-xs {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-variant-button.byted-radio-xs,
.byted-radio.byted-radio-variant-fill.byted-radio-xs {
  height: 26px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.byted-radio.byted-radio-variant-border.byted-radio-xs {
  height: 26px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.byted-radio.byted-radio-variant-button.byted-radio-xs .byted-radio-button-icon {
  font-size: 10px;
  border: 8px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-xs .byted-radio-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-xs .byted-radio-button-icon .byted-icon {
  position: absolute;
  bottom: calc((16px / 2) - 10px);
  left: calc((16px / 2) - 10px);
}
.byted-radio.byted-radio-variant.byted-radio-sm {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-variant-button.byted-radio-sm,
.byted-radio.byted-radio-variant-fill.byted-radio-sm {
  height: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-radio.byted-radio-variant-border.byted-radio-sm {
  height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.byted-radio.byted-radio-variant-button.byted-radio-sm .byted-radio-button-icon {
  font-size: 10px;
  border: 8px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-sm .byted-radio-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-sm .byted-radio-button-icon .byted-icon {
  position: absolute;
  bottom: calc((16px / 2) - 10px);
  left: calc((16px / 2) - 10px);
}
.byted-radio.byted-radio-variant.byted-radio-md {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-variant-button.byted-radio-md,
.byted-radio.byted-radio-variant-fill.byted-radio-md {
  height: 34px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-radio.byted-radio-variant-border.byted-radio-md {
  height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.byted-radio.byted-radio-variant-button.byted-radio-md .byted-radio-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-md .byted-radio-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-md .byted-radio-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}
.byted-radio.byted-radio-variant.byted-radio-lg {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-variant-button.byted-radio-lg,
.byted-radio.byted-radio-variant-fill.byted-radio-lg {
  height: 38px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.byted-radio.byted-radio-variant-border.byted-radio-lg {
  height: 38px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.byted-radio.byted-radio-variant-button.byted-radio-lg .byted-radio-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-lg .byted-radio-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-lg .byted-radio-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}
.byted-radio.byted-radio-variant.byted-radio-xl {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-variant-button.byted-radio-xl,
.byted-radio.byted-radio-variant-fill.byted-radio-xl {
  height: 42px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.byted-radio.byted-radio-variant-border.byted-radio-xl {
  height: 42px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.byted-radio.byted-radio-variant-button.byted-radio-xl .byted-radio-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-xl .byted-radio-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-xl .byted-radio-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}
.byted-radio.byted-radio-variant > .byted-radio-label {
  margin-left: 0;
}
.byted-radio-button.byted-btn-disabled.byted-radio-button-checked {
  background-color: #feedef;
  border-color: #fda3b2;
  color: #fda3b2;
  z-index: 10;
}
.byted-radio-filled-size-xs {
  font-size: 12px;
  line-height: 20px;
}
.byted-radio-filled-size-sm {
  font-size: 12px;
  line-height: 20px;
}
.byted-radio-filled-size-md {
  font-size: 14px;
  line-height: 22px;
}
.byted-radio-filled-size-lg {
  font-size: 14px;
  line-height: 22px;
}
.byted-radio-filled-size-xl {
  font-size: 16px;
  line-height: 24px;
}
.byted-radio-group-type-filled {
  display: inline-flex;
  background-color: #ebebeb;
  padding: 4px;
  color: #666666;
  border-radius: 4px;
}
.byted-radio-group-type-filled .byted-radio-filled {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 12px;
  margin-right: 4px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
}
.byted-radio-group-type-filled .byted-radio-filled:last-child {
  margin-right: 0px;
}
.byted-radio-group-type-filled .byted-radio-filled:hover {
  background-color: #d9d9d9;
}
.byted-radio-group-type-filled .byted-radio-filled:active {
  background-color: #d2d2d2;
}
.byted-radio-group-type-filled .byted-radio-filled-disabled {
  cursor: not-allowed;
  color: #bdbdbd;
}
.byted-radio-group-type-filled .byted-radio-filled-disabled:hover {
  background-color: #ebebeb;
}
.byted-radio-group-type-filled .byted-radio-filled-disabled.byted-radio-filled-checked,
.byted-radio-group-type-filled .byted-radio-filled-disabled.byted-radio-filled-checked:hover {
  background-color: #ffffff;
  color: #fda3b2;
}
.byted-radio-group-type-filled .byted-radio-filled-checked,
.byted-radio-group-type-filled .byted-radio-filled-checked:hover {
  background-color: #ffffff;
  color: #f60457;
}
.byted-radio-group-variant {
  display: inline-flex;
}
.byted-radio-group-variant .byted-radio.byted-radio-variant {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  margin-left: 0px;
  border-radius: 0;
}
.byted-radio-group-variant .byted-radio.byted-radio-variant::after {
  border-radius: 0px;
}
.byted-radio-group-variant .byted-radio.byted-radio-variant:first-child,
.byted-radio-group-variant .byted-radio.byted-radio-variant:first-child::after {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-radio-group-variant .byted-radio.byted-radio-variant:last-child,
.byted-radio-group-variant .byted-radio.byted-radio-variant:last-child::after {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-radio-group-variant .byted-radio.byted-radio-variant-fill:not(:last-child) {
  margin-right: -1px;
}
.byted-radio-group-variant .byted-radio.byted-radio-variant-border:not(:last-child) {
  margin-right: -1px;
}
.byted-radio-tag + .byted-radio-tag {
  margin-left: 0px;
  margin-right: 0;
}
.byted-radio-tag.byted-tag-rtl + .byted-radio-tag.byted-tag-rtl {
  margin-left: 0;
  margin-right: 0px;
}
/**
 * ocean 2.0 primary 线性按钮（Api plain） 边框和文字为 @primary-5;
 * ocean 1.0 primary 线性按钮（Api plain） 边框和文字为 灰色;
 * RadioGroup.Button 底层使用 primary 线性按钮 
 */
/**
 * Radio Button 使用旧样式风格: 
 * 未选中按钮 border 和 color 为灰色， 选中时 +蓝色背景，border 和 color 为蓝色；
 */
.byted-radio-group .byted-btn-group > .byted-btn-type-primary.byted-btn-plain:not(.byted-btn-checked) {
  border-color: #d9d9d9;
  color: #121212;
}
.byted-radio-group .byted-btn-group > .byted-btn-type-primary.byted-btn-plain:not(.byted-btn-checked):hover {
  border-color: #f60457;
  color: #f60457;
}
.byted-radio-group .byted-btn-group > .byted-btn-type-primary.byted-btn-plain.byted-btn-checked {
  background-color: #feedef;
  color: #f60457;
}
.byted-radio-group .byted-btn-group > .byted-btn-type-primary.byted-btn-plain.byted-btn-disabled {
  background-color: #f2f2f2;
  border-color: #d9d9d9;
  color: #bdbdbd;
}
.byted-radio-group .byted-btn-group > .byted-btn-type-primary.byted-btn-plain.byted-btn-disabled:hover {
  border-color: #d9d9d9;
  color: #bdbdbd;
  z-index: 9;
}
.byted-radio-group .byted-btn-group > .byted-btn-type-primary.byted-btn-plain.byted-btn-disabled.byted-btn-checked {
  background-color: #feedef;
  border-color: #fda3b2;
  color: #fda3b2;
}
.byted-rate-wrapper {
  display: inline-flex;
}
.byted-rate {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  cursor: pointer;
}
.byted-rate-size-xl .byted-rate-char {
  font-size: 24px;
}
.byted-rate-size-xl .byted-rate-char:not(:last-child) {
  margin-right: 16px;
}
.byted-rate-size-lg .byted-rate-char {
  font-size: 20px;
}
.byted-rate-size-lg .byted-rate-char:not(:last-child) {
  margin-right: 12px;
}
.byted-rate-size-md .byted-rate-char {
  font-size: 16px;
}
.byted-rate-size-md .byted-rate-char:not(:last-child) {
  margin-right: 8px;
}
.byted-rate-size-sm .byted-rate-char {
  font-size: 12px;
}
.byted-rate-size-sm .byted-rate-char:not(:last-child) {
  margin-right: 8px;
}
.byted-rate-disabled {
  cursor: not-allowed;
}
.byted-rate-disabled .byted-rate-char:hover {
  transform: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -o-transform: unset;
}
.byted-rate-char {
  position: relative;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-rate-char:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.byted-rate-char:active {
  transform: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -o-transform: unset;
}
.byted-rate-char-bg {
  position: absolute;
  top: 0;
  left: 0;
}
.byted-rate-text {
  margin-left: 18px;
  font-size: 14px;
}
.byted-Result_align_center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.byted-Result-Wrapper_align_center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.byted-Result-Wrapper_align_left {
  display: flex;
  align-items: center;
}
.byted-Result-Icon_align_center {
  font-size: 80px;
}
.byted-Result-Icon_align_left {
  font-size: 32px;
  margin-right: 12px;
}
.byted-Result-Icon_status_success {
  color: #28a666;
}
.byted-Result-Icon_status_error {
  color: #d83e0e;
}
.byted-Result-Icon_status_info {
  color: #3451f7;
}
.byted-Result-Icon_status_warning {
  color: #e0a111;
}
.byted-Result-Title {
  font-size: 18px;
  line-height: 22px;
  color: #121212;
  font-weight: 600;
}
.byted-Result-Title_align_center {
  margin-top: 24px;
  max-width: 400px;
  text-align: center;
}
.byted-Result-Title_align_left {
  margin-top: 0px;
  max-width: 400px;
}
.byted-Result-SubTitle {
  font-size: 14px;
  line-height: 22px;
  color: #666666;
  font-weight: 400;
}
.byted-Result-SubTitle_align_center {
  margin-top: 8px;
  max-width: 400px;
  text-align: center;
}
.byted-Result-SubTitle_align_left {
  margin-top: 12px;
  max-width: 400px;
}
.byted-Result-SubTitle_left {
  margin-left: 44px;
}
.byted-Result-Extra_align_center {
  margin-top: 24px;
}
.byted-Result-Extra_align_left {
  margin-top: 24px;
}
.byted-Result-Extra_left {
  margin-left: 44px;
}
.byted-Result_rtl {
  direction: rtl;
}
.byted-Result_rtl .byted-Result-Icon_align_left {
  margin-right: 0px;
  margin-left: 12px;
}
.byted-Result_rtl .byted-Result-SubTitle_left,
.byted-Result_rtl .byted-Result-Extra_left {
  margin-left: 0px;
  margin-right: 44px;
}
.byted-col {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
  flex: 0 0 auto;
  float: left;
}
.byted-col-rtl {
  float: right;
}
.byted-col-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.byted-col-push-24 {
  left: 100%;
}
.byted-col-pull-24 {
  right: 100%;
}
.byted-col-offset-24 {
  margin-left: 100%;
}
.byted-col-order-24 {
  order: 24;
}
.byted-col-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}
.byted-col-push-23 {
  left: 95.83333333%;
}
.byted-col-pull-23 {
  right: 95.83333333%;
}
.byted-col-offset-23 {
  margin-left: 95.83333333%;
}
.byted-col-order-23 {
  order: 23;
}
.byted-col-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}
.byted-col-push-22 {
  left: 91.66666667%;
}
.byted-col-pull-22 {
  right: 91.66666667%;
}
.byted-col-offset-22 {
  margin-left: 91.66666667%;
}
.byted-col-order-22 {
  order: 22;
}
.byted-col-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}
.byted-col-push-21 {
  left: 87.5%;
}
.byted-col-pull-21 {
  right: 87.5%;
}
.byted-col-offset-21 {
  margin-left: 87.5%;
}
.byted-col-order-21 {
  order: 21;
}
.byted-col-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}
.byted-col-push-20 {
  left: 83.33333333%;
}
.byted-col-pull-20 {
  right: 83.33333333%;
}
.byted-col-offset-20 {
  margin-left: 83.33333333%;
}
.byted-col-order-20 {
  order: 20;
}
.byted-col-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}
.byted-col-push-19 {
  left: 79.16666667%;
}
.byted-col-pull-19 {
  right: 79.16666667%;
}
.byted-col-offset-19 {
  margin-left: 79.16666667%;
}
.byted-col-order-19 {
  order: 19;
}
.byted-col-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}
.byted-col-push-18 {
  left: 75%;
}
.byted-col-pull-18 {
  right: 75%;
}
.byted-col-offset-18 {
  margin-left: 75%;
}
.byted-col-order-18 {
  order: 18;
}
.byted-col-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}
.byted-col-push-17 {
  left: 70.83333333%;
}
.byted-col-pull-17 {
  right: 70.83333333%;
}
.byted-col-offset-17 {
  margin-left: 70.83333333%;
}
.byted-col-order-17 {
  order: 17;
}
.byted-col-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}
.byted-col-push-16 {
  left: 66.66666667%;
}
.byted-col-pull-16 {
  right: 66.66666667%;
}
.byted-col-offset-16 {
  margin-left: 66.66666667%;
}
.byted-col-order-16 {
  order: 16;
}
.byted-col-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}
.byted-col-push-15 {
  left: 62.5%;
}
.byted-col-pull-15 {
  right: 62.5%;
}
.byted-col-offset-15 {
  margin-left: 62.5%;
}
.byted-col-order-15 {
  order: 15;
}
.byted-col-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}
.byted-col-push-14 {
  left: 58.33333333%;
}
.byted-col-pull-14 {
  right: 58.33333333%;
}
.byted-col-offset-14 {
  margin-left: 58.33333333%;
}
.byted-col-order-14 {
  order: 14;
}
.byted-col-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}
.byted-col-push-13 {
  left: 54.16666667%;
}
.byted-col-pull-13 {
  right: 54.16666667%;
}
.byted-col-offset-13 {
  margin-left: 54.16666667%;
}
.byted-col-order-13 {
  order: 13;
}
.byted-col-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}
.byted-col-push-12 {
  left: 50%;
}
.byted-col-pull-12 {
  right: 50%;
}
.byted-col-offset-12 {
  margin-left: 50%;
}
.byted-col-order-12 {
  order: 12;
}
.byted-col-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}
.byted-col-push-11 {
  left: 45.83333333%;
}
.byted-col-pull-11 {
  right: 45.83333333%;
}
.byted-col-offset-11 {
  margin-left: 45.83333333%;
}
.byted-col-order-11 {
  order: 11;
}
.byted-col-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}
.byted-col-push-10 {
  left: 41.66666667%;
}
.byted-col-pull-10 {
  right: 41.66666667%;
}
.byted-col-offset-10 {
  margin-left: 41.66666667%;
}
.byted-col-order-10 {
  order: 10;
}
.byted-col-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}
.byted-col-push-9 {
  left: 37.5%;
}
.byted-col-pull-9 {
  right: 37.5%;
}
.byted-col-offset-9 {
  margin-left: 37.5%;
}
.byted-col-order-9 {
  order: 9;
}
.byted-col-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}
.byted-col-push-8 {
  left: 33.33333333%;
}
.byted-col-pull-8 {
  right: 33.33333333%;
}
.byted-col-offset-8 {
  margin-left: 33.33333333%;
}
.byted-col-order-8 {
  order: 8;
}
.byted-col-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}
.byted-col-push-7 {
  left: 29.16666667%;
}
.byted-col-pull-7 {
  right: 29.16666667%;
}
.byted-col-offset-7 {
  margin-left: 29.16666667%;
}
.byted-col-order-7 {
  order: 7;
}
.byted-col-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}
.byted-col-push-6 {
  left: 25%;
}
.byted-col-pull-6 {
  right: 25%;
}
.byted-col-offset-6 {
  margin-left: 25%;
}
.byted-col-order-6 {
  order: 6;
}
.byted-col-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}
.byted-col-push-5 {
  left: 20.83333333%;
}
.byted-col-pull-5 {
  right: 20.83333333%;
}
.byted-col-offset-5 {
  margin-left: 20.83333333%;
}
.byted-col-order-5 {
  order: 5;
}
.byted-col-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}
.byted-col-push-4 {
  left: 16.66666667%;
}
.byted-col-pull-4 {
  right: 16.66666667%;
}
.byted-col-offset-4 {
  margin-left: 16.66666667%;
}
.byted-col-order-4 {
  order: 4;
}
.byted-col-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}
.byted-col-push-3 {
  left: 12.5%;
}
.byted-col-pull-3 {
  right: 12.5%;
}
.byted-col-offset-3 {
  margin-left: 12.5%;
}
.byted-col-order-3 {
  order: 3;
}
.byted-col-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}
.byted-col-push-2 {
  left: 8.33333333%;
}
.byted-col-pull-2 {
  right: 8.33333333%;
}
.byted-col-offset-2 {
  margin-left: 8.33333333%;
}
.byted-col-order-2 {
  order: 2;
}
.byted-col-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}
.byted-col-push-1 {
  left: 4.16666667%;
}
.byted-col-pull-1 {
  right: 4.16666667%;
}
.byted-col-offset-1 {
  margin-left: 4.16666667%;
}
.byted-col-order-1 {
  order: 1;
}
.byted-col-0 {
  display: none;
}
.byted-col-push-0 {
  left: auto;
}
.byted-col-pull-0 {
  right: auto;
}
.byted-col-push-0 {
  left: auto;
}
.byted-col-pull-0 {
  right: auto;
}
.byted-col-offset-0 {
  margin-left: 0;
}
.byted-col-order-0 {
  order: 0;
}
.byted-col-xs-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.byted-col-xs-push-24 {
  left: 100%;
}
.byted-col-xs-pull-24 {
  right: 100%;
}
.byted-col-xs-offset-24 {
  margin-left: 100%;
}
.byted-col-xs-order-24 {
  order: 24;
}
.byted-col-xs-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}
.byted-col-xs-push-23 {
  left: 95.83333333%;
}
.byted-col-xs-pull-23 {
  right: 95.83333333%;
}
.byted-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.byted-col-xs-order-23 {
  order: 23;
}
.byted-col-xs-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}
.byted-col-xs-push-22 {
  left: 91.66666667%;
}
.byted-col-xs-pull-22 {
  right: 91.66666667%;
}
.byted-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.byted-col-xs-order-22 {
  order: 22;
}
.byted-col-xs-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}
.byted-col-xs-push-21 {
  left: 87.5%;
}
.byted-col-xs-pull-21 {
  right: 87.5%;
}
.byted-col-xs-offset-21 {
  margin-left: 87.5%;
}
.byted-col-xs-order-21 {
  order: 21;
}
.byted-col-xs-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}
.byted-col-xs-push-20 {
  left: 83.33333333%;
}
.byted-col-xs-pull-20 {
  right: 83.33333333%;
}
.byted-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.byted-col-xs-order-20 {
  order: 20;
}
.byted-col-xs-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}
.byted-col-xs-push-19 {
  left: 79.16666667%;
}
.byted-col-xs-pull-19 {
  right: 79.16666667%;
}
.byted-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.byted-col-xs-order-19 {
  order: 19;
}
.byted-col-xs-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}
.byted-col-xs-push-18 {
  left: 75%;
}
.byted-col-xs-pull-18 {
  right: 75%;
}
.byted-col-xs-offset-18 {
  margin-left: 75%;
}
.byted-col-xs-order-18 {
  order: 18;
}
.byted-col-xs-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}
.byted-col-xs-push-17 {
  left: 70.83333333%;
}
.byted-col-xs-pull-17 {
  right: 70.83333333%;
}
.byted-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.byted-col-xs-order-17 {
  order: 17;
}
.byted-col-xs-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}
.byted-col-xs-push-16 {
  left: 66.66666667%;
}
.byted-col-xs-pull-16 {
  right: 66.66666667%;
}
.byted-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.byted-col-xs-order-16 {
  order: 16;
}
.byted-col-xs-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}
.byted-col-xs-push-15 {
  left: 62.5%;
}
.byted-col-xs-pull-15 {
  right: 62.5%;
}
.byted-col-xs-offset-15 {
  margin-left: 62.5%;
}
.byted-col-xs-order-15 {
  order: 15;
}
.byted-col-xs-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}
.byted-col-xs-push-14 {
  left: 58.33333333%;
}
.byted-col-xs-pull-14 {
  right: 58.33333333%;
}
.byted-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.byted-col-xs-order-14 {
  order: 14;
}
.byted-col-xs-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}
.byted-col-xs-push-13 {
  left: 54.16666667%;
}
.byted-col-xs-pull-13 {
  right: 54.16666667%;
}
.byted-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.byted-col-xs-order-13 {
  order: 13;
}
.byted-col-xs-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}
.byted-col-xs-push-12 {
  left: 50%;
}
.byted-col-xs-pull-12 {
  right: 50%;
}
.byted-col-xs-offset-12 {
  margin-left: 50%;
}
.byted-col-xs-order-12 {
  order: 12;
}
.byted-col-xs-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}
.byted-col-xs-push-11 {
  left: 45.83333333%;
}
.byted-col-xs-pull-11 {
  right: 45.83333333%;
}
.byted-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.byted-col-xs-order-11 {
  order: 11;
}
.byted-col-xs-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}
.byted-col-xs-push-10 {
  left: 41.66666667%;
}
.byted-col-xs-pull-10 {
  right: 41.66666667%;
}
.byted-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.byted-col-xs-order-10 {
  order: 10;
}
.byted-col-xs-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}
.byted-col-xs-push-9 {
  left: 37.5%;
}
.byted-col-xs-pull-9 {
  right: 37.5%;
}
.byted-col-xs-offset-9 {
  margin-left: 37.5%;
}
.byted-col-xs-order-9 {
  order: 9;
}
.byted-col-xs-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}
.byted-col-xs-push-8 {
  left: 33.33333333%;
}
.byted-col-xs-pull-8 {
  right: 33.33333333%;
}
.byted-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.byted-col-xs-order-8 {
  order: 8;
}
.byted-col-xs-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}
.byted-col-xs-push-7 {
  left: 29.16666667%;
}
.byted-col-xs-pull-7 {
  right: 29.16666667%;
}
.byted-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.byted-col-xs-order-7 {
  order: 7;
}
.byted-col-xs-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}
.byted-col-xs-push-6 {
  left: 25%;
}
.byted-col-xs-pull-6 {
  right: 25%;
}
.byted-col-xs-offset-6 {
  margin-left: 25%;
}
.byted-col-xs-order-6 {
  order: 6;
}
.byted-col-xs-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}
.byted-col-xs-push-5 {
  left: 20.83333333%;
}
.byted-col-xs-pull-5 {
  right: 20.83333333%;
}
.byted-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.byted-col-xs-order-5 {
  order: 5;
}
.byted-col-xs-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}
.byted-col-xs-push-4 {
  left: 16.66666667%;
}
.byted-col-xs-pull-4 {
  right: 16.66666667%;
}
.byted-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.byted-col-xs-order-4 {
  order: 4;
}
.byted-col-xs-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}
.byted-col-xs-push-3 {
  left: 12.5%;
}
.byted-col-xs-pull-3 {
  right: 12.5%;
}
.byted-col-xs-offset-3 {
  margin-left: 12.5%;
}
.byted-col-xs-order-3 {
  order: 3;
}
.byted-col-xs-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}
.byted-col-xs-push-2 {
  left: 8.33333333%;
}
.byted-col-xs-pull-2 {
  right: 8.33333333%;
}
.byted-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.byted-col-xs-order-2 {
  order: 2;
}
.byted-col-xs-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}
.byted-col-xs-push-1 {
  left: 4.16666667%;
}
.byted-col-xs-pull-1 {
  right: 4.16666667%;
}
.byted-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.byted-col-xs-order-1 {
  order: 1;
}
.byted-col-xs-0 {
  display: none;
}
.byted-col-push-0 {
  left: auto;
}
.byted-col-pull-0 {
  right: auto;
}
.byted-col-xs-push-0 {
  left: auto;
}
.byted-col-xs-pull-0 {
  right: auto;
}
.byted-col-xs-offset-0 {
  margin-left: 0;
}
.byted-col-xs-order-0 {
  order: 0;
}
@media (min-width: 576px) {
  .byted-col-sm-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .byted-col-sm-push-24 {
    left: 100%;
  }
  .byted-col-sm-pull-24 {
    right: 100%;
  }
  .byted-col-sm-offset-24 {
    margin-left: 100%;
  }
  .byted-col-sm-order-24 {
    order: 24;
  }
  .byted-col-sm-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .byted-col-sm-push-23 {
    left: 95.83333333%;
  }
  .byted-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .byted-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .byted-col-sm-order-23 {
    order: 23;
  }
  .byted-col-sm-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .byted-col-sm-push-22 {
    left: 91.66666667%;
  }
  .byted-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .byted-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .byted-col-sm-order-22 {
    order: 22;
  }
  .byted-col-sm-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .byted-col-sm-push-21 {
    left: 87.5%;
  }
  .byted-col-sm-pull-21 {
    right: 87.5%;
  }
  .byted-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .byted-col-sm-order-21 {
    order: 21;
  }
  .byted-col-sm-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .byted-col-sm-push-20 {
    left: 83.33333333%;
  }
  .byted-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .byted-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .byted-col-sm-order-20 {
    order: 20;
  }
  .byted-col-sm-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .byted-col-sm-push-19 {
    left: 79.16666667%;
  }
  .byted-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .byted-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .byted-col-sm-order-19 {
    order: 19;
  }
  .byted-col-sm-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .byted-col-sm-push-18 {
    left: 75%;
  }
  .byted-col-sm-pull-18 {
    right: 75%;
  }
  .byted-col-sm-offset-18 {
    margin-left: 75%;
  }
  .byted-col-sm-order-18 {
    order: 18;
  }
  .byted-col-sm-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .byted-col-sm-push-17 {
    left: 70.83333333%;
  }
  .byted-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .byted-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .byted-col-sm-order-17 {
    order: 17;
  }
  .byted-col-sm-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .byted-col-sm-push-16 {
    left: 66.66666667%;
  }
  .byted-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .byted-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .byted-col-sm-order-16 {
    order: 16;
  }
  .byted-col-sm-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .byted-col-sm-push-15 {
    left: 62.5%;
  }
  .byted-col-sm-pull-15 {
    right: 62.5%;
  }
  .byted-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .byted-col-sm-order-15 {
    order: 15;
  }
  .byted-col-sm-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .byted-col-sm-push-14 {
    left: 58.33333333%;
  }
  .byted-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .byted-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .byted-col-sm-order-14 {
    order: 14;
  }
  .byted-col-sm-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .byted-col-sm-push-13 {
    left: 54.16666667%;
  }
  .byted-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .byted-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .byted-col-sm-order-13 {
    order: 13;
  }
  .byted-col-sm-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .byted-col-sm-push-12 {
    left: 50%;
  }
  .byted-col-sm-pull-12 {
    right: 50%;
  }
  .byted-col-sm-offset-12 {
    margin-left: 50%;
  }
  .byted-col-sm-order-12 {
    order: 12;
  }
  .byted-col-sm-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .byted-col-sm-push-11 {
    left: 45.83333333%;
  }
  .byted-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .byted-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .byted-col-sm-order-11 {
    order: 11;
  }
  .byted-col-sm-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .byted-col-sm-push-10 {
    left: 41.66666667%;
  }
  .byted-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .byted-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .byted-col-sm-order-10 {
    order: 10;
  }
  .byted-col-sm-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .byted-col-sm-push-9 {
    left: 37.5%;
  }
  .byted-col-sm-pull-9 {
    right: 37.5%;
  }
  .byted-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .byted-col-sm-order-9 {
    order: 9;
  }
  .byted-col-sm-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .byted-col-sm-push-8 {
    left: 33.33333333%;
  }
  .byted-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .byted-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .byted-col-sm-order-8 {
    order: 8;
  }
  .byted-col-sm-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .byted-col-sm-push-7 {
    left: 29.16666667%;
  }
  .byted-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .byted-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .byted-col-sm-order-7 {
    order: 7;
  }
  .byted-col-sm-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .byted-col-sm-push-6 {
    left: 25%;
  }
  .byted-col-sm-pull-6 {
    right: 25%;
  }
  .byted-col-sm-offset-6 {
    margin-left: 25%;
  }
  .byted-col-sm-order-6 {
    order: 6;
  }
  .byted-col-sm-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .byted-col-sm-push-5 {
    left: 20.83333333%;
  }
  .byted-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .byted-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .byted-col-sm-order-5 {
    order: 5;
  }
  .byted-col-sm-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .byted-col-sm-push-4 {
    left: 16.66666667%;
  }
  .byted-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .byted-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .byted-col-sm-order-4 {
    order: 4;
  }
  .byted-col-sm-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .byted-col-sm-push-3 {
    left: 12.5%;
  }
  .byted-col-sm-pull-3 {
    right: 12.5%;
  }
  .byted-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .byted-col-sm-order-3 {
    order: 3;
  }
  .byted-col-sm-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .byted-col-sm-push-2 {
    left: 8.33333333%;
  }
  .byted-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .byted-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .byted-col-sm-order-2 {
    order: 2;
  }
  .byted-col-sm-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .byted-col-sm-push-1 {
    left: 4.16666667%;
  }
  .byted-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .byted-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .byted-col-sm-order-1 {
    order: 1;
  }
  .byted-col-sm-0 {
    display: none;
  }
  .byted-col-push-0 {
    left: auto;
  }
  .byted-col-pull-0 {
    right: auto;
  }
  .byted-col-sm-push-0 {
    left: auto;
  }
  .byted-col-sm-pull-0 {
    right: auto;
  }
  .byted-col-sm-offset-0 {
    margin-left: 0;
  }
  .byted-col-sm-order-0 {
    order: 0;
  }
}
@media (min-width: 768px) {
  .byted-col-md-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .byted-col-md-push-24 {
    left: 100%;
  }
  .byted-col-md-pull-24 {
    right: 100%;
  }
  .byted-col-md-offset-24 {
    margin-left: 100%;
  }
  .byted-col-md-order-24 {
    order: 24;
  }
  .byted-col-md-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .byted-col-md-push-23 {
    left: 95.83333333%;
  }
  .byted-col-md-pull-23 {
    right: 95.83333333%;
  }
  .byted-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .byted-col-md-order-23 {
    order: 23;
  }
  .byted-col-md-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .byted-col-md-push-22 {
    left: 91.66666667%;
  }
  .byted-col-md-pull-22 {
    right: 91.66666667%;
  }
  .byted-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .byted-col-md-order-22 {
    order: 22;
  }
  .byted-col-md-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .byted-col-md-push-21 {
    left: 87.5%;
  }
  .byted-col-md-pull-21 {
    right: 87.5%;
  }
  .byted-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .byted-col-md-order-21 {
    order: 21;
  }
  .byted-col-md-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .byted-col-md-push-20 {
    left: 83.33333333%;
  }
  .byted-col-md-pull-20 {
    right: 83.33333333%;
  }
  .byted-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .byted-col-md-order-20 {
    order: 20;
  }
  .byted-col-md-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .byted-col-md-push-19 {
    left: 79.16666667%;
  }
  .byted-col-md-pull-19 {
    right: 79.16666667%;
  }
  .byted-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .byted-col-md-order-19 {
    order: 19;
  }
  .byted-col-md-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .byted-col-md-push-18 {
    left: 75%;
  }
  .byted-col-md-pull-18 {
    right: 75%;
  }
  .byted-col-md-offset-18 {
    margin-left: 75%;
  }
  .byted-col-md-order-18 {
    order: 18;
  }
  .byted-col-md-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .byted-col-md-push-17 {
    left: 70.83333333%;
  }
  .byted-col-md-pull-17 {
    right: 70.83333333%;
  }
  .byted-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .byted-col-md-order-17 {
    order: 17;
  }
  .byted-col-md-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .byted-col-md-push-16 {
    left: 66.66666667%;
  }
  .byted-col-md-pull-16 {
    right: 66.66666667%;
  }
  .byted-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .byted-col-md-order-16 {
    order: 16;
  }
  .byted-col-md-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .byted-col-md-push-15 {
    left: 62.5%;
  }
  .byted-col-md-pull-15 {
    right: 62.5%;
  }
  .byted-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .byted-col-md-order-15 {
    order: 15;
  }
  .byted-col-md-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .byted-col-md-push-14 {
    left: 58.33333333%;
  }
  .byted-col-md-pull-14 {
    right: 58.33333333%;
  }
  .byted-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .byted-col-md-order-14 {
    order: 14;
  }
  .byted-col-md-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .byted-col-md-push-13 {
    left: 54.16666667%;
  }
  .byted-col-md-pull-13 {
    right: 54.16666667%;
  }
  .byted-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .byted-col-md-order-13 {
    order: 13;
  }
  .byted-col-md-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .byted-col-md-push-12 {
    left: 50%;
  }
  .byted-col-md-pull-12 {
    right: 50%;
  }
  .byted-col-md-offset-12 {
    margin-left: 50%;
  }
  .byted-col-md-order-12 {
    order: 12;
  }
  .byted-col-md-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .byted-col-md-push-11 {
    left: 45.83333333%;
  }
  .byted-col-md-pull-11 {
    right: 45.83333333%;
  }
  .byted-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .byted-col-md-order-11 {
    order: 11;
  }
  .byted-col-md-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .byted-col-md-push-10 {
    left: 41.66666667%;
  }
  .byted-col-md-pull-10 {
    right: 41.66666667%;
  }
  .byted-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .byted-col-md-order-10 {
    order: 10;
  }
  .byted-col-md-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .byted-col-md-push-9 {
    left: 37.5%;
  }
  .byted-col-md-pull-9 {
    right: 37.5%;
  }
  .byted-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .byted-col-md-order-9 {
    order: 9;
  }
  .byted-col-md-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .byted-col-md-push-8 {
    left: 33.33333333%;
  }
  .byted-col-md-pull-8 {
    right: 33.33333333%;
  }
  .byted-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .byted-col-md-order-8 {
    order: 8;
  }
  .byted-col-md-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .byted-col-md-push-7 {
    left: 29.16666667%;
  }
  .byted-col-md-pull-7 {
    right: 29.16666667%;
  }
  .byted-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .byted-col-md-order-7 {
    order: 7;
  }
  .byted-col-md-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .byted-col-md-push-6 {
    left: 25%;
  }
  .byted-col-md-pull-6 {
    right: 25%;
  }
  .byted-col-md-offset-6 {
    margin-left: 25%;
  }
  .byted-col-md-order-6 {
    order: 6;
  }
  .byted-col-md-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .byted-col-md-push-5 {
    left: 20.83333333%;
  }
  .byted-col-md-pull-5 {
    right: 20.83333333%;
  }
  .byted-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .byted-col-md-order-5 {
    order: 5;
  }
  .byted-col-md-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .byted-col-md-push-4 {
    left: 16.66666667%;
  }
  .byted-col-md-pull-4 {
    right: 16.66666667%;
  }
  .byted-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .byted-col-md-order-4 {
    order: 4;
  }
  .byted-col-md-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .byted-col-md-push-3 {
    left: 12.5%;
  }
  .byted-col-md-pull-3 {
    right: 12.5%;
  }
  .byted-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .byted-col-md-order-3 {
    order: 3;
  }
  .byted-col-md-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .byted-col-md-push-2 {
    left: 8.33333333%;
  }
  .byted-col-md-pull-2 {
    right: 8.33333333%;
  }
  .byted-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .byted-col-md-order-2 {
    order: 2;
  }
  .byted-col-md-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .byted-col-md-push-1 {
    left: 4.16666667%;
  }
  .byted-col-md-pull-1 {
    right: 4.16666667%;
  }
  .byted-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .byted-col-md-order-1 {
    order: 1;
  }
  .byted-col-md-0 {
    display: none;
  }
  .byted-col-push-0 {
    left: auto;
  }
  .byted-col-pull-0 {
    right: auto;
  }
  .byted-col-md-push-0 {
    left: auto;
  }
  .byted-col-md-pull-0 {
    right: auto;
  }
  .byted-col-md-offset-0 {
    margin-left: 0;
  }
  .byted-col-md-order-0 {
    order: 0;
  }
}
@media (min-width: 992px) {
  .byted-col-lg-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .byted-col-lg-push-24 {
    left: 100%;
  }
  .byted-col-lg-pull-24 {
    right: 100%;
  }
  .byted-col-lg-offset-24 {
    margin-left: 100%;
  }
  .byted-col-lg-order-24 {
    order: 24;
  }
  .byted-col-lg-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .byted-col-lg-push-23 {
    left: 95.83333333%;
  }
  .byted-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .byted-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .byted-col-lg-order-23 {
    order: 23;
  }
  .byted-col-lg-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .byted-col-lg-push-22 {
    left: 91.66666667%;
  }
  .byted-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .byted-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .byted-col-lg-order-22 {
    order: 22;
  }
  .byted-col-lg-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .byted-col-lg-push-21 {
    left: 87.5%;
  }
  .byted-col-lg-pull-21 {
    right: 87.5%;
  }
  .byted-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .byted-col-lg-order-21 {
    order: 21;
  }
  .byted-col-lg-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .byted-col-lg-push-20 {
    left: 83.33333333%;
  }
  .byted-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .byted-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .byted-col-lg-order-20 {
    order: 20;
  }
  .byted-col-lg-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .byted-col-lg-push-19 {
    left: 79.16666667%;
  }
  .byted-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .byted-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .byted-col-lg-order-19 {
    order: 19;
  }
  .byted-col-lg-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .byted-col-lg-push-18 {
    left: 75%;
  }
  .byted-col-lg-pull-18 {
    right: 75%;
  }
  .byted-col-lg-offset-18 {
    margin-left: 75%;
  }
  .byted-col-lg-order-18 {
    order: 18;
  }
  .byted-col-lg-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .byted-col-lg-push-17 {
    left: 70.83333333%;
  }
  .byted-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .byted-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .byted-col-lg-order-17 {
    order: 17;
  }
  .byted-col-lg-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .byted-col-lg-push-16 {
    left: 66.66666667%;
  }
  .byted-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .byted-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .byted-col-lg-order-16 {
    order: 16;
  }
  .byted-col-lg-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .byted-col-lg-push-15 {
    left: 62.5%;
  }
  .byted-col-lg-pull-15 {
    right: 62.5%;
  }
  .byted-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .byted-col-lg-order-15 {
    order: 15;
  }
  .byted-col-lg-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .byted-col-lg-push-14 {
    left: 58.33333333%;
  }
  .byted-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .byted-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .byted-col-lg-order-14 {
    order: 14;
  }
  .byted-col-lg-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .byted-col-lg-push-13 {
    left: 54.16666667%;
  }
  .byted-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .byted-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .byted-col-lg-order-13 {
    order: 13;
  }
  .byted-col-lg-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .byted-col-lg-push-12 {
    left: 50%;
  }
  .byted-col-lg-pull-12 {
    right: 50%;
  }
  .byted-col-lg-offset-12 {
    margin-left: 50%;
  }
  .byted-col-lg-order-12 {
    order: 12;
  }
  .byted-col-lg-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .byted-col-lg-push-11 {
    left: 45.83333333%;
  }
  .byted-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .byted-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .byted-col-lg-order-11 {
    order: 11;
  }
  .byted-col-lg-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .byted-col-lg-push-10 {
    left: 41.66666667%;
  }
  .byted-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .byted-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .byted-col-lg-order-10 {
    order: 10;
  }
  .byted-col-lg-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .byted-col-lg-push-9 {
    left: 37.5%;
  }
  .byted-col-lg-pull-9 {
    right: 37.5%;
  }
  .byted-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .byted-col-lg-order-9 {
    order: 9;
  }
  .byted-col-lg-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .byted-col-lg-push-8 {
    left: 33.33333333%;
  }
  .byted-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .byted-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .byted-col-lg-order-8 {
    order: 8;
  }
  .byted-col-lg-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .byted-col-lg-push-7 {
    left: 29.16666667%;
  }
  .byted-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .byted-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .byted-col-lg-order-7 {
    order: 7;
  }
  .byted-col-lg-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .byted-col-lg-push-6 {
    left: 25%;
  }
  .byted-col-lg-pull-6 {
    right: 25%;
  }
  .byted-col-lg-offset-6 {
    margin-left: 25%;
  }
  .byted-col-lg-order-6 {
    order: 6;
  }
  .byted-col-lg-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .byted-col-lg-push-5 {
    left: 20.83333333%;
  }
  .byted-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .byted-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .byted-col-lg-order-5 {
    order: 5;
  }
  .byted-col-lg-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .byted-col-lg-push-4 {
    left: 16.66666667%;
  }
  .byted-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .byted-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .byted-col-lg-order-4 {
    order: 4;
  }
  .byted-col-lg-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .byted-col-lg-push-3 {
    left: 12.5%;
  }
  .byted-col-lg-pull-3 {
    right: 12.5%;
  }
  .byted-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .byted-col-lg-order-3 {
    order: 3;
  }
  .byted-col-lg-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .byted-col-lg-push-2 {
    left: 8.33333333%;
  }
  .byted-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .byted-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .byted-col-lg-order-2 {
    order: 2;
  }
  .byted-col-lg-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .byted-col-lg-push-1 {
    left: 4.16666667%;
  }
  .byted-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .byted-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .byted-col-lg-order-1 {
    order: 1;
  }
  .byted-col-lg-0 {
    display: none;
  }
  .byted-col-push-0 {
    left: auto;
  }
  .byted-col-pull-0 {
    right: auto;
  }
  .byted-col-lg-push-0 {
    left: auto;
  }
  .byted-col-lg-pull-0 {
    right: auto;
  }
  .byted-col-lg-offset-0 {
    margin-left: 0;
  }
  .byted-col-lg-order-0 {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .byted-col-xl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .byted-col-xl-push-24 {
    left: 100%;
  }
  .byted-col-xl-pull-24 {
    right: 100%;
  }
  .byted-col-xl-offset-24 {
    margin-left: 100%;
  }
  .byted-col-xl-order-24 {
    order: 24;
  }
  .byted-col-xl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .byted-col-xl-push-23 {
    left: 95.83333333%;
  }
  .byted-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .byted-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .byted-col-xl-order-23 {
    order: 23;
  }
  .byted-col-xl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .byted-col-xl-push-22 {
    left: 91.66666667%;
  }
  .byted-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .byted-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .byted-col-xl-order-22 {
    order: 22;
  }
  .byted-col-xl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .byted-col-xl-push-21 {
    left: 87.5%;
  }
  .byted-col-xl-pull-21 {
    right: 87.5%;
  }
  .byted-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .byted-col-xl-order-21 {
    order: 21;
  }
  .byted-col-xl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .byted-col-xl-push-20 {
    left: 83.33333333%;
  }
  .byted-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .byted-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .byted-col-xl-order-20 {
    order: 20;
  }
  .byted-col-xl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .byted-col-xl-push-19 {
    left: 79.16666667%;
  }
  .byted-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .byted-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .byted-col-xl-order-19 {
    order: 19;
  }
  .byted-col-xl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .byted-col-xl-push-18 {
    left: 75%;
  }
  .byted-col-xl-pull-18 {
    right: 75%;
  }
  .byted-col-xl-offset-18 {
    margin-left: 75%;
  }
  .byted-col-xl-order-18 {
    order: 18;
  }
  .byted-col-xl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .byted-col-xl-push-17 {
    left: 70.83333333%;
  }
  .byted-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .byted-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .byted-col-xl-order-17 {
    order: 17;
  }
  .byted-col-xl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .byted-col-xl-push-16 {
    left: 66.66666667%;
  }
  .byted-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .byted-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .byted-col-xl-order-16 {
    order: 16;
  }
  .byted-col-xl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .byted-col-xl-push-15 {
    left: 62.5%;
  }
  .byted-col-xl-pull-15 {
    right: 62.5%;
  }
  .byted-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .byted-col-xl-order-15 {
    order: 15;
  }
  .byted-col-xl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .byted-col-xl-push-14 {
    left: 58.33333333%;
  }
  .byted-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .byted-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .byted-col-xl-order-14 {
    order: 14;
  }
  .byted-col-xl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .byted-col-xl-push-13 {
    left: 54.16666667%;
  }
  .byted-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .byted-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .byted-col-xl-order-13 {
    order: 13;
  }
  .byted-col-xl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .byted-col-xl-push-12 {
    left: 50%;
  }
  .byted-col-xl-pull-12 {
    right: 50%;
  }
  .byted-col-xl-offset-12 {
    margin-left: 50%;
  }
  .byted-col-xl-order-12 {
    order: 12;
  }
  .byted-col-xl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .byted-col-xl-push-11 {
    left: 45.83333333%;
  }
  .byted-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .byted-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .byted-col-xl-order-11 {
    order: 11;
  }
  .byted-col-xl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .byted-col-xl-push-10 {
    left: 41.66666667%;
  }
  .byted-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .byted-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .byted-col-xl-order-10 {
    order: 10;
  }
  .byted-col-xl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .byted-col-xl-push-9 {
    left: 37.5%;
  }
  .byted-col-xl-pull-9 {
    right: 37.5%;
  }
  .byted-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .byted-col-xl-order-9 {
    order: 9;
  }
  .byted-col-xl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .byted-col-xl-push-8 {
    left: 33.33333333%;
  }
  .byted-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .byted-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .byted-col-xl-order-8 {
    order: 8;
  }
  .byted-col-xl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .byted-col-xl-push-7 {
    left: 29.16666667%;
  }
  .byted-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .byted-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .byted-col-xl-order-7 {
    order: 7;
  }
  .byted-col-xl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .byted-col-xl-push-6 {
    left: 25%;
  }
  .byted-col-xl-pull-6 {
    right: 25%;
  }
  .byted-col-xl-offset-6 {
    margin-left: 25%;
  }
  .byted-col-xl-order-6 {
    order: 6;
  }
  .byted-col-xl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .byted-col-xl-push-5 {
    left: 20.83333333%;
  }
  .byted-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .byted-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .byted-col-xl-order-5 {
    order: 5;
  }
  .byted-col-xl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .byted-col-xl-push-4 {
    left: 16.66666667%;
  }
  .byted-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .byted-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .byted-col-xl-order-4 {
    order: 4;
  }
  .byted-col-xl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .byted-col-xl-push-3 {
    left: 12.5%;
  }
  .byted-col-xl-pull-3 {
    right: 12.5%;
  }
  .byted-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .byted-col-xl-order-3 {
    order: 3;
  }
  .byted-col-xl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .byted-col-xl-push-2 {
    left: 8.33333333%;
  }
  .byted-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .byted-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .byted-col-xl-order-2 {
    order: 2;
  }
  .byted-col-xl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .byted-col-xl-push-1 {
    left: 4.16666667%;
  }
  .byted-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .byted-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .byted-col-xl-order-1 {
    order: 1;
  }
  .byted-col-xl-0 {
    display: none;
  }
  .byted-col-push-0 {
    left: auto;
  }
  .byted-col-pull-0 {
    right: auto;
  }
  .byted-col-xl-push-0 {
    left: auto;
  }
  .byted-col-xl-pull-0 {
    right: auto;
  }
  .byted-col-xl-offset-0 {
    margin-left: 0;
  }
  .byted-col-xl-order-0 {
    order: 0;
  }
}
@media (min-width: 1600px) {
  .byted-col-xxl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .byted-col-xxl-push-24 {
    left: 100%;
  }
  .byted-col-xxl-pull-24 {
    right: 100%;
  }
  .byted-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .byted-col-xxl-order-24 {
    order: 24;
  }
  .byted-col-xxl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .byted-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .byted-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .byted-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .byted-col-xxl-order-23 {
    order: 23;
  }
  .byted-col-xxl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .byted-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .byted-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .byted-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .byted-col-xxl-order-22 {
    order: 22;
  }
  .byted-col-xxl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .byted-col-xxl-push-21 {
    left: 87.5%;
  }
  .byted-col-xxl-pull-21 {
    right: 87.5%;
  }
  .byted-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .byted-col-xxl-order-21 {
    order: 21;
  }
  .byted-col-xxl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .byted-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .byted-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .byted-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .byted-col-xxl-order-20 {
    order: 20;
  }
  .byted-col-xxl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .byted-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .byted-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .byted-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .byted-col-xxl-order-19 {
    order: 19;
  }
  .byted-col-xxl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .byted-col-xxl-push-18 {
    left: 75%;
  }
  .byted-col-xxl-pull-18 {
    right: 75%;
  }
  .byted-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .byted-col-xxl-order-18 {
    order: 18;
  }
  .byted-col-xxl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .byted-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .byted-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .byted-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .byted-col-xxl-order-17 {
    order: 17;
  }
  .byted-col-xxl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .byted-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .byted-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .byted-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .byted-col-xxl-order-16 {
    order: 16;
  }
  .byted-col-xxl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .byted-col-xxl-push-15 {
    left: 62.5%;
  }
  .byted-col-xxl-pull-15 {
    right: 62.5%;
  }
  .byted-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .byted-col-xxl-order-15 {
    order: 15;
  }
  .byted-col-xxl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .byted-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .byted-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .byted-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .byted-col-xxl-order-14 {
    order: 14;
  }
  .byted-col-xxl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .byted-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .byted-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .byted-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .byted-col-xxl-order-13 {
    order: 13;
  }
  .byted-col-xxl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .byted-col-xxl-push-12 {
    left: 50%;
  }
  .byted-col-xxl-pull-12 {
    right: 50%;
  }
  .byted-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .byted-col-xxl-order-12 {
    order: 12;
  }
  .byted-col-xxl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .byted-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .byted-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .byted-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .byted-col-xxl-order-11 {
    order: 11;
  }
  .byted-col-xxl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .byted-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .byted-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .byted-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .byted-col-xxl-order-10 {
    order: 10;
  }
  .byted-col-xxl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .byted-col-xxl-push-9 {
    left: 37.5%;
  }
  .byted-col-xxl-pull-9 {
    right: 37.5%;
  }
  .byted-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .byted-col-xxl-order-9 {
    order: 9;
  }
  .byted-col-xxl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .byted-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .byted-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .byted-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .byted-col-xxl-order-8 {
    order: 8;
  }
  .byted-col-xxl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .byted-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .byted-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .byted-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .byted-col-xxl-order-7 {
    order: 7;
  }
  .byted-col-xxl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .byted-col-xxl-push-6 {
    left: 25%;
  }
  .byted-col-xxl-pull-6 {
    right: 25%;
  }
  .byted-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .byted-col-xxl-order-6 {
    order: 6;
  }
  .byted-col-xxl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .byted-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .byted-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .byted-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .byted-col-xxl-order-5 {
    order: 5;
  }
  .byted-col-xxl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .byted-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .byted-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .byted-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .byted-col-xxl-order-4 {
    order: 4;
  }
  .byted-col-xxl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .byted-col-xxl-push-3 {
    left: 12.5%;
  }
  .byted-col-xxl-pull-3 {
    right: 12.5%;
  }
  .byted-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .byted-col-xxl-order-3 {
    order: 3;
  }
  .byted-col-xxl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .byted-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .byted-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .byted-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .byted-col-xxl-order-2 {
    order: 2;
  }
  .byted-col-xxl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .byted-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .byted-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .byted-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .byted-col-xxl-order-1 {
    order: 1;
  }
  .byted-col-xxl-0 {
    display: none;
  }
  .byted-col-push-0 {
    left: auto;
  }
  .byted-col-pull-0 {
    right: auto;
  }
  .byted-col-xxl-push-0 {
    left: auto;
  }
  .byted-col-xxl-pull-0 {
    right: auto;
  }
  .byted-col-xxl-offset-0 {
    margin-left: 0;
  }
  .byted-col-xxl-order-0 {
    order: 0;
  }
}
.byted-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  *zoom: 1;
  zoom: 1;
  display: block;
  box-sizing: border-box;
}
.byted-row:before,
.byted-row:after {
  display: table;
  content: "";
}
.byted-row:after {
  clear: both;
}
.byted-row::before,
.byted-row::after {
  content: '';
  display: table;
}
.byted-row::after {
  clear: both;
}
.byted-row-type-flex {
  display: flex;
  flex-flow: row wrap;
}
.byted-row-type-flex::before,
.byted-row-type-flex::after {
  display: flex;
}
.byted-row-type-flex .byted-col {
  float: unset;
}
.byted-row-align-start {
  align-items: flex-start;
}
.byted-row-align-center {
  align-items: center;
}
.byted-row-align-end {
  align-items: flex-end;
}
.byted-row-type-flex.byted-row-justify-start {
  justify-content: flex-start;
}
.byted-row-type-flex.byted-row-justify-center {
  justify-content: center;
}
.byted-row-type-flex.byted-row-justify-end {
  justify-content: flex-end;
}
.byted-row-type-flex.byted-row-justify-space-around {
  justify-content: space-around;
}
.byted-row-type-flex.byted-row-justify-space-between {
  justify-content: space-between;
}
.byted-row-rtl {
  direction: rtl;
}
.byted-schedule {
  background-color: #ffffff;
}
.byted-schedule-panel {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.byted-schedule-panel-wrapper {
  display: flex;
}
.byted-schedule-panel-content {
  flex: 1;
}
.byted-schedule-panel-view-box {
  position: relative;
}
.byted-schedule-panel-view-mask {
  position: absolute;
  background-color: #fa4b74;
  opacity: 0.5;
}
.byted-schedule-title-column {
  width: 100px;
  border-right: 1px solid #d9d9d9;
  text-align: center;
}
.byted-schedule-title-column-title {
  font-size: 14px;
  font-weight: 600;
  height: 72px;
  line-height: 70px;
  border-bottom: 1px solid #d9d9d9;
}
.byted-schedule-title-column-item {
  font-size: 14px;
  line-height: 22px;
  height: 31px;
  text-align: center;
  padding: 4px 0;
  border-bottom: 1px solid #d9d9d9;
}
.byted-schedule-header-group {
  display: flex;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}
.byted-schedule-header-group-item {
  font-size: 14px;
  line-height: 22px;
  flex: 1;
  padding: 9px 0;
  border-left: 1px solid #d9d9d9;
}
.byted-schedule-header-group-item:first-child {
  border-left-color: transparent;
}
.byted-schedule-header-hour {
  display: flex;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}
.byted-schedule-header-hour-item {
  font-size: 14px;
  line-height: 22px;
  flex: 1;
  padding: 4px 0;
  border-left: 1px solid #d9d9d9;
}
.byted-schedule-header-hour-item:first-child {
  border-left-color: transparent;
}
.byted-schedule-view-row {
  *zoom: 1;
  zoom: 1;
  height: 31px;
  border-bottom: 1px solid #d9d9d9;
}
.byted-schedule-view-row:before,
.byted-schedule-view-row:after {
  display: table;
  content: "";
}
.byted-schedule-view-row:after {
  clear: both;
}
.byted-schedule-view-row::before,
.byted-schedule-view-row::after {
  content: '';
  display: table;
}
.byted-schedule-view-row::after {
  clear: both;
}
.byted-schedule-view-item {
  float: left;
  border-left: 1px solid #d9d9d9;
  background-color: #ffffff;
  cursor: pointer;
  height: 30px;
}
.byted-schedule-view-item:first-child {
  border-left-color: transparent;
}
.byted-schedule-view-item:hover {
  background-color: #ebebeb;
}
.byted-schedule-view-item:active {
  background-color: #d20251;
}
.byted-schedule-view-item-select {
  background-color: #f60457;
}
.byted-schedule-view-item-select:hover {
  background-color: #fa4b74;
}
.byted-schedule-view-item-disabled {
  cursor: not-allowed;
  background-color: #f8f8f8;
}
.byted-schedule-view-item-disabled:hover,
.byted-schedule-view-item-disabled:active {
  background-color: #f8f8f8;
}
.byted-schedule-view-item-select.byted-schedule-view-item-disabled {
  background-color: #fda3b2;
}
.byted-schedule-view-item-tip {
  padding: 8px 16px;
  font-size: 12px;
  line-height: 20px;
}
.byted-schedule-view-disabled .byted-schedule-view-item {
  cursor: not-allowed;
  background-color: #f8f8f8;
}
.byted-schedule-view-disabled .byted-schedule-view-item:hover,
.byted-schedule-view-disabled .byted-schedule-view-item:active {
  background-color: #f8f8f8;
}
.byted-schedule-view-disabled .byted-schedule-view-item.byted-schedule-view-item-select {
  background-color: #fda3b2;
}
.byted-schedule-view-disabled .byted-schedule-view-item.byted-schedule-view-item-select:hover {
  background-color: #fda3b2;
}
.byted-schedule-display {
  font-size: 14px;
  line-height: 22px;
  padding: 6px 12px;
}
.byted-schedule-display-empty {
  text-align: center;
  color: #666666;
}
.byted-schedule-display-header {
  display: flex;
  justify-content: space-between;
}
.byted-schedule-display-info {
  margin-top: 8px;
  display: flex;
}
.byted-schedule-display-info-label {
  width: 100px;
}
.byted-schedule-display-info-text {
  color: #666666;
}
.byted-scroll-content {
  width: 200px;
  display: flex;
  flex: 1;
  font-size: 14px;
}
.byted-scroll-content .byted-scroll-select {
  box-sizing: border-box;
  flex: 1;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  padding-bottom: 200px;
  border-right: 1px solid #e3e3e3;
}
.byted-scroll-content .byted-scroll-select::-webkit-scrollbar {
  width: 0;
}
.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-scroll-content .byted-scroll-select:last-child {
  border-right: none;
}
.byted-scroll-content .byted-scroll-select-item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  color: #121212;
}
.byted-scroll-content .byted-scroll-select-item:not(.byted-scroll-select-item-disabled):hover {
  cursor: pointer;
  background-color: #ebebeb;
  color: #121212;
}
.byted-scroll-content .byted-scroll-select-item:not(.byted-scroll-select-item-disabled):active {
  cursor: pointer;
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled) {
  background-color: #ffffff;
  color: #f60457;
}
.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled):hover {
  background-color: #ebebeb;
  color: #f60457;
}
.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled):active {
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-scroll-content .byted-scroll-select-item-active.byted-scroll-select-item-disabled {
  color: #fda3b2;
  background-color: #ffffff;
}
.byted-scroll-content .byted-scroll-select-item-disabled {
  cursor: not-allowed;
  background-color: #ffffff;
  color: #bdbdbd;
}
.byted-scroll-panel {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
  position: relative;
  display: flex;
  overflow: hidden;
}
.byted-scroll-panel-header {
  display: flex;
  height: 38px;
  border-radius: 3px 3px 0 0;
  background: #f8f8f8;
}
.byted-scroll-panel-header div {
  flex: 1;
  line-height: 38px;
  text-align: center;
}
.byted-select-multiple {
  position: relative;
}
.byted-select-multiple .byted-select-input-wrapper .byted-select-arrow {
  color: #666666;
}
.byted-select-multiple .byted-select-input-wrapper-disabled .byted-select-arrow {
  color: #8a8a8a;
}
.byted-select-multiple .byted-select-input-wrapper-filled .byted-select-arrow {
  color: #666666;
}
.byted-select-multiple .byted-select-input-wrapper-filled.byted-select-input-wrapper-disabled .byted-select-arrow {
  color: #8a8a8a;
}
.byted-select-multiple .byted-multiple-select-input-trigger {
  width: 100%;
}
.byted-select-multiple:not(.byted-select-uncollapse) .byted-multiple-select-input-trigger {
  position: absolute;
  top: 0;
  left: 0;
}
.byted-select-multiple.byted-select-render .byted-multiple-select-input-trigger {
  position: relative;
}
.byted-select {
  display: inline-flex;
  width: 100%;
  vertical-align: top;
}
.byted-select .byted-input-inner__wrapper .byted-select-arrow {
  color: #666666;
}
.byted-select .byted-input-inner__wrapper-disabled .byted-select-arrow {
  color: #8a8a8a;
}
.byted-select .byted-input-inner__wrapper-filled .byted-select-arrow {
  color: #666666;
}
.byted-select .byted-input-inner__wrapper-filled.byted-input-inner__wrapper-disabled .byted-select-arrow {
  color: #8a8a8a;
}
.byted-select.byted-select-rtl {
  direction: rtl;
}
.byted-select.byted-select-focus {
  z-index: 2;
}
.byted-select-input {
  width: 100%;
  display: block;
}
.byted-select-input input {
  pointer-events: none;
  background: none;
}
.byted-select-render-selected-unset-height {
  height: unset;
}
.byted-select-input-trigger {
  display: inline-flex;
  width: 100%;
}
.byted-select .byted-select-input-rimless {
  display: inline-flex;
  width: 100%;
}
.byted-select .byted-select-tag-rimless {
  border-radius: 4px;
  overflow: hidden;
  padding: 0px 8px;
  background: #f2f2f2;
}
.byted-select .byted-input-inner__wrapper {
  cursor: pointer;
}
.byted-select-arrow {
  color: #666666;
}
.byted-rimless-input.byted-rimless-input-size-xs {
  font-size: 12px;
}
.byted-select-size-xs .byted-input-suffix {
  font-size: 12px;
  right: 5px;
}
.byted-select-size-xs .byted-rimless-input-inner {
  height: 22px;
  line-height: 22px;
}
.byted-select-multiple.byted-select-size-xs:not(.byted-select-uncollapse) {
  height: 26px;
}
.byted-select-multiple.byted-select-size-xs:not(.byted-select-uncollapse) .byted-select-tag-rimless {
  padding-top: 2px;
  padding-bottom: 2px;
}
.byted-select-uncollapse.byted-select-size-xs {
  min-height: 26px;
}
.byted-rimless-input.byted-rimless-input-size-sm {
  font-size: 12px;
}
.byted-select-size-sm .byted-input-suffix {
  font-size: 12px;
  right: 5px;
}
.byted-select-size-sm .byted-rimless-input-inner {
  height: 22px;
  line-height: 22px;
}
.byted-select-multiple.byted-select-size-sm:not(.byted-select-uncollapse) {
  height: 30px;
}
.byted-select-multiple.byted-select-size-sm:not(.byted-select-uncollapse) .byted-select-tag-rimless {
  padding-top: 4px;
  padding-bottom: 4px;
}
.byted-select-uncollapse.byted-select-size-sm {
  min-height: 30px;
}
.byted-rimless-input.byted-rimless-input-size-md {
  font-size: 14px;
}
.byted-select-size-md .byted-input-suffix {
  font-size: 14px;
  right: 6px;
}
.byted-select-size-md .byted-rimless-input-inner {
  height: 26px;
  line-height: 26px;
}
.byted-select-multiple.byted-select-size-md:not(.byted-select-uncollapse) {
  height: 34px;
}
.byted-select-multiple.byted-select-size-md:not(.byted-select-uncollapse) .byted-select-tag-rimless {
  padding-top: 4px;
  padding-bottom: 4px;
}
.byted-select-uncollapse.byted-select-size-md {
  min-height: 34px;
}
.byted-rimless-input.byted-rimless-input-size-lg {
  font-size: 14px;
}
.byted-select-size-lg .byted-input-suffix {
  font-size: 14px;
  right: 8px;
}
.byted-select-size-lg .byted-rimless-input-inner {
  height: 30px;
  line-height: 30px;
}
.byted-select-multiple.byted-select-size-lg:not(.byted-select-uncollapse) {
  height: 38px;
}
.byted-select-multiple.byted-select-size-lg:not(.byted-select-uncollapse) .byted-select-tag-rimless {
  padding-top: 4px;
  padding-bottom: 4px;
}
.byted-select-uncollapse.byted-select-size-lg {
  min-height: 38px;
}
.byted-rimless-input.byted-rimless-input-size-xl {
  font-size: 16px;
}
.byted-select-size-xl .byted-input-suffix {
  font-size: 16px;
  right: 7px;
}
.byted-select-size-xl .byted-rimless-input-inner {
  height: 30px;
  line-height: 30px;
}
.byted-select-multiple.byted-select-size-xl:not(.byted-select-uncollapse) {
  height: 42px;
}
.byted-select-multiple.byted-select-size-xl:not(.byted-select-uncollapse) .byted-select-tag-rimless {
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-select-uncollapse.byted-select-size-xl {
  min-height: 42px;
}
.byted-select-input-popover {
  font-size: 0;
  line-height: 0;
}
.byted-select-popover-panel {
  *zoom: 1;
  zoom: 1;
  font-size: 0;
  background-color: #ffffff;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.byted-select-popover-panel:before,
.byted-select-popover-panel:after {
  display: table;
  content: "";
}
.byted-select-popover-panel:after {
  clear: both;
}
.byted-select-popover-panel::before,
.byted-select-popover-panel::after {
  content: '';
  display: table;
}
.byted-select-popover-panel::after {
  clear: both;
}
.byted-select-popover-panel-inner {
  max-height: 192px;
  overflow-x: auto;
}
.byted-select-popover-panel-inner::before,
.byted-select-popover-panel-inner::after {
  display: block;
  content: '';
  height: 6px;
  background-color: #fff;
  z-index: 1;
  position: sticky;
}
.byted-select-popover-panel-inner::before {
  top: 0;
}
.byted-select-popover-panel-inner::after {
  bottom: 0;
}
.byted-select-popover-panel.byted-select-popover-panel-rtl {
  direction: rtl;
}
.byted-select-popover-panel-search .byted-select-popover-panel-inner .byted-empty {
  height: calc(100% - 12px);
}
.byted-select-popover-panel-empty .byted-select-popover-panel-inner {
  overflow: hidden;
  height: 192px;
}
.byted-select-popover-panel .byted-select-option {
  color: #121212;
}
.byted-select-popover-panel .byted-select-option.byted-select-option-selected {
  color: #f60457;
}
.byted-select-popover-panel .byted-select-option.byted-select-option-selected .byted-list-item-container {
  background-color: #ebebeb;
  color: #f60457;
}
.byted-select-popover-panel .byted-select-option.byted-select-option-fill-back {
  background-color: #f8f8f8;
}
.byted-select-popover-panel .byted-select-option-group {
  color: #8a8a8a;
}
.byted-select-popover-panel .byted-select-option-group-title {
  padding-left: 12px;
}
.byted-select-popover-panel .byted-select-option-group .byted-select-option-group-title-size-xs {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 18px;
}
.byted-select-popover-panel .byted-select-option-group .byted-select-option-group-title-size-sm {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 18px;
}
.byted-select-popover-panel .byted-select-option-group .byted-select-option-group-title-size-md {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 22px;
}
.byted-select-popover-panel .byted-select-option-group .byted-select-option-group-title-size-lg {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 22px;
}
.byted-select-popover-panel .byted-select-option-group .byted-select-option-group-title-size-xl {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 24px;
}
.byted-select-popover-panel .byted-select-item-container:hover {
  background-color: #ebebeb;
}
.byted-select-popover-panel .byted-select-search-input {
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom: 1px solid #d9d9d9;
}
.byted-select-popover-panel-size-xs {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-popover-panel-size-sm {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-popover-panel-size-md {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-popover-panel-size-lg {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-popover-panel-size-xl {
  font-size: 16px;
  line-height: 24px;
}
.byted-skeleton {
  display: table;
  width: 100%;
}
.byted-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.byted-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background-color: #e3e3e3;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.byted-skeleton-avatar-shape-circle {
  border-radius: 50%;
}
.byted-skeleton-avatar-size-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.byted-skeleton-avatar-size-lg-shape-circle {
  border-radius: 50%;
}
.byted-skeleton-avatar-size-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.byted-skeleton-avatar-size-sm-shape-circle {
  border-radius: 50%;
}
.byted-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.byted-skeleton-title {
  width: 100%;
  height: 16px;
  margin-top: 16px;
  background-color: #e3e3e3;
}
.byted-skeleton-paragraph {
  margin-top: 24px;
}
.byted-skeleton-paragraph {
  padding: 0;
}
.byted-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: #e3e3e3;
}
.byted-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.byted-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.byted-skeleton-active .byted-skeleton-content .byted-skeleton-title,
.byted-skeleton-active .byted-skeleton-content .byted-skeleton-paragraph > li {
  background: linear-gradient(90deg, #e3e3e3 25%, #f1f1f1 37%, #e3e3e3 63%);
  background-size: 400% 100%;
  animation: byted-skeleton-loading 1s ease infinite;
}
.byted-skeleton-active .byted-skeleton-avatar {
  background: linear-gradient(90deg, #e3e3e3 25%, #f1f1f1 37%, #e3e3e3 63%);
  background-size: 400% 100%;
  animation: byted-skeleton-loading 1s ease infinite;
}
@keyframes byted-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
/**
 * OKee Design Component Slider Design Token
 */
.byted-slider {
  width: 240px;
  height: 34px;
  display: flex;
}
.byted-slider-withmarks {
  margin-bottom: 32px;
}
.byted-slider-prefix {
  flex: 0 0 22px;
  padding-right: 8px;
  font-size: 14px;
  color: #e3e3e3;
  line-height: 34px;
}
.byted-slider-suffix {
  flex: 0 0 22px;
  padding-left: 8px;
  font-size: 14px;
  color: #e3e3e3;
  line-height: 34px;
}
.byted-slider-content {
  position: relative;
  flex: 1;
  height: 34px;
}
.byted-slider-input {
  flex: 0 0 96px;
  padding-left: 16px;
}
.byted-slider-background,
.byted-slider-selected {
  position: absolute;
  height: 4px;
  top: 15px;
  border-radius: 4px;
}
.byted-slider-selected {
  background: #f60457;
}
.byted-slider-selected:hover {
  background-color: #fa4b74;
}
.byted-slider-selected:active {
  background-color: #d20251;
}
.byted-slider-selected-invalid {
  background-color: #d83e0e;
}
.byted-slider-selected-invalid:hover {
  background-color: #e06637;
}
.byted-slider-selected-invalid:active {
  background-color: #b52a08;
}
.byted-slider-selected-disabled {
  background-color: #fda3b2;
}
.byted-slider-selected-invalid.byted-slider-selected-disabled {
  background-color: #f0b495;
}
.byted-slider-click {
  height: 34px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  cursor: pointer;
}
.byted-slider-click-disabled {
  cursor: not-allowed;
}
.byted-slider-background {
  background: #ebebeb;
  left: 0;
  right: 0;
}
.byted-slider-dragger {
  position: absolute;
  top: 9px;
  transform: translateX(-8px);
  box-sizing: border-box;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  cursor: pointer;
  pointer-events: auto;
  border: 3px solid #f60457;
}
.byted-slider-dragger:hover {
  border-color: #fa4b74;
  background-color: #ffffff;
}
.byted-slider-dragger:active {
  background-color: #ffffff;
  border-color: #d20251;
}
.byted-slider-dragger-pressed {
  border-color: #d20251;
}
.byted-slider-dragger-invalid {
  background-color: #ffffff;
  border-color: #d83e0e;
}
.byted-slider-dragger-invalid:hover {
  background-color: #ffffff;
  border-color: #e06637;
}
.byted-slider-dragger-invalid:active {
  background-color: #ffffff;
  border-color: #b52a08;
}
.byted-slider-dragger-disabled {
  border-color: #fda3b2;
  background-color: #ffffff;
  cursor: not-allowed;
}
.byted-slider-dragger-disabled:hover,
.byted-slider-dragger-disabled:active {
  border-color: #fda3b2;
}
.byted-slider-dragger-pop-wrapper,
.byted-slider-dragger-pop-wrapper.byted-popover-wrapper-mounted.byted-popover-wrapper-transition {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
}
.byted-slider-dragger-pop-wrapper .byted-popover-inner {
  text-align: center;
}
.byted-slider-dragger-invalid.byted-slider-dragger-disabled {
  border-color: #f0b495;
}
.byted-slider-mark {
  position: absolute;
  top: 13px;
  transform: translateX(-4px);
  box-sizing: border-box;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  cursor: pointer;
  pointer-events: auto;
  border: 2px solid #e3e3e3;
}
.byted-slider-mark-pressed {
  border-color: #d20251;
}
.byted-slider-mark-disabled {
  cursor: not-allowed;
}
.byted-slider-mark-selected {
  border-color: #f60457;
}
.byted-slider-mark-pop {
  font-size: 14px;
  margin-top: 12px;
  box-shadow: none;
}
.byted-slider-mark-pop-wrapper {
  pointer-events: none;
}
.byted-slider-mark-pop-wrapper,
.byted-slider-mark-pop-wrapper.byted-popover-wrapper-mounted.byted-popover-wrapper-transition {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
}
.byted-slider-mark-selected {
  border-color: #f60457;
}
.byted-slider-marks {
  position: absolute;
  top: 34px;
  left: 0;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #121212;
}
.byted-slider-marks-text {
  position: absolute;
  display: inline-block;
  word-break: keep-all;
  text-align: center;
  cursor: pointer;
}
.byted-sorter-container-mode-horizontal {
  *zoom: 1;
  zoom: 1;
}
.byted-sorter-container-mode-horizontal:before,
.byted-sorter-container-mode-horizontal:after {
  display: table;
  content: "";
}
.byted-sorter-container-mode-horizontal:after {
  clear: both;
}
.byted-sorter-container-mode-horizontal::before,
.byted-sorter-container-mode-horizontal::after {
  content: '';
  display: table;
}
.byted-sorter-container-mode-horizontal::after {
  clear: both;
}
.byted-sorter-container-mode-horizontal > .byted-sorter-move-element {
  float: left;
}
.byted-sorter-container-mode-horizontal > .byted-sorter-placeholder {
  float: left;
}
.byted-statistic {
  font-size: 20px;
  color: #333;
  display: inline-block;
}
.byted-statistic-title {
  height: 18px;
  line-height: 18px;
  color: #1d1d2e;
  font-size: 12px;
  font-weight: 500;
}
.byted-statistic-content {
  display: inline-block;
  color: #1d1d2e;
  line-height: 44px;
  font-size: 30px;
  font-weight: 400;
  font-family: Oswald;
  font-style: normal;
}
.byted-statistic-content-wrapper {
  display: block;
}
.byted-statistic-prefix {
  display: inline-block;
}
.byted-statistic-suffix {
  display: inline-block;
}
/**
 * OKee Design Component Steps Design Token
 */
.byted-steps .step-head {
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
}
.byted-steps .step-content {
  vertical-align: top;
  margin-left: 12px;
}
.byted-steps .step-content .step-title {
  vertical-align: top;
  line-height: 30px;
  font-size: 14px;
  transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
}
.byted-steps .step-content .step-title::after {
  top: 50%;
  transform: translateY(-50%);
}
.byted-steps .step-content .step-description {
  font-size: 12px;
  line-height: 20px;
  transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
}
.byted-steps-direction-vertical {
  display: inline-block;
  vertical-align: top;
}
.byted-steps-direction-vertical .byted-steps-step .step-tail {
  position: absolute;
  top: 0;
  left: 15px;
  height: 100%;
  padding: 47px 0 17px;
  box-sizing: border-box;
}
.byted-steps-direction-vertical .byted-steps-step .step-tail:before {
  display: inline-block;
  height: 100%;
  border-left: 1px solid #bdbdbd;
  content: '';
}
.byted-steps-direction-vertical .byted-steps-step-status-finish .step-tail:before {
  border-color: #f60457;
}
.byted-steps-direction-vertical .byted-steps-step:last-child .step-tail {
  display: none;
}
.byted-steps-direction-vertical .byted-steps-step .step-content {
  min-height: 110px;
  box-sizing: border-box;
  padding-bottom: 20px;
}
.byted-steps-direction-vertical.byted-steps-size-sm .step-tail {
  left: 13px;
  padding: 43px 0 17px;
}
.byted-steps-direction-vertical.byted-steps-size-lg .step-tail {
  left: 17px;
  padding: 51px 0 17px;
}
.byted-steps-direction-vertical.byted-steps-dashed .byted-steps-step .step-tail:before {
  border-left-style: dashed;
  border-left-width: 2px;
}
.byted-steps-direction-vertical .byted-steps-step-status-next-error .step-tail::before {
  border-color: #f60457;
}
.byted-steps-direction-horizontal {
  display: flex;
}
.byted-steps-direction-horizontal .step-title:after {
  position: absolute;
  left: 100%;
  width: 9999px;
  border-top: 1px solid #bdbdbd;
  content: '';
}
.byted-steps-direction-horizontal .byted-steps-step {
  flex: 1;
  overflow: hidden;
  vertical-align: top;
  margin-right: 24px;
}
.byted-steps-direction-horizontal .byted-steps-step .step-content {
  max-width: 150px;
}
.byted-steps-direction-horizontal .byted-steps-step:last-child {
  flex: none;
}
.byted-steps-direction-horizontal .byted-steps-step:last-child .step-title:after {
  display: none;
}
.byted-steps-direction-horizontal.byted-steps-dashed .byted-steps-step .step-content .step-title:after {
  border-top-width: 2px;
  border-top-style: dashed;
}
.byted-steps-direction-horizontal.byted-steps-center {
  margin-left: 60px;
}
.byted-steps-direction-horizontal.byted-steps-center .byted-steps-step {
  overflow: visible;
  display: block;
}
.byted-steps-direction-horizontal.byted-steps-center .byted-steps-step .step-tail {
  top: 15px;
  width: 100%;
  position: absolute;
  font-size: 0;
  padding-left: 54px;
}
.byted-steps-direction-horizontal.byted-steps-center .byted-steps-step .step-tail:before {
  width: 100%;
  display: block;
  border-top: 1px solid #bdbdbd;
  content: '';
}
.byted-steps-direction-horizontal.byted-steps-center .byted-steps-step .step-title:after {
  display: none;
}
.byted-steps-direction-horizontal.byted-steps-center .byted-steps-step .step-content {
  text-align: center;
  width: 150px;
  margin-left: -60px;
}
.byted-steps-direction-horizontal.byted-steps-center .byted-steps-step .step-content .step-title {
  padding-right: 0;
}
.byted-steps-direction-horizontal.byted-steps-center .byted-steps-step:last-child .step-tail {
  display: none;
}
.byted-steps-direction-horizontal.byted-steps-center .byted-steps-step-status-next-error .step-title::after {
  border-color: #d83e0e !important;
}
.byted-steps-direction-horizontal.byted-steps-center .byted-steps-step-status-finish .step-tail:before {
  border-color: #f60457;
}
.byted-steps-direction-horizontal.byted-steps-center .byted-steps-step-status-finish .step-title::after {
  border-color: #f60457 !important;
}
.byted-steps-direction-horizontal.byted-steps-center.byted-steps-size-sm {
  margin-left: 62px;
}
.byted-steps-direction-horizontal.byted-steps-center.byted-steps-size-sm .byted-steps-step .step-tail {
  padding-left: 50px;
}
.byted-steps-direction-horizontal.byted-steps-center.byted-steps-size-lg {
  margin-left: 58px;
}
.byted-steps-direction-horizontal.byted-steps-center.byted-steps-size-lg .byted-steps-step .step-tail {
  padding-left: 58px;
}
.byted-steps-direction-horizontal.byted-steps-center.byted-steps-dashed .byted-steps-step .step-tail:before {
  border-top-style: dashed;
  border-top-width: 2px;
}
.byted-steps-step {
  position: relative;
  display: flex;
  vertical-align: top;
  color: #8a8a8a;
}
.byted-steps-step:last-child {
  margin-right: 0;
}
.byted-steps-step .step-head {
  color: #8a8a8a;
}
.byted-steps-step .step-head .byted-step-number {
  position: relative;
  font-weight: 600;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #8a8a8a;
  color: #8a8a8a;
  background-color: #fff;
  transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
}
.byted-steps-step .step-head .byted-step-number > span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.byted-steps-step .step-head .byted-step-number > span[data-motion-fade] {
  animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
}
.byted-steps-step .step-head .byted-step-number-fill {
  background-color: #e3e3e3;
  border-color: #e3e3e3;
}
.byted-steps-step .step-head .byted-step-number.byted-step-number-size-sm {
  font-size: 14px;
}
.byted-steps-step .step-head .byted-step-number.byted-step-number-size-md {
  font-size: 16px;
}
.byted-steps-step .step-head .byted-step-number.byted-step-number-size-lg {
  font-size: 18px;
}
.byted-steps-step .step-head .byted-step-dot {
  width: 8px;
  height: 8px;
  background-color: #8a8a8a;
  border-radius: 50%;
  transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
}
.byted-steps-step .step-content {
  vertical-align: top;
}
.byted-steps-step .step-content .step-title {
  color: #8a8a8a;
  position: relative;
  padding-right: 24px;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
}
.byted-steps-step-status-process .step-head .byted-step-number {
  background-color: #f60457;
  border: 1px solid #f60457;
  color: #f8f8f8;
  /*
            when execute preStep, the last passed node status change 
            from Finish to Process, and the animation is executed at Process
          */
}
.byted-steps-step-status-process .step-head .byted-step-number > span[data-motion-fade='in'] {
  animation: byted-step-icon-fadein 0.4s ease-in both;
  -webkit-animation: byted-step-icon-fadein 0.4s ease-in both;
  -moz-animation: byted-step-icon-fadein 0.4s ease-in both;
  -o-animation: byted-step-icon-fadein 0.4s ease-in both;
}
.byted-steps-step-status-process .step-head .byted-step-number .byted-icon-check {
  animation: byted-step-icon-fadeout 0.2s ease-out both;
  -webkit-animation: byted-step-icon-fadeout 0.2s ease-out both;
  -moz-animation: byted-step-icon-fadeout 0.2s ease-out both;
  -o-animation: byted-step-icon-fadeout 0.2s ease-out both;
}
.byted-steps-step-status-process .step-head .byted-step-dot {
  background-color: #f60457;
}
.byted-steps-step-status-process .step-content .step-title {
  color: #f60457;
}
.byted-steps-step-status-process .step-content .step-title:after {
  border-color: #bdbdbd;
}
.byted-steps-step-status-process .step-description {
  color: #8a8a8a;
}
.byted-steps-step-status-finish .step-head {
  color: #f60457;
}
.byted-steps-step-status-finish .step-head .byted-step-number-finish {
  /*
              when execute nextStep, the current node status change 
              from Process to Finish , and the animation is executed at Finish
            */
}
.byted-steps-step-status-finish .step-head .byted-step-number-finish > span[data-motion-fade='out'] {
  animation: byted-step-icon-fadeout 0.2s ease-out both;
  -webkit-animation: byted-step-icon-fadeout 0.2s ease-out both;
  -moz-animation: byted-step-icon-fadeout 0.2s ease-out both;
  -o-animation: byted-step-icon-fadeout 0.2s ease-out both;
}
.byted-steps-step-status-finish .step-head .byted-step-number-finish > span[data-motion-fade='out'] + .byted-icon-check {
  animation: byted-step-icon-fadein 0.4s ease-in both;
  -webkit-animation: byted-step-icon-fadein 0.4s ease-in both;
  -moz-animation: byted-step-icon-fadein 0.4s ease-in both;
  -o-animation: byted-step-icon-fadein 0.4s ease-in both;
}
.byted-steps-step-status-finish .step-head,
.byted-steps-step-status-next-error .step-head {
  color: #f60457;
}
.byted-steps-step-status-finish .step-head .byted-step-number,
.byted-steps-step-status-next-error .step-head .byted-step-number {
  border-color: #f60457;
  font-size: 14px;
  background-color: #fff;
  color: #f60457;
}
.byted-steps-step-status-finish .step-head .byted-step-number-fill,
.byted-steps-step-status-next-error .step-head .byted-step-number-fill {
  background-color: rgba(47, 136, 255, 0.13);
  border-color: transparent;
}
.byted-steps-step-status-finish .step-head .byted-step-dot,
.byted-steps-step-status-next-error .step-head .byted-step-dot {
  background-color: #f60457;
}
.byted-steps-step-status-finish .step-content .step-title,
.byted-steps-step-status-next-error .step-content .step-title {
  color: #121212;
}
.byted-steps-step-status-finish .step-content .step-title:after,
.byted-steps-step-status-next-error .step-content .step-title:after {
  border-color: #f60457;
}
.byted-steps-step-status-error .step-head {
  color: #d83e0e;
}
.byted-steps-step-status-error .step-head .byted-step-number {
  background-color: #d83e0e;
  border-color: #d83e0e;
  color: #f8f8f8;
}
.byted-steps-step-status-error .step-head .byted-step-dot {
  background-color: #d83e0e;
}
.byted-steps-step-status-error .step-content .step-title {
  color: #d83e0e;
}
.byted-steps-step-status-error .step-content .step-title:after {
  border-color: #d83e0e;
}
.byted-steps-step-status-error .step-description {
  color: #d83e0e;
}
.byted-steps-size-sm {
  font-size: 16px;
  line-height: 24px;
}
.byted-steps-size-sm .step-head {
  width: 26px;
  height: 26px;
}
.byted-steps-size-sm .step-content .step-title {
  font-size: 14px;
  line-height: 26px;
}
.byted-steps-size-md .step-head {
  width: 30px;
  height: 30px;
}
.byted-steps-size-md .step-content .step-title {
  font-size: 16px;
  line-height: 30px;
}
.byted-steps-size-lg .step-head {
  width: 34px;
  height: 34px;
}
.byted-steps-size-lg .step-content .step-title {
  font-size: 18px;
  line-height: 34px;
}
.byted-steps-size-lg .step-content .step-description {
  font-size: 14px;
  line-height: 22px;
}
@-webkit-keyframes byted-step-icon-fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  75% {
    transform: scale(1.2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes byted-step-icon-fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: scale(0.8);
  }
  75% {
    transform: scale(1.2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes byted-step-icon-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-step-icon-fadeout {
  to {
    opacity: 0;
  }
}
.byted-switch {
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  color: #ffffff;
  user-select: none;
}
.byted-switch.byted-switch-rtl {
  direction: rtl;
}
.byted-switch-size-md {
  padding: 6px 0;
}
.byted-switch-wrapper {
  display: inline-block;
  vertical-align: bottom;
  background: #e3e3e3;
  position: relative;
  text-align: right;
  transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
}
.byted-switch-wrapper-disabled {
  background-color: #f2f2f2;
  color: #ffffff;
  cursor: not-allowed;
}
.byted-switch-wrapper-disabled.byted-switch-wrapper-checked {
  background-color: #bdbdbd;
  color: #ffffff;
}
.byted-switch-wrapper .byted-switch-thumb {
  content: ' ';
  position: absolute;
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(65, 65, 65, 0.19);
  left: 2px;
  top: 2px;
  color: #e3e3e3;
  transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
}
.byted-switch-wrapper .byted-switch-thumb-disabled {
  color: #ffffff;
  background-color: #f8f8f8;
}
.byted-switch-wrapper-checked {
  color: #ffffff;
  text-align: left;
  background-color: #121212;
}
.byted-switch-size-sm {
  line-height: 16px;
}
.byted-switch-wrapper.byted-switch-wrapper-size-sm {
  min-width: 28px;
  height: 16px;
  line-height: 16px;
  border-radius: 8px;
  font-size: 12px;
  padding: 0 8px 0 18px;
}
.byted-switch-wrapper.byted-switch-wrapper-size-sm .byted-switch-thumb {
  width: 12px;
  height: 12px;
  top: 2px;
  right: calc(100% - 12px - 2px);
  left: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.byted-switch-wrapper.byted-switch-wrapper-size-sm.byted-switch-wrapper-checked {
  padding: 0 18px 0 8px;
}
.byted-switch-wrapper.byted-switch-wrapper-size-sm.byted-switch-wrapper-checked .byted-switch-thumb {
  right: 2px;
  left: unset;
  color: #121212;
  background-color: #ffffff;
}
.byted-switch-wrapper.byted-switch-wrapper-size-sm.byted-switch-wrapper-checked .byted-switch-thumb-disabled {
  color: #bdbdbd;
  background-color: #ffffff;
}
.byted-switch-wrapper.byted-switch-wrapper-rtl.byted-switch-wrapper-size-sm {
  padding: 0 18px 0 8px;
}
.byted-switch-wrapper.byted-switch-wrapper-rtl.byted-switch-wrapper-size-sm .byted-switch-thumb {
  left: unset;
  right: 2px;
}
.byted-switch-wrapper.byted-switch-wrapper-rtl.byted-switch-wrapper-size-sm.byted-switch-wrapper-checked {
  padding: 0 8px 0 18px;
}
.byted-switch-wrapper.byted-switch-wrapper-rtl.byted-switch-wrapper-size-sm.byted-switch-wrapper-checked .byted-switch-thumb {
  right: calc(100% - 12px - 1px);
  left: 2px;
  right: unset;
}
.byted-switch-size-md {
  line-height: 22px;
}
.byted-switch-wrapper.byted-switch-wrapper-size-md {
  min-width: 40px;
  height: 22px;
  line-height: 22px;
  border-radius: 11px;
  font-size: 14px;
  padding: 0 8px 0 24px;
}
.byted-switch-wrapper.byted-switch-wrapper-size-md .byted-switch-thumb {
  width: 18px;
  height: 18px;
  top: 2px;
  right: calc(100% - 18px - 2px);
  left: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
}
.byted-switch-wrapper.byted-switch-wrapper-size-md.byted-switch-wrapper-checked {
  padding: 0 24px 0 8px;
}
.byted-switch-wrapper.byted-switch-wrapper-size-md.byted-switch-wrapper-checked .byted-switch-thumb {
  right: 2px;
  left: unset;
  color: #121212;
  background-color: #ffffff;
}
.byted-switch-wrapper.byted-switch-wrapper-size-md.byted-switch-wrapper-checked .byted-switch-thumb-disabled {
  color: #bdbdbd;
  background-color: #ffffff;
}
.byted-switch-wrapper.byted-switch-wrapper-rtl.byted-switch-wrapper-size-md {
  padding: 0 24px 0 8px;
}
.byted-switch-wrapper.byted-switch-wrapper-rtl.byted-switch-wrapper-size-md .byted-switch-thumb {
  left: unset;
  right: 2px;
}
.byted-switch-wrapper.byted-switch-wrapper-rtl.byted-switch-wrapper-size-md.byted-switch-wrapper-checked {
  padding: 0 8px 0 24px;
}
.byted-switch-wrapper.byted-switch-wrapper-rtl.byted-switch-wrapper-size-md.byted-switch-wrapper-checked .byted-switch-thumb {
  right: calc(100% - 18px - 1px);
  left: 2px;
  right: unset;
}
.byted-switch-size-lg {
  line-height: 28px;
}
.byted-switch-wrapper.byted-switch-wrapper-size-lg {
  min-width: 52px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  font-size: 14px;
  padding: 0 8px 0 30px;
}
.byted-switch-wrapper.byted-switch-wrapper-size-lg .byted-switch-thumb {
  width: 24px;
  height: 24px;
  top: 2px;
  right: calc(100% - 24px - 2px);
  left: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
}
.byted-switch-wrapper.byted-switch-wrapper-size-lg.byted-switch-wrapper-checked {
  padding: 0 30px 0 8px;
}
.byted-switch-wrapper.byted-switch-wrapper-size-lg.byted-switch-wrapper-checked .byted-switch-thumb {
  right: 2px;
  left: unset;
  color: #121212;
  background-color: #ffffff;
}
.byted-switch-wrapper.byted-switch-wrapper-size-lg.byted-switch-wrapper-checked .byted-switch-thumb-disabled {
  color: #bdbdbd;
  background-color: #ffffff;
}
.byted-switch-wrapper.byted-switch-wrapper-rtl.byted-switch-wrapper-size-lg {
  padding: 0 30px 0 8px;
}
.byted-switch-wrapper.byted-switch-wrapper-rtl.byted-switch-wrapper-size-lg .byted-switch-thumb {
  left: unset;
  right: 2px;
}
.byted-switch-wrapper.byted-switch-wrapper-rtl.byted-switch-wrapper-size-lg.byted-switch-wrapper-checked {
  padding: 0 8px 0 30px;
}
.byted-switch-wrapper.byted-switch-wrapper-rtl.byted-switch-wrapper-size-lg.byted-switch-wrapper-checked .byted-switch-thumb {
  right: calc(100% - 24px - 1px);
  left: 2px;
  right: unset;
}
.byted-table .byted-loading-block {
  position: static;
}
.byted-table-row-selection {
  display: flex;
  align-items: center;
  justify-content: center;
}
.byted-table-row-selection-top {
  align-items: flex-start;
}
.byted-table-row-selection-bottom {
  align-items: flex-end;
}
.byted-table-row-selection-left {
  justify-content: flex-start;
}
.byted-table-row-selection-right {
  justify-content: flex-end;
}
.byted-table-expand-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
}
.byted-table-expand-trigger-icon {
  user-select: none;
  cursor: pointer;
  width: 16px;
  height: 16px;
  transition: transform 0.3s ease-in-out;
}
.byted-table-expand-trigger-icon-expanded {
  transform: rotate(90deg);
}
.byted-table-footer {
  background-color: #f8f8f8;
  font-size: 14px;
  padding: 16px;
  border: solid 1px transparent;
  border-top-color: #e3e3e3;
  border-bottom-color: #e3e3e3;
}
.byted-table-footer-bordered,
.byted-table-footer-outer-bordered {
  border-color: #e3e3e3;
}
.byted-table-pager-top,
.byted-table-pager-bottom {
  padding: 16px 0;
}
.byted-table-pager-left .byted-pager {
  justify-content: flex-start;
}
.byted-table-pager-center .byted-pager {
  justify-content: center;
}
.byted-table-pager-right .byted-pager {
  justify-content: flex-end;
}
.byted-TableActiveTrigger {
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  position: relative;
  cursor: pointer;
  height: 20px;
  width: 20px;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  vertical-align: inherit;
  font-size: 12px;
  color: #8a8a8a;
}
.byted-TableActiveTrigger.byted-TableActiveTrigger_rtl {
  direction: rtl;
}
.byted-TableActiveTrigger::before {
  content: ' ';
  position: absolute;
  display: block;
  top: -8px;
  bottom: -8px;
  left: -4px;
  right: -4px;
}
.byted-TableActiveTrigger .byted-TableActiveTrigger-Icon {
  transform: rotate(-90deg);
}
.byted-TableActiveTrigger.byted-TableActiveTrigger_rtl .byted-TableActiveTrigger-Icon {
  transform: rotate(90deg);
}
.byted-TableActiveTrigger.byted-TableActiveTrigger_active .byted-TableActiveTrigger-Icon {
  transform: rotate(0);
}
.byted-TableActiveIndent {
  display: inline-flex;
  flex-flow: row nowrap;
}
.byted-TableActiveIndent i {
  height: 20px;
  width: 20px;
}
.byted-TableSelectionHeader {
  display: flex;
  flex-flow: row nowrap;
  align-content: center;
  align-items: center;
  vertical-align: middle;
  white-space: nowrap;
  gap: 4px;
}
.byted-TableSelectionHeader .byted-TableSelectionHeader-Checker {
  width: 16px;
  padding: 0;
  vertical-align: middle;
}
.byted-TableSelectionHeader .byted-TableSelectionHeader-Trigger {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  vertical-align: middle;
  font-size: 12px;
  line-height: 12px;
  color: #8a8a8a;
}
.byted-TableSelectionHeader .byted-TableSelectionHeader-Trigger:hover {
  color: #f60457;
}
.byted-TableSelectionMenu {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  padding: 6px 0;
  background: #ffffff;
  border: 1px solid transparent;
}
.byted-TableSelectionMenu .byted-TableSelectionMenu-Item {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  white-space: nowrap;
  border-radius: none;
  background: none;
  border: none;
  margin: 0;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  background-color: #ffffff;
  user-select: none;
  cursor: pointer;
}
.byted-TableSelectionMenu .byted-TableSelectionMenu-Item:hover {
  background-color: #f8f8f8;
}
.byted-TableQueryTrigger {
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  position: static;
  user-select: none;
  cursor: pointer;
  margin-left: 8px;
  margin-right: unset;
  min-height: 20px;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  vertical-align: middle;
  font-size: 12px;
  color: #121212;
}
.byted-TableQueryTrigger.byted-TableQueryTrigger_rtl {
  direction: rtl;
}
.byted-TableQueryTrigger::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  width: 12px;
}
.byted-TableQueryTrigger.byted-TableQueryTrigger_rtl {
  margin-left: unset;
  margin-right: 8px;
}
.byted-TableQueryTrigger:hover {
  color: #f60457;
}
.byted-TableQueryTrigger:active {
  color: #d20251;
}
.byted-TableQueryTrigger.byted-TableQueryTrigger_active {
  color: #f60457;
}
.byted-TableQueryTrigger .byted-TableQueryTrigger-Up {
  margin-bottom: 6px;
}
.byted-TableQueryTrigger .byted-TableQueryTrigger-Down {
  margin-top: 6px;
}
.byted-TableQueryTrigger .byted-TableQueryTrigger-Up_active,
.byted-TableQueryTrigger .byted-TableQueryTrigger-Down_active {
  color: #f60457;
}
.byted-TableQueryTrigger .byted-TableQueryTrigger-Up_not_active,
.byted-TableQueryTrigger .byted-TableQueryTrigger-Down_not_active {
  color: #8a8a8a;
}
.byted-TableQueryTrigger .byted-TableQueryTrigger-Up + .byted-TableQueryTrigger-Down {
  margin-left: -1em;
  margin-right: 0;
}
.byted-TableQueryTrigger.byted-TableQueryTrigger_rtl .byted-TableQueryTrigger-Up + .byted-TableQueryTrigger-Down {
  margin-left: 0;
  margin-right: -1em;
}
.byted-TableQueryTrigger .byted-popper-trigger {
  display: inline-flex;
}
.byted-TableFilterPanel {
  position: relative;
  color: #121212;
  background: #ffffff;
  border: 1px solid transparent;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.byted-TableFilterPanel.byted-TableFilterPanel_rtl {
  direction: rtl;
}
.byted-TableFilterPanel .byted-TableFilterPanel-Item {
  margin: 0;
  padding: 8px 12px;
}
.byted-TableFilterPanel .byted-TableFilterPanel-Body {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  padding: 5px 0;
}
.byted-TableFilterPanel .byted-TableFilterPanel-Footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 9px;
  border-top: 1px solid #ebebeb;
}
.byted-TableColumnResizeTrigger {
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  right: 0;
}
.byted-TableColumnResizeTrigger:hover {
  cursor: col-resize;
}
.byted-Table {
  position: relative;
  width: 100%;
  flex: none;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  overflow: hidden;
}
.byted-Table.byted-Table_rtl {
  direction: rtl;
}
.byted-Table,
.byted-Table .byted-Table-Implement {
  color: #121212;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.byted-Table .byted-Table-Implement {
  background-color: #ffffff;
}
.byted-Table .byted-Table-Caption,
.byted-Table .byted-Table-Head,
.byted-Table .byted-Table-Body,
.byted-Table .byted-Table-Foot,
.byted-Table .byted-Table-Row,
.byted-Table .byted-Table-Cell {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  border: 0;
}
.byted-Table .byted-Table-Caption {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.byted-Table .byted-Table-Body,
.byted-Table .byted-Table-Body .byted-Table-Cell {
  font-size: 12px;
  font-weight: 400;
  background-color: #ffffff;
  color: #121212;
}
.byted-Table .byted-Table-Body .byted-Table-Row:hover .byted-Table-Cell,
.byted-Table .byted-Table-Body .byted-Table-Row .byted-Table-Cell_hover {
  background-color: #f8f8f8;
  color: #121212;
}
.byted-Table .byted-Table-Body .byted-Table-Row:active .byted-Table-Cell {
  background-color: #f8f8f8;
  color: #121212;
}
.byted-Table .byted-Table-Body .byted-Table-Row_treeChild .byted-Table-Cell {
  background-color: #f8f8f8;
  color: #121212;
}
.byted-Table .byted-Table-Body .byted-Table-Row_treeChild:hover .byted-Table-Cell {
  background-color: #ebebeb;
  color: #121212;
}
.byted-Table .byted-Table-Body .byted-Table-Row_treeChild:active .byted-Table-Cell {
  background-color: #e3e3e3;
  color: #121212;
}
.byted-Table.byted-Table_striped .byted-Table-Body .byted-Table-Row:nth-child(even) .byted-Table-Cell {
  background-color: #f8f8f8;
}
.byted-Table.byted-Table_striped .byted-Table-Body .byted-Table-Row:nth-child(even):hover .byted-Table-Cell {
  background-color: #ebebeb;
}
.byted-Table.byted-Table_striped .byted-Table-Body .byted-Table-Row:nth-child(even):active .byted-Table-Cell {
  background-color: #e3e3e3;
}
.byted-Table .byted-Table-Row.byted-Table-Row_treeEmpty .byted-Table-Cell,
.byted-Table .byted-Table-Row.byted-Table-Row_treeEmpty:hover .byted-Table-Cell {
  background-color: #ffffff;
}
.byted-Table .byted-Table-Row.byted-Table-Row_expansionContent .byted-Table-Cell {
  background-color: #f8f8f8;
}
.byted-Table .byted-Table-Row.byted-Table-Row_expansionContent:hover .byted-Table-Cell {
  background-color: #ebebeb;
}
.byted-Table .byted-Table-Head,
.byted-Table .byted-Table-Head .byted-Table-Cell {
  font-weight: 600;
  font-size: 12px;
  background-color: #f8f8f8;
  color: #121212;
}
.byted-Table .byted-Table-Head .byted-Table-Cell_topLeftCorner {
  border-top-left-radius: 0;
}
.byted-Table .byted-Table-Head .byted-Table-Cell_topRightCorner {
  border-top-right-radius: 0;
}
.byted-Table .byted-Table-Head .byted-Table-Cell_bottomLeftCorner {
  border-bottom-left-radius: 0;
}
.byted-Table .byted-Table-Head .byted-Table-Cell_bottomRightCorner {
  border-bottom-right-radius: 0;
}
.byted-Table .byted-Table-Head .byted-Table-Cell:hover {
  background-color: #ebebeb;
  color: #121212;
}
.byted-Table .byted-Table-Head .byted-Table-Cell:active {
  background-color: #e3e3e3;
  color: #121212;
}
.byted-Table .byted-Table-Frame {
  position: relative;
  flex: 1 1;
  display: flex;
  flex-flow: row nowrap;
}
.byted-Table .byted-Table-Container {
  flex: 1;
  width: 0;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
.byted-Table .byted-Table-Container.byted-Table-Container_scrollable {
  overflow-x: auto;
}
.byted-Table table.byted-Table-Implement {
  width: 100%;
  table-layout: fixed;
}
.byted-Table div.byted-Table-Head {
  z-index: 4;
  border-radius: 0;
}
.byted-Table div.byted-Table-Head_sticky {
  position: sticky;
  top: 0;
}
.byted-Table div.byted-Table-Empty {
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: #ffffff;
  width: 700px;
}
.byted-Table div.byted-Table-Row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.byted-Table .byted-Table-Cell {
  height: 100%;
  overflow: hidden;
}
.byted-Table .byted-Table-Cell.byted-Table-Cell_sticky,
.byted-Table .byted-Table-Cell.byted-Table-Cell_treeEmpty {
  position: sticky;
}
.byted-Table .byted-Table-Cell.byted-Table-Cell_stickyStart,
.byted-Table .byted-Table-Cell.byted-Table-Cell_stickyEnd {
  z-index: 1;
}
.byted-Table .byted-Table-Cell.byted-Table-Cell_stickyTop {
  z-index: 4;
}
.byted-Table .byted-Table-Cell.byted-Table-Cell_stickyTop.byted-Table-Cell_stickyStart,
.byted-Table .byted-Table-Cell.byted-Table-Cell_stickyTop.byted-Table-Cell_stickyEnd {
  z-index: 5;
}
.byted-Table .byted-Table-Row.byted-Table-Row_treeEmpty > .byted-Table-Cell,
.byted-Table .byted-Table-Row.byted-Table-Row_expansionContent > .byted-Table-Cell {
  position: sticky;
  z-index: 3;
}
.byted-Table .byted-Table-Row.byted-Table-Row_treeEmpty > span.byted-Table-Cell,
.byted-Table .byted-Table-Row.byted-Table-Row_expansionContent > span.byted-Table-Cell {
  width: 100%;
}
.byted-Table span.byted-Table-Cell {
  flex: none;
  display: inline-flex;
  height: 100%;
}
.byted-Table .byted-Table-Pagination {
  flex: none;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}
.byted-Table .byted-Table-Pagination.byted-Table-Pagination_top {
  margin-bottom: 16px;
}
.byted-Table .byted-Table-Pagination.byted-Table-Pagination_bottom {
  margin-top: 16px;
}
.byted-Table .byted-Table-Pagination.byted-Table-Pagination_align_center {
  justify-content: center;
}
.byted-Table .byted-Table-Pagination.byted-Table-Pagination_align_start,
.byted-Table .byted-Table-Pagination.byted-Table-Pagination_align_left {
  justify-content: flex-start;
}
.byted-Table .byted-Table-Pagination.byted-Table-Pagination_align_end,
.byted-Table .byted-Table-Pagination.byted-Table-Pagination_align_right {
  justify-content: flex-end;
}
.byted-Table.byted-Table_rtl .byted-Table-Pagination.byted-Table-Pagination_align_left {
  justify-content: flex-end;
}
.byted-Table.byted-Table_rtl .byted-Table-Pagination.byted-Table-Pagination_align_right {
  justify-content: flex-start;
}
.byted-Table .byted-Table-Cell {
  text-align: left;
  text-align: start;
  vertical-align: middle;
}
.byted-Table .byted-Table-Cell.byted-Table-Cell_valign_middle {
  vertical-align: center;
}
.byted-Table .byted-Table-Cell.byted-Table-Cell_valign_top {
  vertical-align: top;
}
.byted-Table .byted-Table-Cell.byted-Table-Cell_valign_bottom {
  vertical-align: bottom;
}
.byted-Table .byted-Table-Cell.byted-Table-Cell_align_center {
  text-align: center;
}
.byted-Table .byted-Table-Cell.byted-Table-Cell_align_start {
  text-align: start;
}
.byted-Table .byted-Table-Cell.byted-Table-Cell_align_end {
  text-align: end;
}
.byted-Table .byted-Table-Cell.byted-Table-Cell_align_left {
  text-align: left;
}
.byted-Table .byted-Table-Cell.byted-Table-Cell_align_right {
  text-align: right;
}
.byted-Table span.byted-Table-Cell {
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.byted-Table span.byted-Table-Cell.byted-Table-Cell_valign_middle {
  align-content: center;
  align-items: center;
}
.byted-Table span.byted-Table-Cell.byted-Table-Cell_valign_top {
  align-content: flex-start;
  align-items: flex-start;
}
.byted-Table span.byted-Table-Cell.byted-Table-Cell_valign_bottom {
  align-content: flex-end;
  align-items: flex-end;
}
.byted-Table span.byted-Table-Cell.byted-Table-Cell_align_center {
  justify-content: center;
}
.byted-Table span.byted-Table-Cell.byted-Table-Cell_align_start,
.byted-Table span.byted-Table-Cell.byted-Table-Cell_align_left {
  justify-content: flex-start;
}
.byted-Table span.byted-Table-Cell.byted-Table-Cell_align_end,
.byted-Table span.byted-Table-Cell.byted-Table-Cell_align_right {
  justify-content: flex-end;
}
.byted-Table span.byted-Table-HeadCellContent {
  display: inline-flex;
  word-break: break-all;
  width: 100%;
}
.byted-Table span.byted-Table-HeadCellContentTitle {
  flex: 1;
}
span.byted-Table-Cell .byted-Table.byted-Table_rtl.byted-Table-Cell_align_left {
  justify-content: flex-end;
}
.byted-Table.byted-Table_rtl.byted-Table-Cell_align_right {
  justify-content: flex-start;
}
.byted-Table .byted-Table-Frame {
  border: none;
}
.byted-Table.byted-Table_outerBordered .byted-Table-Frame {
  border-top: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.byted-Table.byted-Table_bodyBottomBordered .byted-Table-Frame {
  border-bottom: 1px solid #ebebeb;
}
.byted-Table .byted-Table-Implement {
  border-spacing: 0;
  border-collapse: separate;
}
.byted-Table.byted-Table_rowBordered .byted-Table-Body .byted-Table-Cell {
  border-bottom: 1px solid #ebebeb;
}
.byted-Table.byted-Table_rowBordered .byted-Table-Body .byted-Table-Row:last-child .byted-Table-Cell {
  border-bottom: none;
}
.byted-Table.byted-Table_headerBottomBordered .byted-Table-Head .byted-Table-Cell {
  border-bottom: 1px solid #ebebeb;
}
.byted-Table.byted-Table_headerBottomBordered .byted-Table-Head .byted-Table-Row .byted-Table-Cell:first-child,
.byted-Table.byted-Table_outerBordered .byted-Table-Head .byted-Table-Row .byted-Table-Cell:first-child {
  border-bottom-left-radius: 0px;
}
.byted-Table.byted-Table_headerBottomBordered .byted-Table-Head .byted-Table-Row .byted-Table-Cell:last-child,
.byted-Table.byted-Table_outerBordered .byted-Table-Head .byted-Table-Row .byted-Table-Cell:last-child {
  border-bottom-right-radius: 0px;
}
.byted-Table.byted-Table_colBordered .byted-Table-Cell:not(.byted-Table-Cell_stickyStart):not(.byted-Table-Cell_stickyEnd) {
  border-left: 1px solid #ebebeb;
  border-right: none;
}
.byted-Table.byted-Table_colBordered .byted-Table-Cell:not(.byted-Table-Cell_stickyStart):not(.byted-Table-Cell_stickyEnd).byted-Table-Cell_noneStickyFirst,
.byted-Table.byted-Table_colBordered .byted-Table-Cell:not(.byted-Table-Cell_stickyStart):not(.byted-Table-Cell_stickyEnd).byted-Table-Cell_expansionContent,
.byted-Table.byted-Table_colBordered .byted-Table-Cell:not(.byted-Table-Cell_stickyStart):not(.byted-Table-Cell_stickyEnd).byted-Table-Cell_treeEmpty {
  border-left: none;
  border-right: none;
}
.byted-Table.byted-Table_colBordered .byted-Table-Cell.byted-Table-Cell_stickyStart {
  border-left: none;
  border-right: 1px solid #ebebeb;
}
.byted-Table.byted-Table_colBordered .byted-Table-Cell.byted-Table-Cell_stickyEnd {
  border-left: 1px solid #ebebeb;
  border-right: none;
}
.byted-Table.byted-Table_rtl.byted-Table_colBordered .byted-Table-Cell:not(.byted-Table-Cell_stickyStart):not(.byted-Table-Cell_stickyEnd) {
  border-left: none;
  border-right: 1px solid #ebebeb;
}
.byted-Table.byted-Table_rtl.byted-Table_colBordered .byted-Table-Cell:not(.byted-Table-Cell_stickyStart):not(.byted-Table-Cell_stickyEnd).byted-Table-Cell_noneStickyFirst,
.byted-Table.byted-Table_rtl.byted-Table_colBordered .byted-Table-Cell:not(.byted-Table-Cell_stickyStart):not(.byted-Table-Cell_stickyEnd).byted-Table-Cell_expansionContent,
.byted-Table.byted-Table_rtl.byted-Table_colBordered .byted-Table-Cell:not(.byted-Table-Cell_stickyStart):not(.byted-Table-Cell_stickyEnd).byted-Table-Cell_treeEmpty {
  border-left: none;
  border-right: none;
}
.byted-Table.byted-Table_rtl.byted-Table_colBordered .byted-Table-Cell.byted-Table-Cell_stickyStart {
  border-left: 1px solid #ebebeb;
  border-right: none;
}
.byted-Table.byted-Table_rtl.byted-Table_colBordered .byted-Table-Cell.byted-Table-Cell_stickyEnd {
  border-left: none;
  border-right: 1px solid #ebebeb;
}
.byted-Table .byted-Table-Cell {
  padding: 0 16px;
}
.byted-Table.byted-Table_size_xs .byted-Table-Cell {
  padding-top: 8px;
  padding-bottom: 8px;
}
.byted-Table.byted-Table_size_xs .byted-Table-Row {
  height: 36px;
  line-height: 20px;
}
.byted-Table.byted-Table_size_xs.byted-Table_rowBordered .byted-Table-Row {
  height: 37px;
}
.byted-Table.byted-Table_size_xs.byted-Table_rowBordered .byted-Table-Body .byted-Table-Row:last-child {
  height: 36px;
}
.byted-Table.byted-Table_size_xs .byted-Table-Head .byted-Table-Cell,
.byted-Table .byted-Table-Head.byted-Table-Head_size_xs .byted-Table-Cell {
  padding-top: 8px;
  padding-bottom: 8px;
}
.byted-Table.byted-Table_size_xs .byted-Table-Head .byted-Table-Row,
.byted-Table .byted-Table-Head.byted-Table-Head_size_xs .byted-Table-Row {
  height: 36px;
  line-height: 20px;
}
.byted-Table.byted-Table_rowBordered .byted-Table-Head.byted-Table-Head_size_xs .byted-Table-Row {
  height: 37px;
}
.byted-Table.byted-Table_size_xs .byted-Table-Row.byted-Table-Row_treeEmpty,
.byted-Table.byted-Table_size_xs .byted-Table-Row.byted-Table-Row_expansionContent {
  height: auto;
}
.byted-Table.byted-Table_size_xs .byted-Table-Row.byted-Table-Row_treeEmpty > .byted-Table-Cell,
.byted-Table.byted-Table_size_xs .byted-Table-Row.byted-Table-Row_expansionContent > .byted-Table-Cell {
  padding: 0;
}
.byted-Table.byted-Table_size_sm .byted-Table-Cell {
  padding-top: 10px;
  padding-bottom: 10px;
}
.byted-Table.byted-Table_size_sm .byted-Table-Row {
  height: 40px;
  line-height: 20px;
}
.byted-Table.byted-Table_size_sm.byted-Table_rowBordered .byted-Table-Row {
  height: 41px;
}
.byted-Table.byted-Table_size_sm.byted-Table_rowBordered .byted-Table-Body .byted-Table-Row:last-child {
  height: 40px;
}
.byted-Table.byted-Table_size_sm .byted-Table-Head .byted-Table-Cell,
.byted-Table .byted-Table-Head.byted-Table-Head_size_sm .byted-Table-Cell {
  padding-top: 10px;
  padding-bottom: 10px;
}
.byted-Table.byted-Table_size_sm .byted-Table-Head .byted-Table-Row,
.byted-Table .byted-Table-Head.byted-Table-Head_size_sm .byted-Table-Row {
  height: 40px;
  line-height: 20px;
}
.byted-Table.byted-Table_rowBordered .byted-Table-Head.byted-Table-Head_size_sm .byted-Table-Row {
  height: 41px;
}
.byted-Table.byted-Table_size_sm .byted-Table-Row.byted-Table-Row_treeEmpty,
.byted-Table.byted-Table_size_sm .byted-Table-Row.byted-Table-Row_expansionContent {
  height: auto;
}
.byted-Table.byted-Table_size_sm .byted-Table-Row.byted-Table-Row_treeEmpty > .byted-Table-Cell,
.byted-Table.byted-Table_size_sm .byted-Table-Row.byted-Table-Row_expansionContent > .byted-Table-Cell {
  padding: 0;
}
.byted-Table.byted-Table_size_md .byted-Table-Cell {
  padding-top: 14px;
  padding-bottom: 14px;
}
.byted-Table.byted-Table_size_md .byted-Table-Row {
  height: 48px;
  line-height: 20px;
}
.byted-Table.byted-Table_size_md.byted-Table_rowBordered .byted-Table-Row {
  height: 49px;
}
.byted-Table.byted-Table_size_md.byted-Table_rowBordered .byted-Table-Body .byted-Table-Row:last-child {
  height: 48px;
}
.byted-Table.byted-Table_size_md .byted-Table-Head .byted-Table-Cell,
.byted-Table .byted-Table-Head.byted-Table-Head_size_md .byted-Table-Cell {
  padding-top: 14px;
  padding-bottom: 14px;
}
.byted-Table.byted-Table_size_md .byted-Table-Head .byted-Table-Row,
.byted-Table .byted-Table-Head.byted-Table-Head_size_md .byted-Table-Row {
  height: 48px;
  line-height: 20px;
}
.byted-Table.byted-Table_rowBordered .byted-Table-Head.byted-Table-Head_size_md .byted-Table-Row {
  height: 49px;
}
.byted-Table.byted-Table_size_md .byted-Table-Row.byted-Table-Row_treeEmpty,
.byted-Table.byted-Table_size_md .byted-Table-Row.byted-Table-Row_expansionContent {
  height: auto;
}
.byted-Table.byted-Table_size_md .byted-Table-Row.byted-Table-Row_treeEmpty > .byted-Table-Cell,
.byted-Table.byted-Table_size_md .byted-Table-Row.byted-Table-Row_expansionContent > .byted-Table-Cell {
  padding: 0;
}
.byted-Table.byted-Table_size_lg .byted-Table-Cell {
  padding-top: 18px;
  padding-bottom: 18px;
}
.byted-Table.byted-Table_size_lg .byted-Table-Row {
  height: 56px;
  line-height: 20px;
}
.byted-Table.byted-Table_size_lg.byted-Table_rowBordered .byted-Table-Row {
  height: 57px;
}
.byted-Table.byted-Table_size_lg.byted-Table_rowBordered .byted-Table-Body .byted-Table-Row:last-child {
  height: 56px;
}
.byted-Table.byted-Table_size_lg .byted-Table-Head .byted-Table-Cell,
.byted-Table .byted-Table-Head.byted-Table-Head_size_lg .byted-Table-Cell {
  padding-top: 18px;
  padding-bottom: 18px;
}
.byted-Table.byted-Table_size_lg .byted-Table-Head .byted-Table-Row,
.byted-Table .byted-Table-Head.byted-Table-Head_size_lg .byted-Table-Row {
  height: 56px;
  line-height: 20px;
}
.byted-Table.byted-Table_rowBordered .byted-Table-Head.byted-Table-Head_size_lg .byted-Table-Row {
  height: 57px;
}
.byted-Table.byted-Table_size_lg .byted-Table-Row.byted-Table-Row_treeEmpty,
.byted-Table.byted-Table_size_lg .byted-Table-Row.byted-Table-Row_expansionContent {
  height: auto;
}
.byted-Table.byted-Table_size_lg .byted-Table-Row.byted-Table-Row_treeEmpty > .byted-Table-Cell,
.byted-Table.byted-Table_size_lg .byted-Table-Row.byted-Table-Row_expansionContent > .byted-Table-Cell {
  padding: 0;
}
.byted-Table.byted-Table_size_xl .byted-Table-Cell {
  padding-top: 22px;
  padding-bottom: 22px;
}
.byted-Table.byted-Table_size_xl .byted-Table-Row {
  height: 64px;
  line-height: 20px;
}
.byted-Table.byted-Table_size_xl.byted-Table_rowBordered .byted-Table-Row {
  height: 65px;
}
.byted-Table.byted-Table_size_xl.byted-Table_rowBordered .byted-Table-Body .byted-Table-Row:last-child {
  height: 64px;
}
.byted-Table.byted-Table_size_xl .byted-Table-Head .byted-Table-Cell,
.byted-Table .byted-Table-Head.byted-Table-Head_size_xl .byted-Table-Cell {
  padding-top: 22px;
  padding-bottom: 22px;
}
.byted-Table.byted-Table_size_xl .byted-Table-Head .byted-Table-Row,
.byted-Table .byted-Table-Head.byted-Table-Head_size_xl .byted-Table-Row {
  height: 64px;
  line-height: 20px;
}
.byted-Table.byted-Table_rowBordered .byted-Table-Head.byted-Table-Head_size_xl .byted-Table-Row {
  height: 65px;
}
.byted-Table.byted-Table_size_xl .byted-Table-Row.byted-Table-Row_treeEmpty,
.byted-Table.byted-Table_size_xl .byted-Table-Row.byted-Table-Row_expansionContent {
  height: auto;
}
.byted-Table.byted-Table_size_xl .byted-Table-Row.byted-Table-Row_treeEmpty > .byted-Table-Cell,
.byted-Table.byted-Table_size_xl .byted-Table-Row.byted-Table-Row_expansionContent > .byted-Table-Cell {
  padding: 0;
}
.byted-Table .byted-Table-Ellipsis,
.byted-Table .byted-Table-LineClamp {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  vertical-align: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.byted-Table .byted-Table-Ellipsis {
  display: inline-block;
  white-space: nowrap;
}
.byted-Table .byted-Table-LineClamp {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
}
.byted-Table .byted-Table-Shadow {
  z-index: 2;
  position: absolute;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  height: 0;
  pointer-events: none;
}
.byted-Table .byted-Table-Shadow.byted-Table-Shadow_sticky {
  position: sticky;
  top: 0;
}
.byted-Table .byted-Table-Shadow.byted-Table-Shadow_head {
  z-index: 6;
}
.byted-Table .byted-Table-ShadowSupport {
  display: inline-flex;
}
.byted-Table .byted-Table-ColumnShadow {
  display: inline-block;
  width: 15px;
  height: 100%;
  position: sticky;
  top: 0;
  opacity: 0.1;
  transition: opacity ease 0.005s;
}
.byted-Table .byted-Table-ColumnShadow_start {
  box-shadow: inset 6px 0 12px -6px #000000;
}
.byted-Table .byted-Table-ColumnShadow_end {
  box-shadow: inset -6px 0 12px -6px #000000;
}
.byted-Table.byted-Table_rtl .byted-Table-ColumnShadow_start {
  box-shadow: inset -6px 0 12px -6px #000000;
}
.byted-Table.byted-Table_rtl .byted-Table-ColumnShadow_end {
  box-shadow: inset 6px 0 12px -6px #000000;
}
.byted-Table.byted-Table_scrollStart .byted-Table-ColumnShadow_start,
.byted-Table.byted-Table_scrollEnd .byted-Table-ColumnShadow_end {
  opacity: 0;
}
.byted-Table .byted-Table-Frame.byted-Table-Frame_theadFixed {
  flex-direction: column;
}
.byted-Table .byted-Table-Container.byted-Table-Container_head {
  width: auto;
  position: sticky;
  top: 0px;
  overflow: auto;
  flex: 1 1 0%;
  display: flex;
  z-index: 3;
  scrollbar-width: none;
}
.byted-Table .byted-Table-Container.byted-Table-Container_head::-webkit-scrollbar {
  display: none;
}
.byted-Table .byted-Table-Container.byted-Table-Container_body {
  flex: initial;
  width: auto;
}
.byted-Table.byted-Table_theadFixed {
  overflow: visible;
}
.byted-Table .byted-Table-HeadPlaceholder {
  flex: none;
  background-color: #f8f8f8;
}
.byted-Table .byted-Table-Implement_theadFixed {
  flex: none;
}
.byted-Table .byted-Table-Container.byted-Table-Container_hideScrollBar {
  scrollbar-width: none;
}
.byted-Table .byted-Table-Container.byted-Table-Container_hideScrollBar::-webkit-scrollbar {
  display: none;
}
.byted-Table .byted-Table-Container.byted-Table-Container_scrollBar {
  width: 100%;
  overflow-x: auto;
  margin-top: -1px;
  position: sticky;
  bottom: 0px;
  z-index: 3;
}
.byted-Table .byted-Table-ScrollBar {
  height: 1px;
}
.byted-Table .byted-Table-Pagination_sticky {
  position: sticky;
  z-index: 3;
}
.byted-Table .byted-Table-Pagination_sticky.byted-Table-Pagination_top {
  top: 0px;
}
.byted-Table .byted-Table-Pagination_sticky.byted-Table-Pagination_bottom {
  bottom: 0px;
}
.byted-Table.byted-Table_loading {
  cursor: progress;
}
.byted-Table .byted-Table-Loading {
  z-index: 10;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.byted-Table .byted-radio,
.byted-Table .byted-switch {
  height: 16px;
  padding-top: 0;
  padding-bottom: 0;
}
.byted-Table .byted-checkbox {
  padding-top: 0;
  padding-bottom: 0;
}
.byted-tab-size-xs.byted-tab-type-basic.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-xs.byted-tab-type-line.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-xs.byted-tab-type-basic.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-xs.byted-tab-type-line.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item {
  padding: 7px 0 7px 0;
}
.byted-tab-size-xs.byted-tab-type-basic.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-xs.byted-tab-type-line.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-xs.byted-tab-type-basic.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-xs.byted-tab-type-line.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item:not(:last-child) {
  margin-right: 26px;
}
.byted-tab-size-xs.byted-tab-type-basic.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-xs.byted-tab-type-line.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-xs.byted-tab-type-basic.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-xs.byted-tab-type-line.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item:not(:last-child) {
  margin-bottom: 26px;
}
.byted-tab-size-xs.byted-tab-type-basic.byted-tab-tabPosition-left .byted-tab-bar .byted-radio,
.byted-tab-size-xs.byted-tab-type-line.byted-tab-tabPosition-left .byted-tab-bar .byted-radio,
.byted-tab-size-xs.byted-tab-type-basic.byted-tab-tabPosition-right .byted-tab-bar .byted-radio,
.byted-tab-size-xs.byted-tab-type-line.byted-tab-tabPosition-right .byted-tab-bar .byted-radio {
  margin: 0px;
}
.byted-tab-size-xs.byted-tab-type-basic .byted-tab-bar-item,
.byted-tab-size-xs.byted-tab-type-line .byted-tab-bar-item {
  font-size: 14px;
  line-height: 22px;
}
.byted-tab-size-xs.byted-tab-type-card .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-xs.byted-tab-type-collapse .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-xs.byted-tab-type-editable .byted-tab-bar .byted-tab-bar-item {
  font-size: 14px;
  line-height: 37px;
  padding-top: 0;
  padding-bottom: 0;
}
.byted-tab-size-xs.byted-tab-type-card > .byted-tab-bar,
.byted-tab-size-xs.byted-tab-type-collapse > .byted-tab-bar,
.byted-tab-size-xs.byted-tab-type-editable > .byted-tab-bar {
  position: relative;
}
.byted-tab-size-xs > .byted-tab-bar .byted-tab-bar-next,
.byted-tab-size-xs > .byted-tab-bar .byted-tab-bar-prev {
  font-size: 12px;
}
.byted-tab-size-sm.byted-tab-type-basic.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-sm.byted-tab-type-line.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-sm.byted-tab-type-basic.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-sm.byted-tab-type-line.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item {
  padding: 4px 0 4px 0;
}
.byted-tab-size-sm.byted-tab-type-basic.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-sm.byted-tab-type-line.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-sm.byted-tab-type-basic.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-sm.byted-tab-type-line.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item:not(:last-child) {
  margin-right: 26px;
}
.byted-tab-size-sm.byted-tab-type-basic.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-sm.byted-tab-type-line.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-sm.byted-tab-type-basic.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-sm.byted-tab-type-line.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item:not(:last-child) {
  margin-bottom: 26px;
}
.byted-tab-size-sm.byted-tab-type-basic.byted-tab-tabPosition-left .byted-tab-bar .byted-radio,
.byted-tab-size-sm.byted-tab-type-line.byted-tab-tabPosition-left .byted-tab-bar .byted-radio,
.byted-tab-size-sm.byted-tab-type-basic.byted-tab-tabPosition-right .byted-tab-bar .byted-radio,
.byted-tab-size-sm.byted-tab-type-line.byted-tab-tabPosition-right .byted-tab-bar .byted-radio {
  margin: 0px;
}
.byted-tab-size-sm.byted-tab-type-basic .byted-tab-bar-item,
.byted-tab-size-sm.byted-tab-type-line .byted-tab-bar-item {
  font-size: 14px;
  line-height: 22px;
}
.byted-tab-size-sm.byted-tab-type-card .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-sm.byted-tab-type-collapse .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-sm.byted-tab-type-editable .byted-tab-bar .byted-tab-bar-item {
  font-size: 14px;
  line-height: 37px;
  padding-top: 0;
  padding-bottom: 0;
}
.byted-tab-size-sm.byted-tab-type-card > .byted-tab-bar,
.byted-tab-size-sm.byted-tab-type-collapse > .byted-tab-bar,
.byted-tab-size-sm.byted-tab-type-editable > .byted-tab-bar {
  position: relative;
}
.byted-tab-size-sm > .byted-tab-bar .byted-tab-bar-next,
.byted-tab-size-sm > .byted-tab-bar .byted-tab-bar-prev {
  font-size: 16px;
}
.byted-tab-size-md.byted-tab-type-basic.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-md.byted-tab-type-line.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-md.byted-tab-type-basic.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-md.byted-tab-type-line.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item {
  padding: 4px 0 4px 0;
}
.byted-tab-size-md.byted-tab-type-basic.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-md.byted-tab-type-line.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-md.byted-tab-type-basic.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-md.byted-tab-type-line.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item:not(:last-child) {
  margin-right: 32px;
}
.byted-tab-size-md.byted-tab-type-basic.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-md.byted-tab-type-line.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-md.byted-tab-type-basic.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-md.byted-tab-type-line.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item:not(:last-child) {
  margin-bottom: 32px;
}
.byted-tab-size-md.byted-tab-type-basic.byted-tab-tabPosition-left .byted-tab-bar .byted-radio,
.byted-tab-size-md.byted-tab-type-line.byted-tab-tabPosition-left .byted-tab-bar .byted-radio,
.byted-tab-size-md.byted-tab-type-basic.byted-tab-tabPosition-right .byted-tab-bar .byted-radio,
.byted-tab-size-md.byted-tab-type-line.byted-tab-tabPosition-right .byted-tab-bar .byted-radio {
  margin: 0px;
}
.byted-tab-size-md.byted-tab-type-basic .byted-tab-bar-item,
.byted-tab-size-md.byted-tab-type-line .byted-tab-bar-item {
  font-size: 16px;
  line-height: 24px;
}
.byted-tab-size-md.byted-tab-type-card .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-md.byted-tab-type-collapse .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-md.byted-tab-type-editable .byted-tab-bar .byted-tab-bar-item {
  font-size: 16px;
  line-height: 37px;
  padding-top: 0;
  padding-bottom: 0;
}
.byted-tab-size-md.byted-tab-type-card > .byted-tab-bar,
.byted-tab-size-md.byted-tab-type-collapse > .byted-tab-bar,
.byted-tab-size-md.byted-tab-type-editable > .byted-tab-bar {
  position: relative;
}
.byted-tab-size-md > .byted-tab-bar .byted-tab-bar-next,
.byted-tab-size-md > .byted-tab-bar .byted-tab-bar-prev {
  font-size: 16px;
}
.byted-tab-size-lg.byted-tab-type-basic.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-lg.byted-tab-type-line.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-lg.byted-tab-type-basic.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-lg.byted-tab-type-line.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item {
  padding: 4px 0 4px 0;
}
.byted-tab-size-lg.byted-tab-type-basic.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-lg.byted-tab-type-line.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-lg.byted-tab-type-basic.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-lg.byted-tab-type-line.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item:not(:last-child) {
  margin-right: 48px;
}
.byted-tab-size-lg.byted-tab-type-basic.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-lg.byted-tab-type-line.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-lg.byted-tab-type-basic.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-lg.byted-tab-type-line.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item:not(:last-child) {
  margin-bottom: 48px;
}
.byted-tab-size-lg.byted-tab-type-basic.byted-tab-tabPosition-left .byted-tab-bar .byted-radio,
.byted-tab-size-lg.byted-tab-type-line.byted-tab-tabPosition-left .byted-tab-bar .byted-radio,
.byted-tab-size-lg.byted-tab-type-basic.byted-tab-tabPosition-right .byted-tab-bar .byted-radio,
.byted-tab-size-lg.byted-tab-type-line.byted-tab-tabPosition-right .byted-tab-bar .byted-radio {
  margin: 0px;
}
.byted-tab-size-lg.byted-tab-type-basic .byted-tab-bar-item,
.byted-tab-size-lg.byted-tab-type-line .byted-tab-bar-item {
  font-size: 18px;
  line-height: 26px;
}
.byted-tab-size-lg.byted-tab-type-card .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-lg.byted-tab-type-collapse .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-lg.byted-tab-type-editable .byted-tab-bar .byted-tab-bar-item {
  font-size: 18px;
  line-height: 37px;
  padding-top: 0;
  padding-bottom: 0;
}
.byted-tab-size-lg.byted-tab-type-card > .byted-tab-bar,
.byted-tab-size-lg.byted-tab-type-collapse > .byted-tab-bar,
.byted-tab-size-lg.byted-tab-type-editable > .byted-tab-bar {
  position: relative;
}
.byted-tab-size-lg > .byted-tab-bar .byted-tab-bar-next,
.byted-tab-size-lg > .byted-tab-bar .byted-tab-bar-prev {
  font-size: 20px;
}
.byted-tab-size-xl.byted-tab-type-basic.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-xl.byted-tab-type-line.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-xl.byted-tab-type-basic.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-xl.byted-tab-type-line.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item {
  padding: 4px 0 4px 0;
}
.byted-tab-size-xl.byted-tab-type-basic.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-xl.byted-tab-type-line.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-xl.byted-tab-type-basic.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-xl.byted-tab-type-line.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item:not(:last-child) {
  margin-right: 48px;
}
.byted-tab-size-xl.byted-tab-type-basic.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-xl.byted-tab-type-line.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-xl.byted-tab-type-basic.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item:not(:last-child),
.byted-tab-size-xl.byted-tab-type-line.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item:not(:last-child) {
  margin-bottom: 48px;
}
.byted-tab-size-xl.byted-tab-type-basic.byted-tab-tabPosition-left .byted-tab-bar .byted-radio,
.byted-tab-size-xl.byted-tab-type-line.byted-tab-tabPosition-left .byted-tab-bar .byted-radio,
.byted-tab-size-xl.byted-tab-type-basic.byted-tab-tabPosition-right .byted-tab-bar .byted-radio,
.byted-tab-size-xl.byted-tab-type-line.byted-tab-tabPosition-right .byted-tab-bar .byted-radio {
  margin: 0px;
}
.byted-tab-size-xl.byted-tab-type-basic .byted-tab-bar-item,
.byted-tab-size-xl.byted-tab-type-line .byted-tab-bar-item {
  font-size: 18px;
  line-height: 26px;
}
.byted-tab-size-xl.byted-tab-type-card .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-xl.byted-tab-type-collapse .byted-tab-bar .byted-tab-bar-item,
.byted-tab-size-xl.byted-tab-type-editable .byted-tab-bar .byted-tab-bar-item {
  font-size: 18px;
  line-height: 37px;
  padding-top: 0;
  padding-bottom: 0;
}
.byted-tab-size-xl.byted-tab-type-card > .byted-tab-bar,
.byted-tab-size-xl.byted-tab-type-collapse > .byted-tab-bar,
.byted-tab-size-xl.byted-tab-type-editable > .byted-tab-bar {
  position: relative;
}
.byted-tab-size-xl > .byted-tab-bar .byted-tab-bar-next,
.byted-tab-size-xl > .byted-tab-bar .byted-tab-bar-prev {
  font-size: 20px;
}
.byted-tab {
  display: flex;
}
.byted-tab-bar {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: space-between;
}
.byted-tab-bar-container {
  position: relative;
  overflow: hidden;
}
.byted-tab-bar-items {
  align-self: flex-end;
  position: relative;
  overflow: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  /* Hide scrollbar for IE and Edge */
  scrollbar-width: none;
  /* Hide scrollbar for Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.byted-tab-bar-items::-webkit-scrollbar {
  display: none;
}
.byted-tab-bar-items-inner {
  display: flex;
  align-items: center;
  height: 100%;
  transition: all ease-in-out 0.1s, transform ease-in-out 0.24s;
  -webkit-transition: all ease-in-out 0.1s, transform ease-in-out 0.24s;
  -moz-transition: all ease-in-out 0.1s, transform ease-in-out 0.24s;
  -o-transition: all ease-in-out 0.1s, transform ease-in-out 0.24s;
}
.byted-tab-bar-items-inner-line {
  display: none;
  position: absolute;
  width: 2px;
  height: 2px;
  background-color: #f60457;
  border-radius: 0px;
  transition: all ease-in-out 0.2s, opacity linear 0s;
  -webkit-transition: all ease-in-out 0.2s, opacity linear 0s;
  -moz-transition: all ease-in-out 0.2s, opacity linear 0s;
  -o-transition: all ease-in-out 0.2s, opacity linear 0s;
}
.byted-tab-bar-items-container {
  transition: all ease-in-out 0.1s, transform ease-in-out 0.24s;
  -webkit-transition: all ease-in-out 0.1s, transform ease-in-out 0.24s;
  -moz-transition: all ease-in-out 0.1s, transform ease-in-out 0.24s;
  -o-transition: all ease-in-out 0.1s, transform ease-in-out 0.24s;
}
.byted-tab-bar-prev,
.byted-tab-bar-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 4px;
  cursor: pointer;
  user-select: none;
  z-index: 1;
}
.byted-tab-bar-prev-disabled,
.byted-tab-bar-next-disabled {
  cursor: not-allowed;
}
.byted-tab-bar-extra {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-self: stretch;
  flex: auto;
}
.byted-tab-bar-collapse {
  margin-right: 8px;
}
.byted-tab-bar-collapse a {
  padding: 4px 8px;
  color: #8a8a8a;
}
.byted-tab-bar-collapse a > span:last-child {
  margin-left: 4px;
}
.byted-tab-bar-add {
  display: inline-block;
  font-size: 16px;
  color: #8a8a8a;
  cursor: pointer;
  user-select: none;
}
.byted-tab-bar-add:hover {
  color: #f60457;
}
.byted-tab-bar-item {
  display: flex;
  position: relative;
  cursor: pointer;
  color: #666666;
  font-weight: 400;
  white-space: nowrap;
  transition: all ease-in-out 0.1s, font-weight linear 0s, border linear 50ms 0s;
  -webkit-transition: all ease-in-out 0.1s, font-weight linear 0s, border linear 50ms 0s;
  -moz-transition: all ease-in-out 0.1s, font-weight linear 0s, border linear 50ms 0s;
  -o-transition: all ease-in-out 0.1s, font-weight linear 0s, border linear 50ms 0s;
}
.byted-tab-bar-item:hover:not(.byted-tab-bar-item-disabled) {
  color: #f60457;
}
.byted-tab-bar-item:active:not(.byted-tab-bar-item-disabled) {
  color: #d20251;
}
.byted-tab-bar-item-active {
  color: #121212;
  font-weight: 600;
  transition: all ease-in-out 0.1s, font-weight linear 0s, border linear 0s 0.2s;
  -webkit-transition: all ease-in-out 0.1s, font-weight linear 0s, border linear 0s 0.2s;
  -moz-transition: all ease-in-out 0.1s, font-weight linear 0s, border linear 0s 0.2s;
  -o-transition: all ease-in-out 0.1s, font-weight linear 0s, border linear 0s 0.2s;
}
.byted-tab-bar-item-disabled {
  cursor: not-allowed;
  color: #bdbdbd;
}
.byted-tab-tabPosition-top,
.byted-tab-tabPosition-bottom {
  flex-direction: column;
}
.byted-tab-tabPosition-top > .byted-tab-bar,
.byted-tab-tabPosition-bottom > .byted-tab-bar {
  flex-direction: row;
}
.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-items-inner,
.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-items-inner {
  flex-direction: row;
}
.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item {
  padding: 4px 0;
}
.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-prev,
.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-prev {
  left: 0;
  padding-right: 8px;
}
.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-next,
.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-next {
  right: 0;
  padding-left: 8px;
}
.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-extra,
.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-extra {
  flex-direction: row;
}
.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-extra-content,
.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-extra-content {
  padding: 4px 0;
  margin-left: 16px;
}
.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-add,
.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-add {
  margin-left: 8px;
  margin-right: 8px;
}
.byted-tab-tabPosition-left,
.byted-tab-tabPosition-right {
  flex-direction: row;
}
.byted-tab-tabPosition-left > .byted-tab-bar,
.byted-tab-tabPosition-right > .byted-tab-bar {
  flex-direction: column;
}
.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-items-inner,
.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-items-inner {
  flex-direction: column;
}
.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-items,
.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-items {
  width: 100%;
}
.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item {
  padding: 4px 8px;
}
.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-prev,
.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-prev {
  margin-bottom: 4px;
}
.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-next,
.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-next {
  margin-top: 4px;
}
.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-extra,
.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-extra {
  flex-direction: column;
}
.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-extra-content,
.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-extra-content {
  padding: 0 4px;
  margin-top: 16px;
}
.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-add,
.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-add {
  margin-left: 8px;
  margin-right: 8px;
}
.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item {
  text-align: right;
}
.byted-tab-type-basic > .byted-tab-bar {
  margin: 0;
}
.byted-tab-type-basic.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-items-inner-line {
  display: block;
  bottom: 0;
}
.byted-tab-type-basic.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-items-inner-line {
  display: block;
  top: 0;
}
.byted-tab-type-basic.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-items-inner-line {
  display: block;
  right: 0;
}
.byted-tab-type-basic.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-items-inner-line {
  display: block;
  left: 0;
}
.byted-tab-type-line.byted-tab-tabPosition-top > .byted-tab-bar,
.byted-tab-type-line.byted-tab-tabPosition-bottom > .byted-tab-bar {
  margin: 0;
}
.byted-tab-type-line.byted-tab-tabPosition-bottom > .byted-tab-bar {
  border-top: 1px solid #e3e3e3;
}
.byted-tab-type-line.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-items-inner-line {
  display: block;
  top: 0;
}
.byted-tab-type-line.byted-tab-tabPosition-top > .byted-tab-bar {
  border-bottom: 1px solid #e3e3e3;
}
.byted-tab-type-line.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-items-inner-line {
  display: block;
  bottom: 0;
}
.byted-tab-type-line.byted-tab-tabPosition-right > .byted-tab-bar {
  border-left: 1px solid #e3e3e3;
}
.byted-tab-type-line.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-items-inner-line {
  display: block;
  left: 0;
}
.byted-tab-type-line.byted-tab-tabPosition-left > .byted-tab-bar {
  border-right: 1px solid #e3e3e3;
}
.byted-tab-type-line.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-items-inner-line {
  display: block;
  right: 0;
}
.byted-tab .byted-tab-bar,
.byted-tab .byted-tab-bar-prev,
.byted-tab .byted-tab-bar-next {
  background-color: #ffffff;
}
.byted-tab-type-card > .byted-tab-bar,
.byted-tab-type-collapse > .byted-tab-bar,
.byted-tab-type-editable > .byted-tab-bar {
  background-color: #f8f8f8;
}
.byted-tab-type-card > .byted-tab-bar .byted-tab-bar-prev,
.byted-tab-type-collapse > .byted-tab-bar .byted-tab-bar-prev,
.byted-tab-type-editable > .byted-tab-bar .byted-tab-bar-prev,
.byted-tab-type-card > .byted-tab-bar .byted-tab-bar-next,
.byted-tab-type-collapse > .byted-tab-bar .byted-tab-bar-next,
.byted-tab-type-editable > .byted-tab-bar .byted-tab-bar-next {
  background-color: #f8f8f8;
}
.byted-tab-type-card > .byted-tab-bar .byted-tab-bar-prev:hover,
.byted-tab-type-collapse > .byted-tab-bar .byted-tab-bar-prev:hover,
.byted-tab-type-editable > .byted-tab-bar .byted-tab-bar-prev:hover,
.byted-tab-type-card > .byted-tab-bar .byted-tab-bar-next:hover,
.byted-tab-type-collapse > .byted-tab-bar .byted-tab-bar-next:hover,
.byted-tab-type-editable > .byted-tab-bar .byted-tab-bar-next:hover {
  color: inherit;
}
.byted-tab-type-card > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-type-collapse > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-type-editable > .byted-tab-bar .byted-tab-bar-item {
  padding: 0 16px;
  font-size: 16px;
  margin: 0;
  border: 1px solid transparent;
}
.byted-tab-type-card > .byted-tab-bar .byted-tab-bar-item.byted-tab-bar-item-active,
.byted-tab-type-collapse > .byted-tab-bar .byted-tab-bar-item.byted-tab-bar-item-active,
.byted-tab-type-editable > .byted-tab-bar .byted-tab-bar-item.byted-tab-bar-item-active {
  border-color: #d9d9d9;
  background-color: #ffffff;
}
.byted-tab-type-card > .byted-tab-bar .byted-tab-bar-item .byted-tab-bar-item-close,
.byted-tab-type-collapse > .byted-tab-bar .byted-tab-bar-item .byted-tab-bar-item-close,
.byted-tab-type-editable > .byted-tab-bar .byted-tab-bar-item .byted-tab-bar-item-close {
  margin-left: 4px;
  font-size: 16px;
  user-select: none;
}
.byted-tab-type-card > .byted-tab-bar .byted-tab-bar-item:not(.byted-tab-bar-item-disabled),
.byted-tab-type-collapse > .byted-tab-bar .byted-tab-bar-item:not(.byted-tab-bar-item-disabled),
.byted-tab-type-editable > .byted-tab-bar .byted-tab-bar-item:not(.byted-tab-bar-item-disabled) {
  color: #666666;
}
.byted-tab-type-card > .byted-tab-bar .byted-tab-bar-item:not(.byted-tab-bar-item-disabled):hover,
.byted-tab-type-collapse > .byted-tab-bar .byted-tab-bar-item:not(.byted-tab-bar-item-disabled):hover,
.byted-tab-type-editable > .byted-tab-bar .byted-tab-bar-item:not(.byted-tab-bar-item-disabled):hover {
  color: #f60457;
}
.byted-tab-type-card > .byted-tab-bar .byted-tab-bar-item:not(.byted-tab-bar-item-disabled):active,
.byted-tab-type-collapse > .byted-tab-bar .byted-tab-bar-item:not(.byted-tab-bar-item-disabled):active,
.byted-tab-type-editable > .byted-tab-bar .byted-tab-bar-item:not(.byted-tab-bar-item-disabled):active {
  color: #d20251;
}
.byted-tab-type-card > .byted-tab-bar .byted-tab-bar-item:not(.byted-tab-bar-item-disabled).byted-tab-bar-item-active,
.byted-tab-type-collapse > .byted-tab-bar .byted-tab-bar-item:not(.byted-tab-bar-item-disabled).byted-tab-bar-item-active,
.byted-tab-type-editable > .byted-tab-bar .byted-tab-bar-item:not(.byted-tab-bar-item-disabled).byted-tab-bar-item-active {
  color: #121212;
}
.byted-tab-type-card.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item-span,
.byted-tab-type-collapse.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item-span,
.byted-tab-type-editable.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item-span,
.byted-tab-type-card.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item-span,
.byted-tab-type-collapse.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item-span,
.byted-tab-type-editable.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item-span {
  flex: none;
  width: 1px;
  height: 14px;
  background: #e3e3e3;
}
.byted-tab-type-card.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item-span,
.byted-tab-type-collapse.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item-span,
.byted-tab-type-editable.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item-span,
.byted-tab-type-card.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item-span,
.byted-tab-type-collapse.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item-span,
.byted-tab-type-editable.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item-span {
  height: 1px;
  width: 50%;
  background: #e3e3e3;
}
.byted-tab-type-card.byted-tab-tabPosition-top > .byted-tab-bar > .byted-tab-bar-extra,
.byted-tab-type-collapse.byted-tab-tabPosition-top > .byted-tab-bar > .byted-tab-bar-extra,
.byted-tab-type-editable.byted-tab-tabPosition-top > .byted-tab-bar > .byted-tab-bar-extra,
.byted-tab-type-card.byted-tab-tabPosition-top > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-prev,
.byted-tab-type-collapse.byted-tab-tabPosition-top > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-prev,
.byted-tab-type-editable.byted-tab-tabPosition-top > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-prev,
.byted-tab-type-card.byted-tab-tabPosition-top > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-next,
.byted-tab-type-collapse.byted-tab-tabPosition-top > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-next,
.byted-tab-type-editable.byted-tab-tabPosition-top > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-next {
  border-bottom: 1px solid #e3e3e3;
}
.byted-tab-type-card.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-items-inner,
.byted-tab-type-collapse.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-items-inner,
.byted-tab-type-editable.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-items-inner {
  border-bottom: 1px solid #e3e3e3;
}
.byted-tab-type-card.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-type-collapse.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-type-editable.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item {
  border-bottom: none;
}
.byted-tab-type-card.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item-active,
.byted-tab-type-collapse.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item-active,
.byted-tab-type-editable.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item-active {
  border-radius: 4px 4px 0 0;
}
.byted-tab-type-card.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item-active:after,
.byted-tab-type-collapse.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item-active:after,
.byted-tab-type-editable.byted-tab-tabPosition-top > .byted-tab-bar .byted-tab-bar-item-active:after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: #e3e3e3;
  z-index: 1;
}
.byted-tab-type-card.byted-tab-tabPosition-bottom > .byted-tab-bar > .byted-tab-bar-extra,
.byted-tab-type-collapse.byted-tab-tabPosition-bottom > .byted-tab-bar > .byted-tab-bar-extra,
.byted-tab-type-editable.byted-tab-tabPosition-bottom > .byted-tab-bar > .byted-tab-bar-extra,
.byted-tab-type-card.byted-tab-tabPosition-bottom > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-prev,
.byted-tab-type-collapse.byted-tab-tabPosition-bottom > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-prev,
.byted-tab-type-editable.byted-tab-tabPosition-bottom > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-prev,
.byted-tab-type-card.byted-tab-tabPosition-bottom > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-next,
.byted-tab-type-collapse.byted-tab-tabPosition-bottom > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-next,
.byted-tab-type-editable.byted-tab-tabPosition-bottom > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-next {
  border-top: 1px solid #e3e3e3;
}
.byted-tab-type-card.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-items-inner,
.byted-tab-type-collapse.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-items-inner,
.byted-tab-type-editable.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-items-inner {
  border-top: 1px solid #e3e3e3;
}
.byted-tab-type-card.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-type-collapse.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-type-editable.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item {
  border-bottom: none;
}
.byted-tab-type-card.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item-active,
.byted-tab-type-collapse.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item-active,
.byted-tab-type-editable.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item-active {
  border-radius: 4px 4px 0 0;
}
.byted-tab-type-card.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item-active:after,
.byted-tab-type-collapse.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item-active:after,
.byted-tab-type-editable.byted-tab-tabPosition-bottom > .byted-tab-bar .byted-tab-bar-item-active:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: #e3e3e3;
  z-index: 1;
}
.byted-tab-type-card.byted-tab-tabPosition-left > .byted-tab-bar > .byted-tab-bar-extra,
.byted-tab-type-collapse.byted-tab-tabPosition-left > .byted-tab-bar > .byted-tab-bar-extra,
.byted-tab-type-editable.byted-tab-tabPosition-left > .byted-tab-bar > .byted-tab-bar-extra,
.byted-tab-type-card.byted-tab-tabPosition-left > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-prev,
.byted-tab-type-collapse.byted-tab-tabPosition-left > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-prev,
.byted-tab-type-editable.byted-tab-tabPosition-left > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-prev,
.byted-tab-type-card.byted-tab-tabPosition-left > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-next,
.byted-tab-type-collapse.byted-tab-tabPosition-left > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-next,
.byted-tab-type-editable.byted-tab-tabPosition-left > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-next {
  border-right: 1px solid #e3e3e3;
}
.byted-tab-type-card.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-items-inner,
.byted-tab-type-collapse.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-items-inner,
.byted-tab-type-editable.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-items-inner {
  border-right: 1px solid #e3e3e3;
}
.byted-tab-type-card.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-type-collapse.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-type-editable.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item {
  border-bottom: none;
}
.byted-tab-type-card.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item-active,
.byted-tab-type-collapse.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item-active,
.byted-tab-type-editable.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item-active {
  border-radius: 4px 4px 0 0;
}
.byted-tab-type-card.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item-active:after,
.byted-tab-type-collapse.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item-active:after,
.byted-tab-type-editable.byted-tab-tabPosition-left > .byted-tab-bar .byted-tab-bar-item-active:after {
  content: '';
  position: absolute;
  right: -2px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e3e3e3;
  z-index: 1;
}
.byted-tab-type-card.byted-tab-tabPosition-right > .byted-tab-bar > .byted-tab-bar-extra,
.byted-tab-type-collapse.byted-tab-tabPosition-right > .byted-tab-bar > .byted-tab-bar-extra,
.byted-tab-type-editable.byted-tab-tabPosition-right > .byted-tab-bar > .byted-tab-bar-extra,
.byted-tab-type-card.byted-tab-tabPosition-right > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-prev,
.byted-tab-type-collapse.byted-tab-tabPosition-right > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-prev,
.byted-tab-type-editable.byted-tab-tabPosition-right > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-prev,
.byted-tab-type-card.byted-tab-tabPosition-right > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-next,
.byted-tab-type-collapse.byted-tab-tabPosition-right > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-next,
.byted-tab-type-editable.byted-tab-tabPosition-right > .byted-tab-bar > .byted-tab-bar-container .byted-tab-bar-next {
  border-left: 1px solid #e3e3e3;
}
.byted-tab-type-card.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-items-inner,
.byted-tab-type-collapse.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-items-inner,
.byted-tab-type-editable.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-items-inner {
  border-left: 1px solid #e3e3e3;
}
.byted-tab-type-card.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-type-collapse.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item,
.byted-tab-type-editable.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item {
  border-bottom: none;
}
.byted-tab-type-card.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item-active,
.byted-tab-type-collapse.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item-active,
.byted-tab-type-editable.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item-active {
  border-radius: 4px 4px 0 0;
}
.byted-tab-type-card.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item-active:after,
.byted-tab-type-collapse.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item-active:after,
.byted-tab-type-editable.byted-tab-tabPosition-right > .byted-tab-bar .byted-tab-bar-item-active:after {
  content: '';
  position: absolute;
  left: -2px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e3e3e3;
  z-index: 1;
}
.byted-tab-plain.byted-tab-type-card > .byted-tab-bar,
.byted-tab-plain.byted-tab-type-collapse > .byted-tab-bar,
.byted-tab-plain.byted-tab-type-editable > .byted-tab-bar,
.byted-tab-plain.byted-tab-type-card > .byted-tab-bar-prev,
.byted-tab-plain.byted-tab-type-collapse > .byted-tab-bar-prev,
.byted-tab-plain.byted-tab-type-editable > .byted-tab-bar-prev,
.byted-tab-plain.byted-tab-type-card > .byted-tab-bar-next,
.byted-tab-plain.byted-tab-type-collapse > .byted-tab-bar-next,
.byted-tab-plain.byted-tab-type-editable > .byted-tab-bar-next {
  background-color: #ffffff;
}
.byted-tab-plain > .byted-tab-bar .byted-tab-bar-item {
  color: #666666;
}
.byted-tab-plain > .byted-tab-bar .byted-tab-bar-item:hover:not(.byted-tab-bar-item-disabled) {
  color: #f60457;
}
.byted-tab-plain > .byted-tab-bar .byted-tab-bar-item:active:not(.byted-tab-bar-item-disabled) {
  color: #d20251;
}
.byted-tab-plain > .byted-tab-bar .byted-tab-bar-item.byted-tab-bar-item-active {
  color: #121212;
  border-color: #d9d9d9;
  background-color: transparent;
}
.byted-tab-item {
  flex: 1;
  display: none;
}
.byted-tab-item-active {
  display: block;
}
.byted-tab.byted-tab-tabPosition-left .byted-tab-bar .byted-radio,
.byted-tab.byted-tab-tabPosition-right .byted-tab-bar .byted-radio {
  margin: 0px;
}
.byted-tab.byted-tab-type-radio .byted-tab-bar-prev,
.byted-tab.byted-tab-type-radio .byted-tab-bar-next {
  z-index: 4;
}
.byted-tab.byted-tab-type-button .byted-tab-bar-prev,
.byted-tab.byted-tab-type-button .byted-tab-bar-next {
  z-index: 11;
}
.byted-tab.byted-tab-type-tag .byted-radio-group > .byted-tag-checkable,
.byted-tab.byted-tab-type-filled .byted-radio-group > .byted-radio-filled {
  flex-shrink: 0;
}
.byted-tab.byted-tab-type-filled .byted-tab-bar-items {
  background-color: #ebebeb;
}
.byted-tab-tabPosition-left .byted-tab-bar-items-inner > .byted-btn-group,
.byted-tab-tabPosition-right .byted-tab-bar-items-inner > .byted-btn-group {
  flex-direction: column;
}
.byted-tab-bar-line {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #e3e3e3;
  bottom: 0;
}
.byted-tab-draggable > .byted-tab-bar .byted-tab-bar-items .byted-tab-bar-item.byted-tab-bar-item-isDragging {
  color: #bdbdbd;
}
.byted-tab-draggable .byted-tab-bar .byted-tab-bar-item-span.byted-tab-bar-item-span-dragOver {
  background: #3451f7;
}
.byted-tabs-card {
  border-radius: 4px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  overflow: hidden;
}
.byted-tabs-card .byted-tab-type-line .byted-tabs-card-tab-header {
  padding-left: 24px;
  padding-right: 24px;
}
.byted-tabs-card .byted-tab-type-line .byted-tab-item {
  margin-top: 0;
}
.byted-tabs-card .byted-tab-type-line.byted-tab-size-sm .byted-tabs-card-tab-header .byted-tab-bar-item {
  padding-top: 12px;
  padding-bottom: 12px;
}
.byted-tabs-card .byted-tab-type-line.byted-tab-size-md .byted-tabs-card-tab-header .byted-tab-bar-item {
  padding-top: 15px;
  padding-bottom: 15px;
}
.byted-tabs-card .byted-tab-type-line.byted-tab-size-lg .byted-tabs-card-tab-header .byted-tab-bar-item {
  padding-top: 18px;
  padding-bottom: 18px;
}
.byted-tabs-card .byted-tab-type-card .byted-tabs-card-tab-header {
  padding-right: 16px;
}
.byted-tabs-card .byted-tab-type-card .byted-tabs-card-tab-header .byted-tab-bar-item-active {
  position: relative;
}
.byted-tabs-card .byted-tab-type-card .byted-tabs-card-tab-header .byted-tab-bar-item-active::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #f60457;
  border-top-left-radius: 4px 2.5px;
  border-top-right-radius: 4px 2.5px;
}
.byted-tabs-card-bordered-none .byted-tab-type-card .byted-tabs-card-tab-header {
  border-bottom: none;
}
.byted-tabs-card-bordered-none .byted-tab-type-card .byted-tabs-card-tab-header .byted-tab-bar-item-active {
  border: 1px solid transparent;
  border-bottom: none;
}
.byted-tabs-card-bordered {
  border: 1px solid #d9d9d9;
  box-shadow: none;
}
.byted-tabs-card-bordered.byted-tabs-card-type-card {
  border: 0;
}
.byted-tabs-card-bordered.byted-tabs-card-type-card .byted-tabs-card-tab-header .byted-tab-bar-item-active::before {
  top: -1px;
}
.byted-tabs-card-bordered.byted-tabs-card-type-card > .byted-tab > .byted-tab-item {
  border: 1px solid #d9d9d9;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}
.byted-tag-default:not(.byted-tag-fill) {
  color: #121212;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
}
.byted-tag-default:not(.byted-tag-fill):hover {
  color: #121212;
  border-color: #d9d9d9;
  background-color: #ffffff;
}
.byted-tag-default:not(.byted-tag-fill) .byted-tag-close {
  color: #8a8a8a;
}
.byted-tag-default:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #8a8a8a;
}
.byted-tag-default:not(.byted-tag-fill).byted-tag-disabled {
  color: #bdbdbd;
  border-color: #ebebeb;
  background-color: #f2f2f2;
}
.byted-tag-default:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #bdbdbd;
}
.byted-tag-default.byted-tag-fill {
  color: #121212;
  border: 1px solid #ebebeb;
  background-color: #ebebeb;
}
.byted-tag-default.byted-tag-fill:hover {
  color: #121212;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.byted-tag-default.byted-tag-fill .byted-tag-close {
  color: #8a8a8a;
}
.byted-tag-default.byted-tag-fill .byted-tag-close:hover {
  color: #8a8a8a;
}
.byted-tag-default.byted-tag-fill.byted-tag-disabled {
  color: #bdbdbd;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.byted-tag-default.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #bdbdbd;
}
.byted-tag-default.byted-tag-text {
  color: #121212;
  border: none;
  background: none;
}
.byted-tag-default.byted-tag-text:hover {
  color: #121212;
  border: none;
  background: none;
}
.byted-tag-default.byted-tag-text.byted-tag-disabled {
  color: #bdbdbd;
  border: none;
  background: none;
}
.byted-tag-default-light:not(.byted-tag-fill) {
  color: #121212;
  border: 1px solid #e3e3e3;
  background-color: #f8f8f8;
}
.byted-tag-default-light:not(.byted-tag-fill):hover {
  color: #121212;
  border-color: #e3e3e3;
  background-color: #f8f8f8;
}
.byted-tag-default-light:not(.byted-tag-fill) .byted-tag-close {
  color: #8a8a8a;
}
.byted-tag-default-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #8a8a8a;
}
.byted-tag-default-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #bdbdbd;
  border-color: #d9d9d9;
  background-color: #f2f2f2;
}
.byted-tag-default-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #bdbdbd;
}
.byted-tag-default-light.byted-tag-fill {
  color: #121212;
  border: 1px solid #ebebeb;
  background-color: #ebebeb;
}
.byted-tag-default-light.byted-tag-fill:hover {
  color: #121212;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.byted-tag-default-light.byted-tag-fill .byted-tag-close {
  color: #8a8a8a;
}
.byted-tag-default-light.byted-tag-fill .byted-tag-close:hover {
  color: #8a8a8a;
}
.byted-tag-default-light.byted-tag-fill.byted-tag-disabled {
  color: #bdbdbd;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.byted-tag-default-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #8a8a8a;
}
.byted-tag-default-light.byted-tag-text {
  color: #121212;
  border: none;
  background: none;
}
.byted-tag-default-light.byted-tag-text:hover {
  color: #121212;
  border: none;
  background: none;
}
.byted-tag-default-light.byted-tag-text.byted-tag-disabled {
  color: #bdbdbd;
  border: none;
  background: none;
}
.byted-tag-primary:not(.byted-tag-fill) {
  color: #f60457;
  border: 1px solid #f60457;
  background-color: #ffffff;
}
.byted-tag-primary:not(.byted-tag-fill):hover {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
}
.byted-tag-primary:not(.byted-tag-fill) .byted-tag-close {
  color: #f60457;
}
.byted-tag-primary:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #f60457;
}
.byted-tag-primary:not(.byted-tag-fill).byted-tag-disabled {
  color: #fda3b2;
  border-color: #fda3b2;
  background-color: #feedef;
}
.byted-tag-primary:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #fda3b2;
}
.byted-tag-primary.byted-tag-fill {
  color: #ffffff;
  border: 1px solid #f60457;
  background-color: #f60457;
}
.byted-tag-primary.byted-tag-fill:hover {
  color: #ffffff;
  border-color: #f60457;
  background-color: #f60457;
}
.byted-tag-primary.byted-tag-fill .byted-tag-close {
  color: #ffffff;
}
.byted-tag-primary.byted-tag-fill .byted-tag-close:hover {
  color: #ffffff;
}
.byted-tag-primary.byted-tag-fill.byted-tag-disabled {
  color: #ffffff;
  border-color: #fda3b2;
  background-color: #fda3b2;
}
.byted-tag-primary.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #ffffff;
}
.byted-tag-primary.byted-tag-text {
  color: #f60457;
  border: none;
  background: none;
}
.byted-tag-primary.byted-tag-text:hover {
  color: #f60457;
  border: none;
  background: none;
}
.byted-tag-primary.byted-tag-text.byted-tag-disabled {
  color: #fda3b2;
  border: none;
  background: none;
}
.byted-tag-primary-light:not(.byted-tag-fill) {
  color: #f60457;
  border: 1px solid #f60457;
  background-color: #feedef;
}
.byted-tag-primary-light:not(.byted-tag-fill):hover {
  color: #f60457;
  border-color: #f60457;
  background-color: #feedef;
}
.byted-tag-primary-light:not(.byted-tag-fill) .byted-tag-close {
  color: #f60457;
}
.byted-tag-primary-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #f60457;
}
.byted-tag-primary-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #fda3b2;
  border-color: #fda3b2;
  background-color: #feedef;
}
.byted-tag-primary-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #fda3b2;
}
.byted-tag-primary-light.byted-tag-fill {
  color: #f60457;
  border: 1px solid #feedef;
  background-color: #feedef;
}
.byted-tag-primary-light.byted-tag-fill:hover {
  color: #f60457;
  border-color: #feedef;
  background-color: #feedef;
}
.byted-tag-primary-light.byted-tag-fill .byted-tag-close {
  color: #f60457;
}
.byted-tag-primary-light.byted-tag-fill .byted-tag-close:hover {
  color: #f60457;
}
.byted-tag-primary-light.byted-tag-fill.byted-tag-disabled {
  color: #fda3b2;
  border-color: #feedef;
  background-color: #feedef;
}
.byted-tag-primary-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #fda3b2;
}
.byted-tag-primary-light.byted-tag-text {
  color: #f60457;
  border: none;
  background: none;
}
.byted-tag-primary-light.byted-tag-text:hover {
  color: #f60457;
  border: none;
  background: none;
}
.byted-tag-primary-light.byted-tag-text.byted-tag-disabled {
  color: #fda3b2;
  border: none;
  background: none;
}
.byted-tag-info:not(.byted-tag-fill) {
  color: #3451f7;
  border: 1px solid #3451f7;
  background-color: #ffffff;
}
.byted-tag-info:not(.byted-tag-fill):hover {
  color: #3451f7;
  border-color: #3451f7;
  background-color: #ffffff;
}
.byted-tag-info:not(.byted-tag-fill) .byted-tag-close {
  color: #3451f7;
}
.byted-tag-info:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #3451f7;
}
.byted-tag-info:not(.byted-tag-fill).byted-tag-disabled {
  color: #9fb6fc;
  border-color: #9fb6fc;
  background-color: #e8efff;
}
.byted-tag-info:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #9fb6fc;
}
.byted-tag-info.byted-tag-fill {
  color: #ffffff;
  border: 1px solid #3451f7;
  background-color: #3451f7;
}
.byted-tag-info.byted-tag-fill:hover {
  color: #ffffff;
  border-color: #3451f7;
  background-color: #3451f7;
}
.byted-tag-info.byted-tag-fill .byted-tag-close {
  color: #ffffff;
}
.byted-tag-info.byted-tag-fill .byted-tag-close:hover {
  color: #ffffff;
}
.byted-tag-info.byted-tag-fill.byted-tag-disabled {
  color: #ffffff;
  border-color: #9fb6fc;
  background-color: #9fb6fc;
}
.byted-tag-info.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #ffffff;
}
.byted-tag-info.byted-tag-text {
  color: #3451f7;
  border: none;
  background: none;
}
.byted-tag-info.byted-tag-text:hover {
  color: #3451f7;
  border: none;
  background: none;
}
.byted-tag-info.byted-tag-text.byted-tag-disabled {
  color: #9fb6fc;
  border: none;
  background: none;
}
.byted-tag-info-light:not(.byted-tag-fill) {
  color: #3451f7;
  border: 1px solid #3451f7;
  background-color: #e8efff;
}
.byted-tag-info-light:not(.byted-tag-fill):hover {
  color: #3451f7;
  border-color: #3451f7;
  background-color: #e8efff;
}
.byted-tag-info-light:not(.byted-tag-fill) .byted-tag-close {
  color: #3451f7;
}
.byted-tag-info-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #3451f7;
}
.byted-tag-info-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #9fb6fc;
  border-color: #9fb6fc;
  background-color: #e8efff;
}
.byted-tag-info-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #9fb6fc;
}
.byted-tag-info-light.byted-tag-fill {
  color: #3451f7;
  border: 1px solid #e8efff;
  background-color: #e8efff;
}
.byted-tag-info-light.byted-tag-fill:hover {
  color: #3451f7;
  border-color: #e8efff;
  background-color: #e8efff;
}
.byted-tag-info-light.byted-tag-fill .byted-tag-close {
  color: #3451f7;
}
.byted-tag-info-light.byted-tag-fill .byted-tag-close:hover {
  color: #3451f7;
}
.byted-tag-info-light.byted-tag-fill.byted-tag-disabled {
  color: #9fb6fc;
  border-color: #e8efff;
  background-color: #e8efff;
}
.byted-tag-info-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #9fb6fc;
}
.byted-tag-info-light.byted-tag-text {
  color: #3451f7;
  border: none;
  background: none;
}
.byted-tag-info-light.byted-tag-text:hover {
  color: #3451f7;
  border: none;
  background: none;
}
.byted-tag-info-light.byted-tag-text.byted-tag-disabled {
  color: #9fb6fc;
  border: none;
  background: none;
}
.byted-tag-success:not(.byted-tag-fill) {
  color: #28a666;
  border: 1px solid #28a666;
  background-color: #ffffff;
}
.byted-tag-success:not(.byted-tag-fill):hover {
  color: #28a666;
  border-color: #28a666;
  background-color: #ffffff;
}
.byted-tag-success:not(.byted-tag-fill) .byted-tag-close {
  color: #28a666;
}
.byted-tag-success:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #28a666;
}
.byted-tag-success:not(.byted-tag-fill).byted-tag-disabled {
  color: #98dcb7;
  border-color: #98dcb7;
  background-color: #ebf8ef;
}
.byted-tag-success:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #98dcb7;
}
.byted-tag-success.byted-tag-fill {
  color: #ffffff;
  border: 1px solid #28a666;
  background-color: #28a666;
}
.byted-tag-success.byted-tag-fill:hover {
  color: #ffffff;
  border-color: #28a666;
  background-color: #28a666;
}
.byted-tag-success.byted-tag-fill .byted-tag-close {
  color: #ffffff;
}
.byted-tag-success.byted-tag-fill .byted-tag-close:hover {
  color: #ffffff;
}
.byted-tag-success.byted-tag-fill.byted-tag-disabled {
  color: #ffffff;
  border-color: #98dcb7;
  background-color: #98dcb7;
}
.byted-tag-success.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #ffffff;
}
.byted-tag-success.byted-tag-text {
  color: #28a666;
  border: none;
  background: none;
}
.byted-tag-success.byted-tag-text:hover {
  color: #28a666;
  border: none;
  background: none;
}
.byted-tag-success.byted-tag-text.byted-tag-disabled {
  color: #98dcb7;
  border: none;
  background: none;
}
.byted-tag-success-light:not(.byted-tag-fill) {
  color: #28a666;
  border: 1px solid #28a666;
  background-color: #ebf8ef;
}
.byted-tag-success-light:not(.byted-tag-fill):hover {
  color: #28a666;
  border-color: #28a666;
  background-color: #ebf8ef;
}
.byted-tag-success-light:not(.byted-tag-fill) .byted-tag-close {
  color: #28a666;
}
.byted-tag-success-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #28a666;
}
.byted-tag-success-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #98dcb7;
  border-color: #98dcb7;
  background-color: #ebf8ef;
}
.byted-tag-success-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #98dcb7;
}
.byted-tag-success-light.byted-tag-fill {
  color: #28a666;
  border: 1px solid #ebf8ef;
  background-color: #ebf8ef;
}
.byted-tag-success-light.byted-tag-fill:hover {
  color: #28a666;
  border-color: #ebf8ef;
  background-color: #ebf8ef;
}
.byted-tag-success-light.byted-tag-fill .byted-tag-close {
  color: #28a666;
}
.byted-tag-success-light.byted-tag-fill .byted-tag-close:hover {
  color: #28a666;
}
.byted-tag-success-light.byted-tag-fill.byted-tag-disabled {
  color: #98dcb7;
  border-color: #ebf8ef;
  background-color: #ebf8ef;
}
.byted-tag-success-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #98dcb7;
}
.byted-tag-success-light.byted-tag-text {
  color: #28a666;
  border: none;
  background: none;
}
.byted-tag-success-light.byted-tag-text:hover {
  color: #28a666;
  border: none;
  background: none;
}
.byted-tag-success-light.byted-tag-text.byted-tag-disabled {
  color: #98dcb7;
  border: none;
  background: none;
}
.byted-tag-danger:not(.byted-tag-fill) {
  color: #d83e0e;
  border: 1px solid #d83e0e;
  background-color: #ffffff;
}
.byted-tag-danger:not(.byted-tag-fill):hover {
  color: #d83e0e;
  border-color: #d83e0e;
  background-color: #ffffff;
}
.byted-tag-danger:not(.byted-tag-fill) .byted-tag-close {
  color: #d83e0e;
}
.byted-tag-danger:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #d83e0e;
}
.byted-tag-danger:not(.byted-tag-fill).byted-tag-disabled {
  color: #f0b495;
  border-color: #f0b495;
  background-color: #ffede8;
}
.byted-tag-danger:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #f0b495;
}
.byted-tag-danger.byted-tag-fill {
  color: #ffffff;
  border: 1px solid #d83e0e;
  background-color: #d83e0e;
}
.byted-tag-danger.byted-tag-fill:hover {
  color: #ffffff;
  border-color: #d83e0e;
  background-color: #d83e0e;
}
.byted-tag-danger.byted-tag-fill .byted-tag-close {
  color: #ffffff;
}
.byted-tag-danger.byted-tag-fill .byted-tag-close:hover {
  color: #ffffff;
}
.byted-tag-danger.byted-tag-fill.byted-tag-disabled {
  color: #ffffff;
  border-color: #f0b495;
  background-color: #f0b495;
}
.byted-tag-danger.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #ffffff;
}
.byted-tag-danger.byted-tag-text {
  color: #d83e0e;
  border: none;
  background: none;
}
.byted-tag-danger.byted-tag-text:hover {
  color: #d83e0e;
  border: none;
  background: none;
}
.byted-tag-danger.byted-tag-text.byted-tag-disabled {
  color: #f0b495;
  border: none;
  background: none;
}
.byted-tag-danger-light:not(.byted-tag-fill) {
  color: #d83e0e;
  border: 1px solid #d83e0e;
  background-color: #ffede8;
}
.byted-tag-danger-light:not(.byted-tag-fill):hover {
  color: #d83e0e;
  border-color: #d83e0e;
  background-color: #ffede8;
}
.byted-tag-danger-light:not(.byted-tag-fill) .byted-tag-close {
  color: #d83e0e;
}
.byted-tag-danger-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #d83e0e;
}
.byted-tag-danger-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #f0b495;
  border-color: #f0b495;
  background-color: #ffede8;
}
.byted-tag-danger-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #f0b495;
}
.byted-tag-danger-light.byted-tag-fill {
  color: #d83e0e;
  border: 1px solid #ffede8;
  background-color: #ffede8;
}
.byted-tag-danger-light.byted-tag-fill:hover {
  color: #d83e0e;
  border-color: #ffede8;
  background-color: #ffede8;
}
.byted-tag-danger-light.byted-tag-fill .byted-tag-close {
  color: #d83e0e;
}
.byted-tag-danger-light.byted-tag-fill .byted-tag-close:hover {
  color: #d83e0e;
}
.byted-tag-danger-light.byted-tag-fill.byted-tag-disabled {
  color: #f0b495;
  border-color: #ffede8;
  background-color: #ffede8;
}
.byted-tag-danger-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #f0b495;
}
.byted-tag-danger-light.byted-tag-text {
  color: #d83e0e;
  border: none;
  background: none;
}
.byted-tag-danger-light.byted-tag-text:hover {
  color: #d83e0e;
  border: none;
  background: none;
}
.byted-tag-danger-light.byted-tag-text.byted-tag-disabled {
  color: #f0b495;
  border: none;
  background: none;
}
.byted-tag-warning:not(.byted-tag-fill) {
  color: #e0a111;
  border: 1px solid #e0a111;
  background-color: #ffffff;
}
.byted-tag-warning:not(.byted-tag-fill):hover {
  color: #e0a111;
  border-color: #e0a111;
  background-color: #ffffff;
}
.byted-tag-warning:not(.byted-tag-fill) .byted-tag-close {
  color: #e0a111;
}
.byted-tag-warning:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #e0a111;
}
.byted-tag-warning:not(.byted-tag-fill).byted-tag-disabled {
  color: #f2e091;
  border-color: #f2e091;
  background-color: #fff8e0;
}
.byted-tag-warning:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #f2e091;
}
.byted-tag-warning.byted-tag-fill {
  color: #ffffff;
  border: 1px solid #e0a111;
  background-color: #e0a111;
}
.byted-tag-warning.byted-tag-fill:hover {
  color: #ffffff;
  border-color: #e0a111;
  background-color: #e0a111;
}
.byted-tag-warning.byted-tag-fill .byted-tag-close {
  color: #ffffff;
}
.byted-tag-warning.byted-tag-fill .byted-tag-close:hover {
  color: #ffffff;
}
.byted-tag-warning.byted-tag-fill.byted-tag-disabled {
  color: #ffffff;
  border-color: #f2e091;
  background-color: #f2e091;
}
.byted-tag-warning.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #ffffff;
}
.byted-tag-warning.byted-tag-text {
  color: #e0a111;
  border: none;
  background: none;
}
.byted-tag-warning.byted-tag-text:hover {
  color: #e0a111;
  border: none;
  background: none;
}
.byted-tag-warning.byted-tag-text.byted-tag-disabled {
  color: #f2e091;
  border: none;
  background: none;
}
.byted-tag-warning-light:not(.byted-tag-fill) {
  color: #e0a111;
  border: 1px solid #e0a111;
  background-color: #fff8e0;
}
.byted-tag-warning-light:not(.byted-tag-fill):hover {
  color: #e0a111;
  border-color: #e0a111;
  background-color: #fff8e0;
}
.byted-tag-warning-light:not(.byted-tag-fill) .byted-tag-close {
  color: #e0a111;
}
.byted-tag-warning-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #e0a111;
}
.byted-tag-warning-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #f2e091;
  border-color: #f2e091;
  background-color: #fff8e0;
}
.byted-tag-warning-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #f2e091;
}
.byted-tag-warning-light.byted-tag-fill {
  color: #e0a111;
  border: 1px solid #fff8e0;
  background-color: #fff8e0;
}
.byted-tag-warning-light.byted-tag-fill:hover {
  color: #e0a111;
  border-color: #fff8e0;
  background-color: #fff8e0;
}
.byted-tag-warning-light.byted-tag-fill .byted-tag-close {
  color: #e0a111;
}
.byted-tag-warning-light.byted-tag-fill .byted-tag-close:hover {
  color: #e0a111;
}
.byted-tag-warning-light.byted-tag-fill.byted-tag-disabled {
  color: #f2e091;
  border-color: #fff8e0;
  background-color: #fff8e0;
}
.byted-tag-warning-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #f2e091;
}
.byted-tag-warning-light.byted-tag-text {
  color: #e0a111;
  border: none;
  background: none;
}
.byted-tag-warning-light.byted-tag-text:hover {
  color: #e0a111;
  border: none;
  background: none;
}
.byted-tag-warning-light.byted-tag-text.byted-tag-disabled {
  color: #f2e091;
  border: none;
  background: none;
}
.byted-tag-size-xs {
  font-size: 12px;
  border-radius: 4px;
}
.byted-tag-size-xs.byted-tag-size-xs.byted-tag-closable {
  padding-right: 26px;
}
.byted-tag-size-xs.byted-tag-size-xs.byted-tag-closable-rtl {
  padding-left: 26px;
  padding-right: 8px;
}
.byted-tag-size-xs .byted-tag-close {
  position: absolute;
  right: 8px;
  display: flex;
}
.byted-tag-size-xs .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}
.byted-tag-size-xs .byted-tag-close .byted-icon-close {
  display: flex;
  font-size: 12px;
  line-height: inherit;
  transform: scale(0.85);
}
.byted-tag-size-xs:not(.byted-tag-text) {
  line-height: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 8px;
  padding-right: 8px;
}
.byted-tag-size-sm {
  font-size: 12px;
  border-radius: 4px;
}
.byted-tag-size-sm.byted-tag-size-sm.byted-tag-closable {
  padding-right: 26px;
}
.byted-tag-size-sm.byted-tag-size-sm.byted-tag-closable-rtl {
  padding-left: 26px;
  padding-right: 8px;
}
.byted-tag-size-sm .byted-tag-close {
  position: absolute;
  right: 8px;
  display: flex;
}
.byted-tag-size-sm .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}
.byted-tag-size-sm .byted-tag-close .byted-icon-close {
  display: flex;
  font-size: 12px;
  line-height: inherit;
  transform: scale(0.85);
}
.byted-tag-size-sm:not(.byted-tag-text) {
  line-height: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 8px;
  padding-right: 8px;
}
.byted-tag-size-md {
  font-size: 14px;
  border-radius: 4px;
}
.byted-tag-size-md.byted-tag-size-md.byted-tag-closable {
  padding-right: 26px;
}
.byted-tag-size-md.byted-tag-size-md.byted-tag-closable-rtl {
  padding-left: 26px;
  padding-right: 8px;
}
.byted-tag-size-md .byted-tag-close {
  position: absolute;
  right: 8px;
  display: flex;
}
.byted-tag-size-md .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}
.byted-tag-size-md .byted-tag-close .byted-icon-close {
  display: flex;
  font-size: 12px;
  line-height: inherit;
  transform: scale(0.85);
}
.byted-tag-size-md:not(.byted-tag-text) {
  line-height: 22px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 8px;
  padding-right: 8px;
}
.byted-tag-size-lg {
  font-size: 14px;
  border-radius: 4px;
}
.byted-tag-size-lg.byted-tag-size-lg.byted-tag-closable {
  padding-right: 26px;
}
.byted-tag-size-lg.byted-tag-size-lg.byted-tag-closable-rtl {
  padding-left: 26px;
  padding-right: 8px;
}
.byted-tag-size-lg .byted-tag-close {
  position: absolute;
  right: 8px;
  display: flex;
}
.byted-tag-size-lg .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}
.byted-tag-size-lg .byted-tag-close .byted-icon-close {
  display: flex;
  font-size: 12px;
  line-height: inherit;
  transform: scale(0.85);
}
.byted-tag-size-lg:not(.byted-tag-text) {
  line-height: 22px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
}
.byted-tag-size-xl {
  font-size: 14px;
  border-radius: 4px;
}
.byted-tag-size-xl.byted-tag-size-xl.byted-tag-closable {
  padding-right: 26px;
}
.byted-tag-size-xl.byted-tag-size-xl.byted-tag-closable-rtl {
  padding-left: 26px;
  padding-right: 8px;
}
.byted-tag-size-xl .byted-tag-close {
  position: absolute;
  right: 8px;
  display: flex;
}
.byted-tag-size-xl .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}
.byted-tag-size-xl .byted-tag-close .byted-icon-close {
  display: flex;
  font-size: 12px;
  line-height: inherit;
  transform: scale(0.85);
}
.byted-tag-size-xl:not(.byted-tag-text) {
  line-height: 22px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
}
.byted-tag {
  display: inline-block;
  box-sizing: border-box;
  cursor: default;
  position: relative;
  max-width: 100%;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-tag-rtl {
  direction: rtl;
}
.byted-tag .byted-tag-close {
  top: 50%;
  transform: translate(0, -50%);
}
.byted-tag.byted-tag-dashed {
  border-style: dashed;
}
.byted-tag-color {
  border: 1px solid #e3e3e3;
  background: #f8f8f8;
  color: #121212;
}
.byted-tag-color:hover {
  opacity: 0.85;
}
.byted-tag-color.byted-tag-fill {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #ffffff;
}
.byted-tag-checkable,
.byted-tag-closable {
  cursor: pointer;
}
.byted-tag-checkable.byted-tag-fill {
  border: none;
  color: #121212;
  background-color: transparent;
  border: 1px solid transparent;
}
.byted-tag-checkable.byted-tag-fill:hover {
  color: #121212;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.byted-tag-checkable.byted-tag-fill:active {
  color: #121212;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.byted-tag-checkable.byted-tag-fill.byted-tag-checked {
  color: #ffffff;
  background: #f60457;
  border-color: transparent;
}
.byted-tag-checkable.byted-tag-fill.byted-tag-checked:hover {
  color: #ffffff;
  background: #f60457;
  border-color: transparent;
}
.byted-tag-checkable.byted-tag-fill.byted-tag-checked:active {
  color: #ffffff;
  background: #f60457;
  border-color: transparent;
}
.byted-tag-checkable.byted-tag-fill.byted-tag-disabled {
  color: #bdbdbd;
  cursor: not-allowed;
  background-color: #f2f2f2;
  border-color: #ebebeb;
}
.byted-tag-checkable.byted-tag-fill.byted-tag-disabled.byted-tag-checked {
  color: #ffffff;
  background-color: #fda3b2;
  border-color: transparent;
}
.byted-tag-checkable:not(.byted-tag-fill) {
  border: none;
  color: #121212;
  background-color: transparent;
  border: 1px solid transparent;
}
.byted-tag-checkable:not(.byted-tag-fill):hover {
  color: #121212;
  background-color: transparent;
  border-color: #d9d9d9;
}
.byted-tag-checkable:not(.byted-tag-fill):active {
  color: #d20251;
  background-color: transparent;
  border-color: #d20251;
}
.byted-tag-checkable:not(.byted-tag-fill).byted-tag-checked {
  color: #f60457;
  background: transparent;
  border-color: #f60457;
}
.byted-tag-checkable:not(.byted-tag-fill).byted-tag-checked:hover {
  color: #fa4b74;
  background: transparent;
  border-color: #fa4b74;
}
.byted-tag-checkable:not(.byted-tag-fill).byted-tag-checked:active {
  color: #d20251;
  background: transparent;
  border-color: #d20251;
}
.byted-tag-checkable:not(.byted-tag-fill).byted-tag-disabled {
  color: #bdbdbd;
  cursor: not-allowed;
  background-color: transparent;
  border-color: #ebebeb;
}
.byted-tag-checkable:not(.byted-tag-fill).byted-tag-disabled.byted-tag-checked {
  color: #fda3b2;
  background-color: transparent;
  border-color: #fda3b2;
}
.byted-tag-group .byted-tag:not(:last-child) {
  margin-right: 8px;
}
.byted-text {
  width: 100%;
  min-height: 104px;
  padding: 6px 12px;
  font-size: 14px;
  color: #121212;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  overflow-y: hidden;
  vertical-align: top;
  resize: vertical;
  word-break: break-all;
}
.byted-text:hover {
  overflow-y: auto;
  overflow-y: overlay;
}
.byted-text::-webkit-scrollbar {
  width: 12px;
  background-color: #ffffff;
}
.byted-text::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-text::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-text-count {
  padding-bottom: 25px;
}
.byted-text-wrapper {
  display: inline-flex;
  position: relative;
}
.byted-text-wrapper-whole-line {
  width: 100%;
}
.byted-text-clearable {
  padding-right: 30px;
}
.byted-text-close-icon {
  position: absolute;
  right: 12px;
  top: calc(50% - 8px);
  color: #8a8a8a;
}
.byted-text-close-icon:hover {
  color: #666666;
}
.byted-text-close-icon:focus,
.byted-text-close-icon:active {
  color: #121212;
}
.byted-text-show-count {
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  color: #666666;
}
.byted-text-show-count-position {
  position: absolute;
  bottom: 4px;
  right: 8px;
}
.byted-text-show-count-position-danger {
  color: #d83e0e;
}
.byted-text::placeholder {
  color: #8a8a8a;
}
.byted-text-enabled {
  outline: none;
}
.byted-text-enabled:hover {
  border-color: #f60457;
  background-color: #ffffff;
}
.byted-text-enabled:focus {
  border-color: #f60457;
  box-shadow: rgba(246, 4, 87, 0.15);
  background-color: #ffffff;
}
.byted-text-enabled:active {
  background-color: #ffffff;
  border-color: #d20251;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-text-warning {
  border-color: #d83e0e;
  box-shadow: none;
}
.byted-text-warning.byted-text-enabled:hover {
  border-color: #d83e0e;
}
.byted-text-warning.byted-text-enabled:active {
  border-color: #d83e0e;
}
.byted-text-warning.byted-text-enabled:focus {
  border-color: #d83e0e;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-text-filled {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.byted-text-filled::placeholder {
  color: #8a8a8a;
}
.byted-text-filled.byted-text-enabled:hover {
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.byted-text-filled.byted-text-enabled:focus {
  background-color: #f2f2f2;
  border-color: #f60457;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-text-filled.byted-text-enabled:active {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-text-filled.byted-text-warning {
  border-color: #d83e0e;
  background-color: #ffede8;
}
.byted-text-filled.byted-text-warning:hover {
  border-color: #d83e0e;
  background-color: #ffede8;
}
.byted-text-filled.byted-text-warning:focus,
.byted-text-filled.byted-text-warning:active {
  background-color: #ffede8;
  border-color: #d83e0e;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-text-disabled {
  color: #bdbdbd;
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  cursor: not-allowed;
  resize: none;
}
.byted-text-disabled.byted-text-filled {
  color: #bdbdbd;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
.byted-time-content {
  width: 200px;
  display: flex;
  flex: 1;
  font-size: 14px;
}
.byted-time-content .byted-hour-select {
  box-sizing: border-box;
  flex: 1;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  padding-bottom: 200px;
  border-right: 1px solid #e3e3e3;
}
.byted-time-content .byted-hour-select::-webkit-scrollbar {
  width: 0;
}
.byted-time-content .byted-hour-select:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-time-content .byted-hour-select:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-time-content .byted-hour-select:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-time-content .byted-hour-select:last-child {
  border-right: none;
}
.byted-time-content .byted-hour-select-item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  color: #121212;
}
.byted-time-content .byted-hour-select-item:not(.byted-hour-select-item-disabled):hover {
  cursor: pointer;
  background-color: #ebebeb;
  color: #121212;
}
.byted-time-content .byted-hour-select-item:not(.byted-hour-select-item-disabled):active {
  cursor: pointer;
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-hour-select-item-active:not(.byted-hour-select-item-disabled) {
  background-color: #ffffff;
  color: #f60457;
}
.byted-time-content .byted-hour-select-item-active:not(.byted-hour-select-item-disabled):hover {
  background-color: #ebebeb;
  color: #f60457;
}
.byted-time-content .byted-hour-select-item-active:not(.byted-hour-select-item-disabled):active {
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-hour-select-item-active.byted-hour-select-item-disabled {
  color: #fda3b2;
  background-color: #ffffff;
}
.byted-time-content .byted-hour-select-item-disabled {
  cursor: not-allowed;
  background-color: #ffffff;
  color: #bdbdbd;
}
.byted-time-content .byted-minute-select {
  box-sizing: border-box;
  flex: 1;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  padding-bottom: 200px;
  border-right: 1px solid #e3e3e3;
}
.byted-time-content .byted-minute-select::-webkit-scrollbar {
  width: 0;
}
.byted-time-content .byted-minute-select:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-time-content .byted-minute-select:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-time-content .byted-minute-select:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-time-content .byted-minute-select:last-child {
  border-right: none;
}
.byted-time-content .byted-minute-select-item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  color: #121212;
}
.byted-time-content .byted-minute-select-item:not(.byted-minute-select-item-disabled):hover {
  cursor: pointer;
  background-color: #ebebeb;
  color: #121212;
}
.byted-time-content .byted-minute-select-item:not(.byted-minute-select-item-disabled):active {
  cursor: pointer;
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-minute-select-item-active:not(.byted-minute-select-item-disabled) {
  background-color: #ffffff;
  color: #f60457;
}
.byted-time-content .byted-minute-select-item-active:not(.byted-minute-select-item-disabled):hover {
  background-color: #ebebeb;
  color: #f60457;
}
.byted-time-content .byted-minute-select-item-active:not(.byted-minute-select-item-disabled):active {
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-minute-select-item-active.byted-minute-select-item-disabled {
  color: #fda3b2;
  background-color: #ffffff;
}
.byted-time-content .byted-minute-select-item-disabled {
  cursor: not-allowed;
  background-color: #ffffff;
  color: #bdbdbd;
}
.byted-time-content .byted-second-select {
  box-sizing: border-box;
  flex: 1;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  padding-bottom: 200px;
  border-right: 1px solid #e3e3e3;
}
.byted-time-content .byted-second-select::-webkit-scrollbar {
  width: 0;
}
.byted-time-content .byted-second-select:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-time-content .byted-second-select:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-time-content .byted-second-select:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-time-content .byted-second-select:last-child {
  border-right: none;
}
.byted-time-content .byted-second-select-item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  color: #121212;
}
.byted-time-content .byted-second-select-item:not(.byted-second-select-item-disabled):hover {
  cursor: pointer;
  background-color: #ebebeb;
  color: #121212;
}
.byted-time-content .byted-second-select-item:not(.byted-second-select-item-disabled):active {
  cursor: pointer;
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-second-select-item-active:not(.byted-second-select-item-disabled) {
  background-color: #ffffff;
  color: #f60457;
}
.byted-time-content .byted-second-select-item-active:not(.byted-second-select-item-disabled):hover {
  background-color: #ebebeb;
  color: #f60457;
}
.byted-time-content .byted-second-select-item-active:not(.byted-second-select-item-disabled):active {
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-second-select-item-active.byted-second-select-item-disabled {
  color: #fda3b2;
  background-color: #ffffff;
}
.byted-time-content .byted-second-select-item-disabled {
  cursor: not-allowed;
  background-color: #ffffff;
  color: #bdbdbd;
}
.byted-time-content .byted-time12hour-select {
  box-sizing: border-box;
  flex: 1;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  padding-bottom: 200px;
  border-right: 1px solid #e3e3e3;
}
.byted-time-content .byted-time12hour-select::-webkit-scrollbar {
  width: 0;
}
.byted-time-content .byted-time12hour-select:hover::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}
.byted-time-content .byted-time12hour-select:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-time-content .byted-time12hour-select:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-time-content .byted-time12hour-select:last-child {
  border-right: none;
}
.byted-time-content .byted-time12hour-select-item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  color: #121212;
}
.byted-time-content .byted-time12hour-select-item:not(.byted-time12hour-select-item-disabled):hover {
  cursor: pointer;
  background-color: #ebebeb;
  color: #121212;
}
.byted-time-content .byted-time12hour-select-item:not(.byted-time12hour-select-item-disabled):active {
  cursor: pointer;
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-time12hour-select-item-active:not(.byted-time12hour-select-item-disabled) {
  background-color: #ffffff;
  color: #f60457;
}
.byted-time-content .byted-time12hour-select-item-active:not(.byted-time12hour-select-item-disabled):hover {
  background-color: #ebebeb;
  color: #f60457;
}
.byted-time-content .byted-time12hour-select-item-active:not(.byted-time12hour-select-item-disabled):active {
  background-color: #e3e3e3;
  color: #f60457;
}
.byted-time-content .byted-time12hour-select-item-active.byted-time12hour-select-item-disabled {
  color: #fda3b2;
  background-color: #ffffff;
}
.byted-time-content .byted-time12hour-select-item-disabled {
  cursor: not-allowed;
  background-color: #ffffff;
  color: #bdbdbd;
}
.byted-time-content + .byted-time-content {
  border-left: 1px solid #ebebeb;
}
.byted-time-panel {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
}
.byted-time-panel-header {
  display: flex;
  height: 38px;
  border-radius: 3px 3px 0 0;
  background: #f8f8f8;
  color: #121212;
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid transparent;
}
.byted-time-panel-header div {
  flex: 1;
  line-height: 38px;
  text-align: center;
}
.byted-time-panel-header div + div {
  border-left: 1px solid #ebebeb;
}
.byted-time-panel .byted-time-content-wrapper {
  position: relative;
  display: flex;
  overflow: hidden;
}
.byted-time-panel .byted-select-time-loop {
  overflow-y: hidden;
}
.byted-time-picker-input-placeholder .byted-input-inner__wrapper {
  cursor: pointer;
}
.byted-time-picker-input-placeholder .byted-input-inner__wrapper .byted-input-suffix {
  color: #666666;
}
.byted-timeline {
  display: inline;
}
.byted-timeline .byted-timeline-item {
  display: flex;
  margin-bottom: 8px;
}
.byted-timeline .byted-timeline-item .timeline-line {
  position: relative;
  min-width: 16px;
  max-width: 16px;
  text-align: center;
}
.byted-timeline .byted-timeline-item .timeline-line .byted-timeline-icon,
.byted-timeline .byted-timeline-item .timeline-line > span {
  font-size: 12px;
}
.byted-timeline .byted-timeline-item .timeline-content {
  flex: 1;
  padding-left: 8px;
}
.byted-timeline .byted-timeline-item .timeline-content .timeline-title {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding: 0 8px 0px 8px;
  color: #121212;
}
.byted-timeline .byted-timeline-item .timeline-content .timeline-time {
  display: inline-block;
  font-size: 12px;
  line-height: inherit;
  vertical-align: middle;
  color: #8a8a8a;
}
.byted-timeline .byted-timeline-item .timeline-content .timeline-time.block-line {
  display: block;
  padding: 0 8px 0px 8px;
  min-height: 46px;
}
.byted-timeline .byted-timeline-item .timeline-content .timeline-descript {
  font-size: 14px;
  padding: 0 8px 0 8px;
  min-height: 46px;
  color: #666666;
}
.byted-timeline .byted-timeline-item:not(:last-child) .timeline-line::before {
  position: absolute;
  height: calc(100% - 24px);
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 1px solid #bdbdbd;
  content: ' ';
}
.byted-timeline.timeline-full-justified .byted-timeline-item .timeline-line {
  margin-left: calc(50% - 16px);
  margin-right: 0;
}
.byted-timeline.timeline-full-justified .byted-timeline-item.revert-item {
  flex-direction: row-reverse;
}
.byted-timeline.timeline-full-justified .byted-timeline-item.revert-item .timeline-line {
  margin-right: 50%;
  margin-left: 0;
}
.byted-timeline.timeline-full-justified .byted-timeline-item.revert-item .timeline-line.block-line {
  display: block;
  padding: 0 8px 0 8px;
  min-height: 46px;
}
.byted-timeline.timeline-full-justified .byted-timeline-item.revert-item .timeline-content {
  text-align: right;
  padding-left: 0;
  padding-right: 8px;
}
.byted-timeline.timeline-full-justified .byted-timeline-item.revert-item .timeline-content .timeline-descript {
  text-align: right;
}
.byted-timeline .byted-timeline-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: currentColor;
  border-radius: 50%;
}
.byted-timeline .byted-timeline-item:not(:last-child) .byted-timeline-line-type-dot::before {
  top: 18px;
  height: calc(100% - 12px);
}
.byted-tooltip-popover {
  background-color: transparent;
}
.byted-tooltip-popover .byted-tooltip-inner {
  font-size: 12px;
  line-height: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  word-wrap: break-word;
}
.byted-tooltip-popover .byted-tooltip-inner-rtl {
  direction: rtl;
}
.byted-tooltip-popover-mode-dark .byted-tooltip-inner {
  background-color: rgba(50, 51, 53, 0.95);
  color: #ffffff;
}
.byted-tooltip-popover-mode-dark .byted-popover-arrow-dir-top .byted-popover-arrow-inner {
  border-color: transparent rgba(50, 51, 53, 0.95) rgba(50, 51, 53, 0.95) transparent;
}
.byted-tooltip-popover-mode-dark .byted-popover-arrow-dir-bottom .byted-popover-arrow-inner {
  border-color: transparent rgba(50, 51, 53, 0.95) rgba(50, 51, 53, 0.95) transparent;
}
.byted-tooltip-popover-mode-dark .byted-popover-arrow-dir-left .byted-popover-arrow-inner {
  border-color: transparent rgba(50, 51, 53, 0.95) rgba(50, 51, 53, 0.95) transparent;
}
.byted-tooltip-popover-mode-dark .byted-popover-arrow-dir-right .byted-popover-arrow-inner {
  border-color: transparent rgba(50, 51, 53, 0.95) rgba(50, 51, 53, 0.95) transparent;
}
.byted-tooltip-popover-mode-white .byted-tooltip-inner {
  background-color: rgba(255, 255, 255, 0.95);
  color: #666666;
}
.byted-tooltip-popover-size-xs {
  max-width: 240px;
}
.byted-tooltip-popover-size-sm {
  max-width: 240px;
}
.byted-tooltip-popover-size-md {
  max-width: 400px;
}
.byted-tooltip-popover-size-lg {
  max-width: 560px;
}
.byted-tooltip-popover-size-xl {
  max-width: 560px;
}
.byted-transfer {
  display: flex;
  align-items: center;
}
.byted-transfer-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #d9d9d9;
  width: 200px;
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
}
.byted-transfer-panel-title {
  font-size: 14px;
  line-height: 22px;
  padding: 7px 12px;
  border-bottom: 1px solid #d9d9d9;
  background: #f8f8f8;
  font-weight: 600;
  color: #121212;
}
.byted-transfer-panel-body {
  height: 194px;
  flex: auto;
  background: #ffffff;
  overflow: auto;
  padding: 0 0;
}
.byted-transfer-panel-body-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.byted-transfer-panel-body-list {
  list-style: none;
}
.byted-transfer-panel-body-list-item {
  padding: 5px 12px;
  margin: 0 0;
  border-radius: 0;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #121212;
}
.byted-transfer-panel-body-list-item:hover {
  background: #ebebeb;
}
.byted-transfer-panel-body-list-item .byted-checkbox {
  padding-top: 0;
  padding-bottom: 0;
}
.byted-transfer-panel-body-list-item-disabled {
  color: #bdbdbd;
}
.byted-transfer-panel-input {
  background: #ffffff;
  border-bottom: 1px solid #d9d9d9;
  padding: 0;
}
.byted-transfer-panel-input .byted-input-inner__wrapper {
  border: 0 solid #d9d9d9;
  border-radius: 4px;
}
.byted-transfer-panel-input .byted-input-wrapper-size-md {
  height: 34px;
}
.byted-transfer-panel-placeholder {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #bdbdbd;
  text-align: center;
}
.byted-transfer-panel-placeholder-text {
  margin: 9px 0 0 0;
  font-size: 14px;
}
.byted-transfer-panel-placeholder-icon {
  font-size: 20px;
  line-height: 20px;
}
.byted-transfer-btn-group {
  margin: 0 8px;
  display: flex;
  flex-direction: column;
}
.byted-transfer .byted-transfer-btn-right {
  margin-bottom: 4px;
}
.byted-tree {
  font-size: 14px;
  color: #121212;
  overflow: hidden;
  padding: 3px 0;
  margin-top: -3px;
  margin-bottom: -3px;
}
.byted-tree-multiple-head-label-wrapper {
  margin-left: 10px;
}
.byted-tree-empty {
  height: 192px;
}
.byted-tree-multiple-line .byted-tree-node-head-label {
  white-space: normal;
  word-break: break-word;
}
.byted-tree-node {
  position: relative;
}
.byted-tree-node-whole-row {
  border-radius: 4px;
  cursor: pointer;
}
.byted-tree-node-whole-row:hover {
  background-color: #ebebeb;
}
.byted-tree-node-whole-row-selected {
  background: #feedef;
}
.byted-tree-node-whole-row-heade-label-wrapper:hover {
  background-color: transparent;
}
.byted-tree-node-body {
  max-height: 9999px;
  transition: opacity ease-out 0.2s 0.2s;
  -webkit-transition: opacity ease-out 0.2s 0.2s;
  -moz-transition: opacity ease-out 0.2s 0.2s;
  -o-transition: opacity ease-out 0.2s 0.2s;
}
.byted-tree-node-closed .byted-tree-node-body {
  opacity: 0;
  max-height: 0;
  transition: opacity ease-in 0.2s, max-height 0s 0.2s;
  -webkit-transition: opacity ease-in 0.2s, max-height 0s 0.2s;
  -moz-transition: opacity ease-in 0.2s, max-height 0s 0.2s;
  -o-transition: opacity ease-in 0.2s, max-height 0s 0.2s;
}
.byted-tree-node-head {
  display: flex;
  position: relative;
  align-items: center;
  line-height: 22px;
  cursor: pointer;
}
.byted-tree-node-head-draggable {
  cursor: default;
}
.byted-tree-node-head-drag-over-top,
.byted-tree-node-head-drag-over-bottom {
  z-index: 1;
  position: absolute;
  left: 7px;
  height: 1px;
  background-image: repeating-linear-gradient(90deg, #f60457, #f60457 4px, #ffffff 0px, #ffffff 6px);
  opacity: 0;
  width: calc(100% - 7px);
}
.byted-tree-node-head-drag-over-top-expanded,
.byted-tree-node-head-drag-over-bottom-expanded {
  left: 21px;
  width: calc(100% - 14px - 7px);
}
.byted-tree-node-head-drag-over-top-show,
.byted-tree-node-head-drag-over-bottom-show,
.byted-tree-node-head-drag-over-top-in,
.byted-tree-node-head-drag-over-bottom-in {
  opacity: 1;
}
.byted-tree-node-head-drag-over-top::after,
.byted-tree-node-head-drag-over-bottom::after {
  content: '';
  position: absolute;
  left: -1px;
  top: -3px;
  height: 4px;
  width: 4px;
  background-color: #ffffff;
  border: 1px solid #f60457;
  border-radius: 50%;
  bottom: 0;
}
.byted-tree-node-head-drag-over-top {
  top: -0.5px;
}
.byted-tree-node-head-drag-over-bottom {
  bottom: -0.5px;
}
.byted-tree-node-head-drag-over-bottom-in {
  left: 35px;
  width: calc(100% - 28px - 7px);
}
.byted-tree-node-head-expanded-icon {
  align-self: flex-start;
  flex: none;
  font-size: 14px;
  color: #121212;
  user-select: none;
  display: flex;
  align-items: center;
  height: 30px;
  cursor: pointer;
}
.byted-tree-node-head-label-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 4px;
  margin-left: 6px;
  box-sizing: border-box;
}
.byted-tree-node-head-label-wrapper:hover {
  border-radius: 4px;
  background-color: #ebebeb;
}
.byted-tree-node-head-label-wrapper:hover .byted-tree-node-head-icon {
  opacity: 1;
}
.byted-tree-node-head-checkbox {
  align-self: flex-start;
  flex: none;
  height: 22px;
  display: flex;
  align-items: center;
}
.byted-tree-node-head-label {
  flex: auto;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.byted-tree-node-head-loading .byted-tree-node-head-expanded-icon {
  color: #f60457;
}
.byted-tree-node-head-disabled .byted-tree-node-head-label-wrapper {
  flex: 1;
  overflow: hidden;
  cursor: not-allowed;
}
.byted-tree-node-head-disabled .byted-tree-node-head-label-wrapper:hover {
  background-color: transparent;
}
.byted-tree-node-head-disabled .byted-tree-node-head-label {
  color: #bdbdbd;
}
.byted-tree-node-head-selected .byted-tree-node-head-label {
  color: #f60457;
}
.byted-tree-node-head-icon {
  opacity: 0;
}
.byted-tree-node-head-drag-over-in .byted-tree-node-head-label-wrapper {
  border-radius: 4px;
  background-color: #feedef;
}
.byted-tree-node-line:before {
  content: ' ';
  display: block;
  width: 1px;
  position: absolute;
  left: 6px;
  top: 24px;
  bottom: -6px;
  background-color: #8a8a8a;
}
.byted-tree-node-left-line:before {
  content: ' ';
  display: block;
  width: 1px;
  position: absolute;
  left: -10px;
  top: 0;
  bottom: 0;
  background-color: #8a8a8a;
}
.byted-tree-node-leaf {
  padding-left: 14px;
}
.byted-tree-node-head-expanded-loading-icon svg {
  animation: okee-loading-rotate 0.6s linear infinite;
}
.byted-tree-popper {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  overflow: hidden;
}
.byted-tree-popper-inner {
  overflow-y: auto;
  max-height: 400px;
}
.byted-tree-popper-inner-list-limit,
.byted-tree-popper-inner:not(.byted-tree-popper-inner-virtualized) {
  padding-left: 12px;
}
.byted-tree-popper-inner-list-limit::before,
.byted-tree-popper-inner:not(.byted-tree-popper-inner-virtualized)::before,
.byted-tree-popper-inner-list-limit::after,
.byted-tree-popper-inner:not(.byted-tree-popper-inner-virtualized)::after {
  display: block;
  content: '';
  height: 6px;
  background-color: #ffffff;
  z-index: 1;
  position: sticky;
}
.byted-tree-popper-inner-list-limit::before,
.byted-tree-popper-inner:not(.byted-tree-popper-inner-virtualized)::before {
  top: 0;
}
.byted-tree-popper-inner-list-limit::after,
.byted-tree-popper-inner:not(.byted-tree-popper-inner-virtualized)::after {
  bottom: 0;
}
.byted-tree-popper-inner .byted-tree {
  padding: 0;
  margin: 0;
}
.byted-tree-popper .byted-tree-node-head-label-wrapper {
  width: 100%;
}
.byted-tree-search {
  margin-bottom: 6px;
}
.byted-tree-select {
  position: relative;
  height: 34px;
}
.byted-tree-select::before {
  content: '';
  display: block;
  width: 100%;
}
.byted-tree-select-warning .byted-input-wrapper .byted-input-inner__wrapper-border {
  border-color: #d83e0e;
  box-shadow: none;
}
.byted-tree-select-warning .byted-input-wrapper:hover .byted-input-inner__wrapper-border {
  border-color: #d83e0e;
  box-shadow: none;
}
.byted-tree-select.byted-tree-select-focus {
  z-index: 2;
}
.byted-multiple-tree-select-trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.byted-typography {
  color: #121212;
}
.byted-typography::before {
  content: '';
  float: right;
  width: 0px;
  height: calc(100% - 22px);
}
.byted-typography-title {
  line-height: 1;
}
.byted-typography-title:first-child {
  margin-top: 0;
}
.byted-typography-title-h1 {
  font-size: 36px;
  margin-bottom: 16px;
  margin-top: 48px;
}
.byted-typography-title-h1::before {
  height: calc(100% - 36px);
}
.byted-typography-title-h2 {
  font-size: 28px;
  margin-bottom: 12px;
  margin-top: 40px;
}
.byted-typography-title-h2::before {
  height: calc(100% - 28px);
}
.byted-typography-title-h3 {
  font-size: 24px;
  margin-bottom: 12px;
  margin-top: 32px;
}
.byted-typography-title-h3::before {
  height: calc(100% - 24px);
}
.byted-typography-title-h4 {
  font-size: 20px;
  margin-bottom: 8px;
  margin-top: 24px;
}
.byted-typography-title-h4::before {
  height: calc(100% - 20px);
}
.byted-typography-title-h5 {
  font-size: 16px;
  margin-bottom: 8px;
  margin-top: 16px;
}
.byted-typography-title-h5::before {
  height: calc(100% - 16px);
}
.byted-typography-title-h6 {
  line-height: 1;
  font-size: 14px;
  margin-bottom: 8px;
  margin-top: 8px;
}
.byted-typography-title-h6::before {
  height: calc(100% - 14px);
}
.byted-typography-paragraph {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
}
.byted-typography-paragraph:first-child {
  margin-top: 0;
}
.byted-typography-paragraph a {
  color: #f60457;
}
.byted-typography-code {
  display: block;
  margin: 16px 0;
  padding: 16px 24px;
  background: #f8f8f8;
  font-size: 14px;
  line-height: 22px;
}
.byted-typography-list {
  margin-bottom: 8px;
  margin-top: 8px;
  list-style: none;
}
.byted-typography-list-unordered li {
  list-style-type: disc;
}
.byted-typography-list-unordered .byted-typography-list-unordered li {
  list-style-type: circle;
}
.byted-typography-list-unordered .byted-typography-list-unordered .byted-typography-list-unordered li {
  list-style-type: square;
}
.byted-typography-list-ordered li {
  list-style-type: decimal;
}
.byted-typography-list-ordered .byted-typography-list-ordered li {
  list-style-type: lower-alpha;
}
.byted-typography-list-ordered .byted-typography-list-ordered .byted-typography-list-ordered li {
  list-style-type: lower-roman;
}
.byted-typography-list-item {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
  list-style-position: inside;
}
.byted-typography-list-item li {
  padding-left: 16px;
}
.byted-typography-separation {
  width: 48px;
  height: 4px;
  background: #f60457;
  border-radius: 2px;
  margin-top: 24px;
  margin-bottom: 48px;
}
.byted-typography-separation:first-child {
  margin-top: 0;
}
.byted-typography-text-type-primary {
  color: #f60457;
}
.byted-typography-text-type-danger {
  color: #d83e0e;
}
.byted-typography-text-type-secondary {
  color: #8a8a8a;
}
.byted-typography-text-type-tertiary {
  color: #bdbdbd;
}
.byted-typography-text-type-warning {
  color: #e0a111;
}
.byted-typography-text-type-warning {
  color: #e0a111;
}
.byted-typography-text code {
  margin: 0 4px;
  padding: 2px 8px;
  background: #ebebeb;
  border-radius: 4px;
  display: inline-block;
  border: 1px solid #d9d9d9;
  line-height: 1;
}
.byted-typography-text mark {
  padding: 0;
  background-color: #e0a111;
}
.byted-typography-text u,
.byted-typography-text ins {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.byted-typography-text s,
.byted-typography-text del {
  text-decoration: line-through;
}
.byted-typography-text em {
  font-style: italic;
}
.byted-typography-text strong {
  font-weight: 600;
}
.byted-typography-table {
  border-collapse: collapse;
  border-spacing: 0;
}
.byted-typography-table th {
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  padding: 4px 16px;
  font-weight: 600;
  vertical-align: middle;
  word-break: break-all;
}
.byted-typography-table td {
  font-size: 12px;
  line-height: 20px;
  color: #121212;
  padding: 0 14px;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: normal;
}
.byted-typography-table-size-sm tr {
  height: 39px;
}
.byted-typography-table-size-md tr {
  height: 49px;
}
.byted-typography-table-size-lg thead tr {
  height: 49px;
}
.byted-typography-table-size-lg tr {
  height: 65px;
}
.byted-typography-table-size-xl thead tr {
  height: 49px;
}
.byted-typography-table-size-xl tr {
  height: 113px;
}
.byted-typography-table thead {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  background-color: #f8f8f8;
}
.byted-typography-table tbody tr:hover {
  background-color: #ebebeb;
}
.byted-typography-table-fixed {
  table-layout: fixed;
}
.byted-typography-table-outer {
  border: 1px solid #e3e3e3;
}
.byted-typography-table-row tbody tr {
  border-bottom: 1px solid #e3e3e3;
}
.byted-typography-table-inner th:not(:last-child) {
  border-right: 1px solid #e3e3e3;
}
.byted-typography-table-inner td:not(:last-child) {
  border-right: 1px solid #e3e3e3;
}
.byted-typography-table-inner th {
  border-bottom: 1px solid #e3e3e3;
}
.byted-typography-ellipsis {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.byted-typography-wrapper {
  display: flex;
}
.byted-typography-suffix {
  clear: both;
  float: right;
  height: 22px;
  overflow: hidden;
}
.byted-typography-copy {
  color: #666666;
  margin-left: 8px;
  cursor: pointer;
}
.byted-typography-copy:hover {
  color: #f60457;
}
.byted-typography-copy.byted-typography-copy-copied {
  color: #28a666;
}
.byted-typography-ellipsis-btn.byted-typography-ellipsis-btn[data-motion-wave='after']::after {
  display: none;
}
.byted-upload {
  font-size: 12px;
  line-height: 20px;
  padding: 8px 16px;
  color: #121212;
}
.byted-upload-file-list {
  padding: 0;
  width: 400px;
  list-style: none;
}
.byted-upload-file-list:empty {
  margin: 0;
}
.byted-upload-file-list-avatar-trigger,
.byted-upload-file-list-picture-item {
  display: inline-block;
  vertical-align: top;
}
.byted-upload-file-list-picture-item {
  margin-right: 8px;
  margin-bottom: 8px;
}
.byted-upload-file-list-picture-item[data-status='FAIL'] .byted-upload-list-picture {
  border-color: #d83e0e;
}
.byted-upload-file-list-picture-item[data-status='FAIL'] .byted-upload-file-list-picture-item-info {
  margin-top: 4px;
  color: #d83e0e;
  font-size: 12px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
}
.byted-upload-list-picture {
  position: relative;
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 4px;
  flex-shrink: 0;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-upload-list-picture:hover .byted-upload-list-picture-action-list {
  opacity: 1;
}
.byted-upload-list-picture:hover .byted-upload-list-picture-close {
  display: flex;
}
.byted-upload-list-picture-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  overflow: hidden;
}
.byted-upload-list-picture-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.byted-upload-list-picture-preview {
  max-width: 100%;
  max-height: 100%;
}
.byted-upload-list-picture-border {
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  padding: 4px;
}
.byted-upload-list-picture-border img,
.byted-upload-list-picture-border video {
  max-width: 100%;
  max-height: 100%;
}
.byted-upload-list-picture.byted-upload-list-picture-loading.byted-upload-list-picture-border {
  border: 1px dashed #d9d9d9;
}
.byted-upload-list-picture-close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  color: #ffffff;
  border-radius: 50%;
  background: #8a8a8a;
  z-index: 99;
  display: none;
}
.byted-upload-list-picture-action-list {
  display: flex;
  list-style: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  overflow: hidden;
  flex-wrap: wrap;
  align-content: center;
  padding: 0 16px;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-upload-list-picture-action-list-item {
  color: #ffffff;
  width: 50%;
  height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.byted-upload-list-picture-action-list-item:last-child {
  margin-left: 0;
}
.byted-upload-avatar {
  font-size: 16px;
  line-height: 24px;
}
.byted-upload-avatar-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 4px;
  border: 1px dashed #d9d9d9;
  text-align: center;
  color: #121212;
  font-size: 14px;
  cursor: pointer;
  background-color: #ffffff;
  box-sizing: border-box;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-upload-avatar-trigger:hover:not(.byted-upload-avatar-trigger-disabled) {
  color: #f60457;
  border-color: #d9d9d9;
  background-color: #ffffff;
}
.byted-upload-avatar-trigger:active:not(.byted-upload-avatar-trigger-disabled) {
  color: #d20251;
  border-color: #d9d9d9;
  background-color: #ffffff;
}
.byted-upload-avatar-trigger-disabled {
  color: #bdbdbd;
  border-color: #d9d9d9;
  background-color: #f2f2f2;
  cursor: not-allowed;
}
.byted-upload-avatar-trigger .byted-icon {
  font-size: 24px;
}
.byted-upload-avatar-filled .byted-upload-avatar-trigger {
  color: #121212;
  border-color: #d9d9d9;
  background-color: #ebebeb;
}
.byted-upload-avatar-filled .byted-upload-avatar-trigger:hover:not(.byted-upload-avatar-filled .byted-upload-avatar-trigger-disabled) {
  color: #f60457;
  border-color: #d9d9d9;
  background-color: #ebebeb;
}
.byted-upload-avatar-filled .byted-upload-avatar-trigger:active:not(.byted-upload-avatar-filled .byted-upload-avatar-trigger-disabled) {
  color: #d20251;
  border-color: #d9d9d9;
  background-color: #ebebeb;
}
.byted-upload-avatar-filled .byted-upload-avatar-trigger-disabled {
  color: #bdbdbd;
  border-color: #d9d9d9;
  background-color: #f2f2f2;
}
.byted-upload-avatar .byted-upload-file-list {
  width: auto;
}
.byted-upload-avatar .byted-upload-file-list:empty {
  margin: 0;
}
.byted-upload-avatar .byted-upload-list-picture {
  width: 120px;
  height: 120px;
}
.byted-upload-avatar-single .byted-upload-file-list-picture-item {
  margin: 0;
}
.byted-upload-file-list-text-item {
  margin-top: 8px;
  color: #121212;
  font-size: 14px;
  background-color: #f8f8f8;
  padding: 7px 0;
  line-height: 22px;
}
.byted-upload-file-list-text-item[data-status='ERROR'] .byted-upload-file-list-text-item-name,
.byted-upload-file-list-text-item[data-status='ERROR'] .byted-upload-file-list-text-item-close {
  color: #d83e0e;
}
.byted-upload-file-list-text-item .byted-upload-file-list-text-item-content {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 25px;
}
.byted-upload-file-list-text-item .byted-upload-file-list-text-item-name {
  margin-left: 8px;
}
.byted-upload-file-list-text-item .byted-upload-file-list-text-item-loading {
  color: #3d90ff;
}
.byted-upload-file-list-text-item .byted-upload-file-list-text-item-loading svg {
  animation: okee-loading-rotate 0.6s linear infinite;
}
.byted-upload-file-list-text-item .byted-upload-file-list-text-item-close {
  color: #8a8a8a;
  font-size: 16px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
}
.byted-upload-file-list-text-item .byted-upload-file-list-text-item-close-disabled {
  display: none;
}
.byted-upload-file-list-text-item .byted-upload-file-list-text-item-error {
  margin-top: 4px;
  color: #d83e0e;
  font-size: 12px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
}
.byted-upload-file-list-text-item .byted-upload-file-list-text-item-link {
  display: block;
  margin-left: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.byted-upload-file-list-text-item:hover .byted-upload-file-list-text-item-name {
  color: #121212;
}
.byted-upload-file-list-card-item {
  margin-top: 8px;
  position: relative;
}
.byted-upload-file-list-card-item[data-status='DONE'] .byted-upload-file-list-card-item-name,
.byted-upload-file-list-card-item[data-status='FAIL'] .byted-upload-file-list-card-item-name {
  transform: translate3d(0, 4px, 0);
}
.byted-upload-file-list-card-item[data-status='FAIL'] .byted-upload-file-list-card-item-content {
  border-color: #d83e0e;
}
.byted-upload-file-list-card-item[data-status='FAIL'] .byted-upload-file-list-card-item-name,
.byted-upload-file-list-card-item[data-status='FAIL'] .byted-upload-file-list-card-item-close {
  color: #d83e0e;
}
.byted-upload-file-list-card-item .byted-upload-file-list-card-item-picture {
  position: absolute;
  left: 8px;
  top: 8px;
}
.byted-upload-file-list-card-item .byted-upload-file-list-card-item-content {
  display: flex;
  padding: 8px;
  margin: 0;
  border: 1px solid #e3e3e3;
  background: #ffffff;
  border-radius: 4px;
}
.byted-upload-file-list-card-item .byted-upload-file-list-card-item-info {
  margin-left: 8px;
  flex: 1;
  width: 0;
}
.byted-upload-file-list-card-item .byted-upload-file-list-card-item-name {
  padding-right: 14px;
  position: relative;
  margin-bottom: 4px;
  color: #121212;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 22px;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-upload-file-list-card-item .byted-upload-file-list-card-item-close {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
  color: #8a8a8a;
}
.byted-upload-file-list-card-item .byted-upload-file-list-card-item-close-disabled {
  display: none;
}
.byted-upload-file-list-card-item .byted-upload-file-list-card-item-error {
  margin-top: 4px;
  color: #d83e0e;
  font-size: 12px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
}
.byted-upload-file-list-card-item .byted-upload-file-list-card-item-link {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.byted-upload-list-item-picutre {
  display: flex;
}
.byted-upload-trigger {
  display: inline-block;
}
.byted-upload-button-trigger-text {
  margin-left: 4px;
}
.byted-upload-drop-trigger-special-text {
  color: #121212;
}
.byted-upload-drop .byted-upload-list-picture {
  width: 400px;
  height: 180px;
}
.byted-upload-drop-trigger {
  position: relative;
  color: #121212;
  border: 1px dashed #d9d9d9;
  background: #ffffff;
  border-radius: 4px;
  width: 400px;
  height: 180px;
  font-size: 14px;
  cursor: pointer;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-upload-drop-trigger:hover:not(.byted-upload-drop-trigger-disabled) {
  color: #f60457;
  border-color: #d9d9d9;
  background-color: #ffffff;
}
.byted-upload-drop-trigger:active:not(.byted-upload-drop-trigger-disabled) {
  color: #d20251;
  border-color: #d9d9d9;
  background-color: #ffffff;
}
.byted-upload-drop-trigger.active {
  color: #121212;
  background: #121212;
  border-color: #d9d9d9;
}
.byted-upload-drop-trigger-disabled {
  color: #bdbdbd;
  border-color: #d9d9d9;
  background-color: #f2f2f2;
  cursor: not-allowed;
}
.byted-upload-drop-filled .byted-upload-drop-trigger {
  color: #121212;
  border-color: #d9d9d9;
  background-color: #ebebeb;
}
.byted-upload-drop-filled .byted-upload-drop-trigger:hover {
  color: #f60457;
  border-color: #d9d9d9;
  background-color: #ebebeb;
}
.byted-upload-drop-filled .byted-upload-drop-trigger:active {
  color: #d20251;
  border-color: #d9d9d9;
  background-color: #ebebeb;
}
.byted-upload-drop-filled .byted-upload-drop-trigger.active {
  color: #121212;
  background: #121212;
  border-color: #d9d9d9;
}
.byted-upload-drop-filled .byted-upload-drop-trigger-disabled {
  color: #bdbdbd;
  border-color: #d9d9d9;
  background-color: #f2f2f2;
}
.byted-upload-drop-trigger .byted-upload-drop-trigger-info {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 240px;
  text-align: center;
}
.byted-upload-drop-trigger .byted-upload-drop-trigger-text {
  margin-top: 8px;
}
.byted-upload-drop-trigger .byted-upload-drop-trigger-upload {
  font-size: 24px;
}
.byted-upload-progress-bar {
  height: 2px;
  background: #e3e3e3;
  border-radius: 4px;
  overflow: hidden;
}
.byted-upload-progress-bar-done {
  height: 0;
}
.byted-upload-progress-bar .byted-upload-progress-bar-inner {
  height: 2px;
  background: #f60457;
  border-radius: 4px;
  width: 0;
  transition: width ease 0.2s;
}
.byted-upload-progress-mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  z-index: 10;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-upload-progress-mask-done {
  display: none;
}
.byted-upload-progress-mask .byted-upload-progress-mask-inner {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
.byted-upload-progress-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  user-select: none;
}
.byted-UploadImageView {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 48px 104px;
  background: rgba(51, 51, 51, 0.4);
}
.byted-UploadImageView-Container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.byted-UploadImageView-Video {
  max-width: 100%;
  max-height: 100%;
}
.byted-upload-list-video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.byted-content-container {
  display: flex;
  flex-flow: column;
}
.byted-content-header,
.byted-content-footer,
.byted-content-inner {
  *zoom: 1;
  zoom: 1;
  display: flex;
}
.byted-content-header:before,
.byted-content-footer:before,
.byted-content-inner:before,
.byted-content-header:after,
.byted-content-footer:after,
.byted-content-inner:after {
  display: table;
  content: "";
}
.byted-content-header:after,
.byted-content-footer:after,
.byted-content-inner:after {
  clear: both;
}
.byted-content-header::before,
.byted-content-footer::before,
.byted-content-inner::before,
.byted-content-header::after,
.byted-content-footer::after,
.byted-content-inner::after {
  content: '';
  display: table;
}
.byted-content-header::after,
.byted-content-footer::after,
.byted-content-inner::after {
  clear: both;
}
.byted-content-footer {
  margin-top: auto;
}
.byted-content-inner-notModal {
  overflow: auto;
}
.byted-content-icon-wrapper {
  width: 28px;
}
.byted-content-inner-wrapper {
  flex: 1;
  height: 100%;
}
.byted-list-item-container {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #ffffff;
  border-color: #d9d9d9;
  padding: 6px 12px 6px 0;
  color: #121212;
}
.byted-list-item-container.byted-list-item-container-size-xs {
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-list-item-container.byted-list-item-container-size-xs .byted-list-item-inner-wrapper {
  font-size: 12px;
  line-height: 18px;
}
.byted-list-item-container.byted-list-item-container-size-sm {
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-list-item-container.byted-list-item-container-size-sm .byted-list-item-inner-wrapper {
  font-size: 12px;
  line-height: 18px;
}
.byted-list-item-container.byted-list-item-container-size-md {
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-list-item-container.byted-list-item-container-size-md .byted-list-item-inner-wrapper {
  font-size: 14px;
  line-height: 22px;
}
.byted-list-item-container.byted-list-item-container-size-lg {
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-list-item-container.byted-list-item-container-size-lg .byted-list-item-inner-wrapper {
  font-size: 14px;
  line-height: 22px;
}
.byted-list-item-container.byted-list-item-container-size-xl {
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-list-item-container.byted-list-item-container-size-xl .byted-list-item-inner-wrapper {
  font-size: 16px;
  line-height: 24px;
}
.byted-list-item-container.byted-list-item-container-level-1 {
  padding-left: 12px;
  padding-right: 6px;
}
.byted-list-item-container.byted-list-item-container-level-2 {
  padding-left: 24px;
  padding-right: 6px;
}
.byted-list-item-container.byted-list-item-container-level-3 {
  padding-left: 36px;
  padding-right: 6px;
}
.byted-list-item-container.byted-list-item-container-level-4 {
  padding-left: 48px;
  padding-right: 6px;
}
.byted-list-item-container.byted-list-item-container-level-5 {
  padding-left: 60px;
  padding-right: 6px;
}
.byted-list-item-container.byted-list-item-container-rtl {
  direction: rtl;
  padding: 6px 0 6px 12px;
}
.byted-list-item-container.byted-list-item-container-rtl.byted-list-item-container-level-1 {
  padding-left: 6px;
  padding-right: 12px;
}
.byted-list-item-container.byted-list-item-container-rtl.byted-list-item-container-level-2 {
  padding-left: 6px;
  padding-right: 24px;
}
.byted-list-item-container.byted-list-item-container-rtl.byted-list-item-container-level-3 {
  padding-left: 6px;
  padding-right: 36px;
}
.byted-list-item-container.byted-list-item-container-rtl.byted-list-item-container-level-4 {
  padding-left: 6px;
  padding-right: 48px;
}
.byted-list-item-container.byted-list-item-container-rtl.byted-list-item-container-level-5 {
  padding-left: 6px;
  padding-right: 60px;
}
.byted-list-item-container .byted-list-item-checkbox,
.byted-list-item-container .byted-list-item-radio {
  width: 24px;
  margin: 0;
  padding: 0 8px 0 0;
}
.byted-list-item-container.byted-list-item-container-rtl .byted-list-item-checkbox,
.byted-list-item-container.byted-list-item-container-rtl .byted-list-item-radio {
  padding: 0 0 0 8px;
}
.byted-list-item-container .byted-list-item-inner-wrapper {
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  *zoom: 1;
  zoom: 1;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
}
.byted-list-item-container .byted-list-item-inner-wrapper:before,
.byted-list-item-container .byted-list-item-inner-wrapper:after {
  display: table;
  content: "";
}
.byted-list-item-container .byted-list-item-inner-wrapper:after {
  clear: both;
}
.byted-list-item-container .byted-list-item-inner-wrapper::before,
.byted-list-item-container .byted-list-item-inner-wrapper::after {
  content: '';
  display: table;
}
.byted-list-item-container .byted-list-item-inner-wrapper::after {
  clear: both;
}
.byted-list-item-container .byted-list-item-inner-wrapper-wrap {
  line-break: inherit;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
.byted-list-item-container .byted-list-item-chosen-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #f60457;
}
.byted-list-item-container:hover:not(.byted-list-item-container-disabled):not(.byted-list-item-container-readonly) {
  background-color: #ebebeb;
  color: #121212;
}
.byted-list-item-container:active:not(.byted-list-item-container-disabled):not(.byted-list-item-container-readonly) {
  background-color: #e3e3e3;
  color: #121212;
}
.byted-list-item-container-disabled,
.byted-list-item-container-readonly {
  cursor: not-allowed;
  background-color: #ffffff;
}
.byted-list-item-container-disabled .byted-list-item-inner-wrapper,
.byted-list-item-container-readonly .byted-list-item-inner-wrapper {
  color: #bdbdbd;
}
.byted-list-item-container-disabled.byted-list-item-container-checked,
.byted-list-item-container-readonly.byted-list-item-container-checked {
  color: #fda3b2;
  background-color: #ffffff;
}
.byted-list-item-container-disabled.byted-list-item-container-checked .byted-list-item-inner-wrapper,
.byted-list-item-container-readonly.byted-list-item-container-checked .byted-list-item-inner-wrapper,
.byted-list-item-container-disabled.byted-list-item-container-checked .byted-list-item-chosen-icon,
.byted-list-item-container-readonly.byted-list-item-container-checked .byted-list-item-chosen-icon {
  color: #fda3b2;
}
.byted-select-input-prepend {
  flex: 1;
  display: flex;
  align-items: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  white-space: nowrap;
  font-size: 14px;
}
.byted-select-input-append {
  flex: 1;
  display: flex;
  align-items: center;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  white-space: nowrap;
  font-size: 14px;
}
.byted-select-input-wrapper-prefix {
  font-size: 14px;
  color: #666666;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.byted-select-input-wrapper-prefix-divider {
  padding-right: 8px;
}
.byted-select-input-wrapper-prefix-divider::after {
  content: '';
  width: 1px;
  position: absolute;
  display: block;
  background-color: #ebebeb;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}
.byted-select-input-wrapper {
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer;
}
.byted-select-input-wrapper input {
  background: none;
  color: #121212;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl {
  direction: rtl;
}
.byted-select-input-wrapper-box {
  display: flex;
  width: 100%;
  cursor: pointer;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 50px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-value {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-tip {
  font-size: 12px;
  height: 22px;
  width: 22px;
  line-height: 20px;
  left: auto;
  right: 28px;
  margin-top: 1px;
  border-radius: 11px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-input-icon {
  font-size: 12px;
  line-height: 1;
  height: 1em;
  top: 7px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 28px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-xs .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 50px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  height: 26px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs.byted-select-input-wrapper.byted-select-input-wrapper-popover-input {
  padding-top: 1px;
  padding-bottom: 1px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-render {
  padding-top: 0px;
  padding-bottom: 0px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-input-inner {
  padding-top: 1px;
  padding-bottom: 1px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs.byted-select-input-wrapper .byted-select-input-content-wrapper .byted-select-input-inner .byted-tag {
  margin-top: 1px;
  margin-bottom: 1px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-input-wrapper-prefix {
  height: 20px;
  line-height: 20px;
  margin: 1px 8px 1px 0;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs .byted-select-input-wrapper-prefix-divider::after {
  height: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xs.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 26px;
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 50px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-value {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-tip {
  font-size: 12px;
  height: 22px;
  width: 22px;
  line-height: 20px;
  left: auto;
  right: 28px;
  margin-top: 3px;
  border-radius: 11px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-input-icon {
  font-size: 12px;
  line-height: 1;
  height: 1em;
  top: 9px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 28px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-sm .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 50px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  height: 30px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm.byted-select-input-wrapper.byted-select-input-wrapper-popover-input {
  padding-top: 2px;
  padding-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-render {
  padding-top: 0px;
  padding-bottom: 0px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-input-inner {
  padding-top: 2px;
  padding-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm.byted-select-input-wrapper .byted-select-input-content-wrapper .byted-select-input-inner .byted-tag {
  margin-top: 2px;
  margin-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-input-wrapper-prefix {
  height: 22px;
  line-height: 22px;
  margin: 2px 8px 2px 0;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm .byted-select-input-wrapper-prefix-divider::after {
  height: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-sm.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 30px;
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 56px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-value {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-tip {
  font-size: 14px;
  height: 26px;
  width: 26px;
  line-height: 24px;
  left: auto;
  right: 30px;
  margin-top: 3px;
  border-radius: 13px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-input-icon {
  font-size: 14px;
  line-height: 1;
  height: 1em;
  top: 10px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 30px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-md .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 56px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  height: 34px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md.byted-select-input-wrapper.byted-select-input-wrapper-popover-input {
  padding-top: 2px;
  padding-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-render {
  padding-top: 0px;
  padding-bottom: 0px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-input-inner {
  padding-top: 2px;
  padding-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md.byted-select-input-wrapper .byted-select-input-content-wrapper .byted-select-input-inner .byted-tag {
  margin-top: 2px;
  margin-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-input-wrapper-prefix {
  height: 26px;
  line-height: 26px;
  margin: 2px 8px 2px 0;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md .byted-select-input-wrapper-prefix-divider::after {
  height: 16px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-md.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 34px;
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 60px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-value {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-tip {
  font-size: 14px;
  height: 30px;
  width: 30px;
  line-height: 28px;
  left: auto;
  right: 30px;
  margin-top: 3px;
  border-radius: 15px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-input-icon {
  font-size: 14px;
  line-height: 1;
  height: 1em;
  top: 12px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 30px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-lg .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 60px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  height: 38px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg.byted-select-input-wrapper.byted-select-input-wrapper-popover-input {
  padding-top: 2px;
  padding-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-render {
  padding-top: 0px;
  padding-bottom: 0px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-input-inner {
  padding-top: 2px;
  padding-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg.byted-select-input-wrapper .byted-select-input-content-wrapper .byted-select-input-inner .byted-tag {
  margin-top: 2px;
  margin-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-input-wrapper-prefix {
  height: 30px;
  line-height: 30px;
  margin: 2px 8px 2px 0;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg .byted-select-input-wrapper-prefix-divider::after {
  height: 16px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-lg.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 38px;
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper {
  font-size: 16px;
  line-height: 24px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 62px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-value {
  font-size: 16px;
  line-height: 24px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-tip {
  font-size: 16px;
  height: 30px;
  width: 30px;
  line-height: 28px;
  left: auto;
  right: 32px;
  margin-top: 5px;
  border-radius: 15px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-input-icon {
  font-size: 16px;
  line-height: 1;
  height: 1em;
  top: 13px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 32px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-xl .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 62px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  height: 42px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl.byted-select-input-wrapper.byted-select-input-wrapper-popover-input {
  padding-top: 3px;
  padding-bottom: 3px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-render {
  padding-top: 0px;
  padding-bottom: 0px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-input-inner {
  padding-top: 3px;
  padding-bottom: 3px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl.byted-select-input-wrapper .byted-select-input-content-wrapper .byted-select-input-inner .byted-tag {
  margin-top: 3px;
  margin-bottom: 3px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-input-wrapper-prefix {
  height: 30px;
  line-height: 30px;
  margin: 4px 8px 4px 0;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl .byted-select-input-wrapper-prefix-divider::after {
  height: 16px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-size-xl.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 42px;
  font-size: 16px;
  line-height: 24px;
}
.byted-select-input-wrapper:hover .byted-select-input {
  border-color: #fa4b74;
  background-color: #ffffff;
  border-color: #f60457;
  color: #121212;
  /* 暂未发现用处 */
}
.byted-select-input-wrapper:hover .byted-select-input-warning {
  background-color: #ffffff;
  border-color: #e06637;
  color: #121212;
  box-shadow: none;
}
.byted-select-input-wrapper:hover .byted-select-input-warning.byted-select-input-filled {
  background-color: #d83e0e;
  border-color: #ffede8;
  color: #121212;
}
.byted-select-input-wrapper:hover .byted-select-input-filled {
  background-color: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-select-input-wrapper:hover .byted-select-input-disabled {
  color: #bdbdbd;
  border-color: #f8f8f8;
  background-color: #f8f8f8;
}
.byted-select-input-wrapper:active .byted-select-input {
  background-color: #ffffff;
  border-color: #f60457;
  color: #121212;
}
.byted-select-input-wrapper:active .byted-select-input-warning {
  background-color: #ffffff;
  border-color: #b52a08;
  color: #121212;
}
.byted-select-input-wrapper .byted-select-input {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  outline: none;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-select-input-wrapper .byted-select-input .byted-select-value {
  background: transparent;
}
.byted-select-input-wrapper .byted-select-input:focus {
  background-color: #ffffff;
  border-color: #f60457;
  color: #121212;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-select-input-wrapper .byted-select-input:focus.byted-select-input-filled {
  background-color: #f2f2f2;
  border-color: #f60457;
  color: #121212;
  box-shadow: 0 0 0 2px rgba(246, 4, 87, 0.2);
}
.byted-select-input-wrapper .byted-select-input-warning {
  box-shadow: none;
  background-color: #ffffff;
  border-color: #d83e0e;
  color: #121212;
}
.byted-select-input-wrapper .byted-select-input-warning.byted-select-input-filled {
  background-color: #ffede8;
  border-color: #ffede8;
  color: #121212;
}
.byted-select-input-wrapper .byted-select-input-warning:focus {
  background-color: #ffffff;
  border-color: #b52a08;
  color: #121212;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-select-input-wrapper .byted-select-input-warning:focus.byted-select-input-filled {
  background-color: #ffede8;
  border-color: #d83e0e;
  color: #121212;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-select-input-wrapper .byted-select-input-filled {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #121212;
}
.byted-select-input-wrapper .byted-select-input-filled .byted-select-tip {
  color: #121212;
  background-color: #ffffff;
  border: 1px solid transparent;
}
.byted-select-input-wrapper .byted-select-input-filled + .byted-select-input-content-wrapper .byted-tag {
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
.byted-select-input-wrapper .byted-select-input-filled + .byted-select-input-content-wrapper .byted-select-value::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-select-input-wrapper .byted-select-input-filled + .byted-select-input-content-wrapper .byted-select-input-wrapper-prefix {
  color: #666666;
}
.byted-select-input-wrapper .byted-select-input-filled ~ .byted-select-input-icon {
  color: #666666;
}
.byted-select-input-wrapper .byted-select-input-filled ~ .byted-select-input-icon .byted-icon-close-one {
  color: #8a8a8a;
}
.byted-select-input-wrapper .byted-select-input-filled ~ .byted-select-input-icon .byted-icon-close-one :hover {
  color: #666666;
}
.byted-select-input-wrapper .byted-select-input-filled ~ .byted-select-input-icon .byted-icon-close-one :active {
  color: #121212;
}
.byted-select-input-wrapper.byted-select-input-wrapper-focused .byted-select-input {
  background-color: #ffffff;
  border-color: #f60457;
  color: #121212;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-select-input-wrapper.byted-select-input-wrapper-focused .byted-select-input-warning {
  background-color: #ffffff;
  border-color: #b52a08;
  color: #121212;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-select-input-wrapper.byted-select-input-wrapper-focused .byted-select-input-filled {
  background-color: #f2f2f2;
  border-color: #f60457;
  color: #121212;
  box-shadow: 0 0 0 2px rgba(246, 4, 87, 0.2);
}
.byted-select-input-wrapper.byted-select-input-wrapper-focused .byted-select-input-filled.byted-select-input-warning {
  background-color: #ffede8;
  border-color: #d83e0e;
  color: #121212;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-select-input-wrapper-prepend .byted-select-input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.byted-select-input-wrapper-append .byted-select-input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.byted-select-input-wrapper .byted-select-input-content-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.byted-select-input-wrapper .byted-select-input-icon {
  position: absolute;
  right: 7px;
  left: unset;
  color: #666666;
}
.byted-select-input-wrapper .byted-select-input-icon .byted-icon-close-one {
  pointer-events: auto;
  color: #8a8a8a;
}
.byted-select-input-wrapper .byted-select-input-icon .byted-icon-close-one :hover {
  color: #666666;
}
.byted-select-input-wrapper .byted-select-input-icon .byted-icon-close-one :active {
  color: #121212;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl .byted-select-input-icon {
  right: unset;
  left: 7px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl .byted-select-input-wrapper-prefix {
  margin-left: 8px;
  margin-right: 0px;
}
.byted-select-input-wrapper .byted-select-tip {
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: 0;
  text-align: center;
  border-radius: 8px;
  color: #121212;
  border: 1px solid transparent;
  background-color: #ebebeb;
}
.byted-select-input-wrapper .byted-select-value {
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  border: 0;
  outline: none;
  cursor: pointer;
  flex: 1;
  padding: 0px;
}
.byted-select-input-wrapper .byted-select-value::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-select-input-wrapper .byted-select-input-inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  height: 100%;
  line-height: 0;
  font-size: 0;
  padding: 0px 100px 2px 12px;
}
.byted-select-input-wrapper .byted-select-input-inner.byted-select-input-inner-simple {
  padding-right: 24px;
}
.byted-select-input-wrapper .byted-select-input-inner-single,
.byted-select-input-wrapper .byted-select-input-inner-uncollapse {
  padding-right: 30px;
}
.byted-select-input-wrapper .byted-select-input-inner .byted-tag {
  pointer-events: auto;
  margin-left: unset;
  margin-right: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl .byted-tag {
  margin-left: 4px;
  margin-right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper-rtl .byted-select-input-inner {
  padding: 0px 12px 2px 100px;
}
.byted-select-input-wrapper-disabled,
.byted-select-input-wrapper-readonly {
  cursor: not-allowed;
}
.byted-select-input-wrapper-disabled .byted-select-input,
.byted-select-input-wrapper-readonly .byted-select-input {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-select-input-wrapper-disabled .byted-select-input:focus,
.byted-select-input-wrapper-readonly .byted-select-input:focus,
.byted-select-input-wrapper-disabled .byted-select-input:hover,
.byted-select-input-wrapper-readonly .byted-select-input:hover {
  box-shadow: none;
}
.byted-select-input-wrapper-disabled .byted-select-input-warning,
.byted-select-input-wrapper-readonly .byted-select-input-warning {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  color: #bdbdbd;
}
.byted-select-input-wrapper-disabled .byted-select-input .byted-select-tip,
.byted-select-input-wrapper-readonly .byted-select-input .byted-select-tip {
  color: #bdbdbd;
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-select-input-wrapper-disabled .byted-select-input + .byted-select-input-content-wrapper .byted-tag,
.byted-select-input-wrapper-readonly .byted-select-input + .byted-select-input-content-wrapper .byted-tag {
  box-sizing: border-box;
  border-color: #f8f8f8;
  background-color: #f8f8f8;
}
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning {
  color: #bdbdbd;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
  cursor: not-allowed;
}
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled:focus,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled:focus,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning:focus,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning:focus,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled:hover,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled:hover,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning:hover,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning:hover {
  color: #bdbdbd;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
  box-shadow: none;
}
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled .byted-select-tip,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled .byted-select-tip,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning .byted-select-tip,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning .byted-select-tip {
  color: #bdbdbd;
  border-color: transparent;
  background-color: #ffffff;
}
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled + .byted-select-input-content-wrapper .byted-tag,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled + .byted-select-input-content-wrapper .byted-tag,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning + .byted-select-input-content-wrapper .byted-tag,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning + .byted-select-input-content-wrapper .byted-tag {
  box-sizing: border-box;
  color: #bdbdbd;
  border-color: #ffffff;
  background-color: #ffffff;
}
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled + .byted-select-input-content-wrapper .byted-select-value::-webkit-input-placeholder,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled + .byted-select-input-content-wrapper .byted-select-value::-webkit-input-placeholder,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning + .byted-select-input-content-wrapper .byted-select-value::-webkit-input-placeholder,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning + .byted-select-input-content-wrapper .byted-select-value::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled + .byted-select-input-content-wrapper .byted-select-input-wrapper-prefix,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled + .byted-select-input-content-wrapper .byted-select-input-wrapper-prefix,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning + .byted-select-input-content-wrapper .byted-select-input-wrapper-prefix,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning + .byted-select-input-content-wrapper .byted-select-input-wrapper-prefix {
  color: #8a8a8a;
}
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled ~ .byted-select-input-icon,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled ~ .byted-select-input-icon,
.byted-select-input-wrapper-disabled .byted-select-input.byted-select-input-filled.byted-select-input-warning ~ .byted-select-input-icon,
.byted-select-input-wrapper-readonly .byted-select-input.byted-select-input-filled.byted-select-input-warning ~ .byted-select-input-icon {
  color: #8a8a8a;
}
.byted-select-input-wrapper-disabled .byted-select-value,
.byted-select-input-wrapper-readonly .byted-select-value {
  cursor: not-allowed;
  color: #bdbdbd;
  -webkit-text-fill-color: #bdbdbd;
}
.byted-select-input-wrapper-disabled .byted-select-value::-webkit-input-placeholder,
.byted-select-input-wrapper-readonly .byted-select-value::-webkit-input-placeholder {
  color: #8a8a8a;
}
.byted-select-input-wrapper-disabled:hover .byted-select-input,
.byted-select-input-wrapper-readonly:hover .byted-select-input {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  color: #bdbdbd;
  box-shadow: none;
}
.byted-select-input-wrapper-disabled:hover .byted-select-input.byted-select-input-warning,
.byted-select-input-wrapper-readonly:hover .byted-select-input.byted-select-input-warning {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  color: #bdbdbd;
  box-shadow: none;
}
.byted-select-input-wrapper-disabled:hover .byted-select-input-filled,
.byted-select-input-wrapper-readonly:hover .byted-select-input-filled,
.byted-select-input-wrapper-disabled:hover .byted-select-input-filled.byted-select-input-warning,
.byted-select-input-wrapper-readonly:hover .byted-select-input-filled.byted-select-input-warning {
  color: #bdbdbd;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
.byted-select-input-wrapper-disabled:active .byted-select-input,
.byted-select-input-wrapper-readonly:active .byted-select-input {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  color: #bdbdbd;
  box-shadow: none;
}
.byted-select-input-wrapper-disabled:active .byted-select-input.byted-select-input-warning,
.byted-select-input-wrapper-readonly:active .byted-select-input.byted-select-input-warning {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  color: #bdbdbd;
  box-shadow: none;
}
.byted-select-input-wrapper-disabled:active .byted-select-input-filled,
.byted-select-input-wrapper-readonly:active .byted-select-input-filled,
.byted-select-input-wrapper-disabled:active .byted-select-input-filled.byted-select-input-warning,
.byted-select-input-wrapper-readonly:active .byted-select-input-filled.byted-select-input-warning {
  color: #bdbdbd;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
.byted-select-input-wrapper-disabled .byted-select-input-icon {
  color: #8a8a8a;
}
.byted-select-input-wrapper-disabled .byted-select-input-wrapper-prefix {
  color: #8a8a8a;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input {
  padding: 0 0;
  pointer-events: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 50px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-value {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-tip {
  font-size: 12px;
  height: 22px;
  width: 22px;
  line-height: 20px;
  left: auto;
  right: 28px;
  margin-top: 1px;
  border-radius: 11px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-input-icon {
  font-size: 12px;
  line-height: 1;
  height: 1em;
  top: 7px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 28px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-xs .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 50px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper {
  min-height: 24px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  max-height: 76px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs .byted-select-input-content-wrapper .byted-select-input-inner {
  min-height: 24px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xs.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 26px;
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 50px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-value {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-tip {
  font-size: 12px;
  height: 22px;
  width: 22px;
  line-height: 20px;
  left: auto;
  right: 28px;
  margin-top: 3px;
  border-radius: 11px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-input-icon {
  font-size: 12px;
  line-height: 1;
  height: 1em;
  top: 9px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 28px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-sm .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 50px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper {
  min-height: 26px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  max-height: 90px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm .byted-select-input-content-wrapper .byted-select-input-inner {
  min-height: 26px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-sm.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 30px;
  font-size: 12px;
  line-height: 20px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 56px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-value {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-tip {
  font-size: 14px;
  height: 26px;
  width: 26px;
  line-height: 24px;
  left: auto;
  right: 30px;
  margin-top: 3px;
  border-radius: 13px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-input-icon {
  font-size: 14px;
  line-height: 1;
  height: 1em;
  top: 10px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 30px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-md .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 56px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper {
  min-height: 30px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  max-height: 104px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md .byted-select-input-content-wrapper .byted-select-input-inner {
  min-height: 30px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-md.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 34px;
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 60px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-value {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-tip {
  font-size: 14px;
  height: 30px;
  width: 30px;
  line-height: 28px;
  left: auto;
  right: 30px;
  margin-top: 3px;
  border-radius: 15px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-input-icon {
  font-size: 14px;
  line-height: 1;
  height: 1em;
  top: 12px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 30px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-lg .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 60px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper {
  min-height: 34px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  max-height: 118px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg .byted-select-input-content-wrapper .byted-select-input-inner {
  min-height: 34px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-lg.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 38px;
  font-size: 14px;
  line-height: 22px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper {
  font-size: 16px;
  line-height: 24px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-right: 62px;
  padding-left: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-value {
  font-size: 16px;
  line-height: 24px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-tip {
  font-size: 16px;
  height: 30px;
  width: 30px;
  line-height: 28px;
  left: auto;
  right: 32px;
  margin-top: 5px;
  border-radius: 15px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-input-icon {
  font-size: 16px;
  line-height: 1;
  height: 1em;
  top: 13px;
  left: unset;
  right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl.byted-select-input-wrapper-rtl .byted-select-tip {
  left: 32px;
  right: auto;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-xl .byted-select-input-icon {
  left: 12px;
  right: unset;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input-rtl.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper .byted-select-input-inner {
  padding-left: 62px;
  padding-right: 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper {
  min-height: 36px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper:not(.byted-select-input-content-wrapper-uncollapse) {
  max-height: 132px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl .byted-select-input-content-wrapper .byted-select-input-inner {
  min-height: 36px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input.byted-select-input-wrapper-size-xl.byted-select-input-wrapper-render .byted-select-input-inner {
  min-height: 42px;
  font-size: 16px;
  line-height: 24px;
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input .byted-select-input-content-wrapper {
  position: relative;
  height: auto;
  overflow: auto;
}
.byted-popover-show .byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input .byted-select-input {
  box-shadow: 0 0 0 2px rgba(253, 163, 178, 0.2);
}
.byted-select-input-wrapper.byted-select-input-wrapper.byted-select-input-wrapper-popover-input .byted-select-input-inner {
  padding: 0px 30px 0px 12px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-render.byted-select-input-wrapper-popover-input {
  padding: 0px;
}
.byted-select-input-wrapper.byted-select-input-wrapper-render.byted-select-input-wrapper-popover-input .byted-select-input-inner {
  padding: 0px 34px 0px 0px;
  align-items: center;
}
.byted-high-light {
  color: #f60457;
}
.byted-rimless-input {
  display: inline-flex;
  width: 100%;
}
.byted-rimless-input-size-xl .byted-rimless-input-inner {
  padding-right: 22px;
}
.byted-rimless-input-size-lg .byted-rimless-input-inner {
  padding-right: 22px;
}
.byted-rimless-input-size-md .byted-rimless-input-inner {
  padding-right: 22px;
}
.byted-rimless-input-size-sm .byted-rimless-input-inner {
  padding-right: 22px;
}
.byted-rimless-input-size-xs .byted-rimless-input-inner {
  padding-right: 22px;
}
.byted-rimless-input-inner {
  position: relative;
  display: inline;
  max-width: 100%;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #121212;
}
.byted-rimless-input-inner:hover {
  color: #f60457;
}
.byted-rimless-input-inner:hover .byted-rimless-input-num,
.byted-rimless-input-inner:hover .byted-rimless-input-icon {
  color: #f60457;
}
.byted-rimless-input-inner:active {
  color: #d20251;
}
.byted-rimless-input-inner:active .byted-rimless-input-num,
.byted-rimless-input-inner:active .byted-rimless-input-icon {
  color: #d20251;
}
.byted-rimless-input-close-icon {
  color: #8a8a8a !important;
}
.byted-rimless-input-close-icon:hover {
  color: #666666 !important;
}
.byted-rimless-input.byted-rimless-input-align-left .byted-rimless-input-inner {
  margin-right: auto;
}
.byted-rimless-input.byted-rimless-input-align-right .byted-rimless-input-inner {
  margin-left: auto;
}
.byted-rimless-input.byted-rimless-input-align-center .byted-rimless-input-inner {
  margin-left: auto;
  margin-right: auto;
}
.byted-rimless-input.byted-rimless-input-align-justify .byted-rimless-input-inner {
  width: 100%;
}
.byted-rimless-input-active .byted-rimless-input-inner,
.byted-rimless-input-active .byted-rimless-input-num,
.byted-rimless-input-active .byted-rimless-input-icon {
  color: #f60457;
}
.byted-rimless-input-active .byted-rimless-input-inner:active,
.byted-rimless-input-active .byted-rimless-input-num:active,
.byted-rimless-input-active .byted-rimless-input-icon:active {
  color: #d20251;
}
.byted-rimless-input-show-num .byted-rimless-input-inner {
  padding-right: 40px;
}
.byted-rimless-input-icon {
  color: #666666;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.byted-rimless-input-num {
  position: absolute;
  right: 14px;
  padding: 0 4px;
  color: #8a8a8a;
}
.byted-rimless-input-disabled .byted-rimless-input-inner,
.byted-rimless-input-readonly .byted-rimless-input-inner {
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-rimless-input-disabled .byted-rimless-input-inner:hover,
.byted-rimless-input-readonly .byted-rimless-input-inner:hover,
.byted-rimless-input-disabled .byted-rimless-input-inner:active,
.byted-rimless-input-readonly .byted-rimless-input-inner:active {
  color: #bdbdbd;
}
.byted-rimless-input-disabled .byted-rimless-input-inner:hover .byted-rimless-input-num,
.byted-rimless-input-readonly .byted-rimless-input-inner:hover .byted-rimless-input-num,
.byted-rimless-input-disabled .byted-rimless-input-inner:active .byted-rimless-input-num,
.byted-rimless-input-readonly .byted-rimless-input-inner:active .byted-rimless-input-num,
.byted-rimless-input-disabled .byted-rimless-input-inner:hover .byted-rimless-input-icon,
.byted-rimless-input-readonly .byted-rimless-input-inner:hover .byted-rimless-input-icon,
.byted-rimless-input-disabled .byted-rimless-input-inner:active .byted-rimless-input-icon,
.byted-rimless-input-readonly .byted-rimless-input-inner:active .byted-rimless-input-icon {
  color: #bdbdbd;
}
.byted-rimless-input-disabled .byted-rimless-input-num,
.byted-rimless-input-readonly .byted-rimless-input-num,
.byted-rimless-input-disabled .byted-rimless-input-icon,
.byted-rimless-input-readonly .byted-rimless-input-icon {
  color: #bdbdbd;
}
.byted-rimless-input-size-xs {
  font-size: 12px;
  line-height: 20px;
}
.byted-rimless-input-size-sm {
  font-size: 12px;
  line-height: 20px;
}
.byted-rimless-input-size-md {
  font-size: 14px;
  line-height: 22px;
}
.byted-rimless-input-size-lg {
  font-size: 14px;
  line-height: 22px;
}
.byted-rimless-input-size-xl {
  font-size: 16px;
  line-height: 24px;
}
.byted-animated-number {
  overflow: hidden;
  white-space: nowrap;
  font-feature-settings: 'tnum';
  font-variant-numeric: tabular-nums;
}
.byted-animated-number-bit {
  height: 100%;
  display: inline-block;
  transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
}
.byted-animated-number-bit > p {
  height: 100%;
}
.byted-check-wrapper {
  pointer-events: none;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
  left: -9999px;
}
.byted-date-container {
  width: fit-content;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
}
.byted-date-container-rtl {
  direction: rtl;
}
.byted-date-container-rtl .byted-date-nav-prev,
.byted-date-container-rtl .byted-date-nav-next {
  transform: rotate(180deg);
}
.byted-date-container-rtl .byted-date-item.byted-date-selected.byted-date-state-start {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-date-container-rtl .byted-date-item.byted-date-selected.byted-date-state-end {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-date-container-header {
  border-bottom: 1px solid #e3e3e3;
  background-color: #f8f8f8;
}
.byted-date-container-footer {
  border-top: 1px solid #e3e3e3;
  background-color: #f8f8f8;
}
.byted-date-container-content {
  display: flex;
}
.byted-date-container-content-preset {
  width: 120px;
  border-right: 1px solid #e3e3e3;
  background-color: #ffffff;
}
.byted-date-container-content-inner {
  flex: 1;
}
.byted-date-picker-popper {
  display: flex;
}
.byted-date-panel-preset-item {
  padding: 5px 12px;
  font-size: 14px;
  line-height: 22px;
}
.byted-date-panel-preset-item .byted-link {
  color: #121212;
}
.byted-date-panel-preset-item .byted-link:hover {
  color: #f60457;
}
.byted-date-panel-preset-item .byted-link:active {
  color: #d20251;
}
.byted-compare-date-range-input-single {
  font-size: 14px;
  line-height: 22px;
  padding: 4px 0;
}
.byted-compare-date-range-input-placeholder {
  color: #8a8a8a;
}
.byted-compare-date-range-input-source {
  padding-top: 4px;
  font-size: 12px;
  line-height: 1;
  color: #121212;
}
.byted-compare-date-range-input-target {
  font-size: 12px;
  line-height: 1;
  color: #8a8a8a;
}
.byted-compare-range-date-header {
  display: flex;
  height: 39px;
  background-color: #f8f8f8;
}
.byted-compare-range-date-header-left {
  flex: 1;
  display: inline-flex;
}
.byted-compare-range-date-header-right {
  font-size: 14px;
  line-height: 22px;
  margin-left: auto;
  padding: 8px 16px 8px 0;
  color: #666666;
}
.byted-compare-range-date-header-divider {
  font-size: 14px;
  line-height: 22px;
  padding: 10px 16px;
  color: #8a8a8a;
}
.byted-compare-range-date-header-switch {
  line-height: 1;
  vertical-align: middle;
  margin-left: 8px;
}
.byted-compare-range-date-header .byted-compare-range-date-item {
  font-size: 14px;
  line-height: 22px;
  border-top: 2px solid #f8f8f8;
  background-color: #f8f8f8;
  padding: 8px 12px;
  cursor: pointer;
}
.byted-compare-range-date-header .byted-compare-range-date-item.byted-compare-range-date-item-active {
  background-color: #ffffff;
  border-top: 2px solid #f60457;
}
.byted-compare-range-date-header .byted-compare-range-date-text {
  color: #121212;
}
.byted-compare-range-date-header .byted-compare-range-date-text.byted-compare-range-date-text-placeholder {
  color: #bdbdbd;
}
.byted-compare-range-date-header .byted-compare-range-date-divider {
  color: #121212;
  padding: 0 6px;
}
.byted-compare-range-date-footer {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 8px 15px;
}
.byted-compare-range-date-footer-extra {
  flex: auto;
  margin-right: 20px;
}
.byted-compare-range-date-footer-extra-err {
  text-align: right;
  font-size: 14px;
  color: #d83e0e;
}
.byted-compare-range-date-footer-op {
  flex: none;
  text-align: right;
}
.byted-compare-range-date-footer-op .byted-btn {
  margin-left: 8px;
}
.byted-date-col {
  text-align: center;
  position: relative;
  z-index: 4;
}
.byted-date-col.byted-date-week-list {
  width: 24px;
  height: 24px;
}
.byted-date-col.byted-date-selected {
  z-index: 6;
}
.byted-date-col.byted-date-col-size-lg {
  height: 48px;
  line-height: 48px;
}
.byted-date-col.byted-date-col-size-lg .byted-date-item {
  height: 48px;
  width: 48px;
  line-height: 48px;
}
.byted-date-col.byted-date-col-size-xl {
  height: 56px;
  line-height: 56px;
}
.byted-date-col.byted-date-col-size-xl .byted-date-item {
  height: 56px;
  width: 56px;
  line-height: 56px;
}
.byted-date-grid {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-size: 14px;
  line-height: 22px;
  flex: 1;
}
.byted-date-grid.byted-date-year,
.byted-date-grid.byted-date-month,
.byted-date-grid.byted-date-dynamic {
  padding: 16px 16px;
  height: 240px;
}
.byted-date-grid.byted-date-date,
.byted-date-grid.byted-date-week {
  padding: 16px 16px;
  height: 240px;
}
.byted-date-grid.byted-date-grid-size-lg {
  height: 391px;
  padding: 16px;
}
.byted-date-grid.byted-date-grid-size-xl {
  height: 447px;
  padding: 16px;
}
.byted-date-grid.byted-date-week-list {
  padding: 16px 16px;
  border-right: 1px solid #e3e3e3;
  width: 57px;
  flex: none;
}
.byted-date-group {
  display: flex;
}
.byted-date-nav {
  width: 100%;
  height: 39px;
  line-height: 22px;
  box-sizing: border-box;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 600;
  background: #f8f8f8;
  color: #121212;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
}
.byted-date-nav-prev {
  cursor: pointer;
  width: 30px;
  padding-left: 16px;
  color: #121212;
  font-size: 16px;
}
.byted-date-nav-prev:hover {
  color: #f60457;
}
.byted-date-nav-prev:active {
  color: #d20251;
}
.byted-date-nav-center {
  flex: 1;
  text-align: center;
}
.byted-date-nav-next {
  cursor: pointer;
  width: 30px;
  padding-right: 16px;
  color: #121212;
  font-size: 16px;
}
.byted-date-nav-next:hover {
  color: #f60457;
}
.byted-date-nav-next:active {
  color: #d20251;
}
.byted-date-nav .byted-icon {
  vertical-align: top;
  position: relative;
  top: 2px;
}
.byted-date-title {
  text-align: center;
  font-weight: bold;
  user-select: none;
}
.byted-date-title-item {
  margin: 0 2px;
  cursor: pointer;
}
.byted-date-title-item:hover {
  color: #f60457;
}
.byted-date-title-item:active {
  color: #d20251;
}
.byted-date-row {
  display: flex;
  position: relative;
  justify-content: space-between;
}
.byted-date-row.byted-date-year .byted-date-left0 {
  left: 0px;
}
.byted-date-row.byted-date-year .byted-date-right0 {
  right: 0px;
}
.byted-date-row.byted-date-year .byted-date-left1 {
  left: 100px;
}
.byted-date-row.byted-date-year .byted-date-right1 {
  right: 100px;
}
.byted-date-row.byted-date-year .byted-date-left2 {
  left: 200px;
}
.byted-date-row.byted-date-year .byted-date-right2 {
  right: 200px;
}
.byted-date-row.byted-date-year .byted-date-left3 {
  left: 300px;
}
.byted-date-row.byted-date-year .byted-date-right3 {
  right: 300px;
}
.byted-date-row.byted-date-year .byted-date-left4 {
  left: 400px;
}
.byted-date-row.byted-date-year .byted-date-right4 {
  right: 400px;
}
.byted-date-row.byted-date-year .byted-date-left5 {
  left: 500px;
}
.byted-date-row.byted-date-year .byted-date-right5 {
  right: 500px;
}
.byted-date-row.byted-date-year .byted-date-left6 {
  left: 600px;
}
.byted-date-row.byted-date-year .byted-date-right6 {
  right: 600px;
}
.byted-date-row.byted-date-year .byted-date-row-trying,
.byted-date-row.byted-date-year .byted-date-row-disabled,
.byted-date-row.byted-date-year .byted-date-row-selected,
.byted-date-row.byted-date-year .byted-date-row-hover {
  height: 24px;
}
.byted-date-row.byted-date-month .byted-date-left0 {
  left: 0px;
}
.byted-date-row.byted-date-month .byted-date-right0 {
  right: 0px;
}
.byted-date-row.byted-date-month .byted-date-left1 {
  left: 100px;
}
.byted-date-row.byted-date-month .byted-date-right1 {
  right: 100px;
}
.byted-date-row.byted-date-month .byted-date-left2 {
  left: 200px;
}
.byted-date-row.byted-date-month .byted-date-right2 {
  right: 200px;
}
.byted-date-row.byted-date-month .byted-date-left3 {
  left: 300px;
}
.byted-date-row.byted-date-month .byted-date-right3 {
  right: 300px;
}
.byted-date-row.byted-date-month .byted-date-left4 {
  left: 400px;
}
.byted-date-row.byted-date-month .byted-date-right4 {
  right: 400px;
}
.byted-date-row.byted-date-month .byted-date-left5 {
  left: 500px;
}
.byted-date-row.byted-date-month .byted-date-right5 {
  right: 500px;
}
.byted-date-row.byted-date-month .byted-date-left6 {
  left: 600px;
}
.byted-date-row.byted-date-month .byted-date-right6 {
  right: 600px;
}
.byted-date-row.byted-date-month .byted-date-row-trying,
.byted-date-row.byted-date-month .byted-date-row-disabled,
.byted-date-row.byted-date-month .byted-date-row-selected,
.byted-date-row.byted-date-month .byted-date-row-hover {
  height: 24px;
}
.byted-date-row.byted-date-date .byted-date-left0,
.byted-date-row.byted-date-week .byted-date-left0 {
  left: 0px;
}
.byted-date-row.byted-date-date .byted-date-right0,
.byted-date-row.byted-date-week .byted-date-right0 {
  right: 0px;
}
.byted-date-row.byted-date-date .byted-date-left1,
.byted-date-row.byted-date-week .byted-date-left1 {
  left: 37.33333333px;
}
.byted-date-row.byted-date-date .byted-date-right1,
.byted-date-row.byted-date-week .byted-date-right1 {
  right: 37.33333333px;
}
.byted-date-row.byted-date-date .byted-date-left2,
.byted-date-row.byted-date-week .byted-date-left2 {
  left: 74.66666667px;
}
.byted-date-row.byted-date-date .byted-date-right2,
.byted-date-row.byted-date-week .byted-date-right2 {
  right: 74.66666667px;
}
.byted-date-row.byted-date-date .byted-date-left3,
.byted-date-row.byted-date-week .byted-date-left3 {
  left: 112px;
}
.byted-date-row.byted-date-date .byted-date-right3,
.byted-date-row.byted-date-week .byted-date-right3 {
  right: 112px;
}
.byted-date-row.byted-date-date .byted-date-left4,
.byted-date-row.byted-date-week .byted-date-left4 {
  left: 149.33333333px;
}
.byted-date-row.byted-date-date .byted-date-right4,
.byted-date-row.byted-date-week .byted-date-right4 {
  right: 149.33333333px;
}
.byted-date-row.byted-date-date .byted-date-left5,
.byted-date-row.byted-date-week .byted-date-left5 {
  left: 186.66666667px;
}
.byted-date-row.byted-date-date .byted-date-right5,
.byted-date-row.byted-date-week .byted-date-right5 {
  right: 186.66666667px;
}
.byted-date-row.byted-date-date .byted-date-left6,
.byted-date-row.byted-date-week .byted-date-left6 {
  left: 224px;
}
.byted-date-row.byted-date-date .byted-date-right6,
.byted-date-row.byted-date-week .byted-date-right6 {
  right: 224px;
}
.byted-date-row.byted-date-date .byted-date-row-trying,
.byted-date-row.byted-date-week .byted-date-row-trying,
.byted-date-row.byted-date-date .byted-date-row-disabled,
.byted-date-row.byted-date-week .byted-date-row-disabled,
.byted-date-row.byted-date-date .byted-date-row-selected,
.byted-date-row.byted-date-week .byted-date-row-selected,
.byted-date-row.byted-date-date .byted-date-row-hover,
.byted-date-row.byted-date-week .byted-date-row-hover {
  height: 24px;
}
.byted-date-row-trying {
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  position: absolute;
  top: 0;
  pointer-events: none;
  z-index: 5;
}
.byted-date-row-disabled {
  background: #ffffff;
  border-radius: 4px;
  position: absolute;
  top: 0;
  pointer-events: none;
  z-index: 3;
}
.byted-date-row-selected {
  background: #ebebeb;
  border-radius: 4px;
  position: absolute;
  top: 0;
  pointer-events: none;
  z-index: 2;
}
.byted-date-row-hover {
  border-radius: 4px;
  display: none;
  position: absolute;
  top: 0;
  background: #ebebeb;
  pointer-events: none;
  z-index: 1;
}
.byted-date-row.byted-date-week {
  cursor: pointer;
}
.byted-date-row.byted-date-week:hover .byted-date-row-hover {
  display: block;
  background-color: #ebebeb;
}
.byted-date-row-rtl.byted-date-year .byted-date-left0 {
  right: 0px;
}
.byted-date-row-rtl.byted-date-year .byted-date-right0 {
  left: 0px;
}
.byted-date-row-rtl.byted-date-year .byted-date-left1 {
  right: 100px;
}
.byted-date-row-rtl.byted-date-year .byted-date-right1 {
  left: 100px;
}
.byted-date-row-rtl.byted-date-year .byted-date-left2 {
  right: 200px;
}
.byted-date-row-rtl.byted-date-year .byted-date-right2 {
  left: 200px;
}
.byted-date-row-rtl.byted-date-year .byted-date-left3 {
  right: 300px;
}
.byted-date-row-rtl.byted-date-year .byted-date-right3 {
  left: 300px;
}
.byted-date-row-rtl.byted-date-year .byted-date-left4 {
  right: 400px;
}
.byted-date-row-rtl.byted-date-year .byted-date-right4 {
  left: 400px;
}
.byted-date-row-rtl.byted-date-year .byted-date-left5 {
  right: 500px;
}
.byted-date-row-rtl.byted-date-year .byted-date-right5 {
  left: 500px;
}
.byted-date-row-rtl.byted-date-year .byted-date-left6 {
  right: 600px;
}
.byted-date-row-rtl.byted-date-year .byted-date-right6 {
  left: 600px;
}
.byted-date-row-rtl.byted-date-month .byted-date-left0 {
  right: 0px;
}
.byted-date-row-rtl.byted-date-month .byted-date-right0 {
  left: 0px;
}
.byted-date-row-rtl.byted-date-month .byted-date-left1 {
  right: 100px;
}
.byted-date-row-rtl.byted-date-month .byted-date-right1 {
  left: 100px;
}
.byted-date-row-rtl.byted-date-month .byted-date-left2 {
  right: 200px;
}
.byted-date-row-rtl.byted-date-month .byted-date-right2 {
  left: 200px;
}
.byted-date-row-rtl.byted-date-month .byted-date-left3 {
  right: 300px;
}
.byted-date-row-rtl.byted-date-month .byted-date-right3 {
  left: 300px;
}
.byted-date-row-rtl.byted-date-month .byted-date-left4 {
  right: 400px;
}
.byted-date-row-rtl.byted-date-month .byted-date-right4 {
  left: 400px;
}
.byted-date-row-rtl.byted-date-month .byted-date-left5 {
  right: 500px;
}
.byted-date-row-rtl.byted-date-month .byted-date-right5 {
  left: 500px;
}
.byted-date-row-rtl.byted-date-month .byted-date-left6 {
  right: 600px;
}
.byted-date-row-rtl.byted-date-month .byted-date-right6 {
  left: 600px;
}
.byted-date-row-rtl.byted-date-date .byted-date-left0,
.byted-date-row-rtl.byted-date-week .byted-date-left0 {
  right: 0px;
}
.byted-date-row-rtl.byted-date-date .byted-date-right0,
.byted-date-row-rtl.byted-date-week .byted-date-right0 {
  left: 0px;
}
.byted-date-row-rtl.byted-date-date .byted-date-left1,
.byted-date-row-rtl.byted-date-week .byted-date-left1 {
  right: 37.33333333px;
}
.byted-date-row-rtl.byted-date-date .byted-date-right1,
.byted-date-row-rtl.byted-date-week .byted-date-right1 {
  left: 37.33333333px;
}
.byted-date-row-rtl.byted-date-date .byted-date-left2,
.byted-date-row-rtl.byted-date-week .byted-date-left2 {
  right: 74.66666667px;
}
.byted-date-row-rtl.byted-date-date .byted-date-right2,
.byted-date-row-rtl.byted-date-week .byted-date-right2 {
  left: 74.66666667px;
}
.byted-date-row-rtl.byted-date-date .byted-date-left3,
.byted-date-row-rtl.byted-date-week .byted-date-left3 {
  right: 112px;
}
.byted-date-row-rtl.byted-date-date .byted-date-right3,
.byted-date-row-rtl.byted-date-week .byted-date-right3 {
  left: 112px;
}
.byted-date-row-rtl.byted-date-date .byted-date-left4,
.byted-date-row-rtl.byted-date-week .byted-date-left4 {
  right: 149.33333333px;
}
.byted-date-row-rtl.byted-date-date .byted-date-right4,
.byted-date-row-rtl.byted-date-week .byted-date-right4 {
  left: 149.33333333px;
}
.byted-date-row-rtl.byted-date-date .byted-date-left5,
.byted-date-row-rtl.byted-date-week .byted-date-left5 {
  right: 186.66666667px;
}
.byted-date-row-rtl.byted-date-date .byted-date-right5,
.byted-date-row-rtl.byted-date-week .byted-date-right5 {
  left: 186.66666667px;
}
.byted-date-row-rtl.byted-date-date .byted-date-left6,
.byted-date-row-rtl.byted-date-week .byted-date-left6 {
  right: 224px;
}
.byted-date-row-rtl.byted-date-date .byted-date-right6,
.byted-date-row-rtl.byted-date-week .byted-date-right6 {
  left: 224px;
}
.byted-date-view {
  background: #ffffff;
}
.byted-date-view-frame {
  position: relative;
  user-select: none;
}
.byted-date-view-frame-mask {
  position: absolute;
  z-index: 100;
  display: none;
  background: rgba(18, 18, 18, 0.05);
  border: 1px solid #bdbdbd;
}
.byted-date-view.byted-date-view-size-lg {
  width: 416px;
}
.byted-date-view.byted-date-view-size-xl {
  width: 448px;
}
.byted-date-owner-week .byted-date-week.byted-date-position-single,
.byted-date-owner-week .byted-date-week.byted-date-position-start,
.byted-date-owner-week .byted-date-week.byted-date-position-end {
  width: 280px;
}
.byted-date-owner-date,
.byted-date-owner-month,
.byted-date-owner-year {
  width: 280px;
}
.byted-date-popper {
  font-size: 12px;
  line-height: 20px;
  padding: 8px 16px;
  color: #121212;
  width: 192px;
}
.byted-date-panel {
  background: #ffffff;
}
.byted-date-date-header {
  user-select: none;
}
.byted-date-item {
  color: #121212;
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 4px;
  font-size: 14px;
  line-height: 22px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.byted-date-item.byted-date-dynamic {
  width: fit-content;
  padding: 0 5px;
}
.byted-date-item.byted-date-year {
  width: 48px;
  height: 24px;
}
.byted-date-item.byted-date-month {
  width: 48px;
  height: 24px;
}
.byted-date-item.byted-date-date,
.byted-date-item.byted-date-week,
.byted-date-item.byted-date-week-list {
  width: 24px;
  height: 24px;
}
.byted-date-item.byted-date-week-list {
  color: #121212;
}
.byted-date-item.byted-date-grid-start:hover,
.byted-date-item.byted-date-grid-in:hover,
.byted-date-item.byted-date-grid-end:hover {
  background: #ebebeb;
  color: #121212;
  border-color: transparent;
}
.byted-date-item.byted-date-grid-start:active,
.byted-date-item.byted-date-grid-in:active,
.byted-date-item.byted-date-grid-end:active {
  background: #f60457;
  color: #ffffff;
  border-color: transparent;
}
.byted-date-item.byted-date-grid-start.byted-date-state-in,
.byted-date-item.byted-date-grid-in.byted-date-state-in,
.byted-date-item.byted-date-grid-end.byted-date-state-in {
  color: #f60457;
  background: #ebebeb;
  border-color: transparent;
}
.byted-date-item.byted-date-grid-start.byted-date-state-in:hover,
.byted-date-item.byted-date-grid-in.byted-date-state-in:hover,
.byted-date-item.byted-date-grid-end.byted-date-state-in:hover {
  color: #f60457;
  background: #feedef;
  border-color: transparent;
}
.byted-date-item.byted-date-grid-start.byted-date-state-in:active,
.byted-date-item.byted-date-grid-in.byted-date-state-in:active,
.byted-date-item.byted-date-grid-end.byted-date-state-in:active {
  color: #ffffff;
  background: #f60457;
  border-color: transparent;
}
.byted-date-item.byted-date-grid-start.byted-date-state-in.byted-date-disabled,
.byted-date-item.byted-date-grid-in.byted-date-state-in.byted-date-disabled,
.byted-date-item.byted-date-grid-end.byted-date-state-in.byted-date-disabled {
  color: #fda3b2;
  background: #f2f2f2;
  border-color: transparent;
}
.byted-date-item.byted-date-today {
  color: #f60457;
  background: #ffffff;
  border-color: #f60457;
}
.byted-date-item.byted-date-today.byted-date-disabled:not(.byted-date-state-in) {
  color: #fda3b2;
  background: #ffffff;
  border-color: #fda3b2;
}
.byted-date-item.byted-date-today.byted-date-disabled:not(.byted-date-state-in):hover {
  color: #fda3b2;
  background: #ffffff;
  border-color: #fda3b2;
}
.byted-date-item.byted-date-today:hover {
  color: #fa4b74;
  background: #ffffff;
  border-color: #fa4b74;
}
.byted-date-item.byted-date-today:active {
  color: #ffffff;
  background: #f60457;
  border-color: transparent;
}
.byted-date-item.byted-date-trying:hover {
  background: none;
}
.byted-date-item.byted-date-selected {
  color: #ffffff;
  background: #f60457;
  border-color: transparent;
}
.byted-date-item.byted-date-selected.byted-date-disabled {
  color: #ffffff;
  background: #fda3b2;
  border-color: transparent;
}
.byted-date-item.byted-date-selected.byted-date-disabled:hover {
  color: #ffffff;
  background: #fda3b2;
  border-color: transparent;
}
.byted-date-item.byted-date-selected:hover {
  color: #ffffff;
  background: #fa4b74;
  border-color: transparent;
}
.byted-date-item.byted-date-selected:active {
  color: #ffffff;
  background: #d20251;
  border-color: transparent;
}
.byted-date-item.byted-date-selected.byted-date-state-start {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.byted-date-item.byted-date-selected.byted-date-state-end {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.byted-date-item.byted-date-disabled {
  cursor: not-allowed;
  color: #bdbdbd;
  background: #ffffff;
  border-color: transparent;
}
.byted-date-item.byted-date-disabled:hover {
  color: #bdbdbd;
  background: #ffffff;
  border-color: transparent;
}
.byted-date-grid-prev,
.byted-date-grid-next {
  color: #bdbdbd;
}
.byted-date-grid-prev:hover,
.byted-date-grid-next:hover {
  color: #bdbdbd;
}
.byted-popover {
  opacity: 0;
  transition: all ease-in 0.1s;
  -webkit-transition: all ease-in 0.1s;
  -moz-transition: all ease-in 0.1s;
  -o-transition: all ease-in 0.1s;
}
.byted-popover-show {
  opacity: 1;
  transition: all ease-out 0.1s;
  -webkit-transition: all ease-out 0.1s;
  -moz-transition: all ease-out 0.1s;
  -o-transition: all ease-out 0.1s;
}
.byted-popover-disable-animation {
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
}
.byted-popover-scale-xy {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.byted-popover-scale-xy.byted-popover-show {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}
.byted-popover-scale-x {
  transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -moz-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
}
.byted-popover-scale-x.byted-popover-show {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
}
.byted-popover-scale-y {
  transform: scaleY(0.8);
  -webkit-transform: scaleY(0.8);
  -moz-transform: scaleY(0.8);
  -o-transform: scaleY(0.8);
}
.byted-popover-scale-y.byted-popover-show {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
}
.byted-popover-left {
  transform-origin: calc(100% + 8px) 50%;
  -webkit-transform-origin: calc(100% + 8px) 50%;
  -moz-transform-origin: calc(100% + 8px) 50%;
  -o-transform-origin: calc(100% + 8px) 50%;
}
.byted-popover-left-start {
  transform-origin: calc(100% + 8px) 16px;
  -webkit-transform-origin: calc(100% + 8px) 16px;
  -moz-transform-origin: calc(100% + 8px) 16px;
  -o-transform-origin: calc(100% + 8px) 16px;
}
.byted-popover-left-end {
  transform-origin: calc(100% + 8px) calc(100% - 16px);
  -webkit-transform-origin: calc(100% + 8px) calc(100% - 16px);
  -moz-transform-origin: calc(100% + 8px) calc(100% - 16px);
  -o-transform-origin: calc(100% + 8px) calc(100% - 16px);
}
.byted-popover-right {
  transform-origin: -8px 50%;
  -webkit-transform-origin: -8px 50%;
  -moz-transform-origin: -8px 50%;
  -o-transform-origin: -8px 50%;
}
.byted-popover-right-start {
  transform-origin: -8px 16px;
  -webkit-transform-origin: -8px 16px;
  -moz-transform-origin: -8px 16px;
  -o-transform-origin: -8px 16px;
}
.byted-popover-right-end {
  transform-origin: -8px calc(100% - 16px);
  -webkit-transform-origin: -8px calc(100% - 16px);
  -moz-transform-origin: -8px calc(100% - 16px);
  -o-transform-origin: -8px calc(100% - 16px);
}
.byted-popover-top {
  transform-origin: 50% calc(100% + 8px);
  -webkit-transform-origin: 50% calc(100% + 8px);
  -moz-transform-origin: 50% calc(100% + 8px);
  -o-transform-origin: 50% calc(100% + 8px);
}
.byted-popover-top-start {
  transform-origin: 16px calc(100% + 8px);
  -webkit-transform-origin: 16px calc(100% + 8px);
  -moz-transform-origin: 16px calc(100% + 8px);
  -o-transform-origin: 16px calc(100% + 8px);
}
.byted-popover-top-end {
  transform-origin: calc(100% - 16px) calc(100% + 8px);
  -webkit-transform-origin: calc(100% - 16px) calc(100% + 8px);
  -moz-transform-origin: calc(100% - 16px) calc(100% + 8px);
  -o-transform-origin: calc(100% - 16px) calc(100% + 8px);
}
.byted-popover-bottom {
  transform-origin: 50% -8px;
  -webkit-transform-origin: 50% -8px;
  -moz-transform-origin: 50% -8px;
  -o-transform-origin: 50% -8px;
}
.byted-popover-bottom-start {
  transform-origin: 16px -8px;
  -webkit-transform-origin: 16px -8px;
  -moz-transform-origin: 16px -8px;
  -o-transform-origin: 16px -8px;
}
.byted-popover-bottom-end {
  transform-origin: calc(100% - 16px) -8px;
  -webkit-transform-origin: calc(100% - 16px) -8px;
  -moz-transform-origin: calc(100% - 16px) -8px;
  -o-transform-origin: calc(100% - 16px) -8px;
}
.byted-table-th {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  color: #121212;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}
.byted-table-th:hover {
  color: #121212;
  background-color: #ebebeb;
}
.byted-table-th:active {
  color: #121212;
  background-color: #e3e3e3;
}
.byted-table-th-filterable .byted-table-th-title.center {
  padding-right: 0;
}
.byted-table-th-title {
  display: flex;
  flex: auto;
  align-items: center;
  padding: 0 16px;
  height: 100%;
}
.byted-table-th-title.left {
  justify-content: flex-start;
}
.byted-table-th-title.center {
  justify-content: center;
}
.byted-table-th-title.right {
  justify-content: flex-end;
}
.byted-table-th-filter {
  flex: none;
  color: #121212;
  width: 24px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
  font-size: 12px;
}
.byted-table-th-filter:hover {
  color: #f60457;
}
.byted-table-th-filter:active {
  color: #d20251;
}
.byted-table-th-filter-active {
  color: #f60457;
}
.byted-table-th-left {
  justify-content: flex-start;
  text-align: left;
}
.byted-table-th-right {
  justify-content: flex-end;
  text-align: right;
}
.byted-table-th-top {
  align-items: flex-start;
}
.byted-table-th-bottom {
  align-items: flex-end;
}
.byted-table-td {
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #121212;
}
.byted-table-td-ellipsis {
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.byted-table-td-box {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: center;
  word-break: break-all;
  white-space: normal;
}
.byted-table-td-box.byted-table-td-left {
  -webkit-box-align: start;
}
.byted-table-td-box.byted-table-td-right {
  -webkit-box-align: end;
}
.byted-table-td-top {
  align-items: flex-start;
}
.byted-table-td-bottom {
  align-items: flex-end;
}
.byted-table-td-left {
  justify-content: flex-start;
  text-align: left;
}
.byted-table-td-right {
  justify-content: flex-end;
  text-align: right;
}
.byted-table-sorter {
  position: relative;
  width: 1em;
  height: 1em;
  margin-left: 4px;
  cursor: pointer;
  color: #121212;
  user-select: none;
  font-size: 12px;
}
.byted-table-sorter:hover {
  color: #f60457;
}
.byted-table-sorter:active {
  color: #d20251;
}
.byted-table-sorter .byted-icon {
  position: absolute;
  left: 0;
}
.byted-table-sorter .byted-icon-up-one {
  top: -3px;
}
.byted-table-sorter .byted-icon-down-one {
  bottom: -3px;
}
.byted-table-sorter-right {
  margin-left: 0;
  margin-right: 4px;
}
.byted-table-sorter-ascend .byted-icon-up-one {
  color: #f60457;
}
.byted-table-sorter-ascend .byted-icon-down-one {
  color: #8a8a8a;
}
.byted-table-sorter-descend .byted-icon-down-one {
  color: #f60457;
}
.byted-table-sorter-descend .byted-icon-up-one {
  color: #8a8a8a;
}
.byted-table-td-line-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 40px;
}
.byted-table-td-line-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 60px;
}
.byted-table-td-line-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  max-height: 80px;
}
.byted-table-td-line-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  max-height: 100px;
}
.byted-table-td-line-6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  max-height: 120px;
}
.byted-table-td-line-7 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  max-height: 140px;
}
/* 筛选器弹层 */
.byted-filter-popover .byted-table-filter-panel .panel-body {
  display: flex;
  flex-flow: column;
  padding: 4px 0;
  max-height: 240px;
  overflow-y: auto;
}
.byted-filter-popover .byted-table-filter-panel .panel-body .byted-checkbox,
.byted-filter-popover .byted-table-filter-panel .panel-body .byted-radio {
  padding: 4px 10px;
  margin-left: 0;
  margin-right: 0;
}
.byted-filter-popover .byted-table-filter-panel .panel-body .byted-checkbox:hover,
.byted-filter-popover .byted-table-filter-panel .panel-body .byted-radio:hover {
  background-color: #feedef;
}
.byted-filter-popover .byted-table-filter-panel .panel-footer {
  padding: 4px;
  display: flex;
  flex: none;
}
.byted-filter-popover .byted-table-filter-panel .panel-footer .btn-reset {
  padding-right: 4px;
  margin-right: 8px;
}

@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes okee-loading-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
/**
 * Components：CascaderPanel、Listviewer
 * Components：Autocomplete、Select 、Dropdown、Cascader
 */
.byted-select-multiple {
  position: relative;
}
.byted-select-multiple .byted-select-input-wrapper .byted-select-arrow {
  color: #666666;
}
.byted-select-multiple .byted-select-input-wrapper-disabled .byted-select-arrow {
  color: #8a8a8a;
}
.byted-select-multiple .byted-select-input-wrapper-filled .byted-select-arrow {
  color: #666666;
}
.byted-select-multiple .byted-select-input-wrapper-filled.byted-select-input-wrapper-disabled .byted-select-arrow {
  color: #8a8a8a;
}
.byted-select-multiple .byted-multiple-select-input-trigger {
  width: 100%;
}
.byted-select-multiple:not(.byted-select-uncollapse) .byted-multiple-select-input-trigger {
  position: absolute;
  top: 0;
  left: 0;
}
.byted-select-multiple.byted-select-render .byted-multiple-select-input-trigger {
  position: relative;
}
.byted-select {
  display: inline-flex;
  width: 100%;
  vertical-align: top;
}
.byted-select .byted-input-inner__wrapper .byted-select-arrow {
  color: #666666;
}
.byted-select .byted-input-inner__wrapper-disabled .byted-select-arrow {
  color: #8a8a8a;
}
.byted-select .byted-input-inner__wrapper-filled .byted-select-arrow {
  color: #666666;
}
.byted-select .byted-input-inner__wrapper-filled.byted-input-inner__wrapper-disabled .byted-select-arrow {
  color: #8a8a8a;
}
.byted-select.byted-select-rtl {
  direction: rtl;
}
.byted-select.byted-select-focus {
  z-index: 2;
}
.byted-select-input {
  width: 100%;
  display: block;
}
.byted-select-input input {
  pointer-events: none;
  background: none;
}
.byted-select-render-selected-unset-height {
  height: unset;
}
.byted-select-input-trigger {
  display: inline-flex;
  width: 100%;
}
.byted-select .byted-select-input-rimless {
  display: inline-flex;
  width: 100%;
}
.byted-select .byted-select-tag-rimless {
  border-radius: 4px;
  overflow: hidden;
  padding: 0px 8px;
  background: #f2f2f2;
}
.byted-select .byted-input-inner__wrapper {
  cursor: pointer;
}
.byted-select-arrow {
  color: #666666;
}
.byted-rimless-input.byted-rimless-input-size-xs {
  font-size: 12px;
}
.byted-select-size-xs .byted-input-suffix {
  font-size: 12px;
  right: 5px;
}
.byted-select-size-xs .byted-rimless-input-inner {
  height: 22px;
  line-height: 22px;
}
.byted-select-multiple.byted-select-size-xs:not(.byted-select-uncollapse) {
  height: 26px;
}
.byted-select-multiple.byted-select-size-xs:not(.byted-select-uncollapse) .byted-select-tag-rimless {
  padding-top: 2px;
  padding-bottom: 2px;
}
.byted-select-uncollapse.byted-select-size-xs {
  min-height: 26px;
}
.byted-rimless-input.byted-rimless-input-size-sm {
  font-size: 12px;
}
.byted-select-size-sm .byted-input-suffix {
  font-size: 12px;
  right: 5px;
}
.byted-select-size-sm .byted-rimless-input-inner {
  height: 22px;
  line-height: 22px;
}
.byted-select-multiple.byted-select-size-sm:not(.byted-select-uncollapse) {
  height: 30px;
}
.byted-select-multiple.byted-select-size-sm:not(.byted-select-uncollapse) .byted-select-tag-rimless {
  padding-top: 4px;
  padding-bottom: 4px;
}
.byted-select-uncollapse.byted-select-size-sm {
  min-height: 30px;
}
.byted-rimless-input.byted-rimless-input-size-md {
  font-size: 14px;
}
.byted-select-size-md .byted-input-suffix {
  font-size: 14px;
  right: 6px;
}
.byted-select-size-md .byted-rimless-input-inner {
  height: 26px;
  line-height: 26px;
}
.byted-select-multiple.byted-select-size-md:not(.byted-select-uncollapse) {
  height: 34px;
}
.byted-select-multiple.byted-select-size-md:not(.byted-select-uncollapse) .byted-select-tag-rimless {
  padding-top: 4px;
  padding-bottom: 4px;
}
.byted-select-uncollapse.byted-select-size-md {
  min-height: 34px;
}
.byted-rimless-input.byted-rimless-input-size-lg {
  font-size: 14px;
}
.byted-select-size-lg .byted-input-suffix {
  font-size: 14px;
  right: 8px;
}
.byted-select-size-lg .byted-rimless-input-inner {
  height: 30px;
  line-height: 30px;
}
.byted-select-multiple.byted-select-size-lg:not(.byted-select-uncollapse) {
  height: 38px;
}
.byted-select-multiple.byted-select-size-lg:not(.byted-select-uncollapse) .byted-select-tag-rimless {
  padding-top: 4px;
  padding-bottom: 4px;
}
.byted-select-uncollapse.byted-select-size-lg {
  min-height: 38px;
}
.byted-rimless-input.byted-rimless-input-size-xl {
  font-size: 16px;
}
.byted-select-size-xl .byted-input-suffix {
  font-size: 16px;
  right: 7px;
}
.byted-select-size-xl .byted-rimless-input-inner {
  height: 30px;
  line-height: 30px;
}
.byted-select-multiple.byted-select-size-xl:not(.byted-select-uncollapse) {
  height: 42px;
}
.byted-select-multiple.byted-select-size-xl:not(.byted-select-uncollapse) .byted-select-tag-rimless {
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-select-uncollapse.byted-select-size-xl {
  min-height: 42px;
}
.byted-select-input-popover {
  font-size: 0;
  line-height: 0;
}
.byted-select-popover-panel {
  zoom: 1;
  font-size: 0;
  background-color: #ffffff;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.byted-select-popover-panel::before,
.byted-select-popover-panel::after {
  content: '';
  display: table;
}
.byted-select-popover-panel::after {
  clear: both;
}
.byted-select-popover-panel-inner {
  max-height: 192px;
  overflow-x: auto;
}
.byted-select-popover-panel-inner::before,
.byted-select-popover-panel-inner::after {
  display: block;
  content: '';
  height: 6px;
  background-color: #fff;
  z-index: 1;
  position: sticky;
}
.byted-select-popover-panel-inner::before {
  top: 0;
}
.byted-select-popover-panel-inner::after {
  bottom: 0;
}
.byted-select-popover-panel.byted-select-popover-panel-rtl {
  direction: rtl;
}
.byted-select-popover-panel-search .byted-select-popover-panel-inner .byted-empty {
  height: calc(100% - 12px);
}
.byted-select-popover-panel-empty .byted-select-popover-panel-inner {
  overflow: hidden;
  height: 192px;
}
.byted-select-popover-panel .byted-select-option {
  color: #121212;
}
.byted-select-popover-panel .byted-select-option.byted-select-option-selected {
  color: #f60457;
}
.byted-select-popover-panel .byted-select-option.byted-select-option-selected .byted-list-item-container {
  background-color: #ebebeb;
  color: #f60457;
}
.byted-select-popover-panel .byted-select-option.byted-select-option-fill-back {
  background-color: #f8f8f8;
}
.byted-select-popover-panel .byted-select-option-group {
  color: #8a8a8a;
}
.byted-select-popover-panel .byted-select-option-group-title {
  padding-left: 12px;
}
.byted-select-popover-panel .byted-select-option-group .byted-select-option-group-title-size-xs {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 18px;
}
.byted-select-popover-panel .byted-select-option-group .byted-select-option-group-title-size-sm {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 18px;
}
.byted-select-popover-panel .byted-select-option-group .byted-select-option-group-title-size-md {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 22px;
}
.byted-select-popover-panel .byted-select-option-group .byted-select-option-group-title-size-lg {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 22px;
}
.byted-select-popover-panel .byted-select-option-group .byted-select-option-group-title-size-xl {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 24px;
}
.byted-select-popover-panel .byted-select-item-container:hover {
  background-color: #ebebeb;
}
.byted-select-popover-panel .byted-select-search-input {
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom: 1px solid #d9d9d9;
}
.byted-select-popover-panel-size-xs {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-popover-panel-size-sm {
  font-size: 12px;
  line-height: 20px;
}
.byted-select-popover-panel-size-md {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-popover-panel-size-lg {
  font-size: 14px;
  line-height: 22px;
}
.byted-select-popover-panel-size-xl {
  font-size: 16px;
  line-height: 24px;
}

.byted-modal-border-radius-8 .byted-modal {
  overflow: hidden;
  border-radius: 8px;
}
.account-migration-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  line-height: 24px;
  color: #121212;
}
.account-migration-modal__cover {
  min-height: 320px;
  margin: 0 -24px;
}
.account-migration-modal__cover img {
  width: 100%;
}
.account-migration-modal__content {
  width: 600px;
  margin: 24px 0;
  text-align: center;
}
.account-migration-modal__title {
  font-weight: 700;
}
.account-migration-modal__desc {
  margin-top: 12px;
  font-size: 14px;
  line-height: 20px;
}
.account-migration-modal__footer {
  display: flex;
  gap: 8px;
  justify-content: center;
}

@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes okee-loading-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
/* New Token */
.byted-pager {
  display: flex;
  align-items: center;
  user-select: none;
}
.byted-pager .byted-pager-record {
  font-size: 14px;
  margin-right: 16px;
}
.byted-pager .byted-pager-item-group {
  display: inline-block;
}
.byted-pager .byted-pager-item-group > li {
  list-style: none;
  display: inline-block;
  text-align: center;
  margin-right: 8px;
}
.byted-pager .byted-pager-item-group > li > span {
  display: inline-block;
}
.byted-pager .byted-pager-item-group .byted-pager-item {
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  color: #121212;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-pager .byted-pager-item-group .byted-pager-item:hover {
  color: #f60457;
  background-color: #ffffff;
  border-color: #f60457;
}
.byted-pager .byted-pager-item-group .byted-pager-item:active {
  color: #d20251;
  background-color: #ffffff;
  border-color: #d20251;
}
.byted-pager .byted-pager-item-group .byted-pager-item-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #feedef;
}
.byted-pager .byted-pager-item-group .byted-pager-item.byted-pager-item-disabled {
  cursor: no-drop;
  color: #bdbdbd;
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-pager .byted-pager-item-group .byted-pager-apostrophe-cell {
  cursor: pointer;
}
.byted-pager .byted-pager-item-group .byted-pager-item,
.byted-pager .byted-pager-item-group .byted-pager-text {
  min-width: 26px;
  height: 26px;
  cursor: pointer;
  border-radius: 4px;
}
.byted-pager .byted-pager-item-group .byted-pager-item:first-child > span,
.byted-pager .byted-pager-item-group .byted-pager-text:first-child > span,
.byted-pager .byted-pager-item-group .byted-pager-item:last-child > span,
.byted-pager .byted-pager-item-group .byted-pager-text:last-child > span {
  padding-left: 5px;
  padding-right: 5px;
}
.byted-pager .byted-pager-item-group .byted-pager-item > span,
.byted-pager .byted-pager-item-group .byted-pager-text > span {
  padding-left: 7px;
  padding-right: 7px;
}
.byted-pager .byted-pager-item-group .byted-pager-item .byted-pager-apostrophe-cell,
.byted-pager .byted-pager-item-group .byted-pager-text .byted-pager-apostrophe-cell {
  padding: unset;
}
.byted-pager .byted-pager-item-group .byted-pager-item.byted-pager-item-disabled,
.byted-pager .byted-pager-item-group .byted-pager-text.byted-pager-item-disabled {
  cursor: no-drop;
  color: #bdbdbd;
}
.byted-pager .byted-pager-item-group .byted-pager-text {
  border-width: 1px;
  border-style: solid;
  background: transparent;
  border-color: transparent;
  color: #121212;
}
.byted-pager .byted-pager-item-group .byted-pager-text:hover {
  color: #121212;
  background: #e3e3e3;
  border-color: transparent;
}
.byted-pager .byted-pager-item-group .byted-pager-text:active {
  color: #121212;
  background: #d9d9d9;
  border-color: transparent;
}
.byted-pager .byted-pager-item-group .byted-pager-text.byted-pager-item-checked {
  color: #f60457;
  background: #feedef;
  border-color: transparent;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item {
  background-color: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item:hover {
  color: #f60457;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item:active {
  color: #121212;
  background-color: #e3e3e3;
  border-color: #e3e3e3;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item.byted-pager-item-disabled {
  cursor: no-drop;
  color: #bdbdbd;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item {
  background-color: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item:hover {
  color: #f60457;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item:active {
  color: #121212;
  background-color: #e3e3e3;
  border-color: #e3e3e3;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
}
.byted-pager-filled .byted-pager-item-group .byted-pager-item.byted-pager-item-disabled {
  cursor: no-drop;
  color: #bdbdbd;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}
.byted-pager-size-xl {
  height: 42px;
  font-size: 16px;
}
.byted-pager-size-xl .byted-pager-item-group {
  display: flex;
  flex: none;
}
.byted-pager-size-xl .byted-pager-item-group .byted-pager-item,
.byted-pager-size-xl .byted-pager-item-group .byted-pager-text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
}
.byted-pager-size-xl .byted-pager-item-group .byted-pager-apostrophe-cell {
  height: 42px;
  line-height: 42px;
}
.byted-pager-size-xl .byted-pager-jump-input .byted-input-size-md,
.byted-pager-size-xl .byted-pager-turn-input .byted-input-size-md {
  width: 56px;
  height: 42px;
  font-size: 12px;
}
.byted-pager-size-xl .byted-pager-turn-arrow {
  width: 42px;
  height: 42px;
}
.byted-pager-size-xl .byted-pager-turn-arrow .byted-icon {
  line-height: 42px;
  display: inline-flex;
  align-items: center;
}
.byted-pager-size-lg {
  height: 38px;
  font-size: 14px;
}
.byted-pager-size-lg .byted-pager-item-group {
  display: flex;
  flex: none;
}
.byted-pager-size-lg .byted-pager-item-group .byted-pager-item,
.byted-pager-size-lg .byted-pager-item-group .byted-pager-text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
}
.byted-pager-size-lg .byted-pager-item-group .byted-pager-apostrophe-cell {
  height: 38px;
  line-height: 38px;
}
.byted-pager-size-lg .byted-pager-jump-input .byted-input-size-md,
.byted-pager-size-lg .byted-pager-turn-input .byted-input-size-md {
  width: 56px;
  height: 38px;
  font-size: 12px;
}
.byted-pager-size-lg .byted-pager-turn-arrow {
  width: 38px;
  height: 38px;
}
.byted-pager-size-lg .byted-pager-turn-arrow .byted-icon {
  line-height: 38px;
  display: inline-flex;
  align-items: center;
}
.byted-pager-size-md {
  height: 34px;
  font-size: 14px;
}
.byted-pager-size-md .byted-pager-item-group {
  display: flex;
  flex: none;
}
.byted-pager-size-md .byted-pager-item-group .byted-pager-item,
.byted-pager-size-md .byted-pager-item-group .byted-pager-text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
}
.byted-pager-size-md .byted-pager-item-group .byted-pager-apostrophe-cell {
  height: 34px;
  line-height: 34px;
}
.byted-pager-size-md .byted-pager-jump-input .byted-input-size-md,
.byted-pager-size-md .byted-pager-turn-input .byted-input-size-md {
  width: 56px;
  height: 34px;
  font-size: 12px;
}
.byted-pager-size-md .byted-pager-turn-arrow {
  width: 34px;
  height: 34px;
}
.byted-pager-size-md .byted-pager-turn-arrow .byted-icon {
  line-height: 34px;
  display: inline-flex;
  align-items: center;
}
.byted-pager-size-xs {
  height: 26px;
  font-size: 12px;
}
.byted-pager-size-xs .byted-pager-item-group {
  display: flex;
  flex: none;
}
.byted-pager-size-xs .byted-pager-item-group .byted-pager-item,
.byted-pager-size-xs .byted-pager-item-group .byted-pager-text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 26px;
}
.byted-pager-size-xs .byted-pager-item-group .byted-pager-apostrophe-cell {
  height: 26px;
  line-height: 26px;
}
.byted-pager-size-xs .byted-pager-jump-input .byted-input-size-md,
.byted-pager-size-xs .byted-pager-turn-input .byted-input-size-md {
  width: 56px;
  height: 26px;
  font-size: 12px;
}
.byted-pager-size-xs .byted-pager-turn-arrow {
  width: 26px;
  height: 26px;
}
.byted-pager-size-xs .byted-pager-turn-arrow .byted-icon {
  line-height: 26px;
  display: inline-flex;
  align-items: center;
}
.byted-pager-size-sm {
  height: 30px;
  font-size: 12px;
}
.byted-pager-size-sm .byted-pager-item-group {
  display: flex;
  flex: none;
}
.byted-pager-size-sm .byted-pager-item-group .byted-pager-item,
.byted-pager-size-sm .byted-pager-item-group .byted-pager-text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
}
.byted-pager-size-sm .byted-pager-item-group .byted-pager-apostrophe-cell {
  height: 30px;
  line-height: 30px;
}
.byted-pager-size-sm .byted-pager-jump-input .byted-input-size-md,
.byted-pager-size-sm .byted-pager-turn-input .byted-input-size-md {
  width: 56px;
  height: 30px;
  font-size: 12px;
}
.byted-pager-size-sm .byted-pager-turn-arrow {
  width: 30px;
  height: 30px;
}
.byted-pager-size-sm .byted-pager-turn-arrow .byted-icon {
  line-height: 30px;
  display: inline-flex;
  align-items: center;
}
.byted-pager-jump-area {
  margin-left: 8px;
}
.byted-pager-jump-input {
  width: 56px;
}
.byted-pager .byted-pager-jump {
  color: #f60457;
  font-size: 14px;
  margin-left: 8px;
  cursor: pointer;
}
.byted-pager .byted-pager-jump:hover {
  color: #fa4b74;
}
.byted-pager .byted-pager-jump:active {
  color: #d20251;
}
.byted-pager-simple {
  display: inline-flex;
  align-content: center;
  justify-content: center;
}
.byted-pager-simple .byted-pager-record {
  margin-right: 8px;
}
.byted-pager-simple .byted-pager-turn-input {
  width: 56px;
  margin-right: 12px;
}
.byted-pager-simple .byted-pager-turn-area {
  padding: 0 9px 0 17px;
}
.byted-pager-simple .byted-pager-turn-area-flat {
  padding: 0;
  margin-left: -1px;
  margin-right: -1px;
}
.byted-pager-simple .byted-pager-turn-area-flat .byted-pager-turn-input {
  margin: 0;
}
.byted-pager-simple .byted-pager-turn-area-flat .byted-pager-turn-input .byted-input-inner__wrapper {
  border-radius: 0;
}
.byted-pager-simple .byted-pager-turn-count {
  margin: 0 8px 0 8px;
}
.byted-pager-simple .byted-pager-turn-arrow {
  display: inline-flex;
  align-content: center;
  justify-content: center;
  cursor: pointer;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-pager-simple .byted-pager-turn-arrow-prev {
  border-radius: 4px 0 0 4px;
}
.byted-pager-simple .byted-pager-turn-arrow-next {
  border-radius: 0 4px 4px 0;
}
.byted-pager-simple .byted-pager-turn-arrow:not(.disabled-arrow):hover {
  color: #fa4b74;
  border-color: #fa4b74;
  z-index: 2;
}
.byted-pager-simple .byted-pager-turn-arrow:not(.disabled-arrow):active {
  color: #d20251;
  border-color: #d20251;
  z-index: 2;
}
.byted-pager-simple .byted-pager-turn-arrow-flat {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
}
.byted-pager-simple-compact .byted-pager-turn-area {
  padding: 0;
}
.byted-pager-simple-compact .byted-pager-turn-area .byted-pager-turn-count:first-child {
  margin-left: 11px;
}
.byted-pager-simple-compact .byted-pager-turn-area .byted-pager-turn-count:last-child {
  margin-right: 11px;
}
.byted-pager-simple .disabled-arrow {
  cursor: no-drop;
  color: #bdbdbd;
}
.byted-pager-simple .disabled-arrow.byted-pager-turn-arrow-flat {
  background-color: #f8f8f8;
  border-color: #ebebeb;
}
.byted-pager-disabled {
  cursor: no-drop;
}
.byted-pager-disabled .byted-pager-jump {
  cursor: no-drop;
}
.byted-pager-disabled .byted-pager-jump,
.byted-pager-disabled .byted-pager-jump:hover,
.byted-pager-disabled .byted-pager-jump:active {
  color: #fda3b2;
}
.byted-pager-disabled .byted-pager-item-group .byted-pager-apostrophe-cell {
  cursor: no-drop;
  color: #bdbdbd;
}
.byted-pager-disabled .byted-pager-item-group .byted-pager-text,
.byted-pager-disabled .byted-pager-item-group .byted-pager-text:hover,
.byted-pager-disabled .byted-pager-item-group .byted-pager-text:active {
  cursor: no-drop;
  color: #bdbdbd;
  border-color: transparent;
  background-color: transparent;
}
.byted-pager-disabled .byted-pager-item-group .byted-pager-text.byted-pager-item-checked,
.byted-pager-disabled .byted-pager-item-group .byted-pager-text:hover.byted-pager-item-checked,
.byted-pager-disabled .byted-pager-item-group .byted-pager-text:active.byted-pager-item-checked {
  background-color: #feedef;
}
.byted-pager-disabled .byted-pager-item-group .byted-pager-item,
.byted-pager-disabled .byted-pager-item-group .byted-pager-item:hover,
.byted-pager-disabled .byted-pager-item-group .byted-pager-item:active {
  cursor: no-drop;
  color: #bdbdbd;
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-pager-disabled .byted-pager-item-group .byted-pager-item.byted-pager-item-checked,
.byted-pager-disabled .byted-pager-item-group .byted-pager-item:hover.byted-pager-item-checked,
.byted-pager-disabled .byted-pager-item-group .byted-pager-item:active.byted-pager-item-checked {
  background-color: #feedef;
}

.byted-modal-border-radius-8 .byted-modal {
  overflow: hidden;
  border-radius: 8px;
}
.carousel-modal {
  margin: 0 -24px;
}
.carousel-modal .byted-carousel-wrapper {
  border-radius: 4px 4px 0 0;
}
.carousel-modal__cover {
  position: relative;
  min-height: 320px;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
}
.carousel-modal__cover img {
  width: 100%;
}
.carousel-modal__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #f60457;
  border-radius: 0 4px 4px 0;
  animation-name: slidein;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes slidein {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.carousel-modal__content {
  padding: 24px 24px 14px 24px;
}
.carousel-modal__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #121212;
}
.carousel-modal__subtitle {
  margin-top: 8px;
  font-size: 14px;
}
.carousel-modal__footer {
  display: flex;
  justify-content: space-between;
  padding: 24px 24px 0 24px;
}

/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
.byted-text {
  width: 100%;
  min-height: 104px;
  padding: 6px 12px;
  font-size: 14px;
  color: #121212;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  overflow-y: hidden;
  vertical-align: top;
  resize: vertical;
  word-break: break-all;
}
.byted-text:hover {
  overflow-y: auto;
  overflow-y: overlay;
}
.byted-text::-webkit-scrollbar {
  width: 12px;
  background-color: #ffffff;
}
.byted-text::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f8f8f8;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.byted-text::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d2d2d2;
}
.byted-text-count {
  padding-bottom: 25px;
}
.byted-text-wrapper {
  display: inline-flex;
  position: relative;
}
.byted-text-wrapper-whole-line {
  width: 100%;
}
.byted-text-clearable {
  padding-right: 30px;
}
.byted-text-close-icon {
  position: absolute;
  right: 12px;
  top: calc(50% - 8px);
  color: #8a8a8a;
}
.byted-text-close-icon:hover {
  color: #666666;
}
.byted-text-close-icon:focus,
.byted-text-close-icon:active {
  color: #121212;
}
.byted-text-show-count {
  height: 22px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  color: #666666;
}
.byted-text-show-count-position {
  position: absolute;
  bottom: 4px;
  right: 8px;
}
.byted-text-show-count-position-danger {
  color: #d83e0e;
}
.byted-text::placeholder {
  color: #8a8a8a;
}
.byted-text-enabled {
  outline: none;
}
.byted-text-enabled:hover {
  border-color: #f60457;
  background-color: #ffffff;
}
.byted-text-enabled:focus {
  border-color: #f60457;
  box-shadow: rgba(246, 4, 87, 0.15);
  background-color: #ffffff;
}
.byted-text-enabled:active {
  background-color: #ffffff;
  border-color: #d20251;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-text-warning {
  border-color: #d83e0e;
  box-shadow: none;
}
.byted-text-warning.byted-text-enabled:hover {
  border-color: #d83e0e;
}
.byted-text-warning.byted-text-enabled:active {
  border-color: #d83e0e;
}
.byted-text-warning.byted-text-enabled:focus {
  border-color: #d83e0e;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-text-filled {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.byted-text-filled::placeholder {
  color: #8a8a8a;
}
.byted-text-filled.byted-text-enabled:hover {
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.byted-text-filled.byted-text-enabled:focus {
  background-color: #f2f2f2;
  border-color: #f60457;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-text-filled.byted-text-enabled:active {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-text-filled.byted-text-warning {
  border-color: #d83e0e;
  background-color: #ffede8;
}
.byted-text-filled.byted-text-warning:hover {
  border-color: #d83e0e;
  background-color: #ffede8;
}
.byted-text-filled.byted-text-warning:focus,
.byted-text-filled.byted-text-warning:active {
  background-color: #ffede8;
  border-color: #d83e0e;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-text-disabled {
  color: #bdbdbd;
  border-color: #f8f8f8;
  background-color: #f8f8f8;
  cursor: not-allowed;
  resize: none;
}
.byted-text-disabled.byted-text-filled {
  color: #bdbdbd;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}

.creative-btn.byted-btn-type-secondary.byted-btn {
  color: #ffffff;
  background: #262627;
  border-color: #262627;
}
.creative-btn.byted-btn-type-secondary.byted-btn:hover {
  color: #ffffff;
  background: #353536;
  border-color: #353536;
}

/**************************************************************/
/**************************************************************/
/**************************************************************/
[data-motion-wave] {
  position: relative;
}
[data-motion-wave][data-motion-wave='after']::after,
[data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-message {
  position: relative;
  display: inline-block;
  min-width: 114px;
  padding: 8px 16px;
  border-radius: 4px;
  background: #ffffff;
  color: #121212;
  font-size: 14px;
  text-align: left;
  pointer-events: auto;
  box-sizing: border-box;
}
.byted-message-shadow {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.byted-message-icon {
  margin-right: 8px;
  height: 16px;
  width: 16px;
  font-size: 16px;
  vertical-align: middle;
}
.byted-message-type-success .byted-icon {
  color: #28a666;
}
.byted-message-type-info .byted-icon {
  color: #f60457;
}
.byted-message-type-warning .byted-icon {
  color: #e0a111;
}
.byted-message-type-error .byted-icon {
  color: #d83e0e;
}
.byted-message-type-loading .byted-icon {
  color: #fa4b74;
}
.byted-message-no-icon {
  padding-left: 16px;
}
.byted-message-has-close {
  padding-right: 40px;
}
.byted-message-has-close .byted-message-close {
  color: #8a8a8a;
  position: absolute;
  right: 16px;
  top: 12px;
  cursor: pointer;
  font-size: 14px;
  vertical-align: middle;
}
.byted-message-content {
  vertical-align: middle;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}

[class*='byted-'] {
  box-sizing: border-box;
}
input:disabled {
  -webkit-text-fill-color: currentColor;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
/**
 * OKee Design Component Button Design Token
 */
.byted-input-number {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 80px;
  box-sizing: border-box;
  line-height: 1;
  padding: 0 12px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  color: #121212;
}
.byted-input-number-input {
  width: 100%;
  height: 100%;
  display: inline-block;
  border: none;
  color: inherit;
  font-weight: 400;
  outline: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  white-space: nowrap;
  transition: all 0.25s;
  background-color: transparent;
  padding-right: 8px;
  flex: 1;
}
.byted-input-number-input-left-right {
  width: 100%;
  text-align: center;
}
.byted-input-number-input::placeholder {
  color: #8a8a8a;
}
.byted-input-number-left-right-wrapper {
  width: 120px;
  padding: 0;
}
.byted-input-number-left-right-label {
  width: 100%;
  position: absolute;
  top: 0px;
  border-radius: 4px;
}
.byted-input-number-left-right-label .byted-input-number-controls-btn-up {
  position: absolute;
  right: 0px;
  top: 0;
  background: #f2f2f2;
  text-align: center;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 4px 4px 0px;
  color: #121212;
}
.byted-input-number-left-right-label .byted-input-number-controls-btn-down {
  position: absolute;
  left: 0px;
  top: 0;
  background: #f2f2f2;
  text-align: center;
  border-radius: 4px 0px 0px 4px;
  border-right: 1px solid #d9d9d9;
  color: #121212;
}
.byted-input-number-size-xl {
  height: 42px;
  border-radius: 4px;
}
.byted-input-number-size-xl .byted-input-number-input {
  font-size: 16px;
  line-height: 24px;
}
.byted-input-number-size-xl .byted-input-number-left-right-label .byted-input-number-controls-btn {
  height: 40px;
  width: 40px;
  line-height: 42px;
}
.byted-input-number-size-xl .byted-input-number-controls-btn {
  font-size: 20px;
}
.byted-input-number-size-xl .byted-input-number-prefix-divider::after {
  height: 16px;
}
.byted-input-number-size-lg {
  height: 38px;
  border-radius: 4px;
}
.byted-input-number-size-lg .byted-input-number-input {
  font-size: 14px;
  line-height: 22px;
}
.byted-input-number-size-lg .byted-input-number-left-right-label .byted-input-number-controls-btn {
  height: 36px;
  width: 36px;
  line-height: 38px;
}
.byted-input-number-size-lg .byted-input-number-controls-btn {
  font-size: 18px;
}
.byted-input-number-size-lg .byted-input-number-prefix-divider::after {
  height: 16px;
}
.byted-input-number-size-md {
  height: 34px;
  border-radius: 4px;
}
.byted-input-number-size-md .byted-input-number-input {
  font-size: 14px;
  line-height: 22px;
}
.byted-input-number-size-md .byted-input-number-left-right-label .byted-input-number-controls-btn {
  height: 32px;
  width: 32px;
  line-height: 34px;
}
.byted-input-number-size-md .byted-input-number-controls-btn {
  font-size: 16px;
}
.byted-input-number-size-md .byted-input-number-prefix-divider::after {
  height: 16px;
}
.byted-input-number-size-sm {
  height: 30px;
  border-radius: 4px;
}
.byted-input-number-size-sm .byted-input-number-input {
  font-size: 12px;
  line-height: 18px;
}
.byted-input-number-size-sm .byted-input-number-left-right-label .byted-input-number-controls-btn {
  height: 28px;
  width: 28px;
  line-height: 30px;
}
.byted-input-number-size-sm .byted-input-number-controls-btn {
  font-size: 14px;
}
.byted-input-number-size-sm .byted-input-number-prefix-divider::after {
  height: 12px;
}
.byted-input-number-size-xs {
  height: 26px;
  border-radius: 4px;
}
.byted-input-number-size-xs .byted-input-number-input {
  font-size: 12px;
  line-height: 18px;
}
.byted-input-number-size-xs .byted-input-number-left-right-label .byted-input-number-controls-btn {
  height: 24px;
  width: 24px;
  line-height: 26px;
}
.byted-input-number-size-xs .byted-input-number-controls-btn {
  font-size: 12px;
}
.byted-input-number-size-xs .byted-input-number-prefix-divider::after {
  height: 12px;
}
.byted-input-number:hover:not(.byted-input-number-disabled) {
  background-color: #ffffff;
  border-color: #f60457;
}
.byted-input-number:focus-within,
.byted-input-number-focus {
  background-color: #ffffff;
  border-color: #f60457;
  box-shadow: rgba(246, 4, 87, 0.15);
}
.byted-input-number-disabled,
.byted-input-number-disabled:hover {
  background: #f8f8f8;
  border-color: #f8f8f8;
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-input-number-disabled .byted-input-number-input,
.byted-input-number-disabled:hover .byted-input-number-input {
  cursor: not-allowed;
  color: #bdbdbd;
  -webkit-text-fill-color: #bdbdbd;
}
.byted-input-number-disabled .byted-input-number-input::placeholder,
.byted-input-number-disabled:hover .byted-input-number-input::placeholder {
  color: #8a8a8a;
}
.byted-input-number-disabled .byted-input-number-left-right-label .byted-input-number-prefix,
.byted-input-number-disabled:hover .byted-input-number-left-right-label .byted-input-number-prefix,
.byted-input-number-disabled .byted-input-number-left-right-label .byted-input-number-suffix,
.byted-input-number-disabled:hover .byted-input-number-left-right-label .byted-input-number-suffix {
  color: #8a8a8a;
}
.byted-input-number-disabled.byted-input-number-filled,
.byted-input-number-disabled.byted-input-number-filled:hover {
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-input-number-disabled.byted-input-number-filled .byted-input-number-input,
.byted-input-number-disabled.byted-input-number-filled:hover .byted-input-number-input {
  cursor: not-allowed;
  color: #bdbdbd;
  -webkit-text-fill-color: #bdbdbd;
}
.byted-input-number-disabled.byted-input-number-filled .byted-input-number-input::placeholder,
.byted-input-number-disabled.byted-input-number-filled:hover .byted-input-number-input::placeholder {
  color: #8a8a8a;
}
.byted-input-number-disabled.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-prefix,
.byted-input-number-disabled.byted-input-number-filled:hover .byted-input-number-left-right-label .byted-input-number-prefix,
.byted-input-number-disabled.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-suffix,
.byted-input-number-disabled.byted-input-number-filled:hover .byted-input-number-left-right-label .byted-input-number-suffix {
  color: #8a8a8a;
}
.byted-input-number:focus-within .byted-input-number-controls,
.byted-input-number:hover:not(.byted-input-number-disabled) .byted-input-number-controls,
.byted-input-number-focus .byted-input-number-controls {
  opacity: 1;
}
.byted-input-number-warning {
  border-color: #d83e0e;
  color: #121212;
  background: #ffffff;
  box-shadow: none;
}
.byted-input-number-warning:focus-within,
.byted-input-number-warning.byted-input-number-warning.byted-input-number-focus {
  color: #121212;
  border-color: #b52a08;
  box-shadow: 0 0 0 2px rgba(181, 42, 8, 0.2);
}
.byted-input-number-warning:hover:not(.byted-input-number-disabled) {
  border-color: #e06637;
}
.byted-input-number-filled:not(.byted-input-number-disabled) {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #121212;
}
.byted-input-number-filled:not(.byted-input-number-disabled) .byted-input-number-suffix,
.byted-input-number-filled:not(.byted-input-number-disabled) .byted-input-number-prefix {
  color: #666666;
}
.byted-input-number-filled:not(.byted-input-number-disabled) .byted-input-number-input::placeholder {
  color: #8a8a8a;
}
.byted-input-number-filled:not(.byted-input-number-disabled):hover {
  color: #121212;
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.byted-input-number-filled:not(.byted-input-number-disabled):focus-within,
.byted-input-number-filled:not(.byted-input-number-disabled).byted-input-number-focus {
  color: #121212;
  border-color: #f60457;
  background-color: #f2f2f2;
  box-shadow: 0 0 0 2px rgba(246, 4, 87, 0.2);
}
.byted-input-number-filled:not(.byted-input-number-disabled).byted-input-number-warning {
  background-color: #ffede8;
  border-color: #d83e0e;
}
.byted-input-number-filled:not(.byted-input-number-disabled).byted-input-number-warning:hover {
  border-color: #d83e0e;
  background-color: #ffede8;
}
.byted-input-number-filled:not(.byted-input-number-disabled).byted-input-number-warning:focus-within,
.byted-input-number-filled:not(.byted-input-number-disabled).byted-input-number-warning.byted-input-number-filled:not(.byted-input-number-disabled).byted-input-number-warning.byted-input-number-focus {
  border-color: #d83e0e;
  background-color: #ffede8;
  box-shadow: 0 0 0 2px rgba(216, 62, 14, 0.2);
}
.byted-input-number-filled:not(.byted-input-number-disabled) .byted-input-number-left-right-label .byted-input-number-controls-btn {
  background-color: transparent;
}
.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-controls-btn-up {
  right: 0;
  border: none;
}
.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-controls-btn-up::before {
  left: 0;
}
.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-controls-btn-down {
  left: 0;
  border: none;
}
.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-controls-btn-down::after {
  right: 0;
}
.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-controls-btn-up::before,
.byted-input-number-filled .byted-input-number-left-right-label .byted-input-number-controls-btn-down::after {
  content: '';
  position: absolute;
  height: 50%;
  width: 1px;
  background-color: #d9d9d9;
}
.byted-input-number-prefix {
  padding-right: 4px;
  color: #666666;
}
.byted-input-number-suffix {
  padding-left: 4px;
  color: #666666;
}
.byted-input-number-suffix-controls {
  margin-right: 16px;
}
.byted-input-number-prefix-divider,
.byted-input-number-suffix-divider {
  position: relative;
}
.byted-input-number-prefix-divider::after,
.byted-input-number-suffix-divider::after {
  content: '';
  height: 100%;
  width: 1px;
  position: absolute;
  display: block;
  background-color: #ebebeb;
  top: 50%;
  transform: translateY(-50%);
}
.byted-input-number-prefix-divider {
  padding-right: 16px;
}
.byted-input-number-prefix-divider::after {
  right: 8px;
}
.byted-input-number-suffix-divider {
  padding-left: 16px;
}
.byted-input-number-suffix-divider::after {
  left: 8px;
}
.byted-input-number-controls {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 20px;
  z-index: 10;
  opacity: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-input-number-controls-show {
  opacity: 1;
}
.byted-input-number-controls-hide {
  display: none;
}
.byted-input-number-controls-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  text-align: center;
  color: #121212;
  cursor: pointer;
}
.byted-input-number-controls-btn:hover {
  color: #f60457;
}
.byted-input-number-controls-btn:active {
  color: #d20251;
}
.byted-input-number-disabled .byted-input-number-controls-btn,
.byted-input-number-disabled:hover .byted-input-number-controls-btn,
.byted-input-number-controls-btn.byted-input-number-controls-btn-disabled {
  color: #bdbdbd;
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  cursor: not-allowed;
}
.byted-input-number-disabled .byted-input-number-controls-btn:hover,
.byted-input-number-disabled:hover .byted-input-number-controls-btn:hover,
.byted-input-number-controls-btn.byted-input-number-controls-btn-disabled:hover {
  color: #bdbdbd;
}
.byted-input-number-rimless {
  border: none;
}
.byted-input-number-rimless:focus-within,
.byted-input-number-rimless-focus {
  box-shadow: none;
}
.byted-input-number-rimless.byted-input-number-warning:focus-within,
.byted-input-number-rimless.byted-input-number-filled:focus-within,
.byted-input-number-rimless.byted-input-number-warning.byted-input-number-focus,
.byted-input-number-rimless.byted-input-number-filled.byted-input-number-focus {
  box-shadow: none;
}
.byted-input-number-rimless.byted-input-number-filled.byted-input-number-warning:focus-within,
.byted-input-number-rimless.byted-input-number-filled.byted-input-number-warning.byted-input-number-rimless.byted-input-number-filled.byted-input-number-warning.byted-input-number-focus {
  box-shadow: none;
}

/**************************************************************/
/**************************************************************/
/**************************************************************/
[data-motion-wave] {
  position: relative;
}
[data-motion-wave][data-motion-wave='after']::after,
[data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes svg-loading-inner {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0);
  }
}
@keyframes svg-loading-outer {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.byted-icon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.byted-icon-spin {
  animation: spin 1s infinite linear;
}
.byted-icon-loading .svg-loading-inner {
  animation: svg-loading-inner linear 2.5s infinite;
  transform-origin: 50%;
}
.byted-icon-loading .svg-loading-outer {
  animation: svg-loading-outer linear 2s infinite;
  transform-origin: 50%;
}

/**************************************************************/
/**************************************************************/
/**************************************************************/
[data-motion-wave] {
  position: relative;
}
[data-motion-wave][data-motion-wave='after']::after,
[data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-loading-block {
  position: relative;
  width: 100%;
  height: 100%;
}
.byted-loading-inline {
  position: relative;
  display: inline-block;
}
.byted-loading-icon {
  order: 0;
}
.byted-loading-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fa4b74;
  opacity: 0;
  transition: opacity ease-in-out 0.24s;
}
.byted-loading-wrapper.byted-loading-wrapper-rtl {
  direction: rtl;
}
.byted-loading-wrapper-show {
  opacity: 1;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-above {
  flex-direction: column;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-above .byted-loading-label {
  order: -1;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-below {
  flex-direction: column;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-below .byted-loading-label {
  order: 1;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-before {
  flex-direction: row;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-before .byted-loading-label {
  order: -1;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-after {
  flex-direction: row;
}
.byted-loading-wrapper.byted-loading-wrapper-label-position-after .byted-loading-label {
  order: 1;
}
.byted-loading-wrapper.byted-loading-wrapper-size-xs .byted-loading-icon {
  font-size: 12px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-xs .byted-loading-label {
  font-size: 12px;
  line-height: 20px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-sm .byted-loading-icon {
  font-size: 14px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-sm .byted-loading-label {
  font-size: 12px;
  line-height: 20px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-md .byted-loading-icon {
  font-size: 18px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-md .byted-loading-label {
  font-size: 14px;
  line-height: 22px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-lg .byted-loading-icon {
  font-size: 36px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-lg .byted-loading-label {
  font-size: 18px;
  line-height: 24px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-xl .byted-loading-icon {
  font-size: 56px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-xl .byted-loading-label {
  font-size: 20px;
  line-height: 28px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-xs .byted-loading-icon,
.byted-loading-wrapper.byted-loading-wrapper-size-xs .byted-loading-label {
  margin: 2px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-sm .byted-loading-icon,
.byted-loading-wrapper.byted-loading-wrapper-size-sm .byted-loading-label {
  margin: 2px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-md .byted-loading-icon,
.byted-loading-wrapper.byted-loading-wrapper-size-md .byted-loading-label {
  margin: 3px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-lg .byted-loading-icon,
.byted-loading-wrapper.byted-loading-wrapper-size-lg .byted-loading-label {
  margin: 4px;
}
.byted-loading-wrapper.byted-loading-wrapper-size-xl .byted-loading-icon,
.byted-loading-wrapper.byted-loading-wrapper-size-xl .byted-loading-label {
  margin: 8px;
}
.byted-loading-mask {
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
  transition: opacity ease-in-out 0.24s;
}
.byted-loading-mask-show {
  opacity: 1;
}

@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes okee-loading-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
/**
 * OKee Design Component Checkbox Design Token
 */
/**
 * OKee Theme Checkbox Iteme Design Token
 */
/**
 * OKee Theme Checkbox Design Token
 */
/**************************************************************/
/**************************************************************/
/**************************************************************/
[class*='byted-'][data-motion-wave] {
  position: relative;
}
[class*='byted-'][data-motion-wave][data-motion-wave='after']::after,
[class*='byted-'][data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[class*='byted-'][data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[class*='byted-'][data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-checkbox {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  user-select: none;
  padding: 6px 0;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  margin: 0 32px 0 0;
}
.byted-checkbox.byted-checkbox-rtl {
  direction: rtl;
  margin: 0 0 0 32px;
}
.byted-checkbox:last-of-type {
  margin: 0;
}
.byted-checkbox-icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  flex: none;
  color: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: transparent;
  text-align: center;
  line-height: 0;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-checkbox-icon .byted-icon {
  position: absolute;
  top: 0;
  left: 0;
}
.byted-checkbox-icon[data-motion-wave][data-motion-wave='after']::after,
.byted-checkbox-icon[data-motion-wave][data-motion-wave='before']::before {
  color: #f60457;
}
.byted-checkbox-label {
  display: inline-block;
  flex: 1;
  font-size: inherit;
  line-height: inherit;
}
.byted-checkbox-xs {
  font-size: 12px;
  line-height: 18px;
}
.byted-checkbox-xs .byted-checkbox-icon {
  top: 3px;
  width: 12px;
  height: 12px;
}
.byted-checkbox-xs .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-xs.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-xs .byted-checkbox-label-no {
  min-height: 18px;
}
.byted-checkbox-sm {
  font-size: 12px;
  line-height: 18px;
}
.byted-checkbox-sm .byted-checkbox-icon {
  top: 3px;
  width: 12px;
  height: 12px;
}
.byted-checkbox-sm .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-sm.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-sm .byted-checkbox-label-no {
  min-height: 18px;
}
.byted-checkbox-md {
  font-size: 14px;
  line-height: 22px;
}
.byted-checkbox-md .byted-checkbox-icon {
  top: 3px;
  width: 16px;
  height: 16px;
}
.byted-checkbox-md .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-md.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-md .byted-checkbox-label-no {
  min-height: 22px;
}
.byted-checkbox-lg {
  font-size: 14px;
  line-height: 22px;
  padding: 8px 0;
}
.byted-checkbox-lg .byted-checkbox-icon {
  top: 1px;
  width: 20px;
  height: 20px;
}
.byted-checkbox-lg .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-lg.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-lg .byted-checkbox-label-no {
  min-height: 22px;
}
.byted-checkbox-xl {
  font-size: 14px;
  line-height: 22px;
  padding: 8px 0;
}
.byted-checkbox-xl .byted-checkbox-icon {
  top: 1px;
  width: 20px;
  height: 20px;
}
.byted-checkbox-xl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox-xl.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-checked .byted-checkbox-icon,
.byted-checkbox-indeterminate .byted-checkbox-icon {
  background-color: #121212;
  border-color: #121212;
  color: #ffffff;
}
.byted-checkbox:not(.byted-checkbox-disabled) {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled):hover {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled):active {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled).byted-checkbox-checked {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled).byted-checkbox-checked:hover {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled).byted-checkbox-checked:active {
  color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon:hover,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon:focus {
  background-color: #ffffff;
  border-color: #121212;
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon:focus {
  box-shadow: 0 0 0 2px rgba(253, 163, 178, 0.2);
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon:active {
  background-color: #ffffff;
  border-color: #d20251;
  box-shadow: 0 0 0 2px rgba(253, 163, 178, 0.2);
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-checked:hover,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-indeterminate:hover,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-checked:focus,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-indeterminate:focus {
  background-color: #fa4b74;
  border-color: #fa4b74;
}
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-checked:active,
.byted-checkbox:not(.byted-checkbox-disabled) .byted-checkbox-icon-indeterminate:active {
  background-color: #d20251;
  border-color: #d20251;
}
.byted-checkbox-disabled {
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-checkbox-disabled .byted-checkbox-icon {
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-checkbox-disabled.byted-checkbox-variant-fill .byted-checkbox-icon {
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-checkbox-disabled.byted-checkbox-checked .byted-checkbox-icon,
.byted-checkbox-disabled.byted-checkbox-indeterminate .byted-checkbox-icon {
  border-color: #bdbdbd;
  background-color: #bdbdbd;
}
.byted-checkbox.byted-checkbox-variant {
  position: relative;
  border-radius: 4px;
}
.byted-checkbox.byted-checkbox-variant::after {
  border-radius: 4px;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked {
  z-index: 3;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked:hover .byted-checkbox-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #fa4b74;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked:active .byted-checkbox-icon {
  background-color: #fed0d6;
  border-color: #fed0d6;
  color: #d20251;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked .byted-checkbox-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked.byted-checkbox-disabled {
  z-index: 1;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-checked.byted-checkbox-disabled .byted-checkbox-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #fda3b2;
}
.byted-checkbox.byted-checkbox-variant-fill {
  color: #121212;
  background-color: #ebebeb;
}
.byted-checkbox.byted-checkbox-variant-fill:not(.byted-checkbox-checked):hover {
  background-color: #f2f2f2;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-fill:not(.byted-checkbox-checked):active {
  background-color: #f2f2f2;
  color: #d20251;
}
.byted-checkbox.byted-checkbox-variant-fill:not(.byted-checkbox-checked).byted-checkbox-disabled {
  color: #bdbdbd;
  background-color: #f2f2f2;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked:hover {
  color: #fa4b74;
  border-color: #fa4b74;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked::after {
  z-index: 4;
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #f60457;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked.byted-checkbox-disabled {
  color: #fda3b2;
  border-color: #fda3b2;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-checked.byted-checkbox-disabled::after {
  border: 1px solid #fda3b2;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-disabled + .byted-checkbox.byted-checkbox-variant-divider::before {
  display: none;
}
.byted-checkbox.byted-checkbox-variant-divider:not(:first-child).byted-checkbox.byted-checkbox-variant-divider:not(.byted-checkbox-disabled)::before {
  content: ' ';
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #d9d9d9;
}
.byted-checkbox.byted-checkbox-variant-border {
  color: #121212;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-border:hover {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
  z-index: 3;
}
.byted-checkbox.byted-checkbox-variant-border:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
  z-index: 4;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
  z-index: 3;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-checked:hover {
  color: #fa4b74;
  border-color: #fa4b74;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-checked:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-checked.byted-checkbox-disabled {
  color: #fda3b2;
  background-color: #ffffff;
  border-color: #fda3b2;
  z-index: 2;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-disabled {
  color: #bdbdbd;
  background-color: #f2f2f2;
  border-color: #d9d9d9;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-disabled:hover {
  z-index: 1;
}
.byted-checkbox.byted-checkbox-variant-button {
  overflow-x: hidden;
  background-color: #f2f2f2;
  color: #121212;
}
.byted-checkbox.byted-checkbox-variant-button:not(:last-of-type) {
  margin-right: 12px;
}
.byted-checkbox.byted-checkbox-variant-button:hover {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button:active {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-disabled {
  background-color: #f2f2f2;
  color: #bdbdbd;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-checked {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-checked:hover {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-checked:active {
  background-color: #feedef;
  color: #f60457;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-checked.byted-checkbox-disabled {
  background-color: #feedef;
  color: #fda3b2;
}
.byted-checkbox.byted-checkbox-variant .byted-checkbox-button-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  color: #ffffff;
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-xs {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xs,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-xs {
  height: 26px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-xs {
  height: 26px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xs .byted-checkbox-button-icon {
  font-size: 10px;
  border: 8px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xs .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xs .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((16px / 2) - 10px);
  left: calc((16px / 2) - 10px);
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-sm {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-sm,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-sm {
  height: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-sm {
  height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-sm .byted-checkbox-button-icon {
  font-size: 10px;
  border: 8px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-sm .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-sm .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((16px / 2) - 10px);
  left: calc((16px / 2) - 10px);
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-md {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-md,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-md {
  height: 34px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-md {
  height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-md .byted-checkbox-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-md .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-md .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-lg {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-lg,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-lg {
  height: 38px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-lg {
  height: 38px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-lg .byted-checkbox-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-lg .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-lg .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}
.byted-checkbox.byted-checkbox-variant.byted-checkbox-xl {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xl,
.byted-checkbox.byted-checkbox-variant-fill.byted-checkbox-xl {
  height: 42px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.byted-checkbox.byted-checkbox-variant-border.byted-checkbox-xl {
  height: 42px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xl .byted-checkbox-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xl .byted-checkbox-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-checkbox.byted-checkbox-variant-button.byted-checkbox-xl .byted-checkbox-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}
.byted-radio {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  color: #121212;
  cursor: pointer;
  vertical-align: middle;
}
.byted-radio.byted-radio-rtl {
  direction: rtl;
}
.byted-radio + .byted-radio {
  margin: 0 0 0 24px;
}
.byted-radio + .byted-radio.byted-radio-rtl {
  margin: 0 24px 0 0;
}
.byted-radio .byted-radio-circle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-radio .byted-radio-circle::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  transform: translate3d(-50%, -50%, 0) scale(0);
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
  -moz-transform: translate3d(-50%, -50%, 0) scale(0);
  -o-transform: translate3d(-50%, -50%, 0) scale(0);
}
.byted-radio.byted-radio-checked .byted-radio-circle {
  border-color: #121212;
  background-color: #f60457;
}
.byted-radio.byted-radio-checked .byted-radio-circle::after {
  background-color: #121212;
  transform: translate3d(-50%, -50%, 0) scale(1);
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
  -moz-transform: translate3d(-50%, -50%, 0) scale(1);
  -o-transform: translate3d(-50%, -50%, 0) scale(1);
}
.byted-radio.byted-radio-checked:hover .byted-radio-circle {
  border-color: #fa4b74;
  background-color: #fa4b74;
}
.byted-radio.byted-radio-checked:focus .byted-radio-circle {
  border-color: #d20251;
  background-color: #d20251;
}
.byted-radio.byted-radio-checked:active .byted-radio-circle {
  border-color: #d20251;
  background-color: #d20251;
}
.byted-radio.byted-radio-variant.byted-radio-size-xs {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-size-xs {
  height: 26px;
  font-size: 12px;
  line-height: 20px;
}
.byted-radio.byted-radio-size-xs .byted-radio-circle {
  width: 14px;
  height: 14px;
}
.byted-radio.byted-radio-size-xs .byted-radio-circle::after {
  width: 5px;
  height: 5px;
}
.byted-radio.byted-radio-size-xs .byted-radio-label {
  margin: 0 0 0 4px;
}
.byted-radio.byted-radio-rtl.byted-radio-size-xs .byted-radio-label {
  margin: 0 4px 0 0;
}
.byted-radio.byted-radio-variant.byted-radio-size-sm {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-size-sm {
  height: 30px;
  font-size: 12px;
  line-height: 20px;
}
.byted-radio.byted-radio-size-sm .byted-radio-circle {
  width: 14px;
  height: 14px;
}
.byted-radio.byted-radio-size-sm .byted-radio-circle::after {
  width: 5px;
  height: 5px;
}
.byted-radio.byted-radio-size-sm .byted-radio-label {
  margin: 0 0 0 4px;
}
.byted-radio.byted-radio-rtl.byted-radio-size-sm .byted-radio-label {
  margin: 0 4px 0 0;
}
.byted-radio.byted-radio-variant.byted-radio-size-md {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-size-md {
  height: 34px;
  font-size: 14px;
  line-height: 22px;
}
.byted-radio.byted-radio-size-md .byted-radio-circle {
  width: 16px;
  height: 16px;
}
.byted-radio.byted-radio-size-md .byted-radio-circle::after {
  width: 6px;
  height: 6px;
}
.byted-radio.byted-radio-size-md .byted-radio-label {
  margin: 0 0 0 8px;
}
.byted-radio.byted-radio-rtl.byted-radio-size-md .byted-radio-label {
  margin: 0 8px 0 0;
}
.byted-radio.byted-radio-variant.byted-radio-size-lg {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-size-lg {
  height: 38px;
  font-size: 14px;
  line-height: 22px;
}
.byted-radio.byted-radio-size-lg .byted-radio-circle {
  width: 16px;
  height: 16px;
}
.byted-radio.byted-radio-size-lg .byted-radio-circle::after {
  width: 6px;
  height: 6px;
}
.byted-radio.byted-radio-size-lg .byted-radio-label {
  margin: 0 0 0 8px;
}
.byted-radio.byted-radio-rtl.byted-radio-size-lg .byted-radio-label {
  margin: 0 8px 0 0;
}
.byted-radio.byted-radio-variant.byted-radio-size-xl {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-size-xl {
  height: 42px;
  font-size: 16px;
  line-height: 24px;
}
.byted-radio.byted-radio-size-xl .byted-radio-circle {
  width: 18px;
  height: 18px;
}
.byted-radio.byted-radio-size-xl .byted-radio-circle::after {
  width: 7px;
  height: 7px;
}
.byted-radio.byted-radio-size-xl .byted-radio-label {
  margin: 0 0 0 8px;
}
.byted-radio.byted-radio-rtl.byted-radio-size-xl .byted-radio-label {
  margin: 0 8px 0 0;
}
.byted-radio:hover {
  color: #121212;
}
.byted-radio:hover .byted-radio-circle {
  border-color: #121212;
  background-color: #ffffff;
}
.byted-radio:active {
  color: #121212;
}
.byted-radio:active .byted-radio-circle {
  border-color: #d20251;
  box-shadow: 0 0 0 2px rgba(210, 2, 81, 0.2);
  background-color: #ffffff;
}
.byted-radio:focus .byted-radio-circle {
  border-color: #121212;
  box-shadow: 0 0 0 2px rgba(18, 18, 18, 0.2);
}
.byted-radio.byted-radio-disabled {
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-radio.byted-radio-disabled:hover,
.byted-radio.byted-radio-disabled:focus,
.byted-radio.byted-radio-disabled:active {
  color: #bdbdbd;
}
.byted-radio.byted-radio-disabled:hover .byted-radio-circle,
.byted-radio.byted-radio-disabled:focus .byted-radio-circle,
.byted-radio.byted-radio-disabled:active .byted-radio-circle {
  border-color: #ebebeb;
  box-shadow: none;
}
.byted-radio.byted-radio-disabled .byted-radio-circle {
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-radio.byted-radio-disabled.byted-radio-checked .byted-radio-circle {
  border-color: #fda3b2;
  background-color: #fda3b2;
}
.byted-radio.byted-radio-disabled.byted-radio-checked:hover .byted-radio-circle,
.byted-radio.byted-radio-disabled.byted-radio-checked:focus .byted-radio-circle,
.byted-radio.byted-radio-disabled.byted-radio-checked:active .byted-radio-circle {
  border-color: #fda3b2;
  background-color: #fda3b2;
}
.byted-radio.byted-radio-variant {
  position: relative;
  border-radius: 4px;
}
.byted-radio.byted-radio-variant::after {
  border-radius: 4px;
}
.byted-radio.byted-radio-variant.byted-radio-checked {
  z-index: 3;
}
.byted-radio.byted-radio-variant.byted-radio-checked:hover .byted-radio-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #fa4b74;
}
.byted-radio.byted-radio-variant.byted-radio-checked:active .byted-radio-icon {
  background-color: #fed0d6;
  border-color: #fed0d6;
  color: #d20251;
}
.byted-radio.byted-radio-variant.byted-radio-checked .byted-radio-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #f60457;
}
.byted-radio.byted-radio-variant.byted-radio-checked.byted-radio-disabled {
  z-index: 1;
}
.byted-radio.byted-radio-variant.byted-radio-checked.byted-radio-disabled .byted-radio-icon {
  background-color: #feedef;
  border-color: #feedef;
  color: #fda3b2;
}
.byted-radio.byted-radio-variant-fill {
  color: #121212;
  background-color: #ebebeb;
}
.byted-radio.byted-radio-variant-fill:not(.byted-radio-checked):hover {
  background-color: #f2f2f2;
  color: #f60457;
}
.byted-radio.byted-radio-variant-fill:not(.byted-radio-checked):active {
  background-color: #f2f2f2;
  color: #d20251;
}
.byted-radio.byted-radio-variant-fill:not(.byted-radio-checked).byted-radio-disabled {
  color: #bdbdbd;
  background-color: #f2f2f2;
}
.byted-radio.byted-radio-variant-fill.byted-radio-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
}
.byted-radio.byted-radio-variant-fill.byted-radio-checked:hover {
  color: #fa4b74;
  border-color: #fa4b74;
  background-color: #ffffff;
}
.byted-radio.byted-radio-variant-fill.byted-radio-checked:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
}
.byted-radio.byted-radio-variant-fill.byted-radio-checked::after {
  z-index: 4;
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #f60457;
}
.byted-radio.byted-radio-variant-fill.byted-radio-checked.byted-radio-disabled {
  color: #fda3b2;
  border-color: #fda3b2;
  background-color: #ffffff;
}
.byted-radio.byted-radio-variant-fill.byted-radio-checked.byted-radio-disabled::after {
  border: 1px solid #fda3b2;
}
.byted-radio.byted-radio-variant.byted-radio-disabled + .byted-radio.byted-radio-variant-divider::before {
  display: none;
}
.byted-radio.byted-radio-variant-divider:not(:first-child).byted-radio.byted-radio-variant-divider:not(.byted-radio-disabled)::before {
  content: ' ';
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #d9d9d9;
}
.byted-radio.byted-radio-variant-border {
  color: #121212;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
}
.byted-radio.byted-radio-variant-border:hover {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
  z-index: 3;
}
.byted-radio.byted-radio-variant-border:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
  z-index: 4;
}
.byted-radio.byted-radio-variant-border.byted-radio-checked {
  color: #f60457;
  border-color: #f60457;
  background-color: #ffffff;
  z-index: 3;
}
.byted-radio.byted-radio-variant-border.byted-radio-checked:hover {
  color: #fa4b74;
  border-color: #fa4b74;
  background-color: #ffffff;
}
.byted-radio.byted-radio-variant-border.byted-radio-checked:active {
  color: #d20251;
  border-color: #d20251;
  background-color: #ffffff;
}
.byted-radio.byted-radio-variant-border.byted-radio-checked.byted-radio-disabled {
  color: #fda3b2;
  background-color: #ffffff;
  border-color: #fda3b2;
  z-index: 2;
}
.byted-radio.byted-radio-variant-border.byted-radio-disabled {
  color: #bdbdbd;
  background-color: #f2f2f2;
  border-color: #d9d9d9;
}
.byted-radio.byted-radio-variant-border.byted-radio-disabled:hover {
  z-index: 1;
}
.byted-radio.byted-radio-variant-button {
  overflow-x: hidden;
  background-color: #f2f2f2;
  color: #121212;
}
.byted-radio.byted-radio-variant-button:not(:last-of-type) {
  margin-right: 12px;
}
.byted-radio.byted-radio-variant-button:hover {
  background-color: #feedef;
  color: #f60457;
}
.byted-radio.byted-radio-variant-button:active {
  background-color: #feedef;
  color: #f60457;
}
.byted-radio.byted-radio-variant-button.byted-radio-disabled {
  background-color: #f2f2f2;
  color: #bdbdbd;
}
.byted-radio.byted-radio-variant-button.byted-radio-checked {
  background-color: #feedef;
  color: #f60457;
}
.byted-radio.byted-radio-variant-button.byted-radio-checked:hover {
  background-color: #feedef;
  color: #f60457;
}
.byted-radio.byted-radio-variant-button.byted-radio-checked:active {
  background-color: #feedef;
  color: #f60457;
}
.byted-radio.byted-radio-variant-button.byted-radio-checked.byted-radio-disabled {
  background-color: #feedef;
  color: #fda3b2;
}
.byted-radio.byted-radio-variant .byted-radio-button-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  color: #ffffff;
}
.byted-radio.byted-radio-variant.byted-radio-xs {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-variant-button.byted-radio-xs,
.byted-radio.byted-radio-variant-fill.byted-radio-xs {
  height: 26px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.byted-radio.byted-radio-variant-border.byted-radio-xs {
  height: 26px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.byted-radio.byted-radio-variant-button.byted-radio-xs .byted-radio-button-icon {
  font-size: 10px;
  border: 8px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-xs .byted-radio-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-xs .byted-radio-button-icon .byted-icon {
  position: absolute;
  bottom: calc((16px / 2) - 10px);
  left: calc((16px / 2) - 10px);
}
.byted-radio.byted-radio-variant.byted-radio-sm {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-variant-button.byted-radio-sm,
.byted-radio.byted-radio-variant-fill.byted-radio-sm {
  height: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-radio.byted-radio-variant-border.byted-radio-sm {
  height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.byted-radio.byted-radio-variant-button.byted-radio-sm .byted-radio-button-icon {
  font-size: 10px;
  border: 8px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-sm .byted-radio-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-sm .byted-radio-button-icon .byted-icon {
  position: absolute;
  bottom: calc((16px / 2) - 10px);
  left: calc((16px / 2) - 10px);
}
.byted-radio.byted-radio-variant.byted-radio-md {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-variant-button.byted-radio-md,
.byted-radio.byted-radio-variant-fill.byted-radio-md {
  height: 34px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.byted-radio.byted-radio-variant-border.byted-radio-md {
  height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.byted-radio.byted-radio-variant-button.byted-radio-md .byted-radio-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-md .byted-radio-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-md .byted-radio-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}
.byted-radio.byted-radio-variant.byted-radio-lg {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-variant-button.byted-radio-lg,
.byted-radio.byted-radio-variant-fill.byted-radio-lg {
  height: 38px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.byted-radio.byted-radio-variant-border.byted-radio-lg {
  height: 38px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.byted-radio.byted-radio-variant-button.byted-radio-lg .byted-radio-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-lg .byted-radio-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-lg .byted-radio-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}
.byted-radio.byted-radio-variant.byted-radio-xl {
  padding-left: 16px;
  padding-right: 16px;
}
.byted-radio.byted-radio-variant-button.byted-radio-xl,
.byted-radio.byted-radio-variant-fill.byted-radio-xl {
  height: 42px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.byted-radio.byted-radio-variant-border.byted-radio-xl {
  height: 42px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.byted-radio.byted-radio-variant-button.byted-radio-xl .byted-radio-button-icon {
  font-size: 12px;
  border: 10px solid;
  border-color: #f60457 #f60457 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-xl .byted-radio-button-icon-disabled {
  border-color: #fda3b2 #fda3b2 transparent transparent;
}
.byted-radio.byted-radio-variant-button.byted-radio-xl .byted-radio-button-icon .byted-icon {
  position: absolute;
  bottom: calc((20px / 2) - 12px);
  left: calc((20px / 2) - 12px);
}
.byted-radio.byted-radio-variant > .byted-radio-label {
  margin-left: 0;
}

/**
 * 背景：ocean design 设计语言升级 https://bytedance.feishu.cn/wiki/wikcn4iTxxqlr38tUTrB0vw8IrI
 * 新版设计变量：Base Token 说明 https://bytedance.feishu.cn/wiki/wikcnJIDeiIcpfwDxcf2rZsZX9f?sheet=db0bca
 * 升级过渡方案：平滑过渡 https://bytedance.feishu.cn/docx/doxcnVOfGWO4dhy9xYAo1BcgmNf
 */
/**
 * OKee Design Component Checkbox Design Token
 */
/**
 * OKee Theme Checkbox Iteme Design Token
 */
/**
 * OKee Theme Checkbox Design Token
 */
.byted-radio-button.byted-btn-disabled.byted-radio-button-checked {
  background-color: #feedef;
  border-color: #fda3b2;
  color: #fda3b2;
  z-index: 10;
}
.byted-radio-filled-size-xs {
  font-size: 12px;
  line-height: 20px;
}
.byted-radio-filled-size-sm {
  font-size: 12px;
  line-height: 20px;
}
.byted-radio-filled-size-md {
  font-size: 14px;
  line-height: 22px;
}
.byted-radio-filled-size-lg {
  font-size: 14px;
  line-height: 22px;
}
.byted-radio-filled-size-xl {
  font-size: 16px;
  line-height: 24px;
}
.byted-radio-group-type-filled {
  display: inline-flex;
  background-color: #ebebeb;
  padding: 4px;
  color: #666666;
  border-radius: 4px;
}
.byted-radio-group-type-filled .byted-radio-filled {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 12px;
  margin-right: 4px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
}
.byted-radio-group-type-filled .byted-radio-filled:last-child {
  margin-right: 0px;
}
.byted-radio-group-type-filled .byted-radio-filled:hover {
  background-color: #d9d9d9;
}
.byted-radio-group-type-filled .byted-radio-filled:active {
  background-color: #d2d2d2;
}
.byted-radio-group-type-filled .byted-radio-filled-disabled {
  cursor: not-allowed;
  color: #bdbdbd;
}
.byted-radio-group-type-filled .byted-radio-filled-disabled:hover {
  background-color: #ebebeb;
}
.byted-radio-group-type-filled .byted-radio-filled-disabled.byted-radio-filled-checked,
.byted-radio-group-type-filled .byted-radio-filled-disabled.byted-radio-filled-checked:hover {
  background-color: #ffffff;
  color: #fda3b2;
}
.byted-radio-group-type-filled .byted-radio-filled-checked,
.byted-radio-group-type-filled .byted-radio-filled-checked:hover {
  background-color: #ffffff;
  color: #f60457;
}
.byted-radio-group-variant {
  display: inline-flex;
}
.byted-radio-group-variant .byted-radio.byted-radio-variant {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  margin-left: 0px;
  border-radius: 0;
}
.byted-radio-group-variant .byted-radio.byted-radio-variant::after {
  border-radius: 0px;
}
.byted-radio-group-variant .byted-radio.byted-radio-variant:first-child,
.byted-radio-group-variant .byted-radio.byted-radio-variant:first-child::after {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-radio-group-variant .byted-radio.byted-radio-variant:last-child,
.byted-radio-group-variant .byted-radio.byted-radio-variant:last-child::after {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-radio-group-variant .byted-radio.byted-radio-variant-fill:not(:last-child) {
  margin-right: -1px;
}
.byted-radio-group-variant .byted-radio.byted-radio-variant-border:not(:last-child) {
  margin-right: -1px;
}
.byted-radio-tag + .byted-radio-tag {
  margin-left: 0px;
  margin-right: 0;
}
.byted-radio-tag.byted-tag-rtl + .byted-radio-tag.byted-tag-rtl {
  margin-left: 0;
  margin-right: 0px;
}
/**
 * ocean 2.0 primary 线性按钮（Api plain） 边框和文字为 @primary-5;
 * ocean 1.0 primary 线性按钮（Api plain） 边框和文字为 灰色;
 * RadioGroup.Button 底层使用 primary 线性按钮 
 */
/**
 * Radio Button 使用旧样式风格: 
 * 未选中按钮 border 和 color 为灰色， 选中时 +蓝色背景，border 和 color 为蓝色；
 */
.byted-radio-group .byted-btn-group > .byted-btn-type-primary.byted-btn-plain:not(.byted-btn-checked) {
  border-color: #d9d9d9;
  color: #121212;
}
.byted-radio-group .byted-btn-group > .byted-btn-type-primary.byted-btn-plain:not(.byted-btn-checked):hover {
  border-color: #f60457;
  color: #f60457;
}
.byted-radio-group .byted-btn-group > .byted-btn-type-primary.byted-btn-plain.byted-btn-checked {
  background-color: #feedef;
  color: #f60457;
}
.byted-radio-group .byted-btn-group > .byted-btn-type-primary.byted-btn-plain.byted-btn-disabled {
  background-color: #f2f2f2;
  border-color: #d9d9d9;
  color: #bdbdbd;
}
.byted-radio-group .byted-btn-group > .byted-btn-type-primary.byted-btn-plain.byted-btn-disabled:hover {
  border-color: #d9d9d9;
  color: #bdbdbd;
  z-index: 9;
}
.byted-radio-group .byted-btn-group > .byted-btn-type-primary.byted-btn-plain.byted-btn-disabled.byted-btn-checked {
  background-color: #feedef;
  border-color: #fda3b2;
  color: #fda3b2;
}

[class*='byted-'] {
  box-sizing: border-box;
}
input:disabled {
  -webkit-text-fill-color: currentColor;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.15s linear;
  opacity: 1 !important;
}
.fade-enter-active.fade-enter,
.fade-leave-active.fade-enter,
.fade-enter-active.fade-leave-active,
.fade-leave-active.fade-leave-active {
  opacity: 0 !important;
}
.collapse-transition {
  transition: height 0.2s ease-in-out, padding-top 0.2s ease-in-out, padding-bottom 0.2s ease-in-out;
}
.byted-loading-fade-enter-active,
.byted-loading-fade-leave-active {
  transition: opacity 0.5s;
}
.byted-loading-fade-enter,
.byted-loading-fade-leave-to {
  opacity: 0;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-italic {
  font-weight: italic !important;
}
.inline {
  display: inline !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  content: '';
  display: table;
}
.clearfix::after {
  clear: both;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.byted-btn {
  outline: none;
  text-align: center;
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0 16px;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-btn-type-default {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #121212;
}
.byted-btn-type-default:hover {
  background-color: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-btn-type-default:focus {
  background-color: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-btn-type-default:active {
  background-color: #ebebeb;
  border-color: #f2f2f2;
  color: #121212;
}
.byted-btn-type-default.byted-btn-checked {
  background-color: #ebebeb;
  border-color: #ebebeb;
  color: #121212;
}
.byted-btn-type-default.byted-btn-disabled {
  cursor: no-drop;
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: #bdbdbd;
}
.byted-btn-type-default.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-default[data-motion-wave='after']::after,
.byted-btn-type-default[data-motion-wave='before']::before {
  color: #121212;
}
.byted-btn-type-default .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-default.byted-btn-plain {
  background-color: #f8f8f8;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-default.byted-btn-plain:hover {
  background-color: #f8f8f8;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-default.byted-btn-plain:focus {
  background-color: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-default.byted-btn-plain:active {
  background-color: #f8f8f8;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-default.byted-btn-plain.byted-btn-checked {
  background-color: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-default.byted-btn-plain.byted-btn-disabled {
  cursor: no-drop;
  background-color: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-default.byted-btn-plain.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-default.byted-btn-plain[data-motion-wave='after']::after,
.byted-btn-type-default.byted-btn-plain[data-motion-wave='before']::before {
  color: #121212;
}
.byted-btn-type-default.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-white,
.byted-btn-ghost {
  background-color: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-white:hover,
.byted-btn-ghost:hover {
  background-color: #ffffff;
  border-color: #fa4b74;
  color: #fa4b74;
}
.byted-btn-type-white:focus,
.byted-btn-ghost:focus {
  background-color: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-white:active,
.byted-btn-ghost:active {
  background-color: #ffffff;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-white.byted-btn-checked,
.byted-btn-ghost.byted-btn-checked {
  background-color: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-white.byted-btn-disabled,
.byted-btn-ghost.byted-btn-disabled {
  cursor: no-drop;
  background-color: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-white.byted-btn-disabled .byted-btn-loading-icon rect,
.byted-btn-ghost.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-white[data-motion-wave='after']::after,
.byted-btn-ghost[data-motion-wave='after']::after,
.byted-btn-type-white[data-motion-wave='before']::before,
.byted-btn-ghost[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-white .byted-btn-loading-icon rect,
.byted-btn-ghost .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-dashed {
  border-style: dashed;
  background-color: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-dashed:hover {
  background-color: #ffffff;
  border-color: #fa4b74;
  color: #fa4b74;
}
.byted-btn-type-dashed:focus {
  background-color: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-dashed:active {
  background-color: #ffffff;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-dashed.byted-btn-checked {
  background-color: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-dashed.byted-btn-disabled {
  cursor: no-drop;
  background-color: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-dashed.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-dashed[data-motion-wave='after']::after,
.byted-btn-type-dashed[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-dashed .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-primary {
  background-color: #f60457;
  border-color: #f60457;
  color: #ffffff;
}
.byted-btn-type-primary:hover {
  background-color: #fa4b74;
  border-color: #fa4b74;
  color: #ffffff;
}
.byted-btn-type-primary:focus {
  background-color: #fa4b74;
  border-color: #fa4b74;
  color: #ffffff;
}
.byted-btn-type-primary:active {
  background-color: #d20251;
  border-color: #d20251;
  color: #ffffff;
}
.byted-btn-type-primary.byted-btn-checked {
  background-color: #fa4b74;
  border-color: #fa4b74;
  color: #ffffff;
}
.byted-btn-type-primary.byted-btn-disabled {
  cursor: no-drop;
  background-color: #fda3b2;
  border-color: #fda3b2;
  color: #feedef;
}
.byted-btn-type-primary.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #feedef;
}
.byted-btn-type-primary[data-motion-wave='after']::after,
.byted-btn-type-primary[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-primary .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-primary.byted-btn-plain {
  background-color: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-primary.byted-btn-plain:hover {
  background-color: #ffffff;
  border-color: #fa4b74;
  color: #fa4b74;
}
.byted-btn-type-primary.byted-btn-plain:focus {
  background-color: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-plain:active {
  background-color: #ffffff;
  border-color: #d20251;
  color: #d20251;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn-checked {
  background-color: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn-disabled {
  cursor: no-drop;
  background-color: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-primary.byted-btn-plain.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-primary.byted-btn-plain[data-motion-wave='after']::after,
.byted-btn-type-primary.byted-btn-plain[data-motion-wave='before']::before {
  color: #fa4b74;
}
.byted-btn-type-primary.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-danger {
  background-color: #d83e0e;
  border-color: #d83e0e;
  color: #ffffff;
}
.byted-btn-type-danger:hover {
  background-color: #e06637;
  border-color: #e06637;
  color: #ffffff;
}
.byted-btn-type-danger:focus {
  background-color: #e06637;
  border-color: #e06637;
  color: #ffffff;
}
.byted-btn-type-danger:active {
  background-color: #b52a08;
  border-color: #b52a08;
  color: #ffffff;
}
.byted-btn-type-danger.byted-btn-checked {
  background-color: #e06637;
  border-color: #e06637;
  color: #ffffff;
}
.byted-btn-type-danger.byted-btn-disabled {
  cursor: no-drop;
  background-color: #f0b495;
  border-color: #f0b495;
  color: #ffede8;
}
.byted-btn-type-danger.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #ffede8;
}
.byted-btn-type-danger[data-motion-wave='after']::after,
.byted-btn-type-danger[data-motion-wave='before']::before {
  color: #d83e0e;
}
.byted-btn-type-danger .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-danger.byted-btn-plain {
  background-color: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-danger.byted-btn-plain:hover {
  background-color: #ffffff;
  border-color: #e06637;
  color: #e06637;
}
.byted-btn-type-danger.byted-btn-plain:focus {
  background-color: #ffede8;
  border-color: #d83e0e;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-plain:active {
  background-color: #ffffff;
  border-color: #b52a08;
  color: #b52a08;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn-checked {
  background-color: #ffede8;
  border-color: #d83e0e;
  color: #d83e0e;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn-disabled {
  cursor: no-drop;
  background-color: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-danger.byted-btn-plain.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-danger.byted-btn-plain[data-motion-wave='after']::after,
.byted-btn-type-danger.byted-btn-plain[data-motion-wave='before']::before {
  color: #e06637;
}
.byted-btn-type-danger.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-warning {
  background-color: #e0a111;
  border-color: #e0a111;
  color: #ffffff;
}
.byted-btn-type-warning:hover {
  background-color: #e5b23c;
  border-color: #e5b23c;
  color: #ffffff;
}
.byted-btn-type-warning:focus {
  background-color: #e5b23c;
  border-color: #e5b23c;
  color: #ffffff;
}
.byted-btn-type-warning:active {
  background-color: #c88706;
  border-color: #c88706;
  color: #ffffff;
}
.byted-btn-type-warning.byted-btn-checked {
  background-color: #e5b23c;
  border-color: #e5b23c;
  color: #ffffff;
}
.byted-btn-type-warning.byted-btn-disabled {
  cursor: no-drop;
  background-color: #f2e091;
  border-color: #f2e091;
  color: #fff8e0;
}
.byted-btn-type-warning.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fff8e0;
}
.byted-btn-type-warning[data-motion-wave='after']::after,
.byted-btn-type-warning[data-motion-wave='before']::before {
  color: #e0a111;
}
.byted-btn-type-warning .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-warning.byted-btn-plain {
  background-color: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-warning.byted-btn-plain:hover {
  background-color: #ffffff;
  border-color: #e5b23c;
  color: #e5b23c;
}
.byted-btn-type-warning.byted-btn-plain:focus {
  background-color: #fff8e0;
  border-color: #e0a111;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-plain:active {
  background-color: #ffffff;
  border-color: #c88706;
  color: #c88706;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn-checked {
  background-color: #fff8e0;
  border-color: #e0a111;
  color: #e0a111;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn-disabled {
  cursor: no-drop;
  background-color: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-warning.byted-btn-plain.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-warning.byted-btn-plain[data-motion-wave='after']::after,
.byted-btn-type-warning.byted-btn-plain[data-motion-wave='before']::before {
  color: #e5b23c;
}
.byted-btn-type-warning.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-success {
  background-color: #28a666;
  border-color: #28a666;
  color: #ffffff;
}
.byted-btn-type-success:hover {
  background-color: #47ba80;
  border-color: #47ba80;
  color: #ffffff;
}
.byted-btn-type-success:focus {
  background-color: #47ba80;
  border-color: #47ba80;
  color: #ffffff;
}
.byted-btn-type-success:active {
  background-color: #218b59;
  border-color: #218b59;
  color: #ffffff;
}
.byted-btn-type-success.byted-btn-checked {
  background-color: #47ba80;
  border-color: #47ba80;
  color: #ffffff;
}
.byted-btn-type-success.byted-btn-disabled {
  cursor: no-drop;
  background-color: #98dcb7;
  border-color: #98dcb7;
  color: #ebf8ef;
}
.byted-btn-type-success.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #ebf8ef;
}
.byted-btn-type-success[data-motion-wave='after']::after,
.byted-btn-type-success[data-motion-wave='before']::before {
  color: #28a666;
}
.byted-btn-type-success .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-success.byted-btn-plain {
  background-color: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-success.byted-btn-plain:hover {
  background-color: #ffffff;
  border-color: #47ba80;
  color: #47ba80;
}
.byted-btn-type-success.byted-btn-plain:focus {
  background-color: #ebf8ef;
  border-color: #28a666;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-plain:active {
  background-color: #ffffff;
  border-color: #218b59;
  color: #218b59;
}
.byted-btn-type-success.byted-btn-plain.byted-btn-checked {
  background-color: #ebf8ef;
  border-color: #28a666;
  color: #28a666;
}
.byted-btn-type-success.byted-btn-plain.byted-btn-disabled {
  cursor: no-drop;
  background-color: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-success.byted-btn-plain.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-success.byted-btn-plain[data-motion-wave='after']::after,
.byted-btn-type-success.byted-btn-plain[data-motion-wave='before']::before {
  color: #47ba80;
}
.byted-btn-type-success.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-type-text {
  background-color: transparent;
  border-color: transparent;
  color: #f60457;
}
.byted-btn-type-text:hover {
  background-color: #ebebeb;
  border-color: transparent;
  color: #fa4b74;
}
.byted-btn-type-text:focus {
  background-color: transparent;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-text:active {
  background-color: #e3e3e3;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-text.byted-btn-checked {
  background-color: transparent;
  border-color: transparent;
  color: #121212;
}
.byted-btn-type-text.byted-btn-disabled {
  cursor: no-drop;
  background-color: transparent;
  border-color: transparent;
  color: #bdbdbd;
}
.byted-btn-type-text.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-text[data-motion-wave='after']::after,
.byted-btn-type-text[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-text .byted-btn-loading-icon rect {
  fill: #f60457;
}
.byted-btn-type-text-primary {
  background-color: #f60457;
  border-color: #f60457;
  color: #ffffff;
}
.byted-btn-type-text-primary:hover {
  background-color: #fa4b74;
  border-color: #fa4b74;
  color: #ffffff;
}
.byted-btn-type-text-primary:focus {
  background-color: #fa4b74;
  border-color: #fa4b74;
  color: #ffffff;
}
.byted-btn-type-text-primary:active {
  background-color: #d20251;
  border-color: #d20251;
  color: #ffffff;
}
.byted-btn-type-text-primary.byted-btn-checked {
  background-color: #fa4b74;
  border-color: #fa4b74;
  color: #ffffff;
}
.byted-btn-type-text-primary.byted-btn-disabled {
  cursor: no-drop;
  background-color: #fda3b2;
  border-color: #fda3b2;
  color: #feedef;
}
.byted-btn-type-text-primary.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #feedef;
}
.byted-btn-type-text-primary[data-motion-wave='after']::after,
.byted-btn-type-text-primary[data-motion-wave='before']::before {
  color: #f60457;
}
.byted-btn-type-text-primary .byted-btn-loading-icon rect {
  fill: #ffffff;
}
.byted-btn-type-secondary {
  background-color: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-secondary:focus {
  background-color: #ffffff;
  border-color: #d9d9d9;
  color: #121212;
}
.byted-btn-type-secondary:hover {
  background-color: #ffffff;
  border-color: #666666;
  color: #666666;
}
.byted-btn-type-secondary:active {
  background-color: #ffffff;
  border-color: #121212;
  color: #121212;
}
.byted-btn-type-secondary.byted-btn-checked {
  background-color: #feedef;
  border-color: #f60457;
  color: #f60457;
}
.byted-btn-type-secondary.byted-btn-disabled {
  cursor: no-drop;
  background-color: #f8f8f8;
  border-color: #ebebeb;
  color: #bdbdbd;
}
.byted-btn-type-secondary.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #bdbdbd;
}
.byted-btn-type-secondary[data-motion-wave='after']::after,
.byted-btn-type-secondary[data-motion-wave='before']::before {
  color: #666666;
}
.byted-btn-type-secondary .byted-btn-loading-icon rect {
  fill: #121212;
}
.byted-btn-size-xs {
  padding: 0 8px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 4px;
  min-width: 60px;
  height: 26px;
}
.byted-btn-size-xs.byted-btn-shape-round {
  border-radius: 13px;
}
.byted-btn-size-xs .byted-btn-loading-icon svg {
  height: 12px;
  width: 12px;
}
.byted-btn-size-sm {
  padding: 0 16px;
  font-size: 12px;
  line-height: 28px;
  border-radius: 4px;
  min-width: 80px;
  height: 30px;
}
.byted-btn-size-sm.byted-btn-shape-round {
  border-radius: 30px;
}
.byted-btn-size-sm .byted-btn-loading-icon svg {
  height: 12px;
  width: 12px;
}
.byted-btn-size-md {
  padding: 0 16px;
  font-size: 14px;
  line-height: 32px;
  border-radius: 4px;
  min-width: 100px;
  height: 34px;
}
.byted-btn-size-md.byted-btn-shape-round {
  border-radius: 34px;
}
.byted-btn-size-md .byted-btn-loading-icon svg {
  height: 14px;
  width: 14px;
}
.byted-btn-size-lg {
  padding: 0 16px;
  font-size: 14px;
  line-height: 36px;
  border-radius: 4px;
  min-width: 120px;
  height: 38px;
}
.byted-btn-size-lg.byted-btn-shape-round {
  border-radius: 38px;
}
.byted-btn-size-lg .byted-btn-loading-icon svg {
  height: 14px;
  width: 14px;
}
.byted-btn-size-xl {
  padding: 0 16px;
  font-size: 16px;
  line-height: 40px;
  border-radius: 4px;
  min-width: 140px;
  height: 42px;
}
.byted-btn-size-xl.byted-btn-shape-round {
  border-radius: 42px;
}
.byted-btn-size-xl .byted-btn-loading-icon svg {
  height: 16px;
  width: 16px;
}
.byted-btn-shape-cycle {
  padding: 0;
  border-radius: 50%;
}
.byted-btn-shape-cycle.byted-btn-size-xs {
  width: 26px;
  height: 26px;
  min-width: 26px;
  padding: 0;
}
.byted-btn-shape-cycle.byted-btn-size-sm {
  width: 30px;
  height: 30px;
  min-width: 30px;
}
.byted-btn-shape-cycle.byted-btn-size-md {
  width: 34px;
  height: 34px;
  min-width: 34px;
}
.byted-btn-shape-cycle.byted-btn-size-lg {
  width: 38px;
  height: 38px;
  min-width: 38px;
}
.byted-btn-shape-cycle.byted-btn-size-xl {
  width: 42px;
  height: 42px;
  min-width: 42px;
}
.byted-btn-shape-square {
  padding: 0;
}
.byted-btn-shape-square.byted-btn-size-xs {
  width: 26px;
  height: 26px;
  min-width: 26px;
  padding: 0;
}
.byted-btn-shape-square.byted-btn-size-sm {
  width: 30px;
  height: 30px;
  min-width: 30px;
}
.byted-btn-shape-square.byted-btn-size-md {
  width: 34px;
  height: 34px;
  min-width: 34px;
}
.byted-btn-shape-square.byted-btn-size-lg {
  width: 38px;
  height: 38px;
  min-width: 38px;
}
.byted-btn-shape-square.byted-btn-size-xl {
  width: 42px;
  height: 42px;
  min-width: 42px;
}
.byted-btn-block {
  width: 100%;
}
.byted-btn.byted-btn-triangle {
  position: relative;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #d9d9d9;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #d9d9d9;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:hover.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:hover.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:hover.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:hover.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:hover.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #d20251;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default:active.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost:active.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white:active.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary:active.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square:active.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #d20251;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f60457;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #ebebeb;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-disabled.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #ebebeb;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #fda3b2;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-default.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-ghost.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-white.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-type-secondary.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before,
.byted-btn.byted-btn-triangle.byted-btn-shape-square.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #fda3b2;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:hover.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary:active.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #f8f8f8;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #feedef;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-disabled.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #feedef;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-xs::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-sm::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-md::before {
  width: 0;
  content: ' ';
  border-left: 6px solid transparent;
  border-top: 6px solid #fda3b2;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-lg::before,
.byted-btn.byted-btn-triangle.byted-btn-type-primary.byted-btn-checked.byted-btn-disabled.byted-btn-size-xl::before {
  width: 0;
  content: ' ';
  border-left: 7px solid transparent;
  border-top: 7px solid #fda3b2;
  position: absolute;
  right: 2px;
  top: 2px;
}
.byted-btn-loading-icon {
  display: inline-block;
  vertical-align: -0.125em;
  width: 1em;
  height: 1em;
  margin-left: 0;
  margin-right: 4px;
}
.byted-btn-loading-icon rect:nth-child(8) {
  animation: btnLoadingOpacity 0.77s linear -7.12s infinite;
}
.byted-btn-loading-icon rect:nth-child(7) {
  animation: btnLoadingOpacity 0.77s linear -7.23s infinite;
}
.byted-btn-loading-icon rect:nth-child(6) {
  animation: btnLoadingOpacity 0.77s linear -7.34s infinite;
}
.byted-btn-loading-icon rect:nth-child(5) {
  animation: btnLoadingOpacity 0.77s linear -7.45s infinite;
}
.byted-btn-loading-icon rect:nth-child(4) {
  animation: btnLoadingOpacity 0.77s linear -7.56s infinite;
}
.byted-btn-loading-icon rect:nth-child(3) {
  animation: btnLoadingOpacity 0.77s linear -7.67s infinite;
}
.byted-btn-loading-icon rect:nth-child(2) {
  animation: btnLoadingOpacity 0.77s linear -7.78s infinite;
}
.byted-btn-loading-icon rect:nth-child(1) {
  animation: btnLoadingOpacity 0.77s linear -7.89s infinite;
}
.byted-btn-rtl {
  direction: rtl;
}
.byted-btn-rtl .byted-btn-loading-icon {
  margin-left: 4px;
  margin-right: 0;
}
.byted-btn-group {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.byted-btn-group .byted-btn {
  border-radius: 0;
}
.byted-btn-group .byted-btn.byted-btn-checked,
.byted-btn-group .byted-btn:hover {
  position: relative;
  z-index: 11;
}
.byted-btn-group .byted-btn:focus,
.byted-btn-group .byted-btn:active {
  position: relative;
  z-index: 10;
}
.byted-btn-group .byted-btn:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group .byted-btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group .byted-btn:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-left: -1px;
}
.byted-btn-group .byted-btn:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #e06637;
}
.byted-btn-group .byted-btn:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #e5b23c;
}
.byted-btn-group .byted-btn:not(:first-child).byted-btn-type-primary {
  border-left: 1px solid #fa4b74;
}
.byted-btn-group .byted-btn:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #47ba80;
}
.byted-btn-group .byted-btn-rtl {
  direction: rtl;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn.byted-btn-rtl {
  border-radius: 0;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn.byted-btn-rtl:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn.byted-btn-rtl:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn.byted-btn-rtl:not(:first-child) {
  margin-left: 0px;
  margin-right: 0px;
  margin-right: -1px;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn.byted-btn-rtl:not(:first-child).byted-btn-type-danger {
  border-right: 1px solid #e06637;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn.byted-btn-rtl:not(:first-child).byted-btn-type-warning {
  border-right: 1px solid #e5b23c;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn.byted-btn-rtl:not(:first-child).byted-btn-type-primary {
  border-right: 1px solid #fa4b74;
}
.byted-btn-group.byted-btn-group-rtl .byted-btn.byted-btn-rtl:not(:first-child).byted-btn-type-success {
  border-right: 1px solid #47ba80;
}
@keyframes btnLoadingOpacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.btnLoadingOpacityAnimation rect:nth-child(8) {
  animation: btnLoadingOpacity 0.77s linear -7.12s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(7) {
  animation: btnLoadingOpacity 0.77s linear -7.23s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(6) {
  animation: btnLoadingOpacity 0.77s linear -7.34s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(5) {
  animation: btnLoadingOpacity 0.77s linear -7.45s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(4) {
  animation: btnLoadingOpacity 0.77s linear -7.56s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(3) {
  animation: btnLoadingOpacity 0.77s linear -7.67s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(2) {
  animation: btnLoadingOpacity 0.77s linear -7.78s infinite;
}
.btnLoadingOpacityAnimation rect:nth-child(1) {
  animation: btnLoadingOpacity 0.77s linear -7.89s infinite;
}

/**************************************************************/
/**************************************************************/
/**************************************************************/
[data-motion-wave] {
  position: relative;
}
[data-motion-wave][data-motion-wave='after']::after,
[data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-checkbox {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  user-select: none;
  padding: 6px 0;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-checkbox.byted-checkbox-rtl {
  direction: rtl;
}
.byted-checkbox + .byted-checkbox {
  margin: 0 0 0 32px;
}
.byted-checkbox + .byted-checkbox.byted-checkbox-rtl {
  margin: 0 32px 0 0;
}
.byted-checkbox-icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 3px;
  flex: none;
  width: 16px;
  height: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #ffffff;
  background-color: #ffffff;
  text-align: center;
  line-height: 0;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-checkbox-icon .byted-icon {
  position: absolute;
  top: 0;
  left: 0;
}
.byted-checkbox-label {
  display: inline-block;
  flex: 1;
  font-size: inherit;
  line-height: inherit;
}
.byted-checkbox-label-no {
  min-height: 22px;
}
.byted-checkbox-icon + .byted-checkbox-label {
  margin-left: 8px;
  margin-right: unset;
}
.byted-checkbox.byted-checkbox-rtl .byted-checkbox-icon + .byted-checkbox-label {
  margin-left: unset;
  margin-right: 8px;
}
.byted-checkbox-checked .byted-checkbox-icon,
.byted-checkbox-indeterminate .byted-checkbox-icon {
  background-color: #f60457;
  border-color: #f60457;
}
.byted-checkbox:not(.byted-checkbox-disabled):hover .byted-checkbox-icon,
.byted-checkbox:not(.byted-checkbox-disabled):focus .byted-checkbox-icon {
  border-color: #fa4b74;
}
.byted-checkbox:not(.byted-checkbox-disabled):hover .byted-checkbox-icon-checked,
.byted-checkbox:not(.byted-checkbox-disabled):focus .byted-checkbox-icon-checked {
  background-color: #fa4b74;
}
.byted-checkbox:not(.byted-checkbox-disabled):focus .byted-checkbox-icon {
  box-shadow: 0 0 0 2px rgba(253, 163, 178, 0.2);
}
.byted-checkbox:not(.byted-checkbox-disabled):active .byted-checkbox-icon {
  border-color: #d20251;
  box-shadow: 0 0 0 2px rgba(253, 163, 178, 0.2);
}
.byted-checkbox:not(.byted-checkbox-disabled):active .byted-checkbox-icon-checked {
  background-color: #d20251;
}
.byted-checkbox-disabled {
  color: #bdbdbd;
  cursor: not-allowed;
}
.byted-checkbox-disabled .byted-checkbox-icon {
  border-color: #ebebeb;
  background-color: #f8f8f8;
}
.byted-checkbox-disabled.byted-checkbox-checked .byted-checkbox-icon,
.byted-checkbox-disabled.byted-checkbox-indeterminate .byted-checkbox-icon {
  border-color: #fda3b2;
  background-color: #fda3b2;
}

/**************************************************************/
/**************************************************************/
/**************************************************************/
[data-motion-wave] {
  position: relative;
}
[data-motion-wave][data-motion-wave='after']::after,
[data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-check-wrapper {
  pointer-events: none;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
  left: -9999px;
}

/**************************************************************/
/**************************************************************/
/**************************************************************/
[data-motion-wave] {
  position: relative;
}
[data-motion-wave][data-motion-wave='after']::after,
[data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-time-content {
  width: 200px;
  display: flex;
  flex: 1;
  font-size: 14px;
}
.byted-time-content .byted-hour-select,
.byted-time-content .byted-minute-select,
.byted-time-content .byted-second-select {
  box-sizing: border-box;
  flex: 1;
  height: 240px;
  overflow-y: auto;
  padding-bottom: 200px;
  border-right: 1px solid #e3e3e3;
}
.byted-time-content .byted-hour-select:last-child,
.byted-time-content .byted-minute-select:last-child,
.byted-time-content .byted-second-select:last-child {
  border-right: none;
}
.byted-time-content .byted-hour-select-item,
.byted-time-content .byted-minute-select-item,
.byted-time-content .byted-second-select-item {
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.byted-time-content .byted-hour-select-item:not(.byted-hour-select-item-disabled):hover,
.byted-time-content .byted-minute-select-item:not(.byted-hour-select-item-disabled):hover,
.byted-time-content .byted-second-select-item:not(.byted-hour-select-item-disabled):hover {
  cursor: pointer;
  background: #ebebeb;
}
.byted-time-content .byted-hour-select-item-active,
.byted-time-content .byted-minute-select-item-active,
.byted-time-content .byted-second-select-item-active {
  color: #f60457;
}
.byted-time-content .byted-hour-select-item-disabled,
.byted-time-content .byted-minute-select-item-disabled,
.byted-time-content .byted-second-select-item-disabled {
  cursor: not-allowed;
  color: #bdbdbd;
}
.byted-time-panel {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
}
.byted-time-panel-header {
  display: flex;
  height: 38px;
  border-radius: 3px 3px 0 0;
  background: #f8f8f8;
}
.byted-time-panel-header div {
  flex: 1;
  line-height: 38px;
  text-align: center;
}
.byted-time-panel .byted-time-content-wrapper {
  position: relative;
  display: flex;
  overflow: hidden;
}

/**************************************************************/
/**************************************************************/
/**************************************************************/
[data-motion-wave] {
  position: relative;
}
[data-motion-wave][data-motion-wave='after']::after,
[data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-popover {
  opacity: 0;
  transition: all ease-in 0.1s;
  -webkit-transition: all ease-in 0.1s;
  -moz-transition: all ease-in 0.1s;
  -o-transition: all ease-in 0.1s;
}
.byted-popover-show {
  opacity: 1;
  transition: all ease-out 0.1s;
  -webkit-transition: all ease-out 0.1s;
  -moz-transition: all ease-out 0.1s;
  -o-transition: all ease-out 0.1s;
}
.byted-popover-disable-animation {
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
}
.byted-popover-scale-xy {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.byted-popover-scale-xy.byted-popover-show {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}
.byted-popover-scale-x {
  transform: scaleX(0.8);
  -webkit-transform: scaleX(0.8);
  -moz-transform: scaleX(0.8);
  -o-transform: scaleX(0.8);
}
.byted-popover-scale-x.byted-popover-show {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
}
.byted-popover-scale-y {
  transform: scaleY(0.8);
  -webkit-transform: scaleY(0.8);
  -moz-transform: scaleY(0.8);
  -o-transform: scaleY(0.8);
}
.byted-popover-scale-y.byted-popover-show {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
}
.byted-popover-left {
  transform-origin: calc(100% + 8px) 50%;
  -webkit-transform-origin: calc(100% + 8px) 50%;
  -moz-transform-origin: calc(100% + 8px) 50%;
  -o-transform-origin: calc(100% + 8px) 50%;
}
.byted-popover-left-start {
  transform-origin: calc(100% + 8px) 16px;
  -webkit-transform-origin: calc(100% + 8px) 16px;
  -moz-transform-origin: calc(100% + 8px) 16px;
  -o-transform-origin: calc(100% + 8px) 16px;
}
.byted-popover-left-end {
  transform-origin: calc(100% + 8px) calc(100% - 16px);
  -webkit-transform-origin: calc(100% + 8px) calc(100% - 16px);
  -moz-transform-origin: calc(100% + 8px) calc(100% - 16px);
  -o-transform-origin: calc(100% + 8px) calc(100% - 16px);
}
.byted-popover-right {
  transform-origin: -8px 50%;
  -webkit-transform-origin: -8px 50%;
  -moz-transform-origin: -8px 50%;
  -o-transform-origin: -8px 50%;
}
.byted-popover-right-start {
  transform-origin: -8px 16px;
  -webkit-transform-origin: -8px 16px;
  -moz-transform-origin: -8px 16px;
  -o-transform-origin: -8px 16px;
}
.byted-popover-right-end {
  transform-origin: -8px calc(100% - 16px);
  -webkit-transform-origin: -8px calc(100% - 16px);
  -moz-transform-origin: -8px calc(100% - 16px);
  -o-transform-origin: -8px calc(100% - 16px);
}
.byted-popover-top {
  transform-origin: 50% calc(100% + 8px);
  -webkit-transform-origin: 50% calc(100% + 8px);
  -moz-transform-origin: 50% calc(100% + 8px);
  -o-transform-origin: 50% calc(100% + 8px);
}
.byted-popover-top-start {
  transform-origin: 16px calc(100% + 8px);
  -webkit-transform-origin: 16px calc(100% + 8px);
  -moz-transform-origin: 16px calc(100% + 8px);
  -o-transform-origin: 16px calc(100% + 8px);
}
.byted-popover-top-end {
  transform-origin: calc(100% - 16px) calc(100% + 8px);
  -webkit-transform-origin: calc(100% - 16px) calc(100% + 8px);
  -moz-transform-origin: calc(100% - 16px) calc(100% + 8px);
  -o-transform-origin: calc(100% - 16px) calc(100% + 8px);
}
.byted-popover-bottom {
  transform-origin: 50% -8px;
  -webkit-transform-origin: 50% -8px;
  -moz-transform-origin: 50% -8px;
  -o-transform-origin: 50% -8px;
}
.byted-popover-bottom-start {
  transform-origin: 16px -8px;
  -webkit-transform-origin: 16px -8px;
  -moz-transform-origin: 16px -8px;
  -o-transform-origin: 16px -8px;
}
.byted-popover-bottom-end {
  transform-origin: calc(100% - 16px) -8px;
  -webkit-transform-origin: calc(100% - 16px) -8px;
  -moz-transform-origin: calc(100% - 16px) -8px;
  -o-transform-origin: calc(100% - 16px) -8px;
}

/**************************************************************/
/**************************************************************/
/**************************************************************/
[data-motion-wave] {
  position: relative;
}
[data-motion-wave][data-motion-wave='after']::after,
[data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-popper-trigger {
  display: inline-block;
  vertical-align: middle;
}
.byted-popover {
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  background-color: #ffffff;
  font-size: 0;
}
.byted-popover-inner {
  z-index: 2;
  border-radius: 4px;
  overflow: hidden;
  font-size: 12px;
  color: #121212;
}
.byted-popover-arrow {
  display: block;
  z-index: 1;
  transition: all ease-in-out 0.1s;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
}
.byted-popover-arrow .byted-popover-arrow-inner {
  width: 0;
  height: 0;
  font-size: 0;
  border-width: 4px;
  line-height: 0;
  border-style: solid;
  display: block;
}
.byted-popover-arrow-dir-top {
  transform: translateY(50%);
}
.byted-popover-arrow-dir-top .byted-popover-arrow-inner {
  border-color: transparent #ffffff #ffffff transparent;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.08);
  transform: rotate(45deg) scale(-1);
}
.byted-popover-arrow-dir-bottom {
  transform: translateY(-50%);
}
.byted-popover-arrow-dir-bottom .byted-popover-arrow-inner {
  border-color: transparent #ffffff #ffffff transparent;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.08);
  transform: rotate(45deg);
}
.byted-popover-arrow-dir-left {
  transform: translateX(50%);
}
.byted-popover-arrow-dir-left .byted-popover-arrow-inner {
  border-color: transparent #ffffff #ffffff transparent;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.08);
  transform: rotate(-45deg) scale(-1);
}
.byted-popover-arrow-dir-right {
  transform: translateX(-50%);
}
.byted-popover-arrow-dir-right .byted-popover-arrow-inner {
  border-color: transparent #ffffff #ffffff transparent;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.08);
  transform: rotate(-45deg);
}
.byted-popover-confirm-container,
.byted-popover-alert-container,
.byted-popover-container-container {
  padding: 16px;
  box-sizing: border-box;
  width: 240px;
}
.byted-popover-confirm-icon-wrapper.byted-content-icon-wrapper,
.byted-popover-alert-icon-wrapper.byted-content-icon-wrapper,
.byted-popover-container-icon-wrapper.byted-content-icon-wrapper {
  width: 22px;
}
.byted-popover-confirm-header.byted-content-header,
.byted-popover-alert-header.byted-content-header,
.byted-popover-container-header.byted-content-header {
  margin-bottom: 8px;
  color: #121212;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}
.byted-popover-confirm-inner.byted-content-inner,
.byted-popover-alert-inner.byted-content-inner,
.byted-popover-container-inner.byted-content-inner {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #666666;
}
.byted-popover-confirm-footer.byted-content-footer,
.byted-popover-alert-footer.byted-content-footer,
.byted-popover-container-footer.byted-content-footer {
  margin-top: 8px;
  text-align: right;
}
.byted-popover-confirm-footer.byted-content-footer .byted-confirm-ok,
.byted-popover-alert-footer.byted-content-footer .byted-confirm-ok,
.byted-popover-container-footer.byted-content-footer .byted-confirm-ok {
  margin-left: 12px;
}

/**************************************************************/
/**************************************************************/
/**************************************************************/
[data-motion-wave] {
  position: relative;
}
[data-motion-wave][data-motion-wave='after']::after,
[data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-tooltip-popover {
  background-color: transparent;
}
.byted-tooltip-popover .byted-tooltip-inner {
  font-size: 12px;
  line-height: 20px;
  padding: 8px 16px;
  word-wrap: break-word;
  word-break: break-all;
}
.byted-tooltip-popover .byted-tooltip-inner-rtl {
  direction: rtl;
}
.byted-tooltip-popover-mode-dark .byted-tooltip-inner {
  background-color: rgba(51, 51, 51, 0.95);
  color: #ffffff;
}
.byted-tooltip-popover-mode-dark .byted-popover-arrow-dir-top .byted-popover-arrow-inner {
  border-color: transparent rgba(51, 51, 51, 0.95) rgba(51, 51, 51, 0.95) transparent;
}
.byted-tooltip-popover-mode-dark .byted-popover-arrow-dir-bottom .byted-popover-arrow-inner {
  border-color: transparent rgba(51, 51, 51, 0.95) rgba(51, 51, 51, 0.95) transparent;
}
.byted-tooltip-popover-mode-dark .byted-popover-arrow-dir-left .byted-popover-arrow-inner {
  border-color: transparent rgba(51, 51, 51, 0.95) rgba(51, 51, 51, 0.95) transparent;
}
.byted-tooltip-popover-mode-dark .byted-popover-arrow-dir-right .byted-popover-arrow-inner {
  border-color: transparent rgba(51, 51, 51, 0.95) rgba(51, 51, 51, 0.95) transparent;
}
.byted-tooltip-popover-mode-white .byted-tooltip-inner {
  background-color: rgba(255, 255, 255, 0.95);
  color: #121212;
}
.byted-tooltip-popover-size-xs,
.byted-tooltip-popover-size-sm {
  max-width: 240px;
}
.byted-tooltip-popover-size-md {
  max-width: 400px;
}
.byted-tooltip-popover-size-lg,
.byted-tooltip-popover-size-xl {
  max-width: 560px;
}

/**************************************************************/
/**************************************************************/
/**************************************************************/
[data-motion-wave] {
  position: relative;
}
[data-motion-wave][data-motion-wave='after']::after,
[data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-avatar {
  color: #ffffff;
  box-sizing: border-box;
  background: #bdbdbd;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
}
.byted-avatar-image {
  background: transparent;
}
.byted-avatar-image img {
  width: 100%;
  height: 100%;
}
.byted-avatar-size-xl {
  font-size: 40px;
  line-height: 40px;
  width: 80px;
  height: 80px;
}
.byted-avatar-size-xl:not(.byted-avatar-image) {
  padding: 16px 8px;
}
.byted-avatar-size-lg {
  font-size: 32px;
  line-height: 32px;
  width: 64px;
  height: 64px;
}
.byted-avatar-size-lg:not(.byted-avatar-image) {
  padding: 16px 8px;
}
.byted-avatar-size-md {
  font-size: 24px;
  line-height: 24px;
  width: 48px;
  height: 48px;
}
.byted-avatar-size-md:not(.byted-avatar-image) {
  padding: 12px 8px;
}
.byted-avatar-size-sm {
  font-size: 15px;
  line-height: 15px;
  width: 30px;
  height: 30px;
}
.byted-avatar-size-sm:not(.byted-avatar-image) {
  padding: 8px 8px;
}
.byted-avatar-shape-circle {
  border-radius: 50%;
}
.byted-avatar-shape-angle {
  border-radius: 4px;
}
.byted-avatar-body {
  position: relative;
  padding-right: 12px;
}
.byted-avatar-body-has-icon {
  padding-left: 24px;
}
.byted-avatar-body-icon {
  position: absolute;
  left: 0;
  top: 0;
}
.byted-avatar-body-content {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
.byted-avatar-body-close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.byted-avatar-body-title {
  font-weight: bold;
}

/**************************************************************/
/**************************************************************/
/**************************************************************/
[data-motion-wave] {
  position: relative;
}
[data-motion-wave][data-motion-wave='after']::after,
[data-motion-wave][data-motion-wave='before']::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  border-radius: inherit;
  color: rgba(18, 18, 18, 0.2);
  animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -webkit-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -moz-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
  -o-animation: byted-motion-wave-fade 2s cubic-bezier(0.08, 0.82, 0.17, 1) both, byted-motion-wave 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) both;
}
@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0 0 6px currentcolor;
  }
}
@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0 0 6px currentcolor;
  }
}
@-webkit-keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}
[data-motion-fade='in'] {
  animation: byted-motion-fadein 0.1s ease-out;
  -webkit-animation: byted-motion-fadein 0.1s ease-out;
  -moz-animation: byted-motion-fadein 0.1s ease-out;
  -o-animation: byted-motion-fadein 0.1s ease-out;
}
[data-motion-fade='out'] {
  pointer-events: none;
  animation: byted-motion-fadeout 0.1s ease-in both;
  -webkit-animation: byted-motion-fadeout 0.1s ease-in both;
  -moz-animation: byted-motion-fadeout 0.1s ease-in both;
  -o-animation: byted-motion-fadeout 0.1s ease-in both;
}
@-webkit-keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}
.byted-info {
  border-radius: 4px;
  color: #121212;
  box-sizing: border-box;
  text-align: left;
  pointer-events: auto;
}
.byted-info-size-lg {
  font-size: 14px;
  line-height: 22px;
  padding: 7px 16px;
}
.byted-info-size-lg .byted-info-body-icon {
  font-size: 16px;
}
.byted-info-size-md {
  font-size: 14px;
  line-height: 22px;
  padding: 5px 16px;
}
.byted-info-size-md .byted-info-body-icon {
  font-size: 16px;
}
.byted-info-size-sm {
  font-size: 12px;
  line-height: 20px;
  padding: 4px 16px;
}
.byted-info-size-sm .byted-info-body-icon {
  font-size: 14px;
}
.byted-info-type-success {
  border: 1px solid #98dcb7;
  background: #ebf8ef;
}
.byted-info-type-success .byted-icon {
  color: #28a666;
}
.byted-info-type-info {
  border: 1px solid #fda3b2;
  background: #feedef;
}
.byted-info-type-info .byted-icon {
  color: #f60457;
}
.byted-info-type-warning {
  border: 1px solid #f2e091;
  background: #fff8e0;
}
.byted-info-type-warning .byted-icon {
  color: #e0a111;
}
.byted-info-type-error {
  border: 1px solid #f0b495;
  background: #ffede8;
}
.byted-info-type-error .byted-icon {
  color: #d83e0e;
}
.byted-info-body {
  position: relative;
  padding-right: 16px;
}
.byted-info-body-has-icon {
  padding-left: 24px;
}
.byted-info-body-icon .byted-icon {
  position: absolute;
  left: 0;
  top: 3px;
}
.byted-info-body-content {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
.byted-info-body-close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.byted-info-body-close .byted-icon-close-small {
  color: #8a8a8a;
}
.byted-info-body-title {
  font-weight: bold;
}
.byted-info-multi {
  display: flex;
  border: none;
  padding-right: 16px;
}
.byted-info-multi-body {
  flex: 1;
  margin: 1px 0;
  position: relative;
  display: inline-block;
  padding-right: 16px;
}
.byted-info-multi-pager {
  margin: -2px 24px -2px 0;
}
.byted-info-multi-pager .byted-icon {
  color: #121212;
}
.byted-info-multi-pager .disabled-arrow .byted-icon {
  color: #bdbdbd;
}


/*# sourceMappingURL=vendors.ff8360dd.css.map*/