[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: " ";
  opacity: .2;
  border-radius: inherit;
  color: #009995;
  animation: 2s cubic-bezier(.08, .82, .17, 1) both byted-motion-wave-fade, .4s cubic-bezier(.08, .82, .17, 1) both byted-motion-wave;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0;
  }
}

@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0;
  }
}

@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}

[class*="byted-"][data-motion-fade="in"] {
  animation: .1s ease-out byted-motion-fadein;
}

[class*="byted-"][data-motion-fade="out"] {
  pointer-events: none;
  animation: .1s ease-in both byted-motion-fadeout;
}

@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}

.byted-link {
  color: #017976;
  white-space: nowrap;
  cursor: pointer;
  -o-transition: all ease-in-out .1s;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .1s ease-in-out;
  display: inline-flex;
}

.byted-link:hover {
  color: #006764;
  text-decoration: none;
}

.byted-link:focus {
  color: #006764;
  outline: none;
  text-decoration: none;
}

.byted-link:active, .byted-link:visited {
  color: #005b58;
  text-decoration: none;
}

.byted-link-disabled, .byted-link-disabled:focus, .byted-link-disabled:active, .byted-link-disabled:visited, .byted-link-disabled:hover {
  color: #c3c4c5;
  cursor: not-allowed;
  text-decoration: none;
}

.byted-link-size-xl, .byted-link-size-lg {
  font-size: 16px;
  line-height: unset;
}

.byted-link-size-md {
  font-size: 14px;
  line-height: unset;
}

.byted-link-size-sm, .byted-link-size-xs {
  font-size: 12px;
  line-height: unset;
}

.byted-link-type-default {
  color: #121415;
}

.byted-link-type-default:hover, .byted-link-type-default:focus {
  color: #017976;
}

.byted-link-type-default:active, .byted-link-type-default:visited {
  color: #005b58;
}

.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: #a9abac;
}

[class*="byted-"] {
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI 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 {
  border: 0;
  margin: 0;
  padding: 0;
}

[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 {
  border: 0;
  margin: 0;
  padding: 0;
}

@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes okee-loading-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(1turn);
  }
}

.byted-btn-type-default {
  color: #121415;
  background: #f2f3f3;
  border-color: #f2f3f3;
}

.byted-btn-type-default.byted-btn:hover, .byted-btn-type-default:not(.byted-btn-no-focus):focus {
  color: #121415;
  background: #ececed;
  border-color: #ececed;
}

.byted-btn-type-default.byted-btn:active {
  color: #121415;
  background: #dfdfdf;
  border-color: #dfdfdf;
}

.byted-btn-type-default.byted-btn.byted-btn-checked {
  color: #121415;
  background: #ececed;
  border-color: #ececed;
}

.byted-btn-type-default.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #a9abac;
  background: #f8f8f9;
  border-color: #f8f8f9;
}

.byted-btn-type-default.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #a9abac;
}

.byted-btn-type-default.byted-btn[data-motion-wave="after"]:after, .byted-btn-type-default.byted-btn[data-motion-wave="before"]:before {
  color: #f2f3f3;
}

.byted-btn-type-default .byted-btn-loading-icon rect {
  fill: #121415;
}

.byted-btn-type-default.byted-btn-plain {
  color: #121415;
  background: #fff;
  border-color: #ececed;
}

.byted-btn-type-default.byted-btn-plain.byted-btn:hover, .byted-btn-type-default.byted-btn-plain:not(.byted-btn-no-focus):focus {
  color: #009995;
  background: #fff;
  border-color: #009995;
}

.byted-btn-type-default.byted-btn-plain.byted-btn:active {
  color: #007875;
  background: #fff;
  border-color: #007875;
}

.byted-btn-type-default.byted-btn-plain.byted-btn.byted-btn-checked {
  color: #009995;
  background: #fff;
  border-color: #009995;
}

.byted-btn-type-default.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #a9abac;
  background: #f8f8f9;
  border-color: #ececed;
}

.byted-btn-type-default.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #a9abac;
}

.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: #009995;
}

.byted-btn-type-default.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121415;
}

.byted-btn-type-default-light {
  color: #121415;
  background: #ececed;
  border-color: #ececed;
}

.byted-btn-type-default-light.byted-btn:hover {
  color: #009995;
  background: #f8f8f9;
  border-color: #f8f8f9;
}

.byted-btn-type-default-light:not(.byted-btn-no-focus):focus, .byted-btn-type-default-light.byted-btn:active, .byted-btn-type-default-light.byted-btn.byted-btn-checked {
  color: #121415;
  background: #ececed;
  border-color: #ececed;
}

.byted-btn-type-default-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #a9abac;
  background: #f8f8f9;
  border-color: #f8f8f9;
}

.byted-btn-type-default-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #a9abac;
}

.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: #ececed;
}

.byted-btn-type-default-light .byted-btn-loading-icon rect {
  fill: #121415;
}

.byted-btn-type-default-light.byted-btn-plain {
  color: #121415;
  background: #ececed;
  border-color: #ececed;
}

.byted-btn-type-default-light.byted-btn-plain.byted-btn:hover, .byted-btn-type-default-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  color: #009995;
  background: #fff;
  border-color: #009995;
}

.byted-btn-type-default-light.byted-btn-plain.byted-btn:active {
  color: #007875;
  background: #fff;
  border-color: #007875;
}

.byted-btn-type-default-light.byted-btn-plain.byted-btn.byted-btn-checked {
  color: #009995;
  background: #fff;
  border-color: #009995;
}

.byted-btn-type-default-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #a9abac;
  background: #f8f8f9;
  border-color: #ececed;
}

.byted-btn-type-default-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #a9abac;
}

.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: #009995;
}

.byted-btn-type-default-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #121415;
}

.byted-btn-type-primary {
  color: #fff;
  background: #009995;
  border-color: #009995;
}

.byted-btn-type-primary.byted-btn:hover, .byted-btn-type-primary:not(.byted-btn-no-focus):focus {
  color: #fff;
  background: #008682;
  border-color: #008682;
}

.byted-btn-type-primary.byted-btn:active {
  color: #fff;
  background: #007875;
  border-color: #007875;
}

.byted-btn-type-primary.byted-btn.byted-btn-checked {
  color: #fff;
  background: #008682;
  border-color: #008682;
}

.byted-btn-type-primary.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #f2fdfc;
  background: #c3e9e7;
  border-color: #c3e9e7;
}

.byted-btn-type-primary.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #f2fdfc;
}

.byted-btn-type-primary.byted-btn[data-motion-wave="after"]:after, .byted-btn-type-primary.byted-btn[data-motion-wave="before"]:before {
  color: #009995;
}

.byted-btn-type-primary .byted-btn-loading-icon rect {
  fill: #fff;
}

.byted-btn-type-primary.byted-btn-plain {
  color: #009995;
  background: #fff;
  border-color: #009995;
}

.byted-btn-type-primary.byted-btn-plain.byted-btn:hover, .byted-btn-type-primary.byted-btn-plain:not(.byted-btn-no-focus):focus {
  color: #008682;
  background: #fff;
  border-color: #008682;
}

.byted-btn-type-primary.byted-btn-plain.byted-btn:active {
  color: #007875;
  background: #fff;
  border-color: #007875;
}

.byted-btn-type-primary.byted-btn-plain.byted-btn.byted-btn-checked {
  color: #008682;
  background: #fff;
  border-color: #008682;
}

.byted-btn-type-primary.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #c3e9e7;
  background: #fff;
  border-color: #c3e9e7;
}

.byted-btn-type-primary.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #c3e9e7;
}

.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: #008682;
}

.byted-btn-type-primary.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #009995;
}

.byted-btn-type-primary-light {
  color: #009995;
  background: #f2fdfc;
  border-color: #009995;
}

.byted-btn-type-primary-light.byted-btn:hover, .byted-btn-type-primary-light:not(.byted-btn-no-focus):focus {
  color: #008682;
  background: #f2fdfc;
  border-color: #008682;
}

.byted-btn-type-primary-light.byted-btn:active {
  color: #007875;
  background: #f2fdfc;
  border-color: #007875;
}

.byted-btn-type-primary-light.byted-btn.byted-btn-checked {
  color: #008682;
  background: #f2fdfc;
  border-color: #008682;
}

.byted-btn-type-primary-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #c3e9e7;
  background: #f2fdfc;
  border-color: #c3e9e7;
}

.byted-btn-type-primary-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #c3e9e7;
}

.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: #f2fdfc;
}

.byted-btn-type-primary-light .byted-btn-loading-icon rect {
  fill: #009995;
}

.byted-btn-type-primary-light.byted-btn-plain {
  color: #009995;
  background: #f2fdfc;
  border-color: #009995;
}

.byted-btn-type-primary-light.byted-btn-plain.byted-btn:hover, .byted-btn-type-primary-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  color: #008682;
  background: #f2fdfc;
  border-color: #008682;
}

.byted-btn-type-primary-light.byted-btn-plain.byted-btn:active {
  color: #007875;
  background: #f2fdfc;
  border-color: #007875;
}

.byted-btn-type-primary-light.byted-btn-plain.byted-btn.byted-btn-checked {
  color: #008682;
  background: #f2fdfc;
  border-color: #008682;
}

.byted-btn-type-primary-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #c3e9e7;
  background: #f2fdfc;
  border-color: #c3e9e7;
}

.byted-btn-type-primary-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #c3e9e7;
}

.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: #008682;
}

.byted-btn-type-primary-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #009995;
}

.byted-btn-type-info {
  color: #fff;
  background: #009995;
  border-color: #009995;
}

.byted-btn-type-info.byted-btn:hover, .byted-btn-type-info:not(.byted-btn-no-focus):focus {
  color: #fff;
  background: #008682;
  border-color: #008682;
}

.byted-btn-type-info.byted-btn:active {
  color: #fff;
  background: #007875;
  border-color: #007875;
}

.byted-btn-type-info.byted-btn.byted-btn-checked {
  color: #fff;
  background: #008682;
  border-color: #008682;
}

.byted-btn-type-info.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #f2fdfc;
  background: #c3e9e7;
  border-color: #c3e9e7;
}

.byted-btn-type-info.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #f2fdfc;
}

.byted-btn-type-info.byted-btn[data-motion-wave="after"]:after, .byted-btn-type-info.byted-btn[data-motion-wave="before"]:before {
  color: #009995;
}

.byted-btn-type-info .byted-btn-loading-icon rect {
  fill: #fff;
}

.byted-btn-type-info.byted-btn-plain {
  color: #009995;
  background: #fff;
  border-color: #009995;
}

.byted-btn-type-info.byted-btn-plain.byted-btn:hover, .byted-btn-type-info.byted-btn-plain:not(.byted-btn-no-focus):focus {
  color: #008682;
  background: #fff;
  border-color: #008682;
}

.byted-btn-type-info.byted-btn-plain.byted-btn:active {
  color: #007875;
  background: #fff;
  border-color: #007875;
}

.byted-btn-type-info.byted-btn-plain.byted-btn.byted-btn-checked {
  color: #008682;
  background: #fff;
  border-color: #008682;
}

.byted-btn-type-info.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #c3e9e7;
  background: #f2fdfc;
  border-color: #c3e9e7;
}

.byted-btn-type-info.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #c3e9e7;
}

.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: #008682;
}

.byted-btn-type-info.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #009995;
}

.byted-btn-type-info-light {
  color: #009995;
  background: #f2fdfc;
  border-color: #f2fdfc;
}

.byted-btn-type-info-light.byted-btn:hover {
  color: #008682;
  background: #f2fdfc;
  border-color: #f2fdfc;
}

.byted-btn-type-info-light:not(.byted-btn-no-focus):focus {
  color: #008682;
  background: #9ee1dd;
  border-color: #9ee1dd;
}

.byted-btn-type-info-light.byted-btn:active {
  color: #007875;
  background: #9ee1dd;
  border-color: #9ee1dd;
}

.byted-btn-type-info-light.byted-btn.byted-btn-checked {
  color: #008682;
  background: #9ee1dd;
  border-color: #9ee1dd;
}

.byted-btn-type-info-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #c3e9e7;
  background: #f2fdfc;
  border-color: #f2fdfc;
}

.byted-btn-type-info-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #c3e9e7;
}

.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: #f2fdfc;
}

.byted-btn-type-info-light .byted-btn-loading-icon rect {
  fill: #009995;
}

.byted-btn-type-info-light.byted-btn-plain {
  color: #009995;
  background: #f2fdfc;
  border-color: #009995;
}

.byted-btn-type-info-light.byted-btn-plain.byted-btn:hover, .byted-btn-type-info-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  color: #008682;
  background: #f2fdfc;
  border-color: #008682;
}

.byted-btn-type-info-light.byted-btn-plain.byted-btn:active {
  color: #007875;
  background: #f2fdfc;
  border-color: #007875;
}

.byted-btn-type-info-light.byted-btn-plain.byted-btn.byted-btn-checked {
  color: #008682;
  background: #f2fdfc;
  border-color: #008682;
}

.byted-btn-type-info-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #c3e9e7;
  background: #f2fdfc;
  border-color: #c3e9e7;
}

.byted-btn-type-info-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #c3e9e7;
}

.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: #008682;
}

.byted-btn-type-info-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #009995;
}

.byted-btn-type-success {
  color: #fff;
  background: #2a9c49;
  border-color: #2a9c49;
}

.byted-btn-type-success.byted-btn:hover, .byted-btn-type-success:not(.byted-btn-no-focus):focus {
  color: #fff;
  background: #068a37;
  border-color: #068a37;
}

.byted-btn-type-success.byted-btn:active {
  color: #fff;
  background: #007d2d;
  border-color: #007d2d;
}

.byted-btn-type-success.byted-btn.byted-btn-checked {
  color: #fff;
  background: #068a37;
  border-color: #068a37;
}

.byted-btn-type-success.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #effff0;
  background: #baecbf;
  border-color: #baecbf;
}

.byted-btn-type-success.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #effff0;
}

.byted-btn-type-success.byted-btn[data-motion-wave="after"]:after, .byted-btn-type-success.byted-btn[data-motion-wave="before"]:before {
  color: #2a9c49;
}

.byted-btn-type-success .byted-btn-loading-icon rect {
  fill: #fff;
}

.byted-btn-type-success.byted-btn-plain {
  color: #2a9c49;
  background: #fff;
  border-color: #2a9c49;
}

.byted-btn-type-success.byted-btn-plain.byted-btn:hover, .byted-btn-type-success.byted-btn-plain:not(.byted-btn-no-focus):focus {
  color: #068a37;
  background: #fff;
  border-color: #068a37;
}

.byted-btn-type-success.byted-btn-plain.byted-btn:active {
  color: #007d2d;
  background: #fff;
  border-color: #007d2d;
}

.byted-btn-type-success.byted-btn-plain.byted-btn.byted-btn-checked {
  color: #068a37;
  background: #fff;
  border-color: #068a37;
}

.byted-btn-type-success.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #baecbf;
  background: #effff0;
  border-color: #baecbf;
}

.byted-btn-type-success.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #baecbf;
}

.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: #068a37;
}

.byted-btn-type-success.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #2a9c49;
}

.byted-btn-type-success-light {
  color: #2a9c49;
  background: #effff0;
  border-color: #effff0;
}

.byted-btn-type-success-light.byted-btn:hover {
  color: #068a37;
  background: #effff0;
  border-color: #effff0;
}

.byted-btn-type-success-light:not(.byted-btn-no-focus):focus {
  color: #068a37;
  background: #99e4a2;
  border-color: #99e4a2;
}

.byted-btn-type-success-light.byted-btn:active {
  color: #007d2d;
  background: #99e4a2;
  border-color: #99e4a2;
}

.byted-btn-type-success-light.byted-btn.byted-btn-checked {
  color: #068a37;
  background: #99e4a2;
  border-color: #99e4a2;
}

.byted-btn-type-success-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #baecbf;
  background: #effff0;
  border-color: #effff0;
}

.byted-btn-type-success-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #baecbf;
}

.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: #effff0;
}

.byted-btn-type-success-light .byted-btn-loading-icon rect {
  fill: #2a9c49;
}

.byted-btn-type-success-light.byted-btn-plain {
  color: #2a9c49;
  background: #effff0;
  border-color: #2a9c49;
}

.byted-btn-type-success-light.byted-btn-plain.byted-btn:hover, .byted-btn-type-success-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  color: #068a37;
  background: #effff0;
  border-color: #068a37;
}

.byted-btn-type-success-light.byted-btn-plain.byted-btn:active {
  color: #007d2d;
  background: #effff0;
  border-color: #007d2d;
}

.byted-btn-type-success-light.byted-btn-plain.byted-btn.byted-btn-checked {
  color: #068a37;
  background: #effff0;
  border-color: #068a37;
}

.byted-btn-type-success-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #baecbf;
  background: #effff0;
  border-color: #baecbf;
}

.byted-btn-type-success-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #baecbf;
}

.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: #068a37;
}

.byted-btn-type-success-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #2a9c49;
}

.byted-btn-type-danger {
  color: #fff;
  background: #ef504b;
  border-color: #ef504b;
}

.byted-btn-type-danger.byted-btn:hover, .byted-btn-type-danger:not(.byted-btn-no-focus):focus {
  color: #fff;
  background: #da3a39;
  border-color: #da3a39;
}

.byted-btn-type-danger.byted-btn:active {
  color: #fff;
  background: #cb2a2d;
  border-color: #cb2a2d;
}

.byted-btn-type-danger.byted-btn.byted-btn-checked {
  color: #fff;
  background: #da3a39;
  border-color: #da3a39;
}

.byted-btn-type-danger.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #fff9f9;
  background: #ffd8d2;
  border-color: #ffd8d2;
}

.byted-btn-type-danger.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fff9f9;
}

.byted-btn-type-danger.byted-btn[data-motion-wave="after"]:after, .byted-btn-type-danger.byted-btn[data-motion-wave="before"]:before {
  color: #ef504b;
}

.byted-btn-type-danger .byted-btn-loading-icon rect {
  fill: #fff;
}

.byted-btn-type-danger.byted-btn-plain {
  color: #ef504b;
  background: #fff;
  border-color: #ef504b;
}

.byted-btn-type-danger.byted-btn-plain.byted-btn:hover, .byted-btn-type-danger.byted-btn-plain:not(.byted-btn-no-focus):focus {
  color: #da3a39;
  background: #fff;
  border-color: #da3a39;
}

.byted-btn-type-danger.byted-btn-plain.byted-btn:active {
  color: #cb2a2d;
  background: #fff;
  border-color: #cb2a2d;
}

.byted-btn-type-danger.byted-btn-plain.byted-btn.byted-btn-checked {
  color: #da3a39;
  background: #fff;
  border-color: #da3a39;
}

.byted-btn-type-danger.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #ffd8d2;
  background: #fff9f9;
  border-color: #ffd8d2;
}

.byted-btn-type-danger.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #ffd8d2;
}

.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: #da3a39;
}

.byted-btn-type-danger.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #ef504b;
}

.byted-btn-type-danger-light {
  color: #ef504b;
  background: #fff9f9;
  border-color: #fff9f9;
}

.byted-btn-type-danger-light.byted-btn:hover {
  color: #da3a39;
  background: #fff9f9;
  border-color: #fff9f9;
}

.byted-btn-type-danger-light:not(.byted-btn-no-focus):focus {
  color: #da3a39;
  background: #ffc6bd;
  border-color: #ffc6bd;
}

.byted-btn-type-danger-light.byted-btn:active {
  color: #cb2a2d;
  background: #ffc6bd;
  border-color: #ffc6bd;
}

.byted-btn-type-danger-light.byted-btn.byted-btn-checked {
  color: #da3a39;
  background: #ffc6bd;
  border-color: #ffc6bd;
}

.byted-btn-type-danger-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #ffd8d2;
  background: #fff9f9;
  border-color: #fff9f9;
}

.byted-btn-type-danger-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #ffd8d2;
}

.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: #fff9f9;
}

.byted-btn-type-danger-light .byted-btn-loading-icon rect {
  fill: #ef504b;
}

.byted-btn-type-danger-light.byted-btn-plain {
  color: #ef504b;
  background: #fff9f9;
  border-color: #ef504b;
}

.byted-btn-type-danger-light.byted-btn-plain.byted-btn:hover, .byted-btn-type-danger-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  color: #da3a39;
  background: #fff9f9;
  border-color: #da3a39;
}

.byted-btn-type-danger-light.byted-btn-plain.byted-btn:active {
  color: #cb2a2d;
  background: #fff9f9;
  border-color: #cb2a2d;
}

.byted-btn-type-danger-light.byted-btn-plain.byted-btn.byted-btn-checked {
  color: #da3a39;
  background: #fff9f9;
  border-color: #da3a39;
}

.byted-btn-type-danger-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #ffd8d2;
  background: #fff9f9;
  border-color: #ffd8d2;
}

.byted-btn-type-danger-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #ffd8d2;
}

.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: #da3a39;
}

.byted-btn-type-danger-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #ef504b;
}

.byted-btn-type-warning {
  color: #fff;
  background: #d2a106;
  border-color: #d2a106;
}

.byted-btn-type-warning.byted-btn:hover, .byted-btn-type-warning:not(.byted-btn-no-focus):focus {
  color: #fff;
  background: #bc8f00;
  border-color: #bc8f00;
}

.byted-btn-type-warning.byted-btn:active {
  color: #fff;
  background: #ad8400;
  border-color: #ad8400;
}

.byted-btn-type-warning.byted-btn.byted-btn-checked {
  color: #fff;
  background: #bc8f00;
  border-color: #bc8f00;
}

.byted-btn-type-warning.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #fffbec;
  background: #fbde89;
  border-color: #fbde89;
}

.byted-btn-type-warning.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fffbec;
}

.byted-btn-type-warning.byted-btn[data-motion-wave="after"]:after, .byted-btn-type-warning.byted-btn[data-motion-wave="before"]:before {
  color: #d2a106;
}

.byted-btn-type-warning .byted-btn-loading-icon rect {
  fill: #fff;
}

.byted-btn-type-warning.byted-btn-plain {
  color: #d2a106;
  background: #fff;
  border-color: #d2a106;
}

.byted-btn-type-warning.byted-btn-plain.byted-btn:hover, .byted-btn-type-warning.byted-btn-plain:not(.byted-btn-no-focus):focus {
  color: #bc8f00;
  background: #fff;
  border-color: #bc8f00;
}

.byted-btn-type-warning.byted-btn-plain.byted-btn:active {
  color: #ad8400;
  background: #fff;
  border-color: #ad8400;
}

.byted-btn-type-warning.byted-btn-plain.byted-btn.byted-btn-checked {
  color: #bc8f00;
  background: #fff;
  border-color: #bc8f00;
}

.byted-btn-type-warning.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #fbde89;
  background: #fffbec;
  border-color: #fbde89;
}

.byted-btn-type-warning.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fbde89;
}

.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: #bc8f00;
}

.byted-btn-type-warning.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #d2a106;
}

.byted-btn-type-warning-light {
  color: #d2a106;
  background: #fffbec;
  border-color: #fffbec;
}

.byted-btn-type-warning-light.byted-btn:hover {
  color: #bc8f00;
  background: #fffbec;
  border-color: #fffbec;
}

.byted-btn-type-warning-light:not(.byted-btn-no-focus):focus {
  color: #bc8f00;
  background: #fad253;
  border-color: #fad253;
}

.byted-btn-type-warning-light.byted-btn:active {
  color: #ad8400;
  background: #fad253;
  border-color: #fad253;
}

.byted-btn-type-warning-light.byted-btn.byted-btn-checked {
  color: #bc8f00;
  background: #fad253;
  border-color: #fad253;
}

.byted-btn-type-warning-light.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #fbde89;
  background: #fffbec;
  border-color: #fffbec;
}

.byted-btn-type-warning-light.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fbde89;
}

.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: #fffbec;
}

.byted-btn-type-warning-light .byted-btn-loading-icon rect {
  fill: #d2a106;
}

.byted-btn-type-warning-light.byted-btn-plain {
  color: #d2a106;
  background: #fffbec;
  border-color: #d2a106;
}

.byted-btn-type-warning-light.byted-btn-plain.byted-btn:hover, .byted-btn-type-warning-light.byted-btn-plain:not(.byted-btn-no-focus):focus {
  color: #bc8f00;
  background: #fffbec;
  border-color: #bc8f00;
}

.byted-btn-type-warning-light.byted-btn-plain.byted-btn:active {
  color: #ad8400;
  background: #fffbec;
  border-color: #ad8400;
}

.byted-btn-type-warning-light.byted-btn-plain.byted-btn.byted-btn-checked {
  color: #bc8f00;
  background: #fffbec;
  border-color: #bc8f00;
}

.byted-btn-type-warning-light.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #fbde89;
  background: #fffbec;
  border-color: #fbde89;
}

.byted-btn-type-warning-light.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fbde89;
}

.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: #bc8f00;
}

.byted-btn-type-warning-light.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #d2a106;
}

.byted-btn-type-dy {
  color: #fff;
  background: #fe2c55;
  border-color: #fe2c55;
}

.byted-btn-type-dy.byted-btn:hover, .byted-btn-type-dy:not(.byted-btn-no-focus):focus {
  color: #fff;
  background: #ff5c7c;
  border-color: #ff5c7c;
}

.byted-btn-type-dy.byted-btn:active {
  color: #fff;
  background: #e0274b;
  border-color: #e0274b;
}

.byted-btn-type-dy.byted-btn.byted-btn-checked {
  color: #fff;
  background: #ff5c7c;
  border-color: #ff5c7c;
}

.byted-btn-type-dy.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #feecec;
  background: #f9b1bf;
  border-color: #f9b1bf;
}

.byted-btn-type-dy.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #feecec;
}

.byted-btn-type-dy.byted-btn[data-motion-wave="after"]:after, .byted-btn-type-dy.byted-btn[data-motion-wave="before"]:before {
  color: #fe2c55;
}

.byted-btn-type-dy .byted-btn-loading-icon rect {
  fill: #fff;
}

.byted-btn-type-dy.byted-btn-plain {
  color: #333;
  background: #fff;
  border-color: #e0e0e0;
}

.byted-btn-type-dy.byted-btn-plain.byted-btn:hover {
  color: #ff5c7c;
  background: #fff;
  border-color: #ff5c7c;
}

.byted-btn-type-dy.byted-btn-plain:not(.byted-btn-no-focus):focus {
  color: #ff5c7c;
  background: #fae3e3;
  border-color: #ff5c7c;
}

.byted-btn-type-dy.byted-btn-plain.byted-btn:active {
  color: #e0274b;
  background: #fff;
  border-color: #e0274b;
}

.byted-btn-type-dy.byted-btn-plain.byted-btn.byted-btn-checked {
  color: #ff5c7c;
  background: #fae3e3;
  border-color: #ff5c7c;
}

.byted-btn-type-dy.byted-btn-plain.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #c1c1c1;
  background: #fafafa;
  border-color: #f0f0f0;
}

.byted-btn-type-dy.byted-btn-plain.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #c1c1c1;
}

.byted-btn-type-dy.byted-btn-plain.byted-btn[data-motion-wave="after"]:after, .byted-btn-type-dy.byted-btn-plain.byted-btn[data-motion-wave="before"]:before {
  color: #ff5c7c;
}

.byted-btn-type-dy.byted-btn-plain .byted-btn-loading-icon rect {
  fill: #333;
}

.byted-btn-type-default.byted-btn-text, .byted-btn-type-default-light.byted-btn-text {
  color: #121415;
  background: #fff;
  border-color: #0000;
}

.byted-btn-type-default.byted-btn-text.byted-btn:hover, .byted-btn-type-default-light.byted-btn-text.byted-btn:hover {
  color: #009995;
  background: #f8f8f9;
  border-color: #0000;
}

.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, .byted-btn-type-default.byted-btn-text.byted-btn:active, .byted-btn-type-default-light.byted-btn-text.byted-btn:active, .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 {
  color: #121415;
  background: #ececed;
  border-color: #0000;
}

.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;
  color: #a9abac;
  background: #fff;
  border-color: #0000;
}

.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: #a9abac;
}

.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: #0000;
}

.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: #121415;
}

.byted-btn-type-primary.byted-btn-text, .byted-btn-type-primary-light.byted-btn-text {
  color: #009995;
  background: none;
  border-color: #0000;
}

.byted-btn-type-primary.byted-btn-text.byted-btn:hover, .byted-btn-type-primary-light.byted-btn-text.byted-btn:hover {
  color: #009995;
  background: #f8f8f9;
  border-color: #0000;
}

.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, .byted-btn-type-primary.byted-btn-text.byted-btn:active, .byted-btn-type-primary-light.byted-btn-text.byted-btn:active, .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 {
  color: #009995;
  background: #ececed;
  border-color: #0000;
}

.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;
  color: #c3e9e7;
  background: none;
  border-color: #0000;
}

.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: #c3e9e7;
}

.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: #0000;
}

.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: #009995;
}

.byted-btn-type-info.byted-btn-text, .byted-btn-type-info-light.byted-btn-text {
  color: #009995;
  background: none;
  border-color: #0000;
}

.byted-btn-type-info.byted-btn-text.byted-btn:hover, .byted-btn-type-info-light.byted-btn-text.byted-btn:hover {
  color: #009995;
  background: #f8f8f9;
  border-color: #0000;
}

.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, .byted-btn-type-info.byted-btn-text.byted-btn:active, .byted-btn-type-info-light.byted-btn-text.byted-btn:active, .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 {
  color: #009995;
  background: #ececed;
  border-color: #0000;
}

.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;
  color: #c3e9e7;
  background: none;
  border-color: #0000;
}

.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: #c3e9e7;
}

.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: #0000;
}

.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: #009995;
}

.byted-btn-type-success.byted-btn-text, .byted-btn-type-success-light.byted-btn-text {
  color: #2a9c49;
  background: none;
  border-color: #0000;
}

.byted-btn-type-success.byted-btn-text.byted-btn:hover, .byted-btn-type-success-light.byted-btn-text.byted-btn:hover {
  color: #2a9c49;
  background: #f8f8f9;
  border-color: #0000;
}

.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, .byted-btn-type-success.byted-btn-text.byted-btn:active, .byted-btn-type-success-light.byted-btn-text.byted-btn:active, .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 {
  color: #2a9c49;
  background: #ececed;
  border-color: #0000;
}

.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;
  color: #baecbf;
  background: none;
  border-color: #0000;
}

.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: #baecbf;
}

.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: #0000;
}

.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: #2a9c49;
}

.byted-btn-type-danger.byted-btn-text, .byted-btn-type-danger-light.byted-btn-text {
  color: #ef504b;
  background: none;
  border-color: #0000;
}

.byted-btn-type-danger.byted-btn-text.byted-btn:hover, .byted-btn-type-danger-light.byted-btn-text.byted-btn:hover {
  color: #ef504b;
  background: #f8f8f9;
  border-color: #0000;
}

.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, .byted-btn-type-danger.byted-btn-text.byted-btn:active, .byted-btn-type-danger-light.byted-btn-text.byted-btn:active, .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 {
  color: #ef504b;
  background: #ececed;
  border-color: #0000;
}

.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;
  color: #ffd8d2;
  background: none;
  border-color: #0000;
}

.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: #ffd8d2;
}

.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: #0000;
}

.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: #ef504b;
}

.byted-btn-type-warning.byted-btn-text, .byted-btn-type-warning-light.byted-btn-text {
  color: #d2a106;
  background: none;
  border-color: #0000;
}

.byted-btn-type-warning.byted-btn-text.byted-btn:hover, .byted-btn-type-warning-light.byted-btn-text.byted-btn:hover {
  color: #d2a106;
  background: #f8f8f9;
  border-color: #0000;
}

.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, .byted-btn-type-warning.byted-btn-text.byted-btn:active, .byted-btn-type-warning-light.byted-btn-text.byted-btn:active, .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 {
  color: #d2a106;
  background: #ececed;
  border-color: #0000;
}

.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;
  color: #fbde89;
  background: none;
  border-color: #0000;
}

.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: #fbde89;
}

.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: #0000;
}

.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: #d2a106;
}

.byted-btn {
  text-align: center;
  cursor: pointer;
  -o-transition: all ease-in-out .1s;
  border: 1px solid #0000;
  outline: none;
  padding: 0 16px;
  transition: all .1s ease-in-out;
}

.byted-btn-type-white, .byted-btn-ghost {
  color: #009995;
  background: #fff;
  border-color: #009995;
}

.byted-btn-type-white.byted-btn:hover, .byted-btn-ghost.byted-btn:hover, .byted-btn-type-white:not(.byted-btn-no-focus):focus, .byted-btn-ghost:not(.byted-btn-no-focus):focus {
  color: #008682;
  background: #fff;
  border-color: #008682;
}

.byted-btn-type-white.byted-btn:active, .byted-btn-ghost.byted-btn:active {
  color: #007875;
  background: #fff;
  border-color: #007875;
}

.byted-btn-type-white.byted-btn.byted-btn-checked, .byted-btn-ghost.byted-btn.byted-btn-checked {
  color: #008682;
  background: #fff;
  border-color: #008682;
}

.byted-btn-type-white.byted-btn.byted-btn-disabled, .byted-btn-ghost.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #c3e9e7;
  background: #fff;
  border-color: #c3e9e7;
}

.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: #c3e9e7;
}

.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: #009995;
}

.byted-btn-type-white .byted-btn-loading-icon rect, .byted-btn-ghost .byted-btn-loading-icon rect {
  fill: #009995;
}

.byted-btn-dashed {
  border-style: dashed;
}

.byted-btn-type-dashed {
  color: #121415;
  background: #fff;
  border-style: dashed;
  border-color: #d3d4d5;
}

.byted-btn-type-dashed.byted-btn:hover {
  color: #006764;
  background: #fff;
  border-color: #008682;
}

.byted-btn-type-dashed:not(.byted-btn-no-focus):focus {
  color: #017976;
  background: #e8fbf9;
  border-color: #009995;
}

.byted-btn-type-dashed.byted-btn:active {
  color: #005b58;
  background: #fff;
  border-color: #007875;
}

.byted-btn-type-dashed.byted-btn.byted-btn-checked {
  color: #017976;
  background: #e8fbf9;
  border-color: #009995;
}

.byted-btn-type-dashed.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #d3d4d5;
  background: #f8f8f9;
  border-color: #ececed;
}

.byted-btn-type-dashed.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #d3d4d5;
}

.byted-btn-type-dashed.byted-btn[data-motion-wave="after"]:after, .byted-btn-type-dashed.byted-btn[data-motion-wave="before"]:before {
  color: #009995;
}

.byted-btn-type-dashed .byted-btn-loading-icon rect {
  fill: #121415;
}

.byted-btn-type-text {
  color: #121415;
  background: #fff;
  border-color: #0000;
}

.byted-btn-type-text.byted-btn:hover {
  color: #009995;
  background: #f8f8f9;
  border-color: #0000;
}

.byted-btn-type-text:not(.byted-btn-no-focus):focus, .byted-btn-type-text.byted-btn:active, .byted-btn-type-text.byted-btn.byted-btn-checked {
  color: #121415;
  background: #ececed;
  border-color: #0000;
}

.byted-btn-type-text.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #a9abac;
  background: #fff;
  border-color: #0000;
}

.byted-btn-type-text.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #a9abac;
}

.byted-btn-type-text.byted-btn[data-motion-wave="after"]:after, .byted-btn-type-text.byted-btn[data-motion-wave="before"]:before {
  color: #009995;
}

.byted-btn-type-text .byted-btn-loading-icon rect {
  fill: #121415;
}

.byted-btn-type-text-primary {
  color: #009995;
  background: none;
  border-color: #0000;
}

.byted-btn-type-text-primary.byted-btn:hover {
  color: #009995;
  background: #f8f8f9;
  border-color: #0000;
}

.byted-btn-type-text-primary:not(.byted-btn-no-focus):focus, .byted-btn-type-text-primary.byted-btn:active, .byted-btn-type-text-primary.byted-btn.byted-btn-checked {
  color: #009995;
  background: #ececed;
  border-color: #0000;
}

.byted-btn-type-text-primary.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #c3e9e7;
  background: none;
  border-color: #0000;
}

.byted-btn-type-text-primary.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #c3e9e7;
}

.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: #009995;
}

.byted-btn-type-text-primary .byted-btn-loading-icon rect {
  fill: #009995;
}

.byted-btn-type-secondary, .byted-btn-type-secondary:not(.byted-btn-no-focus):focus, .byted-btn-type-secondary.byted-btn:hover, .byted-btn-type-secondary.byted-btn:active {
  color: #fff;
  background: #262627;
  border-color: #262627;
}

.byted-btn-type-secondary.byted-btn.byted-btn-checked {
  color: #262627;
  background: #fff;
  border-color: #262627;
}

.byted-btn-type-secondary.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #fff;
  background: #8a8a8a;
  border-color: #8a8a8a;
}

.byted-btn-type-secondary.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #fff;
}

.byted-btn-type-secondary.byted-btn[data-motion-wave="after"]:after, .byted-btn-type-secondary.byted-btn[data-motion-wave="before"]:before {
  color: #fff;
}

.byted-btn-type-secondary .byted-btn-loading-icon rect {
  fill: #fff;
}

.byted-btn-type-link.byted-btn {
  color: #017976;
  background: none;
  border-width: 0;
  border-color: #0000;
  min-width: auto;
  height: auto;
  padding: 0;
}

.byted-btn-type-link.byted-btn.byted-btn:hover, .byted-btn-type-link.byted-btn:not(.byted-btn-no-focus):focus {
  color: #006764;
  background: none;
  border-color: #0000;
}

.byted-btn-type-link.byted-btn.byted-btn:active {
  color: #005b58;
  background: none;
  border-color: #0000;
}

.byted-btn-type-link.byted-btn.byted-btn.byted-btn-checked {
  color: #006764;
  background: none;
  border-color: #0000;
}

.byted-btn-type-link.byted-btn.byted-btn.byted-btn-disabled {
  cursor: no-drop;
  color: #c3c4c5;
  background: none;
  border-color: #0000;
}

.byted-btn-type-link.byted-btn.byted-btn.byted-btn-disabled .byted-btn-loading-icon rect {
  fill: #c3c4c5;
}

.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: #009995;
}

.byted-btn-type-link.byted-btn .byted-btn-loading-icon rect {
  fill: #017976;
}

.byted-btn-size-xs {
  border-radius: 4px;
  min-width: 60px;
  height: 26px;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 20px;
}

.byted-btn-size-xs.byted-btn-shape-round {
  border-radius: 13px;
}

.byted-btn-size-xs .byted-btn-loading-icon svg {
  width: 12px;
  height: 12px;
}

.byted-btn-size-sm {
  border-radius: 4px;
  min-width: 80px;
  height: 30px;
  padding: 4px 16px;
  font-size: 12px;
  line-height: 20px;
}

.byted-btn-size-sm.byted-btn-shape-round {
  border-radius: 30px;
}

.byted-btn-size-sm .byted-btn-loading-icon svg {
  width: 12px;
  height: 12px;
}

.byted-btn-size-md {
  border-radius: 4px;
  min-width: 100px;
  height: 34px;
  padding: 5px 16px;
  font-size: 14px;
  line-height: 22px;
}

.byted-btn-size-md.byted-btn-shape-round {
  border-radius: 34px;
}

.byted-btn-size-md .byted-btn-loading-icon svg {
  width: 14px;
  height: 14px;
}

.byted-btn-size-lg {
  border-radius: 4px;
  min-width: 120px;
  height: 38px;
  padding: 7px 16px;
  font-size: 14px;
  line-height: 22px;
}

.byted-btn-size-lg.byted-btn-shape-round {
  border-radius: 38px;
}

.byted-btn-size-lg .byted-btn-loading-icon svg {
  width: 14px;
  height: 14px;
}

.byted-btn-size-xl {
  border-radius: 4px;
  min-width: 140px;
  height: 42px;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
}

.byted-btn-size-xl.byted-btn-shape-round {
  border-radius: 42px;
}

.byted-btn-size-xl .byted-btn-loading-icon svg {
  width: 16px;
  height: 16px;
}

.byted-btn-shape-cycle {
  border-radius: 50%;
  padding: 0;
}

.byted-btn-shape-cycle.byted-btn-size-xs {
  width: 26px;
  min-width: 26px;
  height: 26px;
  padding: 0;
}

.byted-btn-shape-cycle.byted-btn-size-sm {
  border-radius: 6px;
  width: 30px;
  min-width: 30px;
  height: 30px;
}

.byted-btn-shape-cycle.byted-btn-size-md {
  width: 34px;
  min-width: 34px;
  height: 34px;
}

.byted-btn-shape-cycle.byted-btn-size-lg {
  width: 38px;
  min-width: 38px;
  height: 38px;
}

.byted-btn-shape-cycle.byted-btn-size-xl {
  width: 42px;
  min-width: 42px;
  height: 42px;
}

.byted-btn-shape-square {
  padding: 0;
}

.byted-btn-shape-square.byted-btn-size-xs {
  width: 26px;
  min-width: 26px;
  height: 26px;
  padding: 0;
}

.byted-btn-shape-square.byted-btn-size-sm {
  border-radius: 6px;
  width: 30px;
  min-width: 30px;
  height: 30px;
}

.byted-btn-shape-square.byted-btn-size-md {
  width: 34px;
  min-width: 34px;
  height: 34px;
}

.byted-btn-shape-square.byted-btn-size-lg {
  width: 38px;
  min-width: 38px;
  height: 38px;
}

.byted-btn-shape-square.byted-btn-size-xl {
  width: 42px;
  min-width: 42px;
  height: 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 {
  content: " ";
  border-top: 6px solid #dfe0e2;
  border-left: 6px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 7px solid #dfe0e2;
  border-left: 7px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 6px solid #009995;
  border-left: 6px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 7px solid #009995;
  border-left: 7px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 6px solid #007875;
  border-left: 6px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 7px solid #007875;
  border-left: 7px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 6px solid #009995;
  border-left: 6px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 7px solid #009995;
  border-left: 7px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 6px solid #f4f4f5;
  border-left: 6px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 7px solid #f4f4f5;
  border-left: 7px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 6px solid #c3e9e7;
  border-left: 6px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 7px solid #c3e9e7;
  border-left: 7px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 6px solid #fbfcfc;
  border-left: 6px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 7px solid #fbfcfc;
  border-left: 7px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 6px solid #fbfcfc;
  border-left: 6px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 7px solid #fbfcfc;
  border-left: 7px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 6px solid #fbfcfc;
  border-left: 6px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 7px solid #fbfcfc;
  border-left: 7px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 6px solid #fbfcfc;
  border-left: 6px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 7px solid #fbfcfc;
  border-left: 7px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 6px solid #f2fdfc;
  border-left: 6px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 7px solid #f2fdfc;
  border-left: 7px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 6px solid #c3e9e7;
  border-left: 6px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 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 {
  content: " ";
  border-top: 7px solid #c3e9e7;
  border-left: 7px solid #0000;
  width: 0;
  position: absolute;
  top: 2px;
  right: 2px;
}

.byted-btn-loading-icon {
  vertical-align: -.125em;
  width: 1em;
  height: 1em;
  margin-left: 0;
  margin-right: 4px;
  display: inline-block;
}

.byted-btn-loading-icon rect:nth-child(8) {
  animation: .77s linear -7.12s infinite btnLoadingOpacity;
}

.byted-btn-loading-icon rect:nth-child(7) {
  animation: .77s linear -7.23s infinite btnLoadingOpacity;
}

.byted-btn-loading-icon rect:nth-child(6) {
  animation: .77s linear -7.34s infinite btnLoadingOpacity;
}

.byted-btn-loading-icon rect:nth-child(5) {
  animation: .77s linear -7.45s infinite btnLoadingOpacity;
}

.byted-btn-loading-icon rect:nth-child(4) {
  animation: .77s linear -7.56s infinite btnLoadingOpacity;
}

.byted-btn-loading-icon rect:nth-child(3) {
  animation: .77s linear -7.67s infinite btnLoadingOpacity;
}

.byted-btn-loading-icon rect:nth-child(2) {
  animation: .77s linear -7.78s infinite btnLoadingOpacity;
}

.byted-btn-loading-icon rect:first-child {
  animation: .77s linear -7.89s infinite btnLoadingOpacity;
}

.byted-btn-loading-icon-custom {
  vertical-align: 0;
  transform-origin: 50%;
  line-height: 100%;
  animation: 1s linear infinite okee-loading-rotate;
}

.byted-btn-rtl {
  direction: rtl;
}

.byted-btn-rtl .byted-btn-loading-icon {
  margin-left: 4px;
  margin-right: 0;
}

.byted-btn-group {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.byted-btn-group .byted-btn.byted-btn-checked, .byted-btn-group .byted-btn:hover {
  z-index: 11;
  position: relative;
}

.byted-btn-group .byted-btn:focus, .byted-btn-group .byted-btn:active {
  z-index: 10;
  position: relative;
}

.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: -1px;
  margin-right: 0;
}

.byted-btn-group .byted-btn-size-xs:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #f78a7e;
}

.byted-btn-group .byted-btn-size-xs:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #bc8f00;
}

.byted-btn-group .byted-btn-size-xs:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #008682;
}

.byted-btn-group .byted-btn-size-xs:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #068a37;
}

.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: -1px;
  margin-right: 0;
}

.byted-btn-group .byted-btn-size-sm:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #f78a7e;
}

.byted-btn-group .byted-btn-size-sm:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #bc8f00;
}

.byted-btn-group .byted-btn-size-sm:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #008682;
}

.byted-btn-group .byted-btn-size-sm:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #068a37;
}

.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: -1px;
  margin-right: 0;
}

.byted-btn-group .byted-btn-size-md:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #f78a7e;
}

.byted-btn-group .byted-btn-size-md:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #bc8f00;
}

.byted-btn-group .byted-btn-size-md:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #008682;
}

.byted-btn-group .byted-btn-size-md:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #068a37;
}

.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: -1px;
  margin-right: 0;
}

.byted-btn-group .byted-btn-size-lg:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #f78a7e;
}

.byted-btn-group .byted-btn-size-lg:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #bc8f00;
}

.byted-btn-group .byted-btn-size-lg:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #008682;
}

.byted-btn-group .byted-btn-size-lg:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #068a37;
}

.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: -1px;
  margin-right: 0;
}

.byted-btn-group .byted-btn-size-xl:not(:first-child).byted-btn-type-danger {
  border-left: 1px solid #f78a7e;
}

.byted-btn-group .byted-btn-size-xl:not(:first-child).byted-btn-type-warning {
  border-left: 1px solid #bc8f00;
}

.byted-btn-group .byted-btn-size-xl:not(:first-child):not(.byted-btn-plain).byted-btn-type-primary {
  border-left: 1px solid #008682;
}

.byted-btn-group .byted-btn-size-xl:not(:first-child).byted-btn-type-success {
  border-left: 1px solid #068a37;
}

.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: 0;
  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 #f78a7e;
}

.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 #bc8f00;
}

.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 #008682;
}

.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 #068a37;
}

.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: 0;
  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 #f78a7e;
}

.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 #bc8f00;
}

.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 #008682;
}

.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 #068a37;
}

.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: 0;
  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 #f78a7e;
}

.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 #bc8f00;
}

.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 #008682;
}

.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 #068a37;
}

.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: 0;
  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 #f78a7e;
}

.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 #bc8f00;
}

.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 #008682;
}

.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 #068a37;
}

.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: 0;
  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 #f78a7e;
}

.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 #bc8f00;
}

.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 #008682;
}

.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 #068a37;
}

@keyframes btnLoadingOpacity {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.btnLoadingOpacityAnimation rect:nth-child(8) {
  animation: .77s linear -7.12s infinite btnLoadingOpacity;
}

.btnLoadingOpacityAnimation rect:nth-child(7) {
  animation: .77s linear -7.23s infinite btnLoadingOpacity;
}

.btnLoadingOpacityAnimation rect:nth-child(6) {
  animation: .77s linear -7.34s infinite btnLoadingOpacity;
}

.btnLoadingOpacityAnimation rect:nth-child(5) {
  animation: .77s linear -7.45s infinite btnLoadingOpacity;
}

.btnLoadingOpacityAnimation rect:nth-child(4) {
  animation: .77s linear -7.56s infinite btnLoadingOpacity;
}

.btnLoadingOpacityAnimation rect:nth-child(3) {
  animation: .77s linear -7.67s infinite btnLoadingOpacity;
}

.btnLoadingOpacityAnimation rect:nth-child(2) {
  animation: .77s linear -7.78s infinite btnLoadingOpacity;
}

.btnLoadingOpacityAnimation rect:first-child {
  animation: .77s linear -7.89s infinite btnLoadingOpacity;
}

@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes okee-loading-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(1turn);
  }
}

.byted-scroll-content {
  flex: 1;
  width: 200px;
  font-size: 14px;
  display: flex;
}

.byted-scroll-content .byted-scroll-select {
  box-sizing: border-box;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  border-right: 1px solid #ebebed;
  flex: 1;
  padding-bottom: 200px;
}

.byted-scroll-content .byted-scroll-select::-webkit-scrollbar {
  width: 0;
}

.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar {
  background-color: #fff;
  width: 10px;
}

.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar-track {
  background-color: #fbfcfc;
  border-left: 1px solid #f4f4f5;
  border-right: 1px solid #f4f4f5;
  border-radius: 10px;
}

.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar-thumb {
  background-color: #d5d6d9;
  border-radius: 10px;
}

.byted-scroll-content .byted-scroll-select:last-child {
  border-right: none;
}

.byted-scroll-content .byted-scroll-select-item {
  text-align: center;
  color: #121415;
  background-color: #fff;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  position: relative;
}

.byted-scroll-content .byted-scroll-select-item:not(.byted-scroll-select-item-disabled):hover {
  cursor: pointer;
  color: #121415;
  background-color: #f2f3f3;
}

.byted-scroll-content .byted-scroll-select-item:not(.byted-scroll-select-item-disabled):active {
  cursor: pointer;
  color: #009995;
  background-color: #ececed;
}

.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled) {
  color: #009995;
  background-color: #fff;
}

.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled):hover {
  color: #009995;
  background-color: #f2f3f3;
}

.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled):active {
  color: #009995;
  background-color: #ececed;
}

.byted-scroll-content .byted-scroll-select-item-active.byted-scroll-select-item-disabled {
  color: #c3e9e7;
  background-color: #fff;
}

.byted-scroll-content .byted-scroll-select-item-disabled {
  cursor: not-allowed;
  color: #a9abac;
  background-color: #fff;
}

.byted-scroll-panel {
  background: #fff;
  border-radius: 4px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 9px #00000014;
}

.byted-scroll-panel-header {
  background: #fbfcfc;
  border-radius: 3px 3px 0 0;
  height: 38px;
  display: flex;
}

.byted-scroll-panel-header div {
  text-align: center;
  flex: 1;
  line-height: 38px;
}

@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes okee-loading-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(1turn);
  }
}

.byted-scroll-content {
  flex: 1;
  width: 200px;
  font-size: 14px;
  display: flex;
}

.byted-scroll-content .byted-scroll-select {
  box-sizing: border-box;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  border-right: 1px solid #ebebed;
  flex: 1;
  padding-bottom: 200px;
}

.byted-scroll-content .byted-scroll-select::-webkit-scrollbar {
  width: 0;
}

.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar {
  background-color: #fff;
  width: 10px;
}

.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar-track {
  background-color: #fbfcfc;
  border-left: 1px solid #f4f4f5;
  border-right: 1px solid #f4f4f5;
  border-radius: 10px;
}

.byted-scroll-content .byted-scroll-select:hover::-webkit-scrollbar-thumb {
  background-color: #d5d6d9;
  border-radius: 10px;
}

.byted-scroll-content .byted-scroll-select:last-child {
  border-right: none;
}

.byted-scroll-content .byted-scroll-select-item {
  text-align: center;
  color: #121415;
  background-color: #fff;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  position: relative;
}

.byted-scroll-content .byted-scroll-select-item:not(.byted-scroll-select-item-disabled):hover {
  cursor: pointer;
  color: #121415;
  background-color: #f2f3f3;
}

.byted-scroll-content .byted-scroll-select-item:not(.byted-scroll-select-item-disabled):active {
  cursor: pointer;
  color: #009995;
  background-color: #ececed;
}

.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled) {
  color: #009995;
  background-color: #fff;
}

.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled):hover {
  color: #009995;
  background-color: #f2f3f3;
}

.byted-scroll-content .byted-scroll-select-item-active:not(.byted-scroll-select-item-disabled):active {
  color: #009995;
  background-color: #ececed;
}

.byted-scroll-content .byted-scroll-select-item-active.byted-scroll-select-item-disabled {
  color: #c3e9e7;
  background-color: #fff;
}

.byted-scroll-content .byted-scroll-select-item-disabled {
  cursor: not-allowed;
  color: #a9abac;
  background-color: #fff;
}

.byted-scroll-panel {
  background: #fff;
  border-radius: 4px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 9px #00000014;
}

.byted-scroll-panel-header {
  background: #fbfcfc;
  border-radius: 3px 3px 0 0;
  height: 38px;
  display: flex;
}

.byted-scroll-panel-header div {
  text-align: center;
  flex: 1;
  line-height: 38px;
}

.byted-time-content {
  flex: 1;
  width: 200px;
  font-size: 14px;
  display: flex;
}

.byted-time-content .byted-hour-select {
  box-sizing: border-box;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  border-right: 1px solid #ebebed;
  flex: 1;
  padding-bottom: 200px;
}

.byted-time-content .byted-hour-select::-webkit-scrollbar {
  width: 0;
}

.byted-time-content .byted-hour-select:hover::-webkit-scrollbar {
  background-color: #fff;
  width: 10px;
}

.byted-time-content .byted-hour-select:hover::-webkit-scrollbar-track {
  background-color: #fbfcfc;
  border-left: 1px solid #f4f4f5;
  border-right: 1px solid #f4f4f5;
  border-radius: 10px;
}

.byted-time-content .byted-hour-select:hover::-webkit-scrollbar-thumb {
  background-color: #d5d6d9;
  border-radius: 10px;
}

.byted-time-content .byted-hour-select:last-child {
  border-right: none;
}

.byted-time-content .byted-hour-select-item {
  text-align: center;
  color: #121415;
  background-color: #fff;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  position: relative;
}

.byted-time-content .byted-hour-select-item:not(.byted-hour-select-item-disabled):hover {
  cursor: pointer;
  color: #121415;
  background-color: #f2f3f3;
}

.byted-time-content .byted-hour-select-item:not(.byted-hour-select-item-disabled):active {
  cursor: pointer;
  color: #009995;
  background-color: #ececed;
}

.byted-time-content .byted-hour-select-item-active:not(.byted-hour-select-item-disabled) {
  color: #009995;
  background-color: #fff;
}

.byted-time-content .byted-hour-select-item-active:not(.byted-hour-select-item-disabled):hover {
  color: #009995;
  background-color: #f2f3f3;
}

.byted-time-content .byted-hour-select-item-active:not(.byted-hour-select-item-disabled):active {
  color: #009995;
  background-color: #ececed;
}

.byted-time-content .byted-hour-select-item-active.byted-hour-select-item-disabled {
  color: #c3e9e7;
  background-color: #fff;
}

.byted-time-content .byted-hour-select-item-disabled {
  cursor: not-allowed;
  color: #a9abac;
  background-color: #fff;
}

.byted-time-content .byted-minute-select {
  box-sizing: border-box;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  border-right: 1px solid #ebebed;
  flex: 1;
  padding-bottom: 200px;
}

.byted-time-content .byted-minute-select::-webkit-scrollbar {
  width: 0;
}

.byted-time-content .byted-minute-select:hover::-webkit-scrollbar {
  background-color: #fff;
  width: 10px;
}

.byted-time-content .byted-minute-select:hover::-webkit-scrollbar-track {
  background-color: #fbfcfc;
  border-left: 1px solid #f4f4f5;
  border-right: 1px solid #f4f4f5;
  border-radius: 10px;
}

.byted-time-content .byted-minute-select:hover::-webkit-scrollbar-thumb {
  background-color: #d5d6d9;
  border-radius: 10px;
}

.byted-time-content .byted-minute-select:last-child {
  border-right: none;
}

.byted-time-content .byted-minute-select-item {
  text-align: center;
  color: #121415;
  background-color: #fff;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  position: relative;
}

.byted-time-content .byted-minute-select-item:not(.byted-minute-select-item-disabled):hover {
  cursor: pointer;
  color: #121415;
  background-color: #f2f3f3;
}

.byted-time-content .byted-minute-select-item:not(.byted-minute-select-item-disabled):active {
  cursor: pointer;
  color: #009995;
  background-color: #ececed;
}

.byted-time-content .byted-minute-select-item-active:not(.byted-minute-select-item-disabled) {
  color: #009995;
  background-color: #fff;
}

.byted-time-content .byted-minute-select-item-active:not(.byted-minute-select-item-disabled):hover {
  color: #009995;
  background-color: #f2f3f3;
}

.byted-time-content .byted-minute-select-item-active:not(.byted-minute-select-item-disabled):active {
  color: #009995;
  background-color: #ececed;
}

.byted-time-content .byted-minute-select-item-active.byted-minute-select-item-disabled {
  color: #c3e9e7;
  background-color: #fff;
}

.byted-time-content .byted-minute-select-item-disabled {
  cursor: not-allowed;
  color: #a9abac;
  background-color: #fff;
}

.byted-time-content .byted-second-select {
  box-sizing: border-box;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  border-right: 1px solid #ebebed;
  flex: 1;
  padding-bottom: 200px;
}

.byted-time-content .byted-second-select::-webkit-scrollbar {
  width: 0;
}

.byted-time-content .byted-second-select:hover::-webkit-scrollbar {
  background-color: #fff;
  width: 10px;
}

.byted-time-content .byted-second-select:hover::-webkit-scrollbar-track {
  background-color: #fbfcfc;
  border-left: 1px solid #f4f4f5;
  border-right: 1px solid #f4f4f5;
  border-radius: 10px;
}

.byted-time-content .byted-second-select:hover::-webkit-scrollbar-thumb {
  background-color: #d5d6d9;
  border-radius: 10px;
}

.byted-time-content .byted-second-select:last-child {
  border-right: none;
}

.byted-time-content .byted-second-select-item {
  text-align: center;
  color: #121415;
  background-color: #fff;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  position: relative;
}

.byted-time-content .byted-second-select-item:not(.byted-second-select-item-disabled):hover {
  cursor: pointer;
  color: #121415;
  background-color: #f2f3f3;
}

.byted-time-content .byted-second-select-item:not(.byted-second-select-item-disabled):active {
  cursor: pointer;
  color: #009995;
  background-color: #ececed;
}

.byted-time-content .byted-second-select-item-active:not(.byted-second-select-item-disabled) {
  color: #009995;
  background-color: #fff;
}

.byted-time-content .byted-second-select-item-active:not(.byted-second-select-item-disabled):hover {
  color: #009995;
  background-color: #f2f3f3;
}

.byted-time-content .byted-second-select-item-active:not(.byted-second-select-item-disabled):active {
  color: #009995;
  background-color: #ececed;
}

.byted-time-content .byted-second-select-item-active.byted-second-select-item-disabled {
  color: #c3e9e7;
  background-color: #fff;
}

.byted-time-content .byted-second-select-item-disabled {
  cursor: not-allowed;
  color: #a9abac;
  background-color: #fff;
}

.byted-time-content .byted-time12hour-select {
  box-sizing: border-box;
  height: 240px;
  overflow-y: auto;
  overflow-y: overlay;
  border-right: 1px solid #ebebed;
  flex: 1;
  padding-bottom: 200px;
}

.byted-time-content .byted-time12hour-select::-webkit-scrollbar {
  width: 0;
}

.byted-time-content .byted-time12hour-select:hover::-webkit-scrollbar {
  background-color: #fff;
  width: 10px;
}

.byted-time-content .byted-time12hour-select:hover::-webkit-scrollbar-track {
  background-color: #fbfcfc;
  border-left: 1px solid #f4f4f5;
  border-right: 1px solid #f4f4f5;
  border-radius: 10px;
}

.byted-time-content .byted-time12hour-select:hover::-webkit-scrollbar-thumb {
  background-color: #d5d6d9;
  border-radius: 10px;
}

.byted-time-content .byted-time12hour-select:last-child {
  border-right: none;
}

.byted-time-content .byted-time12hour-select-item {
  text-align: center;
  color: #121415;
  background-color: #fff;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  position: relative;
}

.byted-time-content .byted-time12hour-select-item:not(.byted-time12hour-select-item-disabled):hover {
  cursor: pointer;
  color: #121415;
  background-color: #f2f3f3;
}

.byted-time-content .byted-time12hour-select-item:not(.byted-time12hour-select-item-disabled):active {
  cursor: pointer;
  color: #009995;
  background-color: #ececed;
}

.byted-time-content .byted-time12hour-select-item-active:not(.byted-time12hour-select-item-disabled) {
  color: #009995;
  background-color: #fff;
}

.byted-time-content .byted-time12hour-select-item-active:not(.byted-time12hour-select-item-disabled):hover {
  color: #009995;
  background-color: #f2f3f3;
}

.byted-time-content .byted-time12hour-select-item-active:not(.byted-time12hour-select-item-disabled):active {
  color: #009995;
  background-color: #ececed;
}

.byted-time-content .byted-time12hour-select-item-active.byted-time12hour-select-item-disabled {
  color: #c3e9e7;
  background-color: #fff;
}

.byted-time-content .byted-time12hour-select-item-disabled {
  cursor: not-allowed;
  color: #a9abac;
  background-color: #fff;
}

.byted-time-content + .byted-time-content {
  border-left: 1px solid #ececed;
}

.byted-time-panel {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 9px #00000014;
}

.byted-time-panel-header {
  color: #121415;
  background: #f8f8f9;
  border-bottom: 1px solid #0000;
  border-radius: 3px 3px 0 0;
  height: 38px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.byted-time-panel-header div {
  text-align: center;
  flex: 1;
  line-height: 38px;
}

.byted-time-panel-header div + div {
  border-left: 1px solid #ececed;
}

.byted-time-panel .byted-time-content-wrapper {
  display: flex;
  position: relative;
  overflow: hidden;
}

.byted-time-panel .byted-select-time-loop {
  overflow-y: hidden;
}

[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: " ";
  opacity: .2;
  border-radius: inherit;
  color: #009995;
  animation: 2s cubic-bezier(.08, .82, .17, 1) both byted-motion-wave-fade, .4s cubic-bezier(.08, .82, .17, 1) both byted-motion-wave;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0;
  }
}

@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0;
  }
}

@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}

[class*="byted-"][data-motion-fade="in"] {
  animation: .1s ease-out byted-motion-fadein;
}

[class*="byted-"][data-motion-fade="out"] {
  pointer-events: none;
  animation: .1s ease-in both byted-motion-fadeout;
}

@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}

.byted-popover {
  opacity: 0;
  -o-transition: all ease-in .1s;
  transition: all .1s ease-in;
}

.byted-popover-show {
  opacity: 1;
  -o-transition: all ease-out .1s;
  transition: all .1s ease-out;
}

.byted-popover-disable-animation {
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

.byted-popover-scale-xy {
  transform: scale(.8);
}

.byted-popover-scale-xy.byted-popover-show {
  transform: scale(1);
}

.byted-popover-scale-x {
  transform: scaleX(.8);
}

.byted-popover-scale-x.byted-popover-show {
  transform: scaleX(1);
}

.byted-popover-scale-y {
  transform: scaleY(.8);
}

.byted-popover-scale-y.byted-popover-show {
  transform: scaleY(1);
}

.byted-popover-left {
  transform-origin: calc(100% + 8px);
}

.byted-popover-left-start {
  transform-origin: calc(100% + 8px) 16px;
}

.byted-popover-left-end {
  transform-origin: calc(100% + 8px) calc(100% - 16px);
}

.byted-popover-right {
  transform-origin: -8px;
}

.byted-popover-right-start {
  transform-origin: -8px 16px;
}

.byted-popover-right-end {
  transform-origin: -8px calc(100% - 16px);
}

.byted-popover-top {
  transform-origin: 50% calc(100% + 8px);
}

.byted-popover-top-start {
  transform-origin: 16px calc(100% + 8px);
}

.byted-popover-top-end {
  transform-origin: calc(100% - 16px) calc(100% + 8px);
}

.byted-popover-bottom {
  transform-origin: 50% -8px;
}

.byted-popover-bottom-start {
  transform-origin: 16px -8px;
}

.byted-popover-bottom-end {
  transform-origin: calc(100% - 16px) -8px;
}

.byted-popper-trigger {
  display: inline-block;
}

.byted-popover {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 4px;
  font-size: 0;
  box-shadow: 0 3px 9px #00000014;
}

.byted-popover-inner {
  z-index: 2;
  color: #121415;
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
}

.byted-popover-arrow {
  z-index: 1;
  -o-transition: all ease-in-out .1s;
  transition: all .1s ease-in-out;
  display: block;
}

.byted-popover-arrow .byted-popover-arrow-inner {
  border-style: solid;
  border-width: 4px;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  display: block;
}

.byted-popover-arrow-dir-top {
  transform: translateY(50%);
}

.byted-popover-arrow-dir-top .byted-popover-arrow-inner {
  border-color: #0000 #fff #fff #0000;
  transform: rotate(45deg)scale(-1);
  box-shadow: 3px 3px 6px #00000014;
}

.byted-popover-arrow-dir-bottom {
  transform: translateY(-50%);
}

.byted-popover-arrow-dir-bottom .byted-popover-arrow-inner {
  border-color: #0000 #fff #fff #0000;
  transform: rotate(45deg);
  box-shadow: 3px 3px 6px #00000014;
}

.byted-popover-arrow-dir-left {
  transform: translateX(50%);
}

.byted-popover-arrow-dir-left .byted-popover-arrow-inner {
  border-color: #0000 #fff #fff #0000;
  transform: rotate(-45deg)scale(-1);
  box-shadow: 3px 3px 6px #00000014;
}

.byted-popover-arrow-dir-right {
  transform: translateX(-50%);
}

.byted-popover-arrow-dir-right .byted-popover-arrow-inner {
  border-color: #0000 #fff #fff #0000;
  transform: rotate(-45deg);
  box-shadow: 3px 3px 6px #00000014;
}

.byted-popover-confirm-container, .byted-popover-alert-container, .byted-popover-container-container {
  box-sizing: border-box;
  width: 240px;
  padding: 16px;
}

.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 {
  color: #121415;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

.byted-popover-confirm-inner.byted-content-inner, .byted-popover-alert-inner.byted-content-inner, .byted-popover-container-inner.byted-content-inner {
  color: #6d6e70;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.byted-popover-confirm-footer.byted-content-footer, .byted-popover-alert-footer.byted-content-footer, .byted-popover-container-footer.byted-content-footer {
  text-align: right;
  margin-top: 8px;
}

.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: #323335f2;
}

.byted-popover-mode-dark .byted-popover-inner {
  color: #fff;
}

.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: #0000 #323335f2 #323335f2 #0000;
}

.byted-tooltip-popover {
  background-color: #0000;
}

.byted-tooltip-popover .byted-tooltip-inner {
  word-wrap: break-word;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 18px;
}

.byted-tooltip-popover .byted-tooltip-inner-rtl {
  direction: rtl;
}

.byted-tooltip-popover-mode-dark .byted-tooltip-inner {
  color: #fff;
  background-color: #323335f2;
}

.byted-tooltip-popover-mode-dark .byted-popover-arrow-dir-top .byted-popover-arrow-inner, .byted-tooltip-popover-mode-dark .byted-popover-arrow-dir-bottom .byted-popover-arrow-inner, .byted-tooltip-popover-mode-dark .byted-popover-arrow-dir-left .byted-popover-arrow-inner, .byted-tooltip-popover-mode-dark .byted-popover-arrow-dir-right .byted-popover-arrow-inner {
  border-color: #0000 #323335f2 #323335f2 #0000;
}

.byted-tooltip-popover-mode-white .byted-tooltip-inner {
  color: #121415;
  background-color: #fff;
}

.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;
}

[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: " ";
  opacity: .2;
  border-radius: inherit;
  color: #009995;
  animation: 2s cubic-bezier(.08, .82, .17, 1) both byted-motion-wave-fade, .4s cubic-bezier(.08, .82, .17, 1) both byted-motion-wave;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0;
  }
}

@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0;
  }
}

@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}

[class*="byted-"][data-motion-fade="in"] {
  animation: .1s ease-out byted-motion-fadein;
}

[class*="byted-"][data-motion-fade="out"] {
  pointer-events: none;
  animation: .1s ease-in both byted-motion-fadeout;
}

@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes byted-motion-fadeout {
  to {
    opacity: 0;
  }
}

.byted-info {
  color: #121415;
  box-sizing: border-box;
  text-align: left;
  pointer-events: auto;
  border-style: solid;
  border-radius: 4px;
}

.byted-info-rtl {
  text-align: unset;
  direction: rtl;
}

.byted-info-rtl .byted-info-body-box {
  flex: 1;
  padding-left: 0;
  padding-right: 8px;
}

.byted-info-size-lg {
  padding: 7px 16px;
  font-size: 14px;
  line-height: 22px;
}

.byted-info-size-lg .byted-info-body-icon {
  font-size: 16px;
}

.byted-info-size-md {
  padding: 12px 20px;
  font-size: 14px;
  line-height: 22px;
}

.byted-info-size-md .byted-info-body-icon {
  font-size: 16px;
}

.byted-info-size-sm {
  padding: 4px 16px;
  font-size: 12px;
  line-height: 18px;
}

.byted-info-size-sm .byted-info-body-icon {
  font-size: 14px;
}

.byted-info-type-success {
  background: #effff0;
  border-color: #effff0;
}

.byted-info-type-success .byted-info-body-icon, .byted-info-type-success .byted-info-body-close, .byted-info-type-success .byted-info-body-close:hover {
  color: #99e4a2;
}

.byted-info-type-info {
  background: #f2fdfc;
  border-color: #f2fdfc;
}

.byted-info-type-info .byted-info-body-icon, .byted-info-type-info .byted-info-body-close, .byted-info-type-info .byted-info-body-close:hover {
  color: #9ee1dd;
}

.byted-info-type-warning {
  background: #fffbec;
  border-color: #fffbec;
}

.byted-info-type-warning .byted-info-body-icon, .byted-info-type-warning .byted-info-body-close, .byted-info-type-warning .byted-info-body-close:hover {
  color: #fad253;
}

.byted-info-type-error {
  background: #fff9f9;
  border-color: #fff9f9;
}

.byted-info-type-error .byted-info-body-icon, .byted-info-type-error .byted-info-body-close, .byted-info-type-error .byted-info-body-close:hover {
  color: #ffc6bd;
}

.byted-info-type-default {
  background: #f8f8f9;
  border-color: #f8f8f9;
}

.byted-info-type-default .byted-info-body-icon, .byted-info-type-default .byted-info-body-close, .byted-info-type-default .byted-info-body-close:hover {
  color: #d3d4d5;
}

.byted-info-body {
  width: 100%;
  display: flex;
  position: relative;
}

.byted-info-body-box {
  flex: 1;
  padding-left: 8px;
  padding-right: 0;
}

.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 {
  cursor: pointer;
  align-items: center;
  font-size: 16px;
  display: flex;
}

.byted-info-body-title {
  margin-bottom: 0;
  font-weight: bold;
}

.byted-info-multi {
  border: none;
  padding-right: 16px;
  display: flex;
}

.byted-info-multi-body {
  flex: 1;
  margin: 1px 0;
  padding-right: 16px;
  display: inline-block;
  position: relative;
}

.byted-info-multi-body-has-icon {
  width: 100%;
  display: flex;
  position: relative;
}

.byted-info-multi-pager {
  margin-right: 24px;
}

.byted-info-multi-pager .byted-icon {
  color: #121415;
}

.byted-info-multi-pager .disabled-arrow .byted-icon {
  color: #a9abac;
}

[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: " ";
  opacity: .2;
  border-radius: inherit;
  color: #009995;
  animation: 2s cubic-bezier(.08, .82, .17, 1) both byted-motion-wave-fade, .4s cubic-bezier(.08, .82, .17, 1) both byted-motion-wave;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@-webkit-keyframes byted-motion-wave {
  to {
    -webkit-box-shadow: 0 0;
  }
}

@keyframes byted-motion-wave {
  to {
    box-shadow: 0 0;
  }
}

@keyframes byted-motion-wave-fade {
  to {
    opacity: 0;
  }
}

[class*="byted-"][data-motion-fade="in"] {
  animation: .1s ease-out byted-motion-fadein;
}

[class*="byted-"][data-motion-fade="out"] {
  pointer-events: none;
  animation: .1s ease-in both byted-motion-fadeout;
}

@keyframes byted-motion-fadein {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@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 {
  color: inherit;
  text-align: center;
  text-transform: none;
  vertical-align: -.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 0;
  display: inline-block;
}

.byted-icon-spin {
  animation: 1s linear infinite spin;
}

.byted-icon-loading .svg-loading-inner {
  transform-origin: 50%;
  animation: 2.5s linear infinite svg-loading-inner;
}

.byted-icon-loading .svg-loading-outer {
  transform-origin: 50%;
  animation: 2s linear infinite svg-loading-outer;
}

@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 {
  color: inherit;
  text-align: center;
  text-transform: none;
  vertical-align: -.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 0;
  display: inline-block;
}

.byted-icon-spin {
  animation: 1s linear infinite spin;
}

.byted-icon-loading .svg-loading-inner {
  transform-origin: 50%;
  animation: 2.5s linear infinite svg-loading-inner;
}

.byted-icon-loading .svg-loading-outer {
  transform-origin: 50%;
  animation: 2s linear infinite svg-loading-outer;
}

@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes okee-loading-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(1turn);
  }
}

.byted-input-wrapper-size-xs {
  height: 26px;
  font-size: 12px;
  line-height: 20px;
}

.byted-input-wrapper-size-xs .byted-input-inner__wrapper-size-xs {
  padding-top: 2px;
  padding-bottom: 2px;
}

.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: 20px;
}

.byted-input-wrapper-size-sm .byted-input-inner__wrapper-size-sm {
  padding-top: 4px;
  padding-bottom: 4px;
}

.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 {
  height: 26px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.byted-input-inner__wrapper-size-sm {
  height: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.byted-input-inner__wrapper-size-md {
  height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.byted-input-inner__wrapper-size-lg {
  height: 38px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.byted-input-inner__wrapper-size-xl {
  height: 42px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.byted-input-size-xs, .byted-input-size-sm {
  font-size: 12px;
  line-height: 20px;
}

.byted-input-size-md, .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, .byted-input-inner__wrapper-size-sm, .byted-input-inner__wrapper-size-md, .byted-input-inner__wrapper-size-lg, .byted-input-inner__wrapper-size-xl {
  padding-left: 12px;
  padding-right: 12px;
}

.byted-input-wrapper {
  box-sizing: border-box;
  color: #121415;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: inline-flex;
  position: relative;
}

.byted-input-wrapper.byted-input-wrapper-rtl {
  direction: rtl;
}

.byted-input-wrapper .byted-input-prepend, .byted-input-wrapper .byted-input-append {
  color: #121415;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  -o-transition: all ease-in-out .1s;
  background-color: #f2f3f3;
  border: 0 solid #d3d4d5;
  align-items: center;
  height: 100%;
  padding: 0 10px;
  transition: all .1s ease-in-out;
  display: flex;
  position: relative;
}

.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 {
  color: #121415;
  background-color: #f2f3f3;
}

.byted-input-wrapper-disabled .byted-input-prepend, .byted-input-wrapper-disabled .byted-input-append, .byted-input-wrapper-disabled.byted-input-wrapper-filled .byted-input-prepend, .byted-input-wrapper-disabled.byted-input-wrapper-filled .byted-input-append {
  color: #a9abac;
  background: #f2f3f3;
}

.byted-input-inner__wrapper {
  color: #121415;
  -o-transition: all ease-in-out .1s;
  background: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .1s ease-in-out;
  display: flex;
  position: relative;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled {
  background: #f2f3f3;
  border-color: #0000;
}

.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, .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: #a9abac;
}

.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: #6d6e70;
}

.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: #121415;
}

.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: #a9abac;
}

.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: #ef504b;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input {
  color: #121415;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper.byted-input-inner__wrapper-filled .byted-input::-webkit-input-placeholder {
  color: #a9abac;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl {
  direction: rtl;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper-border {
  border: 1px solid #ececed;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper-border .byted-input-inner__wrapper-filled {
  border: 1px solid #0000;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper-hover, .byted-input-inner__wrapper:hover {
  color: #121415;
  background: #fff;
  border-color: #009995;
}

.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: #121415;
  background: #ececed;
  border-color: #ececed;
}

.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 {
  color: #121415;
  background: #fff;
  border-color: #009995;
  outline: none;
  box-shadow: 0 0 0 2px #00999533;
}

.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: #121415;
  background: #e5e5e6;
  border-color: #009995;
}

.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: #121415;
  box-shadow: none;
  background: #fff;
  border-color: #ef504b;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-filled {
  color: #121415;
  background: #fff9f9;
  border-color: #ef504b;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-hover {
  color: #121415;
  background: #fff;
  border-color: #da3a39;
}

.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: #121415;
  background: #fff9f9;
  border-color: #ef504b;
}

.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: #121415;
  box-shadow: none;
  background: #fff;
  border-color: #cb2a2d;
  box-shadow: 0 0 0 2px #cb2a2d33;
}

.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: #121415;
  background: #fff2f0;
  border-color: #ef504b;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper-warning.byted-input-inner__wrapper-disabled {
  color: #a9abac;
  box-shadow: none;
  background: #fff;
  border-color: #ffd8d2;
}

.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: #a9abac;
  background: #fff9f9;
  border-color: #0000;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled, .byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly {
  color: #a9abac;
  cursor: not-allowed;
  box-shadow: none;
  background: #f8f8f9;
  border: 1px solid #ececed;
  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: #a9abac;
  background: #f8f8f9;
  border: 1px solid #0000;
}

.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: #a9abac;
  -webkit-text-fill-color: #a9abac;
  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 {
  color: #a9abac;
}

.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 {
  color: #a9abac;
}

.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 {
  color: #a9abac;
}

.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: #a9abac;
}

.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, .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: #a9abac;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled .byted-input, .byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly .byted-input {
  color: #a9abac;
  -webkit-text-fill-color: #a9abac;
  cursor: not-allowed;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper-disabled .byted-input::-webkit-input-placeholder {
  color: #a9abac;
  -webkit-text-fill-color: #a9abac;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper-readOnly .byted-input::-webkit-input-placeholder {
  color: #a9abac;
  -webkit-text-fill-color: #a9abac;
}

.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, .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: #a9abac;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper-add-prepend, .byted-input-inner__wrapper.byted-input-inner__wrapper-add-append {
  text-align: inherit;
  margin-bottom: 0;
}

.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: #a9abac;
  position: relative;
}

.byted-input-inner__wrapper .byted-input-suffix, .byted-input-inner__wrapper .byted-input-suffix.byted-input-close-icon {
  color: #a9abac;
}

.byted-input-inner__wrapper .byted-input-suffix.byted-input-close-icon:hover {
  color: #6d6e70;
}

.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: #121415;
}

.byted-input-inner__wrapper .byted-input-suffix .byted-input-show-count {
  color: #a9abac;
}

.byted-input-inner__wrapper .byted-input-suffix .byted-input-show-count-danger {
  color: #ef504b;
}

.byted-input-inner__wrapper.byted-input-inner__wrapper-rtl .byted-input-prefix, .byted-input-inner__wrapper .byted-input-suffix {
  padding-left: 8px;
  padding-right: 0;
}

.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: "";
  background-color: #ececed;
  width: 1px;
  display: block;
  position: absolute;
  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-left: 0;
  padding-right: 8px;
}

.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: "";
  background-color: #ececed;
  width: 1px;
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.byted-input-inner__wrapper-disabled .byted-input-prefix, .byted-input-inner__wrapper-disabled .byted-input-suffix {
  color: #a9abac;
}

.byted-input {
  white-space: nowrap;
  -webkit-appearance: none;
  color: currentColor;
  caret-color: auto;
  background-color: #0000;
  border: none;
  outline: none;
  flex: 1;
  width: 100%;
  padding: 0;
  position: relative;
}

.byted-input input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.byted-input input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.byted-input input[type="search"]::-webkit-search-results-button {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.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;
  box-sizing: content-box;
}

.byted-input::-webkit-input-placeholder {
  color: #a9abac;
}

.byted-input-group {
  align-items: flex-start;
  display: inline-flex;
  position: relative;
}

.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;
}

@keyframes bui-loading-opacity {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes okee-loading-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(1turn);
  }
}

.byted-tag-default:not(.byted-tag-fill) {
  color: #121415;
  background-color: #fff;
  border: 1px solid #ececed;
}

.byted-tag-default:not(.byted-tag-fill):hover {
  color: #121415;
  background-color: #fff;
  border-color: #ececed;
}

.byted-tag-default:not(.byted-tag-fill) .byted-tag-close, .byted-tag-default:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #6d6e70;
}

.byted-tag-default:not(.byted-tag-fill).byted-tag-disabled {
  color: #a9abac;
  background-color: #f8f8f9;
  border-color: #ececed;
}

.byted-tag-default:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #a9abac;
}

.byted-tag-default.byted-tag-fill {
  color: #121415;
  background-color: #f2f3f3;
  border: 1px solid #f2f3f3;
}

.byted-tag-default.byted-tag-fill:hover {
  color: #121415;
  background-color: #e5e5e6;
  border-color: #e5e5e6;
}

.byted-tag-default.byted-tag-fill .byted-tag-close, .byted-tag-default.byted-tag-fill .byted-tag-close:hover {
  color: #6d6e70;
}

.byted-tag-default.byted-tag-fill.byted-tag-disabled {
  color: #a9abac;
  background-color: #f8f8f9;
  border-color: #f8f8f9;
}

.byted-tag-default.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #a9abac;
}

.byted-tag-default.byted-tag-text, .byted-tag-default.byted-tag-text:hover {
  color: #121415;
  background: none;
  border: none;
}

.byted-tag-default.byted-tag-text.byted-tag-disabled {
  color: #a9abac;
  background: none;
  border: none;
}

.byted-tag-default-light:not(.byted-tag-fill) {
  color: #121415;
  background-color: #ececed;
  border: 1px solid #ececed;
}

.byted-tag-default-light:not(.byted-tag-fill):hover {
  color: #121415;
  background-color: #ececed;
  border-color: #ececed;
}

.byted-tag-default-light:not(.byted-tag-fill) .byted-tag-close, .byted-tag-default-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #6d6e70;
}

.byted-tag-default-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #a9abac;
  background-color: #f8f8f9;
  border-color: #ececed;
}

.byted-tag-default-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #a9abac;
}

.byted-tag-default-light.byted-tag-fill {
  color: #121415;
  background-color: #f2f3f3;
  border: 1px solid #f2f3f3;
}

.byted-tag-default-light.byted-tag-fill:hover {
  color: #121415;
  background-color: #e5e5e6;
  border-color: #e5e5e6;
}

.byted-tag-default-light.byted-tag-fill .byted-tag-close, .byted-tag-default-light.byted-tag-fill .byted-tag-close:hover {
  color: #6d6e70;
}

.byted-tag-default-light.byted-tag-fill.byted-tag-disabled {
  color: #a9abac;
  background-color: #f8f8f9;
  border-color: #f8f8f9;
}

.byted-tag-default-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #6d6e70;
}

.byted-tag-default-light.byted-tag-text, .byted-tag-default-light.byted-tag-text:hover {
  color: #121415;
  background: none;
  border: none;
}

.byted-tag-default-light.byted-tag-text.byted-tag-disabled {
  color: #a9abac;
  background: none;
  border: none;
}

.byted-tag-primary:not(.byted-tag-fill) {
  color: #009995;
  background-color: #fff;
  border: 1px solid #009995;
}

.byted-tag-primary:not(.byted-tag-fill):hover {
  color: #009995;
  background-color: #fff;
  border-color: #009995;
}

.byted-tag-primary:not(.byted-tag-fill) .byted-tag-close, .byted-tag-primary:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #009995;
}

.byted-tag-primary:not(.byted-tag-fill).byted-tag-disabled {
  color: #c3e9e7;
  background-color: #f2fdfc;
  border-color: #c3e9e7;
}

.byted-tag-primary:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #c3e9e7;
}

.byted-tag-primary.byted-tag-fill {
  color: #fff;
  background-color: #009995;
  border: 1px solid #009995;
}

.byted-tag-primary.byted-tag-fill:hover {
  color: #fff;
  background-color: #009995;
  border-color: #009995;
}

.byted-tag-primary.byted-tag-fill .byted-tag-close, .byted-tag-primary.byted-tag-fill .byted-tag-close:hover {
  color: #fff;
}

.byted-tag-primary.byted-tag-fill.byted-tag-disabled {
  color: #c3e9e7;
  background-color: #f2fdfc;
  border-color: #f2fdfc;
}

.byted-tag-primary.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #fff;
}

.byted-tag-primary.byted-tag-text, .byted-tag-primary.byted-tag-text:hover {
  color: #009995;
  background: none;
  border: none;
}

.byted-tag-primary.byted-tag-text.byted-tag-disabled {
  color: #c3e9e7;
  background: none;
  border: none;
}

.byted-tag-primary-light:not(.byted-tag-fill) {
  color: #009995;
  background-color: #f2fdfc;
  border: 1px solid #009995;
}

.byted-tag-primary-light:not(.byted-tag-fill):hover {
  color: #009995;
  background-color: #f2fdfc;
  border-color: #009995;
}

.byted-tag-primary-light:not(.byted-tag-fill) .byted-tag-close, .byted-tag-primary-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #009995;
}

.byted-tag-primary-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #c3e9e7;
  background-color: #f2fdfc;
  border-color: #c3e9e7;
}

.byted-tag-primary-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #c3e9e7;
}

.byted-tag-primary-light.byted-tag-fill {
  color: #009995;
  background-color: #f2fdfc;
  border: 1px solid #f2fdfc;
}

.byted-tag-primary-light.byted-tag-fill:hover {
  color: #009995;
  background-color: #f2fdfc;
  border-color: #f2fdfc;
}

.byted-tag-primary-light.byted-tag-fill .byted-tag-close, .byted-tag-primary-light.byted-tag-fill .byted-tag-close:hover {
  color: #009995;
}

.byted-tag-primary-light.byted-tag-fill.byted-tag-disabled {
  color: #c3e9e7;
  background-color: #f2fdfc;
  border-color: #f2fdfc;
}

.byted-tag-primary-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #c3e9e7;
}

.byted-tag-primary-light.byted-tag-text, .byted-tag-primary-light.byted-tag-text:hover {
  color: #009995;
  background: none;
  border: none;
}

.byted-tag-primary-light.byted-tag-text.byted-tag-disabled {
  color: #c3e9e7;
  background: none;
  border: none;
}

.byted-tag-info:not(.byted-tag-fill) {
  color: #009995;
  background-color: #fff;
  border: 1px solid #009995;
}

.byted-tag-info:not(.byted-tag-fill):hover {
  color: #009995;
  background-color: #fff;
  border-color: #009995;
}

.byted-tag-info:not(.byted-tag-fill) .byted-tag-close, .byted-tag-info:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #009995;
}

.byted-tag-info:not(.byted-tag-fill).byted-tag-disabled {
  color: #c3e9e7;
  background-color: #f2fdfc;
  border-color: #c3e9e7;
}

.byted-tag-info:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #c3e9e7;
}

.byted-tag-info.byted-tag-fill {
  color: #fff;
  background-color: #009995;
  border: 1px solid #009995;
}

.byted-tag-info.byted-tag-fill:hover {
  color: #fff;
  background-color: #009995;
  border-color: #009995;
}

.byted-tag-info.byted-tag-fill .byted-tag-close, .byted-tag-info.byted-tag-fill .byted-tag-close:hover {
  color: #fff;
}

.byted-tag-info.byted-tag-fill.byted-tag-disabled {
  color: #fff;
  background-color: #c3e9e7;
  border-color: #c3e9e7;
}

.byted-tag-info.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #fff;
}

.byted-tag-info.byted-tag-text, .byted-tag-info.byted-tag-text:hover {
  color: #009995;
  background: none;
  border: none;
}

.byted-tag-info.byted-tag-text.byted-tag-disabled {
  color: #c3e9e7;
  background: none;
  border: none;
}

.byted-tag-info-light:not(.byted-tag-fill) {
  color: #009995;
  background-color: #f2fdfc;
  border: 1px solid #009995;
}

.byted-tag-info-light:not(.byted-tag-fill):hover {
  color: #009995;
  background-color: #f2fdfc;
  border-color: #009995;
}

.byted-tag-info-light:not(.byted-tag-fill) .byted-tag-close, .byted-tag-info-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #009995;
}

.byted-tag-info-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #c3e9e7;
  background-color: #f2fdfc;
  border-color: #c3e9e7;
}

.byted-tag-info-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #c3e9e7;
}

.byted-tag-info-light.byted-tag-fill {
  color: #009995;
  background-color: #f2fdfc;
  border: 1px solid #f2fdfc;
}

.byted-tag-info-light.byted-tag-fill:hover {
  color: #009995;
  background-color: #9ee1dd;
  border-color: #9ee1dd;
}

.byted-tag-info-light.byted-tag-fill .byted-tag-close, .byted-tag-info-light.byted-tag-fill .byted-tag-close:hover {
  color: #009995;
}

.byted-tag-info-light.byted-tag-fill.byted-tag-disabled {
  color: #c3e9e7;
  background-color: #f2fdfc;
  border-color: #f2fdfc;
}

.byted-tag-info-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #c3e9e7;
}

.byted-tag-info-light.byted-tag-text, .byted-tag-info-light.byted-tag-text:hover {
  color: #009995;
  background: none;
  border: none;
}

.byted-tag-info-light.byted-tag-text.byted-tag-disabled {
  color: #c3e9e7;
  background: none;
  border: none;
}

.byted-tag-success:not(.byted-tag-fill) {
  color: #2a9c49;
  background-color: #fff;
  border: 1px solid #2a9c49;
}

.byted-tag-success:not(.byted-tag-fill):hover {
  color: #2a9c49;
  background-color: #fff;
  border-color: #2a9c49;
}

.byted-tag-success:not(.byted-tag-fill) .byted-tag-close, .byted-tag-success:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #2a9c49;
}

.byted-tag-success:not(.byted-tag-fill).byted-tag-disabled {
  color: #baecbf;
  background-color: #effff0;
  border-color: #baecbf;
}

.byted-tag-success:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #baecbf;
}

.byted-tag-success.byted-tag-fill {
  color: #fff;
  background-color: #2a9c49;
  border: 1px solid #2a9c49;
}

.byted-tag-success.byted-tag-fill:hover {
  color: #fff;
  background-color: #2a9c49;
  border-color: #2a9c49;
}

.byted-tag-success.byted-tag-fill .byted-tag-close, .byted-tag-success.byted-tag-fill .byted-tag-close:hover {
  color: #fff;
}

.byted-tag-success.byted-tag-fill.byted-tag-disabled {
  color: #fff;
  background-color: #baecbf;
  border-color: #baecbf;
}

.byted-tag-success.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #fff;
}

.byted-tag-success.byted-tag-text, .byted-tag-success.byted-tag-text:hover {
  color: #2a9c49;
  background: none;
  border: none;
}

.byted-tag-success.byted-tag-text.byted-tag-disabled {
  color: #baecbf;
  background: none;
  border: none;
}

.byted-tag-success-light:not(.byted-tag-fill) {
  color: #2a9c49;
  background-color: #effff0;
  border: 1px solid #2a9c49;
}

.byted-tag-success-light:not(.byted-tag-fill):hover {
  color: #2a9c49;
  background-color: #effff0;
  border-color: #2a9c49;
}

.byted-tag-success-light:not(.byted-tag-fill) .byted-tag-close, .byted-tag-success-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #2a9c49;
}

.byted-tag-success-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #baecbf;
  background-color: #effff0;
  border-color: #baecbf;
}

.byted-tag-success-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #baecbf;
}

.byted-tag-success-light.byted-tag-fill {
  color: #2a9c49;
  background-color: #effff0;
  border: 1px solid #effff0;
}

.byted-tag-success-light.byted-tag-fill:hover {
  color: #2a9c49;
  background-color: #effff0;
  border-color: #effff0;
}

.byted-tag-success-light.byted-tag-fill .byted-tag-close, .byted-tag-success-light.byted-tag-fill .byted-tag-close:hover {
  color: #2a9c49;
}

.byted-tag-success-light.byted-tag-fill.byted-tag-disabled {
  color: #baecbf;
  background-color: #effff0;
  border-color: #effff0;
}

.byted-tag-success-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #baecbf;
}

.byted-tag-success-light.byted-tag-text, .byted-tag-success-light.byted-tag-text:hover {
  color: #2a9c49;
  background: none;
  border: none;
}

.byted-tag-success-light.byted-tag-text.byted-tag-disabled {
  color: #baecbf;
  background: none;
  border: none;
}

.byted-tag-danger:not(.byted-tag-fill) {
  color: #ef504b;
  background-color: #fff;
  border: 1px solid #ef504b;
}

.byted-tag-danger:not(.byted-tag-fill):hover {
  color: #ef504b;
  background-color: #fff;
  border-color: #ef504b;
}

.byted-tag-danger:not(.byted-tag-fill) .byted-tag-close, .byted-tag-danger:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #ef504b;
}

.byted-tag-danger:not(.byted-tag-fill).byted-tag-disabled {
  color: #ffd8d2;
  background-color: #fff9f9;
  border-color: #ffd8d2;
}

.byted-tag-danger:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #ffd8d2;
}

.byted-tag-danger.byted-tag-fill {
  color: #fff;
  background-color: #ef504b;
  border: 1px solid #ef504b;
}

.byted-tag-danger.byted-tag-fill:hover {
  color: #fff;
  background-color: #ef504b;
  border-color: #ef504b;
}

.byted-tag-danger.byted-tag-fill .byted-tag-close, .byted-tag-danger.byted-tag-fill .byted-tag-close:hover {
  color: #fff;
}

.byted-tag-danger.byted-tag-fill.byted-tag-disabled {
  color: #fff;
  background-color: #ffd8d2;
  border-color: #ffd8d2;
}

.byted-tag-danger.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #fff;
}

.byted-tag-danger.byted-tag-text, .byted-tag-danger.byted-tag-text:hover {
  color: #ef504b;
  background: none;
  border: none;
}

.byted-tag-danger.byted-tag-text.byted-tag-disabled {
  color: #ffd8d2;
  background: none;
  border: none;
}

.byted-tag-danger-light:not(.byted-tag-fill) {
  color: #ef504b;
  background-color: #fff9f9;
  border: 1px solid #ef504b;
}

.byted-tag-danger-light:not(.byted-tag-fill):hover {
  color: #ef504b;
  background-color: #fff9f9;
  border-color: #ef504b;
}

.byted-tag-danger-light:not(.byted-tag-fill) .byted-tag-close, .byted-tag-danger-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #ef504b;
}

.byted-tag-danger-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #ffd8d2;
  background-color: #fff9f9;
  border-color: #ffd8d2;
}

.byted-tag-danger-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #ffd8d2;
}

.byted-tag-danger-light.byted-tag-fill {
  color: #ef504b;
  background-color: #fff9f9;
  border: 1px solid #fff9f9;
}

.byted-tag-danger-light.byted-tag-fill:hover {
  color: #ef504b;
  background-color: #fff9f9;
  border-color: #fff9f9;
}

.byted-tag-danger-light.byted-tag-fill .byted-tag-close, .byted-tag-danger-light.byted-tag-fill .byted-tag-close:hover {
  color: #ef504b;
}

.byted-tag-danger-light.byted-tag-fill.byted-tag-disabled {
  color: #ffd8d2;
  background-color: #fff9f9;
  border-color: #fff9f9;
}

.byted-tag-danger-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #ffd8d2;
}

.byted-tag-danger-light.byted-tag-text, .byted-tag-danger-light.byted-tag-text:hover {
  color: #ef504b;
  background: none;
  border: none;
}

.byted-tag-danger-light.byted-tag-text.byted-tag-disabled {
  color: #ffd8d2;
  background: none;
  border: none;
}

.byted-tag-warning:not(.byted-tag-fill) {
  color: #d2a106;
  background-color: #fff;
  border: 1px solid #d2a106;
}

.byted-tag-warning:not(.byted-tag-fill):hover {
  color: #d2a106;
  background-color: #fff;
  border-color: #d2a106;
}

.byted-tag-warning:not(.byted-tag-fill) .byted-tag-close, .byted-tag-warning:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #d2a106;
}

.byted-tag-warning:not(.byted-tag-fill).byted-tag-disabled {
  color: #fbde89;
  background-color: #fffbec;
  border-color: #fbde89;
}

.byted-tag-warning:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #fbde89;
}

.byted-tag-warning.byted-tag-fill {
  color: #fff;
  background-color: #d2a106;
  border: 1px solid #d2a106;
}

.byted-tag-warning.byted-tag-fill:hover {
  color: #fff;
  background-color: #d2a106;
  border-color: #d2a106;
}

.byted-tag-warning.byted-tag-fill .byted-tag-close, .byted-tag-warning.byted-tag-fill .byted-tag-close:hover {
  color: #fff;
}

.byted-tag-warning.byted-tag-fill.byted-tag-disabled {
  color: #fff;
  background-color: #fbde89;
  border-color: #fbde89;
}

.byted-tag-warning.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #fff;
}

.byted-tag-warning.byted-tag-text, .byted-tag-warning.byted-tag-text:hover {
  color: #d2a106;
  background: none;
  border: none;
}

.byted-tag-warning.byted-tag-text.byted-tag-disabled {
  color: #fbde89;
  background: none;
  border: none;
}

.byted-tag-warning-light:not(.byted-tag-fill) {
  color: #d2a106;
  background-color: #fffbec;
  border: 1px solid #d2a106;
}

.byted-tag-warning-light:not(.byted-tag-fill):hover {
  color: #d2a106;
  background-color: #fffbec;
  border-color: #d2a106;
}

.byted-tag-warning-light:not(.byted-tag-fill) .byted-tag-close, .byted-tag-warning-light:not(.byted-tag-fill) .byted-tag-close:hover {
  color: #d2a106;
}

.byted-tag-warning-light:not(.byted-tag-fill).byted-tag-disabled {
  color: #fbde89;
  background-color: #fffbec;
  border-color: #fbde89;
}

.byted-tag-warning-light:not(.byted-tag-fill).byted-tag-disabled .byted-tag-close {
  color: #fbde89;
}

.byted-tag-warning-light.byted-tag-fill {
  color: #d2a106;
  background-color: #fffbec;
  border: 1px solid #fffbec;
}

.byted-tag-warning-light.byted-tag-fill:hover {
  color: #d2a106;
  background-color: #fffbec;
  border-color: #fffbec;
}

.byted-tag-warning-light.byted-tag-fill .byted-tag-close, .byted-tag-warning-light.byted-tag-fill .byted-tag-close:hover {
  color: #d2a106;
}

.byted-tag-warning-light.byted-tag-fill.byted-tag-disabled {
  color: #fbde89;
  background-color: #fffbec;
  border-color: #fffbec;
}

.byted-tag-warning-light.byted-tag-fill.byted-tag-disabled .byted-tag-close {
  color: #fbde89;
}

.byted-tag-warning-light.byted-tag-text, .byted-tag-warning-light.byted-tag-text:hover {
  color: #d2a106;
  background: none;
  border: none;
}

.byted-tag-warning-light.byted-tag-text.byted-tag-disabled {
  color: #fbde89;
  background: none;
  border: none;
}

.byted-tag-size-xs {
  border-radius: 4px;
  font-size: 12px;
}

.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 {
  display: flex;
  position: absolute;
  right: 8px;
}

.byted-tag-size-xs .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}

.byted-tag-size-xs .byted-tag-close .byted-icon-close {
  font-size: 12px;
  line-height: inherit;
  display: flex;
  transform: scale(.85);
}

.byted-tag-size-xs:not(.byted-tag-text) {
  padding: -3px 8px;
  line-height: 20px;
}

.byted-tag-size-sm {
  border-radius: 4px;
  font-size: 12px;
}

.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 {
  display: flex;
  position: absolute;
  right: 8px;
}

.byted-tag-size-sm .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}

.byted-tag-size-sm .byted-tag-close .byted-icon-close {
  font-size: 12px;
  line-height: inherit;
  display: flex;
  transform: scale(.85);
}

.byted-tag-size-sm:not(.byted-tag-text) {
  padding: -1px 8px;
  line-height: 20px;
}

.byted-tag-size-md {
  border-radius: 4px;
  font-size: 12px;
}

.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 {
  display: flex;
  position: absolute;
  right: 8px;
}

.byted-tag-size-md .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}

.byted-tag-size-md .byted-tag-close .byted-icon-close {
  font-size: 12px;
  line-height: inherit;
  display: flex;
  transform: scale(.85);
}

.byted-tag-size-md:not(.byted-tag-text) {
  padding: 0 8px;
  line-height: 22px;
}

.byted-tag-size-lg {
  border-radius: 4px;
  font-size: 14px;
}

.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 {
  display: flex;
  position: absolute;
  right: 8px;
}

.byted-tag-size-lg .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}

.byted-tag-size-lg .byted-tag-close .byted-icon-close {
  font-size: 12px;
  line-height: inherit;
  display: flex;
  transform: scale(.85);
}

.byted-tag-size-lg:not(.byted-tag-text) {
  padding: 2px 8px;
  line-height: 22px;
}

.byted-tag-size-xl {
  border-radius: 4px;
  font-size: 14px;
}

.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 {
  display: flex;
  position: absolute;
  right: 8px;
}

.byted-tag-size-xl .byted-tag-close-rtl {
  left: 8px;
  right: auto;
}

.byted-tag-size-xl .byted-tag-close .byted-icon-close {
  font-size: 12px;
  line-height: inherit;
  display: flex;
  transform: scale(.85);
}

.byted-tag-size-xl:not(.byted-tag-text) {
  padding: 4px 8px;
  line-height: 22px;
}

.byted-tag {
  box-sizing: border-box;
  cursor: default;
  text-overflow: ellipsis;
  white-space: nowrap;
  -o-transition: all ease-in-out .1s;
  max-width: 100%;
  transition: all .1s ease-in-out;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.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 {
  color: #121415;
  background: #fbfcfc;
  border: 1px solid #ebebed;
}

.byted-tag-color:hover {
  opacity: .85;
}

.byted-tag-color.byted-tag-fill {
  color: #fff;
  background: #f4f4f5;
  border-color: #f4f4f5;
}

.byted-tag-checkable, .byted-tag-closable {
  cursor: pointer;
}

.byted-tag-checkable.byted-tag-fill {
  color: #121415;
  background-color: #0000;
  border: 1px solid #0000;
}

.byted-tag-checkable.byted-tag-fill:hover {
  color: #121415;
  background-color: #ececed;
  border-color: #ececed;
}

.byted-tag-checkable.byted-tag-fill:active {
  color: #009995;
  background-color: #f2fdfc;
  border-color: #ececed;
}

.byted-tag-checkable.byted-tag-fill.byted-tag-checked {
  color: #009995;
  background: #f2fdfc;
  border-color: #0000;
}

.byted-tag-checkable.byted-tag-fill.byted-tag-checked:hover {
  color: #008682;
  background: #f2fdfc;
  border-color: #0000;
}

.byted-tag-checkable.byted-tag-fill.byted-tag-checked:active {
  color: #007875;
  background: #f2fdfc;
  border-color: #0000;
}

.byted-tag-checkable.byted-tag-fill.byted-tag-disabled {
  color: #a9abac;
  cursor: not-allowed;
  background-color: #f8f8f9;
  border-color: #ececed;
}

.byted-tag-checkable.byted-tag-fill.byted-tag-disabled.byted-tag-checked {
  color: #c3e9e7;
  background-color: #f2fdfc;
  border-color: #0000;
}

.byted-tag-checkable:not(.byted-tag-fill) {
  color: #121415;
  background-color: #0000;
  border: 1px solid #0000;
}

.byted-tag-checkable:not(.byted-tag-fill):hover {
  color: #121415;
  background-color: #0000;
  border-color: #ececed;
}

.byted-tag-checkable:not(.byted-tag-fill):active {
  color: #009995;
  background-color: #0000;
  border-color: #007875;
}

.byted-tag-checkable:not(.byted-tag-fill).byted-tag-checked {
  color: #009995;
  background: none;
  border-color: #009995;
}

.byted-tag-checkable:not(.byted-tag-fill).byted-tag-checked:hover {
  color: #008682;
  background: none;
  border-color: #008682;
}

.byted-tag-checkable:not(.byted-tag-fill).byted-tag-checked:active {
  color: #007875;
  background: none;
  border-color: #007875;
}

.byted-tag-checkable:not(.byted-tag-fill).byted-tag-disabled {
  color: #a9abac;
  cursor: not-allowed;
  background-color: #0000;
  border-color: #ececed;
}

.byted-tag-checkable:not(.byted-tag-fill).byted-tag-disabled.byted-tag-checked {
  color: #c3e9e7;
  background-color: #0000;
  border-color: #c3e9e7;
}

.byted-tag-group .byted-tag:not(:last-child) {
  margin-right: 8px;
}