/* 滚动条样式 */
/* 全局命名空间 */
/* active */
/* normal */
/* hover or focus */
/* disabled */
/* fill bg */
/* active bg */
/* 中性色 */
/* font-face */
@font-face {
  font-family: "OC-OPPOSans";
  src: url("//lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_ui/OPPOSans-R-subset.ttf");
}
@font-face {
  font-family: "OC-OPPOSans-Bold";
  src: url("//lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_ui/OPPOSans-B-subset.ttf");
}
/* font-family */
/* font-size */
/* line-height */
/* text color 中性色 */
/* #333 */
/* #666 */
/* text color 白色 */
/* background color */
/* drawer & modal mask background */
/* Border */
/*  Border  width */
/* width of the border for a component */
/* style of a components border */
/* border-radius */
/* 动效时间 待UI提供最终结论 */
/* 动效曲线 待UI提供最终结论 */
/* shadow */
/* z-index */
/* space */
/* base border outline a component */
/*  split border inside a component */
/* disabled stroke background & color */
/* disabled fill background & color */
/* ScrollBar */
/* list item hover background */
/* checkbox or radio exit */
/* expand arrow exit */
/*  item group indent 12 */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
/* fade */
.tools-vmok-plugin-fade-enter-active,
.tools-vmok-plugin-fade-leave-active {
  transition: opacity 0.15s linear;
}
.tools-vmok-plugin-fade-enter-from,
.tools-vmok-plugin-fade-leave-to {
  opacity: 0 !important;
}
.tools-vmok-plugin-fade-enter-to,
.tools-vmok-plugin-fade-leave-from {
  opacity: 1 !important;
}
/* collapse-y */
.tools-vmok-plugin-collapse-y-enter-active,
.tools-vmok-plugin-collapse-y-leave-active {
  transition: height 0.2s;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
/* Alert */
.tools-vmok-plugin-alert {
  position: relative;
  font-size: 12px;
  padding: 6px 16px;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
}
.tools-vmok-plugin-alert__icon {
  display: flex;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  margin-top: 2px;
}
.tools-vmok-plugin-alert__main-wrapper {
  flex: 1;
}
.tools-vmok-plugin-alert__close {
  cursor: pointer;
  display: flex;
  margin-top: 2px;
  margin-left: 8px;
}
.tools-vmok-plugin-alert__close .tools-vmok-plugin-alert__close-icon {
  width: 16px;
  height: 16px;
  color: #31343b;
}
.tools-vmok-plugin-alert__title {
  font-size: 12px;
  line-height: 18px;
  color: #31343b;
  font-weight: 600;
}
.tools-vmok-plugin-alert__description {
  font-size: 12px;
  line-height: 18px;
  color: #31343b;
}
.tools-vmok-plugin-alert--info {
  background-color: #e8f4ff;
}
.tools-vmok-plugin-alert--info .tools-vmok-plugin-alert__icon {
  color: #0057ff;
}
.tools-vmok-plugin-alert--info.tools-vmok-plugin-alert--border {
  border: 1px solid #badaff;
}
.tools-vmok-plugin-alert--info .tools-vmok-plugin-alert__banner-icon {
  background-color: #0057ff;
  color: #ffffff;
}
.tools-vmok-plugin-alert--success {
  background-color: #ecf8eb;
}
.tools-vmok-plugin-alert--success .tools-vmok-plugin-alert__icon {
  color: #0da600;
}
.tools-vmok-plugin-alert--success.tools-vmok-plugin-alert--border {
  border: 1px solid #83dbb2;
}
.tools-vmok-plugin-alert--success .tools-vmok-plugin-alert__banner-icon {
  background-color: #0da600;
  color: #ffffff;
}
.tools-vmok-plugin-alert--danger {
  background-color: #fdf2f2;
}
.tools-vmok-plugin-alert--danger .tools-vmok-plugin-alert__icon {
  color: #e34949;
}
.tools-vmok-plugin-alert--danger.tools-vmok-plugin-alert--border {
  border: 1px solid #f5bbbb;
}
.tools-vmok-plugin-alert--danger .tools-vmok-plugin-alert__banner-icon {
  background-color: #e34949;
  color: #ffffff;
}
.tools-vmok-plugin-alert--warning {
  background-color: #fff9e0;
}
.tools-vmok-plugin-alert--warning .tools-vmok-plugin-alert__icon {
  color: #eb9617;
}
.tools-vmok-plugin-alert--warning.tools-vmok-plugin-alert--border {
  border: 1px solid #ffdd60;
}
.tools-vmok-plugin-alert--warning .tools-vmok-plugin-alert__banner-icon {
  background-color: #eb9617;
  color: #ffffff;
}
.tools-vmok-plugin-alert--text {
  display: inline-flex;
  padding: initial;
  border: initial;
  background-color: initial;
}
.tools-vmok-plugin-alert--banner {
  background-color: #ffffff;
  border: 1px solid #e8eaed;
}
.tools-vmok-plugin-alert--banner .tools-vmok-plugin-alert__banner-icon {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: -7px;
  margin-right: 12px;
  margin-bottom: -7px;
  margin-left: -17px;
  align-self: stretch;
}
.tools-vmok-plugin-alert--rtl {
  direction: rtl;
}
.tools-vmok-plugin-alert--rtl .tools-vmok-plugin-alert__icon {
  margin-left: 8px;
  margin-right: 0;
}
.tools-vmok-plugin-alert--rtl .tools-vmok-plugin-alert__close {
  margin-right: 8px;
  margin-left: 0;
}
.tools-vmok-plugin-alert--rtl .tools-vmok-plugin-alert__banner-icon {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-top: -7px;
  margin-right: -17px;
  margin-bottom: -7px;
  margin-left: 12px;
}
.tools-vmok-plugin-anchor {
  position: relative;
  padding-left: 2px;
}
.tools-vmok-plugin-anchor__track {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background: #e8eaed;
  width: 2px;
}
.tools-vmok-plugin-anchor__track .tools-vmok-plugin-anchor__ink {
  display: none;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid #0057ff;
  background-color: #ffffff;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.15s ease-in-out;
}
.tools-vmok-plugin-anchor__track .tools-vmok-plugin-anchor__ink--active {
  display: block;
}
.tools-vmok-plugin-anchor-link {
  padding: 6px 0 6px 12px;
}
.tools-vmok-plugin-anchor-link__title {
  text-decoration: none;
  text-overflow: ellipsis;
  font-size: 12px;
  height: 20px;
  line-height: 18px;
  color: #31343b;
  white-space: nowrap;
  overflow: hidden;
}
.tools-vmok-plugin-anchor-link--active .tools-vmok-plugin-anchor-link__title,
.tools-vmok-plugin-anchor-link:hover .tools-vmok-plugin-anchor-link__title {
  color: #0057ff;
}
.tools-vmok-plugin-auto-complete-option {
  display: flex;
  align-self: stretch;
  color: #31343b;
  cursor: pointer;
}
.tools-vmok-plugin-auto-complete-option__action {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-auto-complete-option__content {
  flex: 1;
  align-items: center;
}
.tools-vmok-plugin-auto-complete-option__content--ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tools-vmok-plugin-auto-complete-option__expand {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-auto-complete-option__expand--icon {
  color: #31343b;
}
.tools-vmok-plugin-auto-complete-option.tools-vmok-plugin-auto-complete-option--grouped {
  padding-left: 24px;
  padding-right: 24px;
}
.tools-vmok-plugin-auto-complete-option--single.tools-vmok-plugin-auto-complete-option--selected {
  color: #0057ff;
}
.tools-vmok-plugin-auto-complete-option.tools-vmok-plugin-auto-complete-option--disabled {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-auto-complete-option.tools-vmok-plugin-auto-complete-option--disabled .tools-vmok-plugin-auto-complete-option__expand--icon {
  color: #b9bcc3;
}
.tools-vmok-plugin-auto-complete-option.tools-vmok-plugin-auto-complete-option--disabled.tools-vmok-plugin-auto-complete-option--single.tools-vmok-plugin-auto-complete-option--selected {
  color: #badaff;
}
.tools-vmok-plugin-auto-complete-option:hover:not(.tools-vmok-plugin-auto-complete-option--disabled) {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-auto-complete-option--xs {
  line-height: 18px;
  font-size: 12px;
  padding: 3px 12px;
}
.tools-vmok-plugin-auto-complete-option--sm {
  line-height: 18px;
  font-size: 12px;
  padding: 5px 12px;
}
.tools-vmok-plugin-auto-complete-option--md {
  line-height: 22px;
  font-size: 14px;
  padding: 6px 12px;
}
.tools-vmok-plugin-auto-complete-option--lg {
  line-height: 24px;
  font-size: 16px;
  padding: 7px 12px;
}
.tools-vmok-plugin-auto-complete-option--xl {
  line-height: 26px;
  font-size: 18px;
  padding: 8px 12px;
}
.tools-vmok-plugin-auto-complete-option--rtl {
  direction: rtl;
}
.tools-vmok-plugin-auto-complete-option--rtl .tools-vmok-plugin-auto-complete-option__action {
  margin-right: 0;
  margin-left: 8px;
}
.tools-vmok-plugin-auto-complete-option--rtl .tools-vmok-plugin-auto-complete-option__expand {
  margin-left: 0;
  margin-right: 8px;
}
.tools-vmok-plugin-auto-complete {
  display: inline-flex;
  width: 100%;
}
.tools-vmok-plugin-auto-complete__options {
  max-height: 192px;
  overflow-y: auto;
  padding: 6px 0;
  display: none;
}
.tools-vmok-plugin-auto-complete__options--show {
  display: block;
}
.tools-vmok-plugin-auto-complete__options::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-auto-complete__options::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-auto-complete__options::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-auto-complete__options::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-auto-complete__empty {
  height: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-auto-complete__loading {
  height: 192px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tools-vmok-plugin-auto-complete__popper {
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  display: none;
  background-color: #ffffff;
}
.tools-vmok-plugin-auto-complete__popper--show {
  display: block;
}
.tools-vmok-plugin-auto-complete__popper-header {
  border-bottom: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-auto-complete__popper-footer {
  border-top: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-auto-complete__popper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-avatar {
  position: relative;
  background-color: #e8eaed;
  color: #ffffff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tools-vmok-plugin-avatar--circle {
  border-radius: 50%;
}
.tools-vmok-plugin-avatar--square {
  border-radius: 8px;
}
.tools-vmok-plugin-avatar--img {
  background: transparent;
}
.tools-vmok-plugin-avatar__img {
  width: 100%;
  height: 100%;
  display: block;
}
/* badge */
.tools-vmok-plugin-badge {
  display: inline-flex;
  position: relative;
  font-size: 14px;
}
.tools-vmok-plugin-badge__count {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  z-index: 3;
  font-size: 12px;
  line-height: 18px;
  border-radius: 9px;
  color: #ffffff;
  background: #e34949;
  padding: 0 6px;
  min-width: 20px;
  text-align: center;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.tools-vmok-plugin-badge.tools-vmok-plugin-badge--standalone .tools-vmok-plugin-badge__count,
.tools-vmok-plugin-badge.tools-vmok-plugin-badge--standalone .tools-vmok-plugin-badge__dot {
  position: relative;
  transform: none;
  top: auto;
}
.tools-vmok-plugin-badge.tools-vmok-plugin-badge--standalone .tools-vmok-plugin-badge__count:not(:last-of-type) {
  min-width: 0;
  padding: 0;
}
.tools-vmok-plugin-badge__dot {
  top: 0;
  right: 0;
  position: absolute;
  transform: translate(50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e34949;
}
.tools-vmok-plugin-badge__status--info {
  background: #0057ff;
}
.tools-vmok-plugin-badge__status--success {
  background: #0da600;
}
.tools-vmok-plugin-badge__status--warning {
  background: #eb9617;
}
.tools-vmok-plugin-badge__status--danger {
  background: #e34949;
}
.tools-vmok-plugin-badge__status--default {
  background: #f5f7fa;
}
.tools-vmok-plugin-badge.tools-vmok-plugin-badge--rtl:not(.tools-vmok-plugin-badge--standalone) {
  direction: rtl;
}
.tools-vmok-plugin-badge.tools-vmok-plugin-badge--rtl:not(.tools-vmok-plugin-badge--standalone) .tools-vmok-plugin-badge__count,
.tools-vmok-plugin-badge.tools-vmok-plugin-badge--rtl:not(.tools-vmok-plugin-badge--standalone) .tools-vmok-plugin-badge__dot {
  direction: ltr;
  left: 0;
  right: auto;
  transform: translate(-50%, -50%);
}
/* new breadcrumb token */
.tools-vmok-plugin-breadcrumb {
  display: flex;
}
.tools-vmok-plugin-breadcrumb-item {
  display: flex;
  text-decoration: none;
}
.tools-vmok-plugin-breadcrumb-item__content {
  color: #93969d;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  cursor: pointer;
}
.tools-vmok-plugin-breadcrumb-item__content:hover {
  color: #0057ff;
}
.tools-vmok-plugin-breadcrumb-item__content:focus,
.tools-vmok-plugin-breadcrumb-item__content:active {
  color: #003fd2;
}
.tools-vmok-plugin-breadcrumb-item__separator {
  margin: 0 6.5px;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
  color: #93969d;
}
.tools-vmok-plugin-breadcrumb-item:last-child .tools-vmok-plugin-breadcrumb-item__content {
  color: #31343b;
  font-weight: 400;
  cursor: unset;
}
.tools-vmok-plugin-breadcrumb-item:last-child .tools-vmok-plugin-breadcrumb-item__content:hover {
  color: #31343b;
}
.tools-vmok-plugin-breadcrumb-item:last-child .tools-vmok-plugin-breadcrumb-item__content:focus,
.tools-vmok-plugin-breadcrumb-item:last-child .tools-vmok-plugin-breadcrumb-item__content:active {
  color: #31343b;
}
.tools-vmok-plugin-breadcrumb-item:last-child .tools-vmok-plugin-breadcrumb-item__separator {
  display: none;
}
.tools-vmok-plugin-breadcrumb--rtl {
  direction: rtl;
}
/* Button */
/* button  z-index */
/* Button padding */
@keyframes bui-button-primary-fill-focus-wave {
  from {
    box-shadow: 0 0 0 0 rgba(0, 87, 255, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(0, 87, 255, 0);
  }
}
@keyframes bui-button-info-fill-focus-wave {
  from {
    box-shadow: 0 0 0 0 rgba(0, 87, 255, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(0, 87, 255, 0);
  }
}
@keyframes bui-button-success-fill-focus-wave {
  from {
    box-shadow: 0 0 0 0 rgba(13, 166, 0, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(13, 166, 0, 0);
  }
}
@keyframes bui-button-warning-fill-focus-wave {
  from {
    box-shadow: 0 0 0 0 rgba(235, 150, 23, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(235, 150, 23, 0);
  }
}
@keyframes bui-button-danger-fill-focus-wave {
  from {
    box-shadow: 0 0 0 0 rgba(227, 73, 73, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(227, 73, 73, 0);
  }
}
.tools-vmok-plugin-button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  outline: none;
  border-radius: 8px;
  border: 1px solid transparent;
  user-select: none;
  appearance: none;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: text-bottom;
}
.tools-vmok-plugin-button--default-fill {
  color: #31343b;
  background-color: #f2f4f7;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-button--default-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill[data-motion-wave="before"]::before {
  color: #f2f4f7;
}
.tools-vmok-plugin-button--default-fill:hover {
  color: #0057ff;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--default-fill:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill:hover[data-motion-wave="before"]::before {
  color: #f5f7fa;
}
.tools-vmok-plugin-button--default-fill:focus {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #e8eaed;
  transition: background-color 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--default-fill:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill:focus[data-motion-wave="before"]::before {
  color: #e8eaed;
}
.tools-vmok-plugin-button--default-fill:active {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #f5f7fa;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--default-fill:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill:active[data-motion-wave="before"]::before {
  color: #f5f7fa;
}
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:active {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #e8eaed;
}
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #e8eaed;
}
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:active,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:focus {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before {
  color: #f5f7fa;
}
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--primary-fill {
  color: #ffffff;
  background-color: #0057ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--primary-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--primary-fill:hover {
  color: #ffffff;
  background-color: #2e7bff;
  border-color: #2e7bff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--primary-fill:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill:hover[data-motion-wave="before"]::before {
  color: #2e7bff;
}
.tools-vmok-plugin-button--primary-fill:active {
  color: #ffffff;
  background-color: #003fd2;
  border-color: #003fd2;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--primary-fill:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--primary-fill:focus {
  color: #ffffff;
  background-color: #2e7bff;
  border-color: #2e7bff;
  animation: bui-button-focus-wave-effect-primary 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-primary-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--primary-fill:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill:focus[data-motion-wave="before"]::before {
  color: #2e7bff;
}
@keyframes bui-button-focus-wave-effect-primary {
  from {
    box-shadow: 0 0 0 0 rgba(46, 123, 255, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(46, 123, 255, 0);
  }
}
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:active {
  color: #ffffff;
  background-color: #2e7bff;
  border-color: #2e7bff;
}
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #2e7bff;
}
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:active {
  color: #e8f4ff;
  background-color: #badaff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--info-fill {
  color: #ffffff;
  background-color: #0057ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--info-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--info-fill:hover {
  color: #ffffff;
  background-color: #2e7bff;
  border-color: #2e7bff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--info-fill:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill:hover[data-motion-wave="before"]::before {
  color: #2e7bff;
}
.tools-vmok-plugin-button--info-fill:focus {
  color: #ffffff;
  background-color: #003fd2;
  border-color: #003fd2;
  animation: bui-button-focus-wave-effect-info 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-info-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--info-fill:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill:focus[data-motion-wave="before"]::before {
  color: #003fd2;
}
@keyframes bui-button-focus-wave-effect-info {
  from {
    box-shadow: 0 0 0 0 rgba(0, 63, 210, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(0, 63, 210, 0);
  }
}
.tools-vmok-plugin-button--info-fill:active {
  color: #ffffff;
  background-color: #003fd2;
  border-color: #003fd2;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--info-fill:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:active {
  color: #ffffff;
  background-color: #003fd2;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:active {
  color: #e8f4ff;
  background-color: #badaff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--warning-fill {
  color: #ffffff;
  background-color: #eb9617;
  border-color: #eb9617;
}
.tools-vmok-plugin-button--warning-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill[data-motion-wave="before"]::before {
  color: #eb9617;
}
.tools-vmok-plugin-button--warning-fill:hover {
  color: #ffffff;
  background-color: #f6b70c;
  border-color: #f6b70c;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--warning-fill:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill:hover[data-motion-wave="before"]::before {
  color: #f6b70c;
}
.tools-vmok-plugin-button--warning-fill:focus {
  color: #ffffff;
  background-color: #f6b70c;
  border-color: #f6b70c;
  animation: bui-button-focus-wave-effect-warning 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-warning-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--warning-fill:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill:focus[data-motion-wave="before"]::before {
  color: #f6b70c;
}
@keyframes bui-button-focus-wave-effect-warning {
  from {
    box-shadow: 0 0 0 0 rgba(246, 183, 12, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(246, 183, 12, 0);
  }
}
.tools-vmok-plugin-button--warning-fill:active {
  color: #ffffff;
  background-color: #e28e11;
  border-color: #e28e11;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--warning-fill:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill:active[data-motion-wave="before"]::before {
  color: #e28e11;
}
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:active {
  color: #ffffff;
  background-color: #f6b70c;
  border-color: #f6b70c;
}
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #f6b70c;
}
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:active {
  color: #fff9e0;
  background-color: #ffdd60;
  border-color: #ffdd60;
}
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #ffdd60;
}
.tools-vmok-plugin-button--danger-fill {
  color: #ffffff;
  background-color: #e34949;
  border-color: #e34949;
}
.tools-vmok-plugin-button--danger-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill[data-motion-wave="before"]::before {
  color: #e34949;
}
.tools-vmok-plugin-button--danger-fill:hover {
  color: #ffffff;
  background-color: #ea7979;
  border-color: #ea7979;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--danger-fill:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill:hover[data-motion-wave="before"]::before {
  color: #ea7979;
}
.tools-vmok-plugin-button--danger-fill:focus {
  color: #ffffff;
  background-color: #ea7979;
  border-color: #ea7979;
  animation: bui-button-focus-wave-effect-danger 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-danger-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--danger-fill:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill:focus[data-motion-wave="before"]::before {
  color: #ea7979;
}
@keyframes bui-button-focus-wave-effect-danger {
  from {
    box-shadow: 0 0 0 0 rgba(234, 121, 121, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(234, 121, 121, 0);
  }
}
.tools-vmok-plugin-button--danger-fill:active {
  color: #ffffff;
  background-color: #c71023;
  border-color: #c71023;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--danger-fill:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill:active[data-motion-wave="before"]::before {
  color: #c71023;
}
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:active {
  color: #ffffff;
  background-color: #ea7979;
  border-color: #ea7979;
}
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #ea7979;
}
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:active {
  color: #fdf2f2;
  background-color: #f5bbbb;
  border-color: #f5bbbb;
}
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #f5bbbb;
}
.tools-vmok-plugin-button--success-fill {
  color: #ffffff;
  background-color: #0da600;
  border-color: #0da600;
}
.tools-vmok-plugin-button--success-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill[data-motion-wave="before"]::before {
  color: #0da600;
}
.tools-vmok-plugin-button--success-fill:hover {
  color: #ffffff;
  background-color: #09b160;
  border-color: #09b160;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--success-fill:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill:hover[data-motion-wave="before"]::before {
  color: #09b160;
}
.tools-vmok-plugin-button--success-fill:focus {
  color: #ffffff;
  background-color: #09b160;
  border-color: #09b160;
  animation: bui-button-focus-wave-effect-success 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-success-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--success-fill:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill:focus[data-motion-wave="before"]::before {
  color: #09b160;
}
@keyframes bui-button-focus-wave-effect-success {
  from {
    box-shadow: 0 0 0 0 rgba(9, 177, 96, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(9, 177, 96, 0);
  }
}
.tools-vmok-plugin-button--success-fill:active {
  color: #ffffff;
  background-color: #007430;
  border-color: #007430;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--success-fill:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill:active[data-motion-wave="before"]::before {
  color: #007430;
}
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:active {
  color: #ffffff;
  background-color: #09b160;
  border-color: #09b160;
}
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #09b160;
}
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:active {
  color: #ecf8eb;
  background-color: #83dbb2;
  border-color: #83dbb2;
}
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #83dbb2;
}
.tools-vmok-plugin-button--default-stroke {
  color: #31343b;
  background-color: #ffffff;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-button--default-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke[data-motion-wave="before"]::before {
  color: #dfe0e2;
}
.tools-vmok-plugin-button--default-stroke:hover {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--default-stroke:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke:hover[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--default-stroke:focus {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-primary-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--default-stroke:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke:focus[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--default-stroke:active {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--default-stroke:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:active {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:active,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:focus {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before {
  color: #dfe0e2;
}
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--primary-stroke {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--primary-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #2e7bff;
  background-color: #ffffff;
  border-color: #2e7bff;
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #2e7bff;
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
  animation: bui-button-focus-wave-effect-primary 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-primary-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #003fd2;
}
@keyframes bui-button-focus-wave-effect-primary {
  from {
    box-shadow: 0 0 0 0 rgba(46, 123, 255, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(46, 123, 255, 0);
  }
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:active {
  color: #badaff;
  background-color: #ffffff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--success-stroke {
  color: #0da600;
  background-color: #ffffff;
  border-color: #0da600;
}
.tools-vmok-plugin-button--success-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke[data-motion-wave="before"]::before {
  color: #0da600;
}
.tools-vmok-plugin-button--success-stroke:hover {
  color: #09b160;
  background-color: #ffffff;
  border-color: #09b160;
}
.tools-vmok-plugin-button--success-stroke:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke:hover[data-motion-wave="before"]::before {
  color: #09b160;
}
.tools-vmok-plugin-button--success-stroke:focus {
  color: #007430;
  background-color: #ffffff;
  border-color: #007430;
  animation: bui-button-focus-wave-effect-success 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-success-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--success-stroke:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke:focus[data-motion-wave="before"]::before {
  color: #007430;
}
@keyframes bui-button-focus-wave-effect-success {
  from {
    box-shadow: 0 0 0 0 rgba(9, 177, 96, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(9, 177, 96, 0);
  }
}
.tools-vmok-plugin-button--success-stroke:active {
  color: #007430;
  background-color: #ffffff;
  border-color: #007430;
}
.tools-vmok-plugin-button--success-stroke:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke:active[data-motion-wave="before"]::before {
  color: #007430;
}
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:active {
  color: #007430;
  background-color: #ffffff;
  border-color: #007430;
}
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #007430;
}
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:active {
  color: #83dbb2;
  background-color: #ecf8eb;
  border-color: #83dbb2;
}
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #83dbb2;
}
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #83dbb2;
  background-color: #ecf8eb;
  border-color: #83dbb2;
}
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #83dbb2;
}
.tools-vmok-plugin-button--warning-stroke {
  color: #eb9617;
  background-color: #ffffff;
  border-color: #eb9617;
}
.tools-vmok-plugin-button--warning-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke[data-motion-wave="before"]::before {
  color: #eb9617;
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #f6b70c;
  background-color: #ffffff;
  border-color: #f6b70c;
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #f6b70c;
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #e28e11;
  background-color: #ffffff;
  border-color: #e28e11;
  animation: bui-button-focus-wave-effect-warning 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-warning-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #e28e11;
}
@keyframes bui-button-focus-wave-effect-warning {
  from {
    box-shadow: 0 0 0 0 rgba(246, 183, 12, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(246, 183, 12, 0);
  }
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #e28e11;
  background-color: #ffffff;
  border-color: #e28e11;
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #e28e11;
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #e28e11;
  background-color: #ffffff;
  border-color: #e28e11;
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #e28e11;
}
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:active {
  color: #ffdd60;
  background-color: #fff9e0;
  border-color: #ffdd60;
}
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #ffdd60;
}
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #ffdd60;
  background-color: #fff9e0;
  border-color: #ffdd60;
}
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #ffdd60;
}
.tools-vmok-plugin-button--danger-stroke {
  color: #e34949;
  background-color: #ffffff;
  border-color: #e34949;
}
.tools-vmok-plugin-button--danger-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke[data-motion-wave="before"]::before {
  color: #e34949;
}
.tools-vmok-plugin-button--danger-stroke:hover {
  color: #ea7979;
  background-color: #ffffff;
  border-color: #ea7979;
}
.tools-vmok-plugin-button--danger-stroke:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke:hover[data-motion-wave="before"]::before {
  color: #ea7979;
}
.tools-vmok-plugin-button--danger-stroke:focus {
  color: #c71023;
  background-color: #ffffff;
  border-color: #c71023;
  animation: bui-button-focus-wave-effect-danger 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-danger-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--danger-stroke:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke:focus[data-motion-wave="before"]::before {
  color: #c71023;
}
@keyframes bui-button-focus-wave-effect-danger {
  from {
    box-shadow: 0 0 0 0 rgba(234, 121, 121, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(234, 121, 121, 0);
  }
}
.tools-vmok-plugin-button--danger-stroke:active {
  color: #c71023;
  background-color: #ffffff;
  border-color: #c71023;
}
.tools-vmok-plugin-button--danger-stroke:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke:active[data-motion-wave="before"]::before {
  color: #c71023;
}
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:active {
  color: #c71023;
  background-color: #ffffff;
  border-color: #c71023;
}
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #c71023;
}
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:active {
  color: #f5bbbb;
  background-color: #fdf2f2;
  border-color: #f5bbbb;
}
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #f5bbbb;
}
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #f5bbbb;
  background-color: #fdf2f2;
  border-color: #f5bbbb;
}
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #f5bbbb;
}
.tools-vmok-plugin-button--info-stroke {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--info-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--info-stroke:hover {
  color: #2e7bff;
  background-color: #ffffff;
  border-color: #2e7bff;
}
.tools-vmok-plugin-button--info-stroke:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke:hover[data-motion-wave="before"]::before {
  color: #2e7bff;
}
.tools-vmok-plugin-button--info-stroke:focus {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
  animation: bui-button-focus-wave-effect-info 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-info-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--info-stroke:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke:focus[data-motion-wave="before"]::before {
  color: #003fd2;
}
@keyframes bui-button-focus-wave-effect-info {
  from {
    box-shadow: 0 0 0 0 rgba(0, 63, 210, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(0, 63, 210, 0);
  }
}
.tools-vmok-plugin-button--info-stroke:active {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--info-stroke:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:active {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:active {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--default-light-fill {
  color: #31343b;
  background-color: #f2f4f7;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-button--default-light-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill[data-motion-wave="before"]::before {
  color: #f2f4f7;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):hover {
  color: #0057ff;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #f5f7fa;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):focus {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #e8eaed;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #e8eaed;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):active {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #e8eaed;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #e8eaed;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #e8eaed;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #e8eaed;
}
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:active {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #f5f7fa;
}
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #f5f7fa;
}
.tools-vmok-plugin-button--default-light-stroke {
  color: #31343b;
  background-color: #f2f4f7;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-button--default-light-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke[data-motion-wave="before"]::before {
  color: #dfe0e2;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:active {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #dfe0e2;
}
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #dfe0e2;
}
.tools-vmok-plugin-button--primary-light-fill {
  color: #0057ff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):hover {
  color: #2e7bff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):focus {
  color: #003fd2;
  background-color: #b6ddfd;
  border-color: #b6ddfd;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #b6ddfd;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):active {
  color: #003fd2;
  background-color: #b6ddfd;
  border-color: #b6ddfd;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #b6ddfd;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #003fd2;
  background-color: #b6ddfd;
  border-color: #b6ddfd;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #b6ddfd;
}
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:active {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-stroke {
  color: #0057ff;
  background-color: #e8f4ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--primary-light-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #2e7bff;
  background-color: #e8f4ff;
  border-color: #2e7bff;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #2e7bff;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #003fd2;
  background-color: #e8f4ff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #003fd2;
  background-color: #e8f4ff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #003fd2;
  background-color: #e8f4ff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:active {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--success-light-fill {
  color: #0da600;
  background-color: #ecf8eb;
  border-color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill[data-motion-wave="before"]::before {
  color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):hover {
  color: #09b160;
  background-color: #ecf8eb;
  border-color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):focus {
  color: #007430;
  background-color: #a6e5c8;
  border-color: #a6e5c8;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #a6e5c8;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):active {
  color: #007430;
  background-color: #a6e5c8;
  border-color: #a6e5c8;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #a6e5c8;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #007430;
  background-color: #a6e5c8;
  border-color: #a6e5c8;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #a6e5c8;
}
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:active {
  color: #83dbb2;
  background-color: #ecf8eb;
  border-color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #83dbb2;
  background-color: #ecf8eb;
  border-color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-stroke {
  color: #0da600;
  background-color: #ecf8eb;
  border-color: #0da600;
}
.tools-vmok-plugin-button--success-light-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke[data-motion-wave="before"]::before {
  color: #0da600;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #09b160;
  background-color: #ecf8eb;
  border-color: #09b160;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #09b160;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #007430;
  background-color: #ecf8eb;
  border-color: #007430;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #007430;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #007430;
  background-color: #ecf8eb;
  border-color: #007430;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #007430;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #007430;
  background-color: #ecf8eb;
  border-color: #007430;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #007430;
}
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:active {
  color: #83dbb2;
  background-color: #ecf8eb;
  border-color: #83dbb2;
}
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #83dbb2;
}
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #83dbb2;
  background-color: #ecf8eb;
  border-color: #83dbb2;
}
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #83dbb2;
}
.tools-vmok-plugin-button--warning-light-fill {
  color: #eb9617;
  background-color: #fff9e0;
  border-color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill[data-motion-wave="before"]::before {
  color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):hover {
  color: #f6b70c;
  background-color: #fff9e0;
  border-color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):focus {
  color: #e28e11;
  background-color: #ffeba1;
  border-color: #ffeba1;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #ffeba1;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):active {
  color: #e28e11;
  background-color: #ffeba1;
  border-color: #ffeba1;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #ffeba1;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #e28e11;
  background-color: #ffeba1;
  border-color: #ffeba1;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #ffeba1;
}
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:active {
  color: #ffdd60;
  background-color: #fff9e0;
  border-color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #ffdd60;
  background-color: #fff9e0;
  border-color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-stroke {
  color: #eb9617;
  background-color: #fff9e0;
  border-color: #eb9617;
}
.tools-vmok-plugin-button--warning-light-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke[data-motion-wave="before"]::before {
  color: #eb9617;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #f6b70c;
  background-color: #fff9e0;
  border-color: #f6b70c;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #f6b70c;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #e28e11;
  background-color: #fff9e0;
  border-color: #e28e11;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #e28e11;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #e28e11;
  background-color: #fff9e0;
  border-color: #e28e11;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #e28e11;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #e28e11;
  background-color: #fff9e0;
  border-color: #e28e11;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #e28e11;
}
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:active {
  color: #ffdd60;
  background-color: #fff9e0;
  border-color: #ffdd60;
}
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #ffdd60;
}
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #ffdd60;
  background-color: #fff9e0;
  border-color: #ffdd60;
}
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #ffdd60;
}
.tools-vmok-plugin-button--danger-light-fill {
  color: #e34949;
  background-color: #fdf2f2;
  border-color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill[data-motion-wave="before"]::before {
  color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):hover {
  color: #ea7979;
  background-color: #fdf2f2;
  border-color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):focus {
  color: #c71023;
  background-color: #f8cfcf;
  border-color: #f8cfcf;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #f8cfcf;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):active {
  color: #c71023;
  background-color: #f8cfcf;
  border-color: #f8cfcf;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #f8cfcf;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #c71023;
  background-color: #f8cfcf;
  border-color: #f8cfcf;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #f8cfcf;
}
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:active {
  color: #f5bbbb;
  background-color: #fdf2f2;
  border-color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #f5bbbb;
  background-color: #fdf2f2;
  border-color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-stroke {
  color: #e34949;
  background-color: #fdf2f2;
  border-color: #e34949;
}
.tools-vmok-plugin-button--danger-light-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke[data-motion-wave="before"]::before {
  color: #e34949;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #ea7979;
  background-color: #fdf2f2;
  border-color: #ea7979;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #ea7979;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #c71023;
  background-color: #fdf2f2;
  border-color: #c71023;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #c71023;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #c71023;
  background-color: #fdf2f2;
  border-color: #c71023;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #c71023;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #c71023;
  background-color: #fdf2f2;
  border-color: #c71023;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #c71023;
}
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:active {
  color: #f5bbbb;
  background-color: #fdf2f2;
  border-color: #f5bbbb;
}
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #f5bbbb;
}
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #f5bbbb;
  background-color: #fdf2f2;
  border-color: #f5bbbb;
}
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #f5bbbb;
}
.tools-vmok-plugin-button--info-light-fill {
  color: #0057ff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):hover {
  color: #2e7bff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):focus {
  color: #003fd2;
  background-color: #b6ddfd;
  border-color: #b6ddfd;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #b6ddfd;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):active {
  color: #003fd2;
  background-color: #b6ddfd;
  border-color: #b6ddfd;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #b6ddfd;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #003fd2;
  background-color: #b6ddfd;
  border-color: #b6ddfd;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #b6ddfd;
}
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:active {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-stroke {
  color: #0057ff;
  background-color: #e8f4ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--info-light-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #2e7bff;
  background-color: #e8f4ff;
  border-color: #2e7bff;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #2e7bff;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #003fd2;
  background-color: #e8f4ff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #003fd2;
  background-color: #e8f4ff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #003fd2;
  background-color: #e8f4ff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:active {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--dashed {
  border-style: dashed;
}
.tools-vmok-plugin-button--text {
  color: #0057ff;
  background-color: transparent;
  border-color: transparent;
}
.tools-vmok-plugin-button--text[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--text:hover {
  color: #2e7bff;
  background-color: transparent;
  border-color: transparent;
}
.tools-vmok-plugin-button--text:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text:hover[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--text:focus {
  color: #2e7bff;
  background-color: transparent;
  border-color: transparent;
  animation: none;
}
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text:focus[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--text:active,
.tools-vmok-plugin-button--text:active:focus,
.tools-vmok-plugin-button--text:active:hover {
  color: #003fd2;
  background-color: transparent;
  border-color: transparent;
}
.tools-vmok-plugin-button--text:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text:active:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text:active:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text:active:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text:active:hover[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled:focus {
  color: #badaff;
  background-color: transparent;
  border-color: transparent;
}
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--xs,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--sm,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--md,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--lg,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--xl {
  padding: 0;
  min-width: auto;
}
.tools-vmok-plugin-button--link {
  color: #0057ff;
  background-color: transparent;
  border-color: transparent;
  border: none;
}
.tools-vmok-plugin-button--link[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--link:hover {
  color: #2e7bff;
  background-color: transparent;
  border-color: transparent;
  text-decoration: underline;
}
.tools-vmok-plugin-button--link:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link:hover[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--link:focus {
  color: #2e7bff;
  background-color: transparent;
  border-color: transparent;
  animation: none;
  text-decoration: underline;
}
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link:focus[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--link:active,
.tools-vmok-plugin-button--link:active:focus,
.tools-vmok-plugin-button--link:active:hover {
  color: #003fd2;
  background-color: transparent;
  border-color: transparent;
  text-decoration: underline;
}
.tools-vmok-plugin-button--link:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link:active:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link:active:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link:active:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link:active:hover[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:active,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:focus {
  color: #badaff;
  background-color: transparent;
  border-color: transparent;
}
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--xs,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--sm,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--md,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--lg,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--xl {
  padding: 0;
  min-width: auto;
}
.tools-vmok-plugin-button--xs {
  min-width: 56px;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-button--sm {
  min-width: 56px;
  padding: 4px 16px;
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-button--md {
  min-width: 88px;
  padding: 4px 16px;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-button--lg {
  min-width: 120px;
  padding: 6px 16px;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-button--xl {
  min-width: 140px;
  padding: 7px 16px;
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-button--circle.tools-vmok-plugin-button--xs,
.tools-vmok-plugin-button--square.tools-vmok-plugin-button--xs {
  min-width: 24px;
  width: 24px;
  height: 24px;
  padding-left: 0;
  padding-right: 0;
}
.tools-vmok-plugin-button--circle.tools-vmok-plugin-button--sm,
.tools-vmok-plugin-button--square.tools-vmok-plugin-button--sm {
  min-width: 28px;
  width: 28px;
  height: 28px;
  padding-left: 0;
  padding-right: 0;
}
.tools-vmok-plugin-button--circle.tools-vmok-plugin-button--md,
.tools-vmok-plugin-button--square.tools-vmok-plugin-button--md {
  min-width: 32px;
  width: 32px;
  height: 32px;
  padding-left: 0;
  padding-right: 0;
}
.tools-vmok-plugin-button--circle.tools-vmok-plugin-button--lg,
.tools-vmok-plugin-button--square.tools-vmok-plugin-button--lg {
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding-left: 0;
  padding-right: 0;
}
.tools-vmok-plugin-button--circle.tools-vmok-plugin-button--xl,
.tools-vmok-plugin-button--square.tools-vmok-plugin-button--xl {
  min-width: 40px;
  width: 40px;
  height: 40px;
  padding-left: 0;
  padding-right: 0;
}
.tools-vmok-plugin-button--circle {
  border-radius: 50%;
}
.tools-vmok-plugin-button--round.tools-vmok-plugin-button--xs {
  border-radius: 24px;
  min-width: 24px;
}
.tools-vmok-plugin-button--round.tools-vmok-plugin-button--sm {
  border-radius: 28px;
  min-width: 28px;
}
.tools-vmok-plugin-button--round.tools-vmok-plugin-button--md {
  border-radius: 32px;
  min-width: 32px;
}
.tools-vmok-plugin-button--round.tools-vmok-plugin-button--lg {
  border-radius: 36px;
  min-width: 36px;
}
.tools-vmok-plugin-button--round.tools-vmok-plugin-button--xl {
  min-width: 40px;
  border-radius: 40px;
}
.tools-vmok-plugin-button--block {
  display: block;
  width: 100%;
}
.tools-vmok-plugin-button.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button.tools-vmok-plugin-button--disabled:focus {
  animation: none;
  cursor: not-allowed;
}
.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--loading:focus {
  animation: none;
}
.tools-vmok-plugin-button--loading .tools-vmok-plugin-button__loading-icon {
  margin-right: 4px;
}
.tools-vmok-plugin-button--active {
  z-index: 3;
}
.tools-vmok-plugin-button--rtl {
  direction: rtl;
}
.tools-vmok-plugin-button--rtl .tools-vmok-plugin-button__loading-icon {
  margin-right: 0;
  margin-left: 4px;
}
/* card */
.tools-vmok-plugin-card {
  background: #ffffff;
  border-radius: 4px;
}
.tools-vmok-plugin-card__header {
  font-size: 16px;
  padding: 16px 24px;
  color: #31343b;
  border-radius: 4px 4px 0 0;
  line-height: 24px;
}
.tools-vmok-plugin-card__body {
  padding: 16px 24px;
  font-size: 14px;
  color: #62656c;
  line-height: 22px;
}
.tools-vmok-plugin-card--shadowed {
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.tools-vmok-plugin-card--bordered {
  border-width: 1px;
  border-style: solid;
  border-color: #dee0e3;
}
.tools-vmok-plugin-card--hover {
  transition: box-shadow 0.3s;
}
.tools-vmok-plugin-card--hover:hover {
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
}
/* Input */
/* Tag */
/* tips */
/* Select */
/* CustomInput */
.tools-vmok-plugin-cascader-panel {
  display: flex;
  align-self: stretch;
}
.tools-vmok-plugin-cascader-panel__main {
  display: flex;
  flex: 1;
  align-self: stretch;
  border-radius: 8px;
  overflow-x: auto;
}
.tools-vmok-plugin-cascader-panel__main::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-cascader-panel__main::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-cascader-panel__main::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-cascader-panel__main::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-cascader-panel__main--border {
  border: 1px solid #dee0e3;
}
.tools-vmok-plugin-cascader-panel__selection-block {
  flex: 1;
  height: 230px;
  display: flex;
  flex-direction: column;
}
.tools-vmok-plugin-cascader-panel__selection-block--has-cascader {
  min-width: 200px;
  height: 192px;
}
.tools-vmok-plugin-cascader-panel__selection-block:not(:last-of-type) {
  border-right: 1px solid #dee0e3;
}
.tools-vmok-plugin-cascader-panel__selection-header {
  display: flex;
  align-items: center;
  height: 38px;
  padding: 0 12px;
  border-bottom: 1px solid #dee0e3;
  background-color: #f2f4f7;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  font-weight: 600;
}
.tools-vmok-plugin-cascader-panel__list-wrapper {
  flex: 1;
  overflow-y: auto;
}
.tools-vmok-plugin-cascader-panel__list-wrapper::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-cascader-panel__list-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-cascader-panel__list-wrapper::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-cascader-panel__list-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-cascader-panel__placeholder {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tools-vmok-plugin-cascader-panel__loading {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0057ff;
}
.tools-vmok-plugin-cascader-panel__selection-list {
  margin: 0;
  list-style: none;
  padding: 6px 0;
}
.tools-vmok-plugin-cascader-panel__selection-list:not(:last-child) {
  padding-bottom: 0;
}
.tools-vmok-plugin-cascader-panel__selection-item {
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.tools-vmok-plugin-cascader-panel__selection-item:hover {
  background-color: #f2f4f7;
  cursor: pointer;
}
.tools-vmok-plugin-cascader-panel__selection-item .tools-vmok-plugin-cascader-panel__item-label {
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 0;
  color: #31343b;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tools-vmok-plugin-cascader-panel__selection-item .tools-vmok-plugin-cascader-panel__item-label:not(:first-child) {
  margin-left: 8px;
}
.tools-vmok-plugin-cascader-panel__selection-item--active,
.tools-vmok-plugin-cascader-panel__selection-item--active .tools-vmok-plugin-cascader-panel__item-label,
.tools-vmok-plugin-cascader-panel__selection-item--active .tools-vmok-plugin-cascader-panel__angle {
  color: #0057ff;
}
.tools-vmok-plugin-cascader-panel__selection-item--selected,
.tools-vmok-plugin-cascader-panel__selection-item--selected .tools-vmok-plugin-cascader-panel__item-label,
.tools-vmok-plugin-cascader-panel__selection-item--selected .tools-vmok-plugin-cascader-panel__angle {
  color: #0057ff;
}
.tools-vmok-plugin-cascader-panel__selection-item--disabled,
.tools-vmok-plugin-cascader-panel__selection-item--disabled .tools-vmok-plugin-cascader-panel__item-label,
.tools-vmok-plugin-cascader-panel__selection-item--disabled .tools-vmok-plugin-cascader-panel__angle {
  color: #cdd1d8;
  cursor: not-allowed;
}
.tools-vmok-plugin-cascader-panel__selection-item--disabled:hover,
.tools-vmok-plugin-cascader-panel__selection-item--disabled .tools-vmok-plugin-cascader-panel__item-label:hover,
.tools-vmok-plugin-cascader-panel__selection-item--disabled .tools-vmok-plugin-cascader-panel__angle:hover {
  background-color: none;
}
.tools-vmok-plugin-cascader-panel__selection-item--disabled.tools-vmok-plugin-cascader-panel__selection-item--selected,
.tools-vmok-plugin-cascader-panel__selection-item--disabled.tools-vmok-plugin-cascader-panel__selection-item--selected .tools-vmok-plugin-cascader-panel__item-label {
  color: #badaff;
}
.tools-vmok-plugin-cascader-panel__angle {
  flex-shrink: 0;
  color: #93969d;
}
.tools-vmok-plugin-cascader-panel .tools-vmok-plugin-cascader-panel__angle-un-expand {
  color: #cdd1d8;
  cursor: not-allowed;
}
.tools-vmok-plugin-cascader-panel__infinite-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  font-size: 12px;
  color: #0057ff;
}
.tools-vmok-plugin-cascader-panel__infinite-loading-label {
  margin-left: 4px;
}
.tools-vmok-plugin-cascader-panel__panel-title {
  position: relative;
}
.tools-vmok-plugin-cascader-panel__panel-title-content {
  height: 38px;
  background: #f2f4f7;
  width: 100%;
  position: absolute;
  margin-bottom: -38px;
  border-radius: 8px 8px 0 0;
  border: 1px solid #dee0e3;
  border-bottom: none;
}
.tools-vmok-plugin-cascader-panel--rtl {
  direction: rtl;
}
.tools-vmok-plugin-cascader-panel--rtl .tools-vmok-plugin-cascader-panel__selection-block:not(:last-of-type) {
  border-right: none;
  border-left: 1px solid #dee0e3;
}
.tools-vmok-plugin-cascader-panel--rtl .tools-vmok-plugin-cascader-panel__item-label:not(:first-child) {
  margin-left: none;
  margin-right: 8px;
}
.tools-vmok-plugin-cascader-panel--rtl .tools-vmok-plugin-cascader-panel__infinite-loading-label {
  margin-left: none;
  margin-right: 4px;
}
.tools-vmok-plugin-cascader-exb {
  display: flex;
  flex-direction: column;
  width: 200px;
  border: 1px solid #dee0e3;
  border-radius: 8px;
  margin-left: 16px;
  height: 230px;
}
.tools-vmok-plugin-cascader-exb__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
  padding: 0 12px;
  border-bottom: 1px solid #dee0e3;
  background-color: #f2f4f7;
  font-size: 14px;
  color: #31343b;
  font-weight: 600;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.tools-vmok-plugin-cascader-exb__list-wrap {
  flex: 1 0;
  overflow: auto;
}
.tools-vmok-plugin-cascader-exb__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.tools-vmok-plugin-cascader-exb__list {
  list-style: none;
  padding: 8px 12px;
  margin: 0;
}
.tools-vmok-plugin-cascader-exb__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 26px;
  background-color: #f2f4f7;
  border-radius: 4px;
  color: #31343b;
  font-size: 14px;
  padding: 0 8px;
  overflow: hidden;
}
.tools-vmok-plugin-cascader-exb__item-fade-enter-active,
.tools-vmok-plugin-cascader-exb__item-fade-leave-active {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-cascader-exb__item-fade-enter-from,
.tools-vmok-plugin-cascader-exb__item-fade-leave-to {
  opacity: 0;
  max-height: 0;
}
.tools-vmok-plugin-cascader-exb__item-fade-enter-to,
.tools-vmok-plugin-cascader-exb__item-fade-leave-from {
  max-height: 26px;
  opacity: 1;
}
.tools-vmok-plugin-cascader-exb__item-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tools-vmok-plugin-cascader-exb__item .tools-vmok-plugin-cascader-exb__close {
  color: #93969d;
  cursor: pointer;
  flex-shrink: 0;
}
.tools-vmok-plugin-cascader-exb__item:not(:first-of-type) {
  margin-top: 8px;
}
.tools-vmok-plugin-cascader-exb--rtl {
  direction: rtl;
  margin-left: 16px;
  margin-right: 16px;
}
.tools-vmok-plugin-cascader-panel-search__filter {
  border-bottom: 1px solid #e8eaed;
  margin-bottom: 8px;
}
.tools-vmok-plugin-cascader-panel-search__filter-icon {
  color: #93969d;
}
.tools-vmok-plugin-cascader-panel-search__results {
  max-height: 192px;
  overflow-y: auto;
  padding: 6px 0;
}
.tools-vmok-plugin-cascader-panel-search__results::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-cascader-panel-search__results::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-cascader-panel-search__results::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-cascader-panel-search__results::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-cascader-panel-search__em {
  color: #0057ff;
  font-style: normal;
}
.tools-vmok-plugin-cascader-panel-search__text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.tools-vmok-plugin-cascader-panel-search__loading {
  color: #0057ff;
  height: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-cascader-panel-search-option {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  align-items: center;
  cursor: default;
}
.tools-vmok-plugin-cascader-panel-search-option .tools-vmok-plugin-cascader-panel-search-option__action {
  margin-right: 8px;
}
.tools-vmok-plugin-cascader-panel-search-option:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-cascader-panel-search-option--rtl {
  direction: rtl;
}
.tools-vmok-plugin-cascader-panel-search-option--rtl .tools-vmok-plugin-cascader-search-option__action {
  margin-left: 8px;
  margin-right: 0;
}
.tools-vmok-plugin-cascader-search__filter {
  border-bottom: 1px solid #e8eaed;
}
.tools-vmok-plugin-cascader-search__filter-icon {
  color: #93969d;
}
.tools-vmok-plugin-cascader-search__results {
  max-height: 192px;
  overflow-y: auto;
  padding: 6px 0;
}
.tools-vmok-plugin-cascader-search__results::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-cascader-search__results::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-cascader-search__results::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-cascader-search__results::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-cascader-search__em {
  color: #0057ff;
  font-style: normal;
}
.tools-vmok-plugin-cascader-search__text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.tools-vmok-plugin-cascader-search__loading {
  color: #0057ff;
  height: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-cascader-search-option {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  align-items: center;
  cursor: default;
}
.tools-vmok-plugin-cascader-search-option .tools-vmok-plugin-cascader-search-option__action {
  margin-right: 8px;
}
.tools-vmok-plugin-cascader-search-option:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-cascader-search-option--rtl {
  direction: rtl;
}
.tools-vmok-plugin-cascader-search-option--rtl .tools-vmok-plugin-cascader-search-option__action {
  margin-left: 8px;
  margin-right: 0;
}
.tools-vmok-plugin-cascader {
  display: inline-flex;
  width: 100%;
  position: relative;
  vertical-align: bottom;
}
.tools-vmok-plugin-cascader__tips {
  text-align: center;
  user-select: none;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 22px;
  min-width: 26px;
  border-radius: 13px;
  padding: 1px 8px;
  margin-right: 4px;
}
.tools-vmok-plugin-cascader__arrow {
  color: #93969d;
}
.tools-vmok-plugin-cascader__arrow--open {
  transform: rotate(180deg);
}
.tools-vmok-plugin-cascader__input:not(.tools-vmok-plugin-input__wrapper--disabled) {
  cursor: pointer;
}
.tools-vmok-plugin-cascader__tag-content {
  max-width: calc(100% - 14px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tools-vmok-plugin-cascader__empty {
  height: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-cascader--stroke .tools-vmok-plugin-cascader__tips {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-cascader--stroke.tools-vmok-plugin-cascader--disabled .tools-vmok-plugin-cascader__tips {
  background-color: #f7f9fc;
  color: #cdd1d8;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-cascader--fill .tools-vmok-plugin-cascader__tips {
  background-color: #ffffff;
  color: #31343b;
  border-color: #ffffff;
}
.tools-vmok-plugin-cascader--fill.tools-vmok-plugin-cascader--disabled .tools-vmok-plugin-cascader__tips {
  background-color: #f5f7fa;
  color: #b9bcc3;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-cascader--text {
  color: #31343b;
  width: auto;
  cursor: pointer;
}
.tools-vmok-plugin-cascader--text:hover,
.tools-vmok-plugin-cascader--text .tools-vmok-plugin-cascader__text-wrapper--active {
  color: #0057ff;
}
.tools-vmok-plugin-cascader--text:hover:active,
.tools-vmok-plugin-cascader--text .tools-vmok-plugin-cascader__text-wrapper--active:active {
  color: #003fd2;
}
.tools-vmok-plugin-cascader--text .tools-vmok-plugin-cascader__text-wrapper {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
}
.tools-vmok-plugin-cascader--text .tools-vmok-plugin-cascader__arrow {
  margin-right: 0;
}
.tools-vmok-plugin-cascader--text.tools-vmok-plugin-cascader--disabled,
.tools-vmok-plugin-cascader--text.tools-vmok-plugin-cascader--disabled:hover {
  color: #cdd1d8;
  cursor: not-allowed;
}
.tools-vmok-plugin-cascader--xs {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-cascader--xs .tools-vmok-plugin-cascader__tips {
  font-size: 12px;
  line-height: 18px;
  min-width: 22px;
  border-radius: 11px;
  padding: 1px 8px;
}
.tools-vmok-plugin-cascader--sm {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-cascader--sm .tools-vmok-plugin-cascader__tips {
  font-size: 12px;
  line-height: 18px;
  min-width: 22px;
  border-radius: 11px;
  padding: 1px 8px;
}
.tools-vmok-plugin-cascader--md {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader--lg {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader--xl {
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-cascader--disabled .tools-vmok-plugin-cascader__tips {
  background-color: #f7f9fc;
  color: #cdd1d8;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-cascader--disabled .tools-vmok-plugin-cascader__arrow {
  color: #cdd1d8;
}
.tools-vmok-plugin-cascader__popper {
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  display: none;
  background-color: #ffffff;
}
.tools-vmok-plugin-cascader__popper--show {
  display: block;
}
.tools-vmok-plugin-cascader__popper-header {
  border-bottom: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader__popper-footer {
  border-top: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader--rtl {
  direction: rtl;
}
.tools-vmok-plugin-cascader--rtl .tools-vmok-plugin-cascader__tips {
  margin-right: 0;
  margin-left: 4px;
}
.tools-vmok-plugin-cascader__popper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-cascader-fade-enter-active,
.tools-vmok-plugin-cascader-fade-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.tools-vmok-plugin-cascader-fade-enter-from,
.tools-vmok-plugin-cascader-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-cascader-fade-enter-to,
.tools-vmok-plugin-cascader-fade-leave-from {
  opacity: 1;
}
.tools-vmok-plugin-cascader-panel-search {
  display: inline-flex;
  width: 100%;
  position: relative;
  vertical-align: bottom;
}
.tools-vmok-plugin-cascader-panel-search__tips {
  text-align: center;
  user-select: none;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 22px;
  min-width: 26px;
  border-radius: 13px;
  padding: 1px 8px;
  margin-right: 4px;
}
.tools-vmok-plugin-cascader-panel-search__arrow {
  color: #93969d;
}
.tools-vmok-plugin-cascader-panel-search__arrow--open {
  transform: rotate(180deg);
}
.tools-vmok-plugin-cascader-panel-search__input:not(.tools-vmok-plugin-input__wrapper--disabled) {
  cursor: pointer;
}
.tools-vmok-plugin-cascader-panel-search__tag-content {
  max-width: calc(100% - 14px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tools-vmok-plugin-cascader-panel-search__empty {
  height: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-cascader-panel-search--stroke .tools-vmok-plugin-cascader-panel-search__tips {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-cascader-panel-search--stroke.tools-vmok-plugin-cascader-panel-search--disabled .tools-vmok-plugin-cascader-panel-search__tips {
  background-color: #f7f9fc;
  color: #cdd1d8;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-cascader-panel-search--fill .tools-vmok-plugin-cascader-panel-search__tips {
  background-color: #ffffff;
  color: #31343b;
  border-color: #ffffff;
}
.tools-vmok-plugin-cascader-panel-search--fill.tools-vmok-plugin-cascader-panel-search--disabled .tools-vmok-plugin-cascader-panel-search__tips {
  background-color: #f5f7fa;
  color: #b9bcc3;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-cascader-panel-search--text {
  color: #31343b;
  width: auto;
  cursor: pointer;
}
.tools-vmok-plugin-cascader-panel-search--text:hover,
.tools-vmok-plugin-cascader-panel-search--text .tools-vmok-plugin-cascader-panel-search__text-wrapper--active {
  color: #0057ff;
}
.tools-vmok-plugin-cascader-panel-search--text:hover:active,
.tools-vmok-plugin-cascader-panel-search--text .tools-vmok-plugin-cascader-panel-search__text-wrapper--active:active {
  color: #003fd2;
}
.tools-vmok-plugin-cascader-panel-search--text .tools-vmok-plugin-cascader-panel-search__text-wrapper {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
}
.tools-vmok-plugin-cascader-panel-search--text .tools-vmok-plugin-cascader-panel-search__arrow {
  margin-right: 0;
}
.tools-vmok-plugin-cascader-panel-search--text.tools-vmok-plugin-cascader-panel-search--disabled,
.tools-vmok-plugin-cascader-panel-search--text.tools-vmok-plugin-cascader-panel-search--disabled:hover {
  color: #cdd1d8;
  cursor: not-allowed;
}
.tools-vmok-plugin-cascader-panel-search--xs {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-cascader-panel-search--xs .tools-vmok-plugin-cascader-panel-search__tips {
  font-size: 12px;
  line-height: 18px;
  min-width: 22px;
  border-radius: 11px;
  padding: 1px 8px;
}
.tools-vmok-plugin-cascader-panel-search--sm {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-cascader-panel-search--sm .tools-vmok-plugin-cascader-panel-search__tips {
  font-size: 12px;
  line-height: 18px;
  min-width: 22px;
  border-radius: 11px;
  padding: 1px 8px;
}
.tools-vmok-plugin-cascader-panel-search--md {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader-panel-search--lg {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader-panel-search--xl {
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-cascader-panel-search--disabled .tools-vmok-plugin-cascader-panel-search__tips {
  background-color: #f7f9fc;
  color: #cdd1d8;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-cascader-panel-search--disabled .tools-vmok-plugin-cascader-panel-search__arrow {
  color: #cdd1d8;
}
.tools-vmok-plugin-cascader-panel-search__popper {
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  display: none;
  background-color: #ffffff;
}
.tools-vmok-plugin-cascader-panel-search__popper--show {
  display: block;
}
.tools-vmok-plugin-cascader-panel-search__popper-header {
  border-bottom: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader-panel-search__popper-footer {
  border-top: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader-panel-search--rtl {
  direction: rtl;
}
.tools-vmok-plugin-cascader-panel-search--rtl .tools-vmok-plugin-cascader-panel-search__tips {
  margin-right: 0;
  margin-left: 4px;
}
.tools-vmok-plugin-cascader-panel-search__popper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-cascader-panel-search-fade-enter-active,
.tools-vmok-plugin-cascader-panel-search-fade-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.tools-vmok-plugin-cascader-panel-search-fade-enter-from,
.tools-vmok-plugin-cascader-panel-search-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-cascader-panel-search-fade-enter-to,
.tools-vmok-plugin-cascader-panel-search-fade-leave-from {
  opacity: 1;
}
.tools-vmok-plugin-cascader__popper-wrapper {
  display: none;
}
.tools-vmok-plugin-cascader__popper-wrapper--show {
  display: block;
}
/* Checkbox */
.tools-vmok-plugin-checkbox-option {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  cursor: default;
  border-radius: 2px;
}
.tools-vmok-plugin-checkbox-option--stroke {
  color: #62656c;
}
.tools-vmok-plugin-checkbox-option--stroke:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-checkbox-option--stroke:active {
  background-color: #e8eaed;
}
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--checked,
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--checked:hover,
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--checked:active {
  background-color: #e8f4ff;
  color: #0057ff;
}
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--disabled,
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--disabled:hover,
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--disabled:active {
  cursor: not-allowed;
  background-color: transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--checked.tools-vmok-plugin-checkbox-option--disabled,
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--checked.tools-vmok-plugin-checkbox-option--disabled:hover,
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--checked.tools-vmok-plugin-checkbox-option--disabled:active {
  background-color: #e8f4ff;
  color: #badaff;
}
.tools-vmok-plugin-checkbox-option--fill {
  color: #62656c;
}
.tools-vmok-plugin-checkbox-option--fill:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-checkbox-option--fill:active {
  background-color: #cdd1d8;
}
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--checked,
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--checked:hover,
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--checked:active {
  background-color: #ffffff;
  color: #0057ff;
}
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--disabled,
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--disabled:hover,
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--disabled:active {
  cursor: not-allowed;
  background-color: transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--checked.tools-vmok-plugin-checkbox-option--disabled,
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--checked.tools-vmok-plugin-checkbox-option--disabled:hover,
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--checked.tools-vmok-plugin-checkbox-option--disabled:active {
  background-color: #ffffff;
  color: #badaff;
}
.tools-vmok-plugin-checkbox-option--checked::after {
  content: "";
  position: absolute;
  right: 1px;
  top: -2px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #0057ff;
  transform: rotate(-45deg);
  border-radius: 2px;
}
.tools-vmok-plugin-checkbox-option--checked.tools-vmok-plugin-checkbox-option--disabled::after {
  border-left-color: #badaff;
}
.tools-vmok-plugin-checkbox-option--single::after {
  display: none;
}
.tools-vmok-plugin-checkbox-option--xs {
  font-size: 12px;
  line-height: 18px;
  padding: 0 12px;
}
.tools-vmok-plugin-checkbox-option--sm {
  font-size: 12px;
  line-height: 18px;
  padding: 1px 12px;
}
.tools-vmok-plugin-checkbox-option--md {
  font-size: 14px;
  line-height: 22px;
  padding: 2px 12px;
}
.tools-vmok-plugin-checkbox-option--lg {
  font-size: 14px;
  line-height: 22px;
  padding: 4px 12px;
}
.tools-vmok-plugin-checkbox-option--xl {
  font-size: 16px;
  line-height: 24px;
  padding: 5px 12px;
}
.tools-vmok-plugin-checkbox-group {
  display: inline-flex;
  position: relative;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:not(:last-child) {
  margin-right: -1px;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button::after {
  content: "";
  position: absolute;
  right: 1px;
  top: -2px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #dee0e3;
  transform: rotate(-45deg);
  border-radius: 2px;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--single::after {
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:hover,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:focus,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:active {
  z-index: 1;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:hover::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:focus::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:active::after {
  border-left-color: #0057ff;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked:hover,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked:focus,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked:active {
  z-index: 3;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked:hover::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked:focus::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked:active::after {
  border-left-color: #0057ff;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button[disabled]:hover::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button[disabled]:focus::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button[disabled]:active::after {
  border-left-color: #dee0e3;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button[disabled].tools-vmok-plugin-checkbox-button--checked::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button[disabled].tools-vmok-plugin-checkbox-button--checked:hover::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button[disabled].tools-vmok-plugin-checkbox-button--checked:focus::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button[disabled].tools-vmok-plugin-checkbox-button--checked:active::after {
  border-left-color: #badaff;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox:not(:first-child) {
  margin-left: 16px;
}
.tools-vmok-plugin-checkbox-option-group {
  display: inline-flex;
  border-radius: 4px;
  padding: 0 2px;
}
.tools-vmok-plugin-checkbox-option-group.tools-vmok-plugin-checkbox-group--stroke {
  border: 1px solid #dee0e3;
  background-color: #ffffff;
}
.tools-vmok-plugin-checkbox-option-group.tools-vmok-plugin-checkbox-group--fill {
  border: 1px solid #f2f4f7;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-checkbox-option-group .tools-vmok-plugin-checkbox-option--xs {
  margin: 2px 2px;
}
.tools-vmok-plugin-checkbox-option-group .tools-vmok-plugin-checkbox-option--sm {
  margin: 3px 2px;
}
.tools-vmok-plugin-checkbox-option-group .tools-vmok-plugin-checkbox-option--md {
  margin: 3px 2px;
}
.tools-vmok-plugin-checkbox-option-group .tools-vmok-plugin-checkbox-option--lg {
  margin: 3px 2px;
}
.tools-vmok-plugin-checkbox-option-group .tools-vmok-plugin-checkbox-option--xl {
  margin: 3px 2px;
}
.tools-vmok-plugin-checkbox-item-group {
  display: inline-flex;
  border-radius: 4px;
}
.tools-vmok-plugin-checkbox-item-group.tools-vmok-plugin-checkbox-group--stroke::before {
  z-index: 1;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
  border: 1px solid #dee0e3;
}
.tools-vmok-plugin-checkbox-item-group.tools-vmok-plugin-checkbox-group--stroke.tools-vmok-plugin-checkbox-group--disabled::before {
  border: 1px solid #f2f4f7;
}
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item:not(:first-child):not(:last-child),
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item:not(:first-child):not(:last-child)::after {
  border-radius: 0;
}
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item:not(:last-child) {
  margin-right: -1px;
}
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item:first-child:not(:last-child),
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item:first-child:not(:last-child)::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item:last-child:not(:first-child),
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item:last-child:not(:first-child)::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item--initial + .tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item--initial::before {
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #dee0e3;
}
.tools-vmok-plugin-checkbox-group--rtl {
  direction: rtl;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-button {
  margin-right: 0;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-button:not(:first-child) {
  margin-right: -1px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-button:first-child:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-button:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox:first-child {
  margin-left: 0;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox:not(:last-child) {
  margin-left: 16px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item {
  margin-right: 0;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item:not(:first-child) {
  margin-right: -1px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item:first-child:not(:last-child),
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item:first-child:not(:last-child)::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item:last-child:not(:first-child),
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item:last-child:not(:first-child)::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item .tools-vmok-plugin-checkbox-item__checkbox {
  margin-right: 0;
  margin-left: 4px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item .tools-vmok-plugin-checkbox-item--empty .tools-vmok-plugin-checkbox-item__checkbox {
  margin-left: 0;
}
.tools-vmok-plugin-checkbox-item {
  display: inline-flex;
  position: relative;
  cursor: pointer;
  border-radius: 8px;
}
.tools-vmok-plugin-checkbox-item--stroke {
  background-color: #ffffff;
  color: #31343b;
}
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--border-initial::after {
  z-index: inherit;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #dfe0e2;
}
.tools-vmok-plugin-checkbox-item--stroke:hover {
  color: #0057ff;
  background-color: #ffffff;
}
.tools-vmok-plugin-checkbox-item--stroke:hover::after {
  z-index: 1;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #0057ff;
}
.tools-vmok-plugin-checkbox-item--stroke:focus,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--checked {
  color: #0057ff;
  background-color: #ffffff;
}
.tools-vmok-plugin-checkbox-item--stroke:focus::after,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #0057ff;
}
.tools-vmok-plugin-checkbox-item--stroke:active {
  color: #003fd2;
  background-color: #ffffff;
}
.tools-vmok-plugin-checkbox-item--stroke:active::after {
  z-index: 1;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #003fd2;
}
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled:hover,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled:focus,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled:active {
  color: #93969d;
  background-color: #f5f7fa;
  cursor: not-allowed;
}
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled::after,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled:hover::after,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled:focus::after,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled:active::after {
  z-index: inherit;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #dfe0e2;
}
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled.tools-vmok-plugin-checkbox-item--checked {
  color: #badaff;
  background-color: #ffffff;
}
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled.tools-vmok-plugin-checkbox-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #badaff;
}
.tools-vmok-plugin-checkbox-item--fill {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-checkbox-item--fill:hover {
  background-color: #f5f7fa;
  color: #0057ff;
}
.tools-vmok-plugin-checkbox-item--fill:active {
  background-color: #f5f7fa;
  color: #003fd2;
}
.tools-vmok-plugin-checkbox-item--fill:focus,
.tools-vmok-plugin-checkbox-item--fill.tools-vmok-plugin-checkbox-item--checked {
  background-color: #ffffff;
  color: #0057ff;
}
.tools-vmok-plugin-checkbox-item--fill:focus::after,
.tools-vmok-plugin-checkbox-item--fill.tools-vmok-plugin-checkbox-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #0057ff;
}
.tools-vmok-plugin-checkbox-item--fill.tools-vmok-plugin-checkbox-item--disabled {
  background-color: #f5f7fa;
  color: #93969d;
  cursor: not-allowed;
}
.tools-vmok-plugin-checkbox-item--fill.tools-vmok-plugin-checkbox-item--disabled.tools-vmok-plugin-checkbox-item--checked {
  color: #badaff;
  background-color: #ffffff;
}
.tools-vmok-plugin-checkbox-item--fill.tools-vmok-plugin-checkbox-item--disabled.tools-vmok-plugin-checkbox-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #badaff;
}
.tools-vmok-plugin-checkbox-item--divider-initial + .tools-vmok-plugin-checkbox-item--divider-initial::before {
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #dee0e3;
}
.tools-vmok-plugin-checkbox-item--xs {
  font-size: 12px;
  line-height: 18px;
  padding: 3px 16px;
}
.tools-vmok-plugin-checkbox-item--sm {
  font-size: 12px;
  line-height: 18px;
  padding: 5px 16px;
}
.tools-vmok-plugin-checkbox-item--md {
  font-size: 14px;
  line-height: 22px;
  padding: 5px 16px;
}
.tools-vmok-plugin-checkbox-item--lg {
  font-size: 14px;
  line-height: 22px;
  padding: 7px 16px;
}
.tools-vmok-plugin-checkbox-item--xl {
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
}
.tools-vmok-plugin-checkbox-item .tools-vmok-plugin-checkbox-item__checkbox {
  margin-right: 4px;
}
.tools-vmok-plugin-checkbox-item--empty .tools-vmok-plugin-checkbox-item__checkbox {
  margin-right: 0;
}
.tools-vmok-plugin-checkbox {
  display: inline-flex;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
}
.tools-vmok-plugin-checkbox__wrapper {
  position: relative;
  display: inline-block;
}
.tools-vmok-plugin-checkbox__input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__checked-icon {
  display: none;
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__indeterminate-icon {
  display: none;
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__inner {
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #b9bcc3;
  border-radius: 4px;
  transition: all ease-in-out 0.1s;
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #45445b;
  background-color: #ffffff;
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__inner:active {
  background-color: rgba(56, 55, 79, 0.1);
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__label {
  color: #31343b;
  word-break: break-all;
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__label:hover {
  color: #31343b;
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__label:active {
  color: #31343b;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner {
  color: #ffffff;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #38374f;
  background-color: #38374f;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__checked-icon {
  display: block;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner {
  color: #ffffff;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #38374f;
  background-color: #38374f;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__indeterminate-icon {
  display: block;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__label,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__label {
  color: #31343b;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__label:hover,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__label:hover {
  color: #31343b;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__label:active,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__label:active {
  color: #31343b;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled:hover {
  cursor: not-allowed;
  color: #cdd1d8;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled .tools-vmok-plugin-checkbox__inner,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled:hover .tools-vmok-plugin-checkbox__inner {
  border-color: #f3f3f4;
  background-color: #f5f7fa;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled .tools-vmok-plugin-checkbox__label,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled .tools-vmok-plugin-checkbox__label:hover,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled .tools-vmok-plugin-checkbox__label:active {
  color: #b9bcc3;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner {
  border-color: #b3b2bb;
  background-color: #b3b2bb;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__label,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__label,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__label:hover,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__label:hover,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__label:active,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__label:active {
  color: #b9bcc3;
}
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner {
  border-color: #e8f4ff;
  background-color: #e8f4ff;
  color: #0057ff;
}
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover,
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #e8f4ff;
  background-color: #e8f4ff;
  color: #2e7bff;
}
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover,
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #e8f4ff;
  background-color: #e8f4ff;
  color: #badaff;
}
.tools-vmok-plugin-checkbox--xl {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-checkbox--xl .tools-vmok-plugin-checkbox__wrapper {
  margin: 1px 0;
}
.tools-vmok-plugin-checkbox--xl .tools-vmok-plugin-checkbox__inner {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-checkbox--xl .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__checked-icon,
.tools-vmok-plugin-checkbox--xl .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__indeterminate-icon {
  font-size: 18px;
}
.tools-vmok-plugin-checkbox--xl .tools-vmok-plugin-checkbox__label {
  margin: 0 8px;
}
.tools-vmok-plugin-checkbox--lg {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-checkbox--lg .tools-vmok-plugin-checkbox__wrapper {
  margin: 1px 0;
}
.tools-vmok-plugin-checkbox--lg .tools-vmok-plugin-checkbox__inner {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-checkbox--lg .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__checked-icon,
.tools-vmok-plugin-checkbox--lg .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__indeterminate-icon {
  font-size: 18px;
}
.tools-vmok-plugin-checkbox--lg .tools-vmok-plugin-checkbox__label {
  margin: 0 8px;
}
.tools-vmok-plugin-checkbox--md {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-checkbox--md .tools-vmok-plugin-checkbox__wrapper {
  margin: 3px 0;
}
.tools-vmok-plugin-checkbox--md .tools-vmok-plugin-checkbox__inner {
  width: 16px;
  height: 16px;
}
.tools-vmok-plugin-checkbox--md .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__checked-icon,
.tools-vmok-plugin-checkbox--md .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__indeterminate-icon {
  font-size: 14px;
}
.tools-vmok-plugin-checkbox--md .tools-vmok-plugin-checkbox__label {
  margin: 0 8px;
}
.tools-vmok-plugin-checkbox--sm {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-checkbox--sm .tools-vmok-plugin-checkbox__wrapper {
  margin: 2px 0;
}
.tools-vmok-plugin-checkbox--sm .tools-vmok-plugin-checkbox__inner {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-checkbox--sm .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__checked-icon,
.tools-vmok-plugin-checkbox--sm .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__indeterminate-icon {
  font-size: 12px;
}
.tools-vmok-plugin-checkbox--sm .tools-vmok-plugin-checkbox__label {
  margin: 0 8px;
}
.tools-vmok-plugin-checkbox--xs {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-checkbox--xs .tools-vmok-plugin-checkbox__wrapper {
  margin: 3px 0;
}
.tools-vmok-plugin-checkbox--xs .tools-vmok-plugin-checkbox__inner {
  width: 12px;
  height: 12px;
}
.tools-vmok-plugin-checkbox--xs .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__checked-icon,
.tools-vmok-plugin-checkbox--xs .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__indeterminate-icon {
  font-size: 10px;
}
.tools-vmok-plugin-checkbox--xs .tools-vmok-plugin-checkbox__label {
  margin: 0 8px;
}
.tools-vmok-plugin-checkbox--rtl {
  direction: rtl;
}
.tools-vmok-plugin-collapse-item {
  overflow: hidden;
}
.tools-vmok-plugin-collapse-item--border {
  border: 1px solid #dee0e3;
  border-top: none;
}
.tools-vmok-plugin-collapse-item--disabled {
  cursor: not-allowed;
}
.tools-vmok-plugin-collapse-item--disabled .tools-vmok-plugin-collapse-item__header,
.tools-vmok-plugin-collapse-item--disabled .tools-vmok-plugin-collapse-item__icon-wrapper {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-collapse-item__icon-wrapper {
  display: inline-flex;
  align-items: center;
  transition: transform 0.2s;
  color: #93969d;
}
.tools-vmok-plugin-collapse-item__icon-wrapper--start {
  margin-right: 16px;
}
.tools-vmok-plugin-collapse-item__icon-wrapper--end {
  margin-left: 16px;
}
.tools-vmok-plugin-collapse-item__icon {
  transform: rotate(90deg);
}
.tools-vmok-plugin-collapse-item__icon--open {
  transform: rotate(-90deg);
}
.tools-vmok-plugin-collapse-item__body {
  color: #31343b;
  padding: 16px 32px;
  font-size: 14px;
  line-height: 22px;
  word-break: break-all;
}
.tools-vmok-plugin-collapse-item__body--border {
  border-top: 1px solid #dee0e3;
}
.tools-vmok-plugin-collapse-item__header {
  position: relative;
  display: flex;
  align-self: stretch;
  align-items: center;
  cursor: pointer;
  padding: 12px 16px;
  color: #31343b;
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
  background: #ffffff;
}
.tools-vmok-plugin-collapse-item__header .tools-vmok-plugin-collapse-item__title {
  flex: 1;
  overflow: hidden;
}
.tools-vmok-plugin-collapse-item--rtl {
  direction: rtl;
}
.tools-vmok-plugin-collapse-item--rtl .tools-vmok-plugin-collapse-item__icon-wrapper--start {
  margin-right: 0;
  margin-left: 16px;
}
.tools-vmok-plugin-collapse-item--rtl .tools-vmok-plugin-collapse-item__icon-wrapper--end {
  margin-left: 0;
  margin-right: 16px;
}
.tools-vmok-plugin-collapse {
  position: relative;
}
.tools-vmok-plugin-collapse-item:first-of-type {
  border-radius: 4px 4px 0 0;
}
.tools-vmok-plugin-collapse-item:last-of-type {
  border-radius: 0 0 4px 4px;
}
.tools-vmok-plugin-collapse-item--border:first-of-type {
  border-top: 1px solid #dee0e3;
}
.tools-vmok-plugin-collapse-item--border:last-of-type {
  border-bottom: 1px solid #dee0e3;
}
.tools-vmok-plugin-collapse--rtl {
  direction: rtl;
}
.tools-vmok-plugin-count-down {
  display: flex;
  flex-direction: column;
}
.tools-vmok-plugin-count-down__title {
  font-size: 12px;
}
.tools-vmok-plugin-count-down__time {
  font-size: 30px;
  font-weight: 600;
  line-height: 44px;
  margin-top: 3px;
}
.tools-vmok-plugin-date {
  display: inline-flex;
  flex-direction: column;
  min-width: 288px;
}
.tools-vmok-plugin-date--box {
  position: relative;
}
.tools-vmok-plugin-date__mask {
  position: absolute;
  z-index: 100;
  display: none;
  background: rgba(51, 51, 51, 0.05);
  border: 1px solid #c1c1c1;
}
.tools-vmok-plugin-date__header {
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  background-color: #f2f4f7;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #31343b;
  border-bottom: 1px solid #dee0e3;
}
.tools-vmok-plugin-date__header-label {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.tools-vmok-plugin-date__header-btn {
  cursor: pointer;
  margin: 0 2px;
}
.tools-vmok-plugin-date__header-btn:hover {
  color: #0057ff;
}
.tools-vmok-plugin-date__header-btn:active {
  color: #003fd2;
}
.tools-vmok-plugin-date__header-btn-not-click {
  cursor: unset;
}
.tools-vmok-plugin-date__header-btn-not-click:hover {
  color: #31343b;
}
.tools-vmok-plugin-date__header-next-icon,
.tools-vmok-plugin-date__header-prev-icon {
  user-select: none;
  color: #31343b;
  cursor: pointer;
  font-size: 16px;
}
.tools-vmok-plugin-date__header-next-icon:hover,
.tools-vmok-plugin-date__header-prev-icon:hover {
  color: #0057ff;
}
.tools-vmok-plugin-date__header-next-icon:active,
.tools-vmok-plugin-date__header-prev-icon:active {
  color: #003fd2;
}
.tools-vmok-plugin-date__header-next-icon--hidden,
.tools-vmok-plugin-date__header-prev-icon--hidden {
  visibility: hidden;
}
.tools-vmok-plugin-date__header-prev-month {
  margin-left: 8px;
}
.tools-vmok-plugin-date__header-prev-month-disabled {
  color: #e8eaed;
  cursor: not-allowed;
}
.tools-vmok-plugin-date__header-prev-month-disabled:hover {
  color: #e8eaed;
}
.tools-vmok-plugin-date__header-next-month {
  margin-right: 8px;
}
.tools-vmok-plugin-date__body {
  display: flex;
}
.tools-vmok-plugin-date__table {
  border: none;
  border-spacing: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 288px;
  height: 240px;
  padding: 16px 16px;
}
.tools-vmok-plugin-date__day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  flex: 1;
}
.tools-vmok-plugin-date__row {
  flex: 1;
  display: flex;
}
.tools-vmok-plugin-date__cell {
  position: relative;
  display: inline-flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-date__cell-inner {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b9bcc3;
  border-radius: 8px;
  border: 1px solid transparent;
  background: #ffffff;
  cursor: pointer;
  z-index: 1;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__week {
  margin: -8px 0;
  padding-top: 44px;
  border-right: 1px solid #e8eaed;
  width: 49px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__week-cell {
  position: relative;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__week-cell-inner {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #31343b;
  cursor: pointer;
  border: 1px solid transparent;
  background: #ffffff;
  border-radius: 8px 8px;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__week-cell--week-hover .tools-vmok-plugin-date__week-cell-inner {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__week-cell--selected .tools-vmok-plugin-date__week-cell-inner {
  background-color: #0057ff;
  color: #ffffff;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__body {
  padding-left: 0;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__cell--week-hover.tools-vmok-plugin-date__cell--inview::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__cell--week-hover.tools-vmok-plugin-date__cell--inview .tools-vmok-plugin-date__cell-inner,
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__cell--week-hover.tools-vmok-plugin-date__cell--inview .tools-vmok-plugin-date__cell-inner:hover {
  background: #f2f4f7;
  color: #0057ff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__cell--selected::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #0057ff;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell .tools-vmok-plugin-date__cell-inner:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--inview .tools-vmok-plugin-date__cell-inner {
  color: #31343b;
  background: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--inview .tools-vmok-plugin-date__cell-inner:hover {
  background-color: #f2f4f7;
  color: #31343b;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--inview .tools-vmok-plugin-date__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--now .tools-vmok-plugin-date__cell-inner {
  color: #0057ff;
  border: 1px solid #0057ff;
  background: #ffffff;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--now .tools-vmok-plugin-date__cell-inner:hover {
  color: #2e7bff;
  border: 1px solid #2e7bff;
  background: #ffffff;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--now .tools-vmok-plugin-date__cell-inner:active {
  color: #ffffff;
  border: 1px solid transparent;
  background: #0057ff;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--selected .tools-vmok-plugin-date__cell-inner {
  background: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--selected .tools-vmok-plugin-date__cell-inner:hover {
  color: #ffffff;
  background-color: #2e7bff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--selected .tools-vmok-plugin-date__cell-inner:active {
  color: #ffffff;
  background-color: #003fd2;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled .tools-vmok-plugin-date__cell-inner {
  cursor: not-allowed;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled .tools-vmok-plugin-date__cell-inner,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled .tools-vmok-plugin-date__cell-inner:hover,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled .tools-vmok-plugin-date__cell-inner:active {
  background-color: #ffffff;
  border: 1px solid transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--range:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--range:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner:hover,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--range:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner:active {
  background: #f5f7fa;
  border: 1px solid transparent;
  color: #badaff;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--selected .tools-vmok-plugin-date__cell-inner,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--selected .tools-vmok-plugin-date__cell-inner:hover,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--selected .tools-vmok-plugin-date__cell-inner:active {
  background: #badaff;
  border: 1px solid transparent;
  color: #ffffff;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--now .tools-vmok-plugin-date__cell-inner,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--now .tools-vmok-plugin-date__cell-inner:hover,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--now .tools-vmok-plugin-date__cell-inner:active {
  background: #ffffff;
  border: 1px solid #badaff;
  color: #badaff;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner {
  color: #0057ff;
  background: #f2f4f7;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range-hover::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range-hover:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner {
  color: #0057ff;
  background: #f2f4f7;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range-hover:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range-hover:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--hover::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background: #f2f4f7;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--hover:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner:hover {
  background-color: transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--hover:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner {
  background-color: #f2f4f7;
  color: #0057ff;
  border: transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--before-left-after-right::before {
  left: 6px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--before-left-after-right::after {
  left: 0;
  right: 6px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--left .tools-vmok-plugin-date__cell-inner {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--left::before {
  left: 6px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--left::after {
  left: 6px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--before-right-after-left::before {
  right: 6px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--before-right-after-left::after {
  right: 0;
  left: 6px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--right .tools-vmok-plugin-date__cell-inner {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--right::before {
  right: 6px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--right::after {
  right: 6px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-date--rtl {
  direction: rtl;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell::before,
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell::after {
  left: 0;
  right: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--hover::after {
  left: 0;
  right: 2px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--before-left-after-right::before {
  right: 6px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--before-left-after-right::after {
  right: 0;
  left: 6px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--left::before {
  right: 6px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--left::after {
  right: 6px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--before-right-after-left::before {
  left: 6px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--before-right-after-left::after {
  left: 0;
  right: 6px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--right::before {
  left: 6px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--right::after {
  left: 6px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-date--rtl.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__week {
  border-right: 0;
  border-left: 1px solid #e8eaed;
  margin-right: 0;
  margin-left: 6px;
}
.tools-vmok-plugin-date--rtl.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__body {
  padding-right: 0;
}
.tools-vmok-plugin-time {
  display: inline-flex;
  flex: 1;
  flex-direction: column;
}
.tools-vmok-plugin-time:not(:first-child) {
  border-left: 1px solid #e8eaed;
}
.tools-vmok-plugin-time__header {
  background-color: #ffffff;
  color: #31343b;
  padding: 8px 16px;
  border-bottom: 1px solid #f2f4f7;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  height: 39px;
}
.tools-vmok-plugin-time__body {
  display: flex;
  position: relative;
}
.tools-vmok-plugin-time__column {
  flex: 1;
  position: relative;
  display: block;
  width: 67px;
  max-height: 244px;
  overflow-y: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  background: #ffffff;
  cursor: pointer;
}
.tools-vmok-plugin-time__column::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-time__column::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-time__column::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-time__column::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-time__column::after {
  content: "";
  display: block;
  height: calc(100% - 30px);
  width: 100%;
}
.tools-vmok-plugin-time__column:not(:first-child) {
  border-left: 1px solid #e8eaed;
}
.tools-vmok-plugin-time__option {
  position: relative;
  display: block;
  padding: 4px 0;
  margin: 0;
  text-align: center;
}
.tools-vmok-plugin-time__option:hover {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-time__option:active {
  background-color: #e8eaed;
  color: #0057ff;
}
.tools-vmok-plugin-time__option--selected {
  color: #0057ff;
  background: #ffffff;
}
.tools-vmok-plugin-time__option--selected:hover {
  color: #0057ff;
  background: #f2f4f7;
}
.tools-vmok-plugin-time__option--selected:active {
  color: #0057ff;
  background: #e8eaed;
}
.tools-vmok-plugin-time__option--selected::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 32px;
  margin-top: -16px;
}
.tools-vmok-plugin-time__option:first-child.tools-vmok-plugin-time__option--selected::after {
  border-top: none;
}
.tools-vmok-plugin-time__option--disabled {
  cursor: not-allowed;
  color: #b9bcc3;
  background: #ffffff;
}
.tools-vmok-plugin-time__option--disabled,
.tools-vmok-plugin-time__option--disabled:hover,
.tools-vmok-plugin-time__option--disabled:active {
  background: #ffffff;
  color: #b9bcc3;
}
.tools-vmok-plugin-time__option--disabled.tools-vmok-plugin-time__option--selected {
  color: #badaff;
  background: #ffffff;
}
.tools-vmok-plugin-time__option--disabled.tools-vmok-plugin-time__option--selected,
.tools-vmok-plugin-time__option--disabled.tools-vmok-plugin-time__option--selected:hover,
.tools-vmok-plugin-time__option--disabled.tools-vmok-plugin-time__option--selected:active {
  color: #badaff;
  background: #ffffff;
}
.tools-vmok-plugin-time--rtl:not(:first-child) {
  border-left: none;
  border-right: 1px solid #e8eaed;
}
.tools-vmok-plugin-time--rtl .tools-vmok-plugin-time__column:not(:first-child) {
  border-left: none;
  border-right: 1px solid #e8eaed;
}
.tools-vmok-plugin-month {
  display: inline-flex;
  flex-direction: column;
}
.tools-vmok-plugin-month__header {
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  background-color: #f2f4f7;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  border-bottom: 1px solid #e8eaed;
}
.tools-vmok-plugin-month__header-label {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.tools-vmok-plugin-month__header-next-icon,
.tools-vmok-plugin-month__header-prev-icon {
  user-select: none;
  color: #93969d;
  cursor: pointer;
}
.tools-vmok-plugin-month__header-next-icon:hover,
.tools-vmok-plugin-month__header-prev-icon:hover {
  color: #0057ff;
}
.tools-vmok-plugin-month__body {
  padding: 16px 16px;
  display: flex;
  width: 288px;
  height: 240px;
}
.tools-vmok-plugin-month__table {
  border: none;
  border-spacing: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.tools-vmok-plugin-month__row {
  flex: 1;
  display: flex;
}
.tools-vmok-plugin-month__cell {
  position: relative;
  display: inline-flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-month__cell-inner {
  width: 48px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b9bcc3;
  border-radius: 8px;
  cursor: pointer;
  z-index: 1;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell .tools-vmok-plugin-month__cell-inner:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--inview .tools-vmok-plugin-month__cell-inner {
  color: #31343b;
  background: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--inview .tools-vmok-plugin-month__cell-inner:hover {
  background-color: #f2f4f7;
  color: #31343b;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--inview .tools-vmok-plugin-month__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--now .tools-vmok-plugin-month__cell-inner {
  color: #0057ff;
  border: 1px solid #0057ff;
  background: #ffffff;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--now .tools-vmok-plugin-month__cell-inner:hover {
  color: #2e7bff;
  border: 1px solid #2e7bff;
  background: #ffffff;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--now .tools-vmok-plugin-month__cell-inner:active {
  color: #ffffff;
  border: 1px solid transparent;
  background: #0057ff;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--selected .tools-vmok-plugin-month__cell-inner {
  background: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--selected .tools-vmok-plugin-month__cell-inner:hover {
  color: #ffffff;
  background-color: #2e7bff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--selected .tools-vmok-plugin-month__cell-inner:active {
  color: #ffffff;
  background-color: #003fd2;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled .tools-vmok-plugin-month__cell-inner {
  cursor: not-allowed;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled .tools-vmok-plugin-month__cell-inner,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled .tools-vmok-plugin-month__cell-inner:hover,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled .tools-vmok-plugin-month__cell-inner:active {
  background-color: #ffffff;
  border: 1px solid transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--range:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--range:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner:hover,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--range:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner:active {
  background: #f5f7fa;
  border: 1px solid transparent;
  color: #badaff;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--selected .tools-vmok-plugin-month__cell-inner,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--selected .tools-vmok-plugin-month__cell-inner:hover,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--selected .tools-vmok-plugin-month__cell-inner:active {
  background: #badaff;
  border: 1px solid transparent;
  color: #ffffff;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--now .tools-vmok-plugin-month__cell-inner,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--now .tools-vmok-plugin-month__cell-inner:hover,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--now .tools-vmok-plugin-month__cell-inner:active {
  background: #ffffff;
  border: 1px solid #badaff;
  color: #badaff;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner {
  color: #0057ff;
  background: #f2f4f7;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range-hover::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range-hover:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner {
  color: #0057ff;
  background: #f2f4f7;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range-hover:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range-hover:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--hover::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background: #f2f4f7;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--hover:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner:hover {
  background-color: transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--hover:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner {
  background-color: #f2f4f7;
  color: #0057ff;
  border: transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--before-left-after-right::before {
  left: 20px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--before-left-after-right::after {
  left: 0;
  right: 20px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--left .tools-vmok-plugin-month__cell-inner {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--left::before {
  left: 20px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--left::after {
  left: 20px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--before-right-after-left::before {
  right: 20px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--before-right-after-left::after {
  right: 0;
  left: 20px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--right .tools-vmok-plugin-month__cell-inner {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--right::before {
  right: 20px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--right::after {
  right: 20px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell::before,
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell::after {
  left: 0;
  right: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--hover::after {
  left: 0;
  right: 2px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--before-left-after-right::before {
  right: 20px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--before-left-after-right::after {
  right: 0;
  left: 20px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--left::before {
  right: 20px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--left::after {
  right: 20px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--before-right-after-left::before {
  left: 20px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--before-right-after-left::after {
  left: 0;
  right: 20px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--right::before {
  left: 20px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--right::after {
  left: 20px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-year {
  display: inline-flex;
  flex-direction: column;
}
.tools-vmok-plugin-year__header {
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  background-color: #f2f4f7;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 22px;
  color: 14px;
  border-bottom: 1px solid #e8eaed;
}
.tools-vmok-plugin-year__header-label {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.tools-vmok-plugin-year__header-next-icon,
.tools-vmok-plugin-year__header-prev-icon {
  user-select: none;
  color: #93969d;
  cursor: pointer;
}
.tools-vmok-plugin-year__header-next-icon:hover,
.tools-vmok-plugin-year__header-prev-icon:hover {
  color: #0057ff;
}
.tools-vmok-plugin-year__body {
  padding: 16px 16px;
  display: flex;
  width: 288px;
  height: 240px;
}
.tools-vmok-plugin-year__table {
  border: none;
  border-spacing: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.tools-vmok-plugin-year__row {
  flex: 1;
  display: flex;
}
.tools-vmok-plugin-year__cell {
  position: relative;
  display: inline-flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-year__cell-inner {
  width: 48px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b9bcc3;
  border-radius: 8px;
  cursor: pointer;
  z-index: 1;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell .tools-vmok-plugin-year__cell-inner:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--inview .tools-vmok-plugin-year__cell-inner {
  color: #31343b;
  background: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--inview .tools-vmok-plugin-year__cell-inner:hover {
  background-color: #f2f4f7;
  color: #31343b;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--inview .tools-vmok-plugin-year__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--now .tools-vmok-plugin-year__cell-inner {
  color: #0057ff;
  border: 1px solid #0057ff;
  background: #ffffff;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--now .tools-vmok-plugin-year__cell-inner:hover {
  color: #2e7bff;
  border: 1px solid #2e7bff;
  background: #ffffff;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--now .tools-vmok-plugin-year__cell-inner:active {
  color: #ffffff;
  border: 1px solid transparent;
  background: #0057ff;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--selected .tools-vmok-plugin-year__cell-inner {
  background: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--selected .tools-vmok-plugin-year__cell-inner:hover {
  color: #ffffff;
  background-color: #2e7bff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--selected .tools-vmok-plugin-year__cell-inner:active {
  color: #ffffff;
  background-color: #003fd2;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled .tools-vmok-plugin-year__cell-inner {
  cursor: not-allowed;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled .tools-vmok-plugin-year__cell-inner,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled .tools-vmok-plugin-year__cell-inner:hover,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled .tools-vmok-plugin-year__cell-inner:active {
  background-color: #ffffff;
  border: 1px solid transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--range:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--range:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner:hover,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--range:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner:active {
  background: #f5f7fa;
  border: 1px solid transparent;
  color: #badaff;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--selected .tools-vmok-plugin-year__cell-inner,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--selected .tools-vmok-plugin-year__cell-inner:hover,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--selected .tools-vmok-plugin-year__cell-inner:active {
  background: #badaff;
  border: 1px solid transparent;
  color: #ffffff;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--now .tools-vmok-plugin-year__cell-inner,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--now .tools-vmok-plugin-year__cell-inner:hover,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--now .tools-vmok-plugin-year__cell-inner:active {
  background: #ffffff;
  border: 1px solid #badaff;
  color: #badaff;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner {
  color: #0057ff;
  background: #f2f4f7;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range-hover::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range-hover:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner {
  color: #0057ff;
  background: #f2f4f7;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range-hover:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range-hover:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--hover::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background: #f2f4f7;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--hover:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner:hover {
  background-color: transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--hover:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner {
  background-color: #f2f4f7;
  color: #0057ff;
  border: transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--before-left-after-right::before {
  left: 22px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--before-left-after-right::after {
  left: 0;
  right: 22px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--left .tools-vmok-plugin-year__cell-inner {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--left::before {
  left: 22px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--left::after {
  left: 22px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--before-right-after-left::before {
  right: 22px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--before-right-after-left::after {
  right: 0;
  left: 22px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--right .tools-vmok-plugin-year__cell-inner {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--right::before {
  right: 22px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--right::after {
  right: 22px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell::before,
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell::after {
  left: 0;
  right: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--hover::after {
  left: 0;
  right: 2px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--before-left-after-right::before {
  right: 22px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--before-left-after-right::after {
  right: 0;
  left: 22px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--left::before {
  right: 22px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--left::after {
  right: 22px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--before-right-after-left::before {
  left: 22px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--before-right-after-left::after {
  left: 0;
  right: 22px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--right::before {
  left: 22px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--right::after {
  left: 22px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-shortcut {
  padding: 8px 12px;
  font-size: 14px;
  line-height: 18px;
  color: #31343b;
  cursor: pointer;
}
.tools-vmok-plugin-shortcut:hover:not(.tools-vmok-plugin-shortcut--disabled) {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-shortcut:active:not(.tools-vmok-plugin-shortcut--disabled) {
  color: #003fd2;
}
.tools-vmok-plugin-shortcut--disabled {
  color: #cdd1d8;
  cursor: not-allowed;
}
/* new time panel token */
/* ocean design 2.0 desgin tokens */
.tools-vmok-plugin-panel-date,
.tools-vmok-plugin-panel-time,
.tools-vmok-plugin-panel-datetime,
.tools-vmok-plugin-panel-month,
.tools-vmok-plugin-panel-year {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
}
.tools-vmok-plugin-panel-datetime-range {
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.tools-vmok-plugin-panel-datetime-range .tools-vmok-plugin-time {
  min-width: 288px;
}
.tools-vmok-plugin-panel-datetime-range__content {
  display: flex;
}
.tools-vmok-plugin-panel-datetime-range__buttons {
  display: flex;
}
.tools-vmok-plugin-panel-datetime-range__button {
  flex: 1;
  border-top: 1px solid #e8eaed;
  display: flex;
  width: 288px;
}
.tools-vmok-plugin-panel-datetime-range__start-date,
.tools-vmok-plugin-panel-datetime-range__start-time,
.tools-vmok-plugin-panel-datetime-range__end-date,
.tools-vmok-plugin-panel-datetime-range__end-time {
  display: flex;
  flex: 1;
  width: 50%;
  cursor: pointer;
  padding: 12px 16px;
  color: #62656c;
  font-size: 14px;
  line-height: 22px;
  align-items: center;
}
.tools-vmok-plugin-panel-datetime-range__start-date-format,
.tools-vmok-plugin-panel-datetime-range__start-time-format,
.tools-vmok-plugin-panel-datetime-range__end-date-format,
.tools-vmok-plugin-panel-datetime-range__end-time-format {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tools-vmok-plugin-panel-datetime-range__start-date:hover,
.tools-vmok-plugin-panel-datetime-range__start-time:hover,
.tools-vmok-plugin-panel-datetime-range__end-date:hover,
.tools-vmok-plugin-panel-datetime-range__end-time:hover {
  color: #0057ff;
}
.tools-vmok-plugin-panel-datetime-range__start-date--selected,
.tools-vmok-plugin-panel-datetime-range__start-time--selected,
.tools-vmok-plugin-panel-datetime-range__end-date--selected,
.tools-vmok-plugin-panel-datetime-range__end-time--selected {
  color: #31343b;
  font-weight: 600;
}
.tools-vmok-plugin-panel-datetime-range__start-date--disabled,
.tools-vmok-plugin-panel-datetime-range__start-time--disabled,
.tools-vmok-plugin-panel-datetime-range__end-date--disabled,
.tools-vmok-plugin-panel-datetime-range__end-time--disabled,
.tools-vmok-plugin-panel-datetime-range__start-date--disabled:hover,
.tools-vmok-plugin-panel-datetime-range__start-time--disabled:hover,
.tools-vmok-plugin-panel-datetime-range__end-date--disabled:hover,
.tools-vmok-plugin-panel-datetime-range__end-time--disabled:hover {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-panel-datetime-range__calendar-icon,
.tools-vmok-plugin-panel-datetime-range__time-icon {
  margin-right: 8px;
}
.tools-vmok-plugin-panel-datetime-range--rtl .tools-vmok-plugin-panel-datetime-range__calendar-icon,
.tools-vmok-plugin-panel-datetime-range--rtl .tools-vmok-plugin-panel-datetime-range__time-icon {
  margin-right: 0;
  margin-left: 8px;
}
.tools-vmok-plugin-date-picker {
  display: inline-flex;
  width: 100%;
}
.tools-vmok-plugin-date-picker--multiple {
  height: 32px;
}
.tools-vmok-plugin-date-picker--multiple .tools-vmok-plugin-custom-input__clear {
  position: absolute;
  right: 0;
  margin-right: 0;
}
.tools-vmok-plugin-date-picker .tools-vmok-plugin-date-picker__calendar-icon {
  color: #93969d;
}
.tools-vmok-plugin-date-picker .tools-vmok-plugin-date-picker__calendar-icon--clear {
  opacity: 0;
}
.tools-vmok-plugin-date-picker .tools-vmok-plugin-date-picker__multiple-input-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tools-vmok-plugin-date-picker .tools-vmok-plugin-date-picker__multiple-input-total .tools-vmok-plugin-date-picker__multiple-input-total-num {
  margin-right: 8px;
  padding: 0 8px;
  border-radius: 50%;
  font-size: 12px;
  border: 1px solid transparent;
  background-color: #ffffff;
  color: #31343b;
}
.tools-vmok-plugin-date-picker__popper {
  display: none;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background-color: #ffffff;
}
.tools-vmok-plugin-date-picker__popper--show {
  display: block;
}
.tools-vmok-plugin-date-picker__content {
  display: flex;
  align-self: stretch;
}
.tools-vmok-plugin-date-picker__shortcuts {
  padding: 4px 0 4px 0;
  max-width: 120px;
  overflow-y: auto;
  border-right: 1px solid #e8eaed;
}
.tools-vmok-plugin-date-picker__shortcuts::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-date-picker__shortcuts::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-date-picker__shortcuts::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-date-picker__shortcuts::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-date-picker__shortcuts + div {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-date-picker__footer-btn {
  padding: 8px 12px;
  border-top: 1px solid #e8eaed;
  text-align: right;
}
.tools-vmok-plugin-date-picker-fade-enter-active,
.tools-vmok-plugin-date-picker-fade-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.tools-vmok-plugin-date-picker-fade-enter-from,
.tools-vmok-plugin-date-picker-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-date-picker-fade-enter-to,
.tools-vmok-plugin-date-picker-fade-leave-from {
  opacity: 1;
}
.tools-vmok-plugin-date-picker__popper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-date-picker__popper--rtl .tools-vmok-plugin-date-picker__footer-btn {
  text-align: left;
}
.tools-vmok-plugin-date-picker__popper--rtl .tools-vmok-plugin-date-picker__shortcuts {
  border-left: 1px solid #e8eaed;
  border-right: none;
}
.tools-vmok-plugin-panel-datetime__divider {
  width: 0;
  border-left: 1px solid #e8eaed;
}
.tools-vmok-plugin-date-picker-panel {
  display: inline-flex;
  flex-direction: column;
  border: 1px solid #e8eaed;
  border-radius: 8px;
}
.tools-vmok-plugin-date-picker-panel__footer-btn {
  padding: 8px 12px;
  border-top: 1px solid #e8eaed;
  text-align: right;
}
.tools-vmok-plugin-date-picker-panel--rtl {
  direction: rtl;
}
.tools-vmok-plugin-date-picker-panel--rtl .tools-vmok-plugin-date-picker-panel__footer-btn {
  text-align: left;
}
.tools-vmok-plugin-date-range-picker {
  display: inline-flex;
  width: 100%;
}
.tools-vmok-plugin-date-range-picker__input {
  flex: 1;
}
.tools-vmok-plugin-date-range-picker__seperator {
  display: flex;
  align-items: center;
  margin-left: 4px;
  margin-right: 4px;
}
.tools-vmok-plugin-date-range-picker__bar {
  position: absolute;
  bottom: 0;
  height: 0;
  left: 0;
  border-bottom: 2px solid #0057ff;
  transition: all ease-in-out 0.1s;
}
.tools-vmok-plugin-date-range-picker--multiple {
  height: 32px;
}
.tools-vmok-plugin-date-range-picker--multiple .tools-vmok-plugin-custom-input__clear {
  position: absolute;
  right: 0;
  margin-right: 0;
}
.tools-vmok-plugin-date-range-picker .tools-vmok-plugin-date-range-picker__calendar-icon {
  color: #93969d;
}
.tools-vmok-plugin-date-range-picker .tools-vmok-plugin-date-range-picker__calendar-icon--clear {
  opacity: 0;
}
.tools-vmok-plugin-date-range-picker .tools-vmok-plugin-date-range-picker__multiple-input-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tools-vmok-plugin-date-range-picker .tools-vmok-plugin-date-range-picker__multiple-input-total .tools-vmok-plugin-date-range-picker__multiple-input-total-num {
  margin-right: 8px;
  padding: 0 8px;
  border-radius: 50%;
  font-size: 12px;
  border: 1px solid transparent;
  background-color: #ffffff;
  color: #31343b;
}
.tools-vmok-plugin-date-range-picker__popper {
  display: none;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background-color: #ffffff;
}
.tools-vmok-plugin-date-range-picker__popper--show {
  display: block;
}
.tools-vmok-plugin-date-range-picker__content {
  display: flex;
  align-self: stretch;
}
.tools-vmok-plugin-date-range-picker__shortcuts {
  padding: 4px 0 4px 0;
  max-width: 120px;
  overflow-y: auto;
  border-right: 1px solid #e8eaed;
}
.tools-vmok-plugin-date-range-picker__shortcuts::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-date-range-picker__shortcuts::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-date-range-picker__shortcuts::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-date-range-picker__shortcuts::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-date-range-picker__shortcuts + div {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-date-range-picker__footer-btn {
  padding: 8px 12px;
  border-top: 1px solid #e8eaed;
  text-align: right;
}
.tools-vmok-plugin-date-range-picker-fade-enter-active,
.tools-vmok-plugin-date-range-picker-fade-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.tools-vmok-plugin-date-range-picker-fade-enter-from,
.tools-vmok-plugin-date-range-picker-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-date-range-picker-fade-enter-to,
.tools-vmok-plugin-date-range-picker-fade-leave-from {
  opacity: 1;
}
.tools-vmok-plugin-date-range-picker__popper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-date-range-picker__popper--rtl .tools-vmok-plugin-date-range-picker__footer-btn {
  text-align: left;
}
.tools-vmok-plugin-date-range-picker__popper--rtl .tools-vmok-plugin-date-range-picker__shortcuts {
  border-left: 1px solid #e8eaed;
  border-right: none;
}
.tools-vmok-plugin-date-range-picker-panel {
  display: inline-flex;
  flex-direction: column;
  border: 1px solid #e8eaed;
  border-radius: 8px;
}
.tools-vmok-plugin-date-range-picker-panel__footer-btn {
  padding: 8px 12px;
  border-top: 1px solid #e8eaed;
  text-align: right;
}
.tools-vmok-plugin-date-range-picker-panel--rtl {
  direction: rtl;
}
.tools-vmok-plugin-date-range-picker-panel--rtl .tools-vmok-plugin-date-range-picker-panel__footer-btn {
  text-align: left;
}
.tools-vmok-plugin-description__title {
  color: #31343b;
  font-size: 16px;
  margin-bottom: 24px;
}
.tools-vmok-plugin-description__table {
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
}
.tools-vmok-plugin-description__row {
  text-align: start;
}
.tools-vmok-plugin-description__row:last-child .tools-vmok-plugin-description-item {
  padding-bottom: 0;
}
.tools-vmok-plugin-description .tools-vmok-plugin-description-item {
  padding-bottom: 16px;
  padding-right: 16px;
  vertical-align: top;
}
.tools-vmok-plugin-description .tools-vmok-plugin-description-item:last-child {
  padding-right: 0;
}
.tools-vmok-plugin-description .tools-vmok-plugin-description-item__container {
  display: flex;
  align-items: flex-start;
}
.tools-vmok-plugin-description .tools-vmok-plugin-description-item div.tools-vmok-plugin-description-item__label {
  display: inline-flex;
  font-size: 14px;
  color: #62656c;
  margin-right: 6px;
}
.tools-vmok-plugin-description .tools-vmok-plugin-description-item div.tools-vmok-plugin-description-item__content {
  display: inline-flex;
  font-size: 14px;
  color: #31343b;
  word-break: break-word;
  overflow-wrap: break-word;
}
.tools-vmok-plugin-description--border .tools-vmok-plugin-description-item__label,
.tools-vmok-plugin-description--border .tools-vmok-plugin-description-item__content {
  padding: 13px 16px;
  border: 1px solid #e8eaed;
  margin-right: 0;
  text-align: start;
}
.tools-vmok-plugin-description--border .tools-vmok-plugin-description-item__label {
  background: #f7f9fc;
}
.tools-vmok-plugin-description--border .tools-vmok-plugin-description-item__content {
  word-break: break-word;
  overflow-wrap: break-word;
}
.tools-vmok-plugin-divider {
  position: relative;
  border-style: solid;
  border-color: #e8eaed;
  border-width: 0;
}
.tools-vmok-plugin-divider--horizontal {
  border-top-width: 1px;
  display: flex;
  width: 100%;
  margin: 16px 0;
}
.tools-vmok-plugin-divider--vertical {
  border-left-width: 1px;
  display: inline-flex;
  height: 1em;
  vertical-align: middle;
  margin: 0 16px;
}
.tools-vmok-plugin-divider--dashed {
  border-style: dashed;
}
.tools-vmok-plugin-divider__context {
  position: absolute;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
  padding: 0px 24px;
  color: #31343b;
  background-color: #ffffff;
}
.tools-vmok-plugin-divider--center .tools-vmok-plugin-divider__context {
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.tools-vmok-plugin-divider--start .tools-vmok-plugin-divider__context {
  left: 32px;
  transform: translateY(-50%);
}
.tools-vmok-plugin-divider--end .tools-vmok-plugin-divider__context {
  right: 32px;
  transform: translateY(-50%);
}
.tools-vmok-plugin-divider--rtl {
  direction: rtl;
}
.tools-vmok-plugin-divider--rtl.tools-vmok-plugin-divider--end .tools-vmok-plugin-divider__context {
  left: 32px;
  right: unset;
  transform: translateY(-50%);
}
.tools-vmok-plugin-divider--rtl.tools-vmok-plugin-divider--start .tools-vmok-plugin-divider__context {
  right: 32px;
  left: unset;
  transform: translateY(-50%);
}
/* modal */
/**
 * Ocean Design Tokens 2.0
 */
/* drawer */
.tools-vmok-plugin-drawer-left-enter-active,
.tools-vmok-plugin-drawer-left-leave-active {
  transition: transform 0.3s ease-in-out;
}
.tools-vmok-plugin-drawer-left-enter-from,
.tools-vmok-plugin-drawer-left-leave-to {
  transform: translateX(-100%);
}
.tools-vmok-plugin-drawer-left-enter-to,
.tools-vmok-plugin-drawer-left-leave-from {
  transform: translateX(0);
}
.tools-vmok-plugin-drawer-right-enter-active,
.tools-vmok-plugin-drawer-right-leave-active {
  transition: transform 0.3s ease-in-out;
}
.tools-vmok-plugin-drawer-right-enter-from,
.tools-vmok-plugin-drawer-right-leave-to {
  transform: translateX(100%);
}
.tools-vmok-plugin-drawer-right-enter-to,
.tools-vmok-plugin-drawer-right-leave-from {
  transform: translateX(0);
}
.tools-vmok-plugin-drawer__wrap {
  position: fixed;
  display: flex;
  top: 0;
  bottom: 0;
  width: 100%;
  align-items: center;
  box-shadow: none;
}
.tools-vmok-plugin-drawer__wrap--hide {
  display: none;
}
.tools-vmok-plugin-drawer__wrap--no-maskable {
  width: 0;
}
.tools-vmok-plugin-drawer__wrap--no-maskable.tools-vmok-plugin-drawer__wrap--right {
  right: 0;
}
.tools-vmok-plugin-drawer__wrap--no-maskable.tools-vmok-plugin-drawer__wrap--left {
  left: 0;
}
.tools-vmok-plugin-drawer {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 0;
  bottom: 0;
  background: #ffffff;
  font-size: 14px;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
}
.tools-vmok-plugin-drawer--right {
  right: 0;
}
.tools-vmok-plugin-drawer--left {
  left: 0;
}
.tools-vmok-plugin-drawer--no-maskable {
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
}
.tools-vmok-plugin-drawer__header {
  padding: 24px 24px 20px 24px;
  color: #31343b;
  background: #ffffff;
}
.tools-vmok-plugin-drawer__header--no-border {
  border-bottom: none;
}
.tools-vmok-plugin-drawer__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #31343b;
}
.tools-vmok-plugin-drawer__body {
  padding: 0 24px 0 24px;
  flex-grow: 1;
  overflow: auto;
}
.tools-vmok-plugin-drawer__outer-close-btn {
  position: absolute;
  background: #338aff;
  border-radius: 4px 0 0 4px;
  justify-content: center;
  align-items: center;
  top: 19px;
  left: -32px;
  display: flex;
  color: #fff;
  font-size: 15px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.tools-vmok-plugin-drawer__close-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  color: #31343b;
  font-size: 20px;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.tools-vmok-plugin-drawer__close-icon:hover {
  color: #0057ff;
}
.tools-vmok-plugin-drawer__close-icon:active {
  color: #003fd2;
}
.tools-vmok-plugin-drawer__close-icon--hide {
  display: none;
}
.tools-vmok-plugin-drawer--rtl {
  direction: rtl;
}
.tools-vmok-plugin-dropdown-item {
  display: flex;
  align-self: stretch;
  color: #31343b;
  cursor: pointer;
}
.tools-vmok-plugin-dropdown-item__action {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-dropdown-item__content {
  flex: 1;
  align-items: center;
}
.tools-vmok-plugin-dropdown-item__content--ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tools-vmok-plugin-dropdown-item__expand {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-dropdown-item__expand--icon {
  color: #31343b;
}
.tools-vmok-plugin-dropdown-item.tools-vmok-plugin-dropdown-item--grouped {
  padding-left: 24px;
  padding-right: 24px;
}
.tools-vmok-plugin-dropdown-item--single.tools-vmok-plugin-dropdown-item--selected {
  color: #0057ff;
}
.tools-vmok-plugin-dropdown-item.tools-vmok-plugin-dropdown-item--disabled {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-dropdown-item.tools-vmok-plugin-dropdown-item--disabled .tools-vmok-plugin-dropdown-item__expand--icon {
  color: #b9bcc3;
}
.tools-vmok-plugin-dropdown-item.tools-vmok-plugin-dropdown-item--disabled.tools-vmok-plugin-dropdown-item--single.tools-vmok-plugin-dropdown-item--selected {
  color: #badaff;
}
.tools-vmok-plugin-dropdown-item:hover:not(.tools-vmok-plugin-dropdown-item--disabled) {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-dropdown-item--xs {
  line-height: 18px;
  font-size: 12px;
  padding: 3px 12px;
}
.tools-vmok-plugin-dropdown-item--sm {
  line-height: 18px;
  font-size: 12px;
  padding: 5px 12px;
}
.tools-vmok-plugin-dropdown-item--md {
  line-height: 22px;
  font-size: 14px;
  padding: 6px 12px;
}
.tools-vmok-plugin-dropdown-item--lg {
  line-height: 24px;
  font-size: 16px;
  padding: 7px 12px;
}
.tools-vmok-plugin-dropdown-item--xl {
  line-height: 26px;
  font-size: 18px;
  padding: 8px 12px;
}
.tools-vmok-plugin-dropdown-item--rtl {
  direction: rtl;
}
.tools-vmok-plugin-dropdown-item--rtl .tools-vmok-plugin-dropdown-item__action {
  margin-right: 0;
  margin-left: 8px;
}
.tools-vmok-plugin-dropdown-item--rtl .tools-vmok-plugin-dropdown-item__expand {
  margin-left: 0;
  margin-right: 8px;
}
.tools-vmok-plugin-dropdown__popper {
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background-color: #ffffff;
  max-height: 192px;
  overflow-y: auto;
  padding: 6px 0;
}
.tools-vmok-plugin-dropdown__popper--hide {
  display: none;
}
.tools-vmok-plugin-dropdown__popper--show {
  display: block;
}
.tools-vmok-plugin-dropdown__popper::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-dropdown__popper::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-dropdown__popper::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-dropdown__popper::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.dropdown-transition-enter-active,
.dropdown-transition-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.dropdown-transition-enter-from,
.dropdown-transition-leave-to {
  opacity: 0;
}
.dropdown-transition-enter-to,
.dropdown-transition-leave-from {
  opacity: 1;
}
/* Empty */
.tools-vmok-plugin-empty {
  color: #b9bcc3;
  line-height: 22px;
  font-size: 14px;
}
.tools-vmok-plugin-empty__image {
  text-align: center;
  margin: auto;
  width: 38px;
  height: 38px;
}
.tools-vmok-plugin-empty__image .tools-vmok-plugin-empty__image-icon {
  width: 100%;
  height: 100%;
}
.tools-vmok-plugin-empty__description {
  margin-top: 8px;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
}
.tools-vmok-plugin-empty__content {
  margin-top: 8px;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
  padding: 0 12px 12px;
}
/* flex-box */
.tools-vmok-plugin-box {
  display: flex;
}
.tools-vmok-plugin-box--align-top {
  align-items: flex-start;
}
.tools-vmok-plugin-box--align-bottom {
  align-items: flex-end;
}
.tools-vmok-plugin-box--align-center {
  align-items: center;
}
.tools-vmok-plugin-box--justify-start {
  justify-content: flex-start;
}
.tools-vmok-plugin-box--justify-center {
  justify-content: center;
}
.tools-vmok-plugin-box--justify-end {
  justify-content: flex-end;
}
.tools-vmok-plugin-box--justify-space-around {
  justify-content: space-around;
}
.tools-vmok-plugin-box--justify-space-between {
  justify-content: space-between;
}
.tools-vmok-plugin-box--wrap {
  flex-wrap: wrap;
}
.tools-vmok-plugin-box--direction-row {
  flex-direction: row;
}
.tools-vmok-plugin-box--direction-column {
  flex-direction: column;
}
.tools-vmok-plugin-box--direction-row-reverse {
  flex-direction: row-reverse;
}
.tools-vmok-plugin-box--direction-column-reverse {
  flex-direction: column-reverse;
}
.tools-vmok-plugin-box--rtl {
  direction: rtl;
}
.tools-vmok-plugin-col {
  display: block;
  box-sizing: border-box;
  flex: 1 0 auto;
  max-width: 100%;
  position: relative;
}
.tools-vmok-plugin-col--span-0 {
  display: none;
}
@media screen and (min-width: 0) {
  .tools-vmok-plugin-col--span-24 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .tools-vmok-plugin-col--span-23 {
    flex-basis: 95.83333333%;
    max-width: 95.83333333%;
  }
  .tools-vmok-plugin-col--span-22 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .tools-vmok-plugin-col--span-21 {
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .tools-vmok-plugin-col--span-20 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .tools-vmok-plugin-col--span-19 {
    flex-basis: 79.16666667%;
    max-width: 79.16666667%;
  }
  .tools-vmok-plugin-col--span-18 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .tools-vmok-plugin-col--span-17 {
    flex-basis: 70.83333333%;
    max-width: 70.83333333%;
  }
  .tools-vmok-plugin-col--span-16 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .tools-vmok-plugin-col--span-15 {
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .tools-vmok-plugin-col--span-14 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .tools-vmok-plugin-col--span-13 {
    flex-basis: 54.16666667%;
    max-width: 54.16666667%;
  }
  .tools-vmok-plugin-col--span-12 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .tools-vmok-plugin-col--span-11 {
    flex-basis: 45.83333333%;
    max-width: 45.83333333%;
  }
  .tools-vmok-plugin-col--span-10 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .tools-vmok-plugin-col--span-9 {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .tools-vmok-plugin-col--span-8 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .tools-vmok-plugin-col--span-7 {
    flex-basis: 29.16666667%;
    max-width: 29.16666667%;
  }
  .tools-vmok-plugin-col--span-6 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .tools-vmok-plugin-col--span-5 {
    flex-basis: 20.83333333%;
    max-width: 20.83333333%;
  }
  .tools-vmok-plugin-col--span-4 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .tools-vmok-plugin-col--span-3 {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .tools-vmok-plugin-col--span-2 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .tools-vmok-plugin-col--span-1 {
    flex-basis: 4.16666667%;
    max-width: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-23 {
    margin-left: 95.83333333%;
  }
  .tools-vmok-plugin-col--offset-23.tools-vmok-plugin-col--rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-22 {
    margin-left: 91.66666667%;
  }
  .tools-vmok-plugin-col--offset-22.tools-vmok-plugin-col--rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-21 {
    margin-left: 87.5%;
  }
  .tools-vmok-plugin-col--offset-21.tools-vmok-plugin-col--rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-20 {
    margin-left: 83.33333333%;
  }
  .tools-vmok-plugin-col--offset-20.tools-vmok-plugin-col--rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-19 {
    margin-left: 79.16666667%;
  }
  .tools-vmok-plugin-col--offset-19.tools-vmok-plugin-col--rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-18 {
    margin-left: 75%;
  }
  .tools-vmok-plugin-col--offset-18.tools-vmok-plugin-col--rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-17 {
    margin-left: 70.83333333%;
  }
  .tools-vmok-plugin-col--offset-17.tools-vmok-plugin-col--rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-16 {
    margin-left: 66.66666667%;
  }
  .tools-vmok-plugin-col--offset-16.tools-vmok-plugin-col--rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-15 {
    margin-left: 62.5%;
  }
  .tools-vmok-plugin-col--offset-15.tools-vmok-plugin-col--rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-14 {
    margin-left: 58.33333333%;
  }
  .tools-vmok-plugin-col--offset-14.tools-vmok-plugin-col--rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-13 {
    margin-left: 54.16666667%;
  }
  .tools-vmok-plugin-col--offset-13.tools-vmok-plugin-col--rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-12 {
    margin-left: 50%;
  }
  .tools-vmok-plugin-col--offset-12.tools-vmok-plugin-col--rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-11 {
    margin-left: 45.83333333%;
  }
  .tools-vmok-plugin-col--offset-11.tools-vmok-plugin-col--rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-10 {
    margin-left: 41.66666667%;
  }
  .tools-vmok-plugin-col--offset-10.tools-vmok-plugin-col--rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-9 {
    margin-left: 37.5%;
  }
  .tools-vmok-plugin-col--offset-9.tools-vmok-plugin-col--rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-8 {
    margin-left: 33.33333333%;
  }
  .tools-vmok-plugin-col--offset-8.tools-vmok-plugin-col--rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-7 {
    margin-left: 29.16666667%;
  }
  .tools-vmok-plugin-col--offset-7.tools-vmok-plugin-col--rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-6 {
    margin-left: 25%;
  }
  .tools-vmok-plugin-col--offset-6.tools-vmok-plugin-col--rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-5 {
    margin-left: 20.83333333%;
  }
  .tools-vmok-plugin-col--offset-5.tools-vmok-plugin-col--rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-4 {
    margin-left: 16.66666667%;
  }
  .tools-vmok-plugin-col--offset-4.tools-vmok-plugin-col--rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-3 {
    margin-left: 12.5%;
  }
  .tools-vmok-plugin-col--offset-3.tools-vmok-plugin-col--rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-2 {
    margin-left: 8.33333333%;
  }
  .tools-vmok-plugin-col--offset-2.tools-vmok-plugin-col--rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-1 {
    margin-left: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-1.tools-vmok-plugin-col--rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-0 {
    margin-left: 0%;
  }
  .tools-vmok-plugin-col--offset-0.tools-vmok-plugin-col--rtl {
    margin-right: 0%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--order-1 {
    order: 1;
  }
  .tools-vmok-plugin-col--order-2 {
    order: 2;
  }
  .tools-vmok-plugin-col--order-3 {
    order: 3;
  }
  .tools-vmok-plugin-col--order-4 {
    order: 4;
  }
  .tools-vmok-plugin-col--order-5 {
    order: 5;
  }
  .tools-vmok-plugin-col--order-6 {
    order: 6;
  }
  .tools-vmok-plugin-col--order-7 {
    order: 7;
  }
  .tools-vmok-plugin-col--order-8 {
    order: 8;
  }
  .tools-vmok-plugin-col--order-9 {
    order: 9;
  }
  .tools-vmok-plugin-col--order-10 {
    order: 10;
  }
  .tools-vmok-plugin-col--order-11 {
    order: 11;
  }
  .tools-vmok-plugin-col--order-12 {
    order: 12;
  }
  .tools-vmok-plugin-col--order-13 {
    order: 13;
  }
  .tools-vmok-plugin-col--order-14 {
    order: 14;
  }
  .tools-vmok-plugin-col--order-15 {
    order: 15;
  }
  .tools-vmok-plugin-col--order-16 {
    order: 16;
  }
  .tools-vmok-plugin-col--order-17 {
    order: 17;
  }
  .tools-vmok-plugin-col--order-18 {
    order: 18;
  }
  .tools-vmok-plugin-col--order-19 {
    order: 19;
  }
  .tools-vmok-plugin-col--order-20 {
    order: 20;
  }
  .tools-vmok-plugin-col--order-21 {
    order: 21;
  }
  .tools-vmok-plugin-col--order-22 {
    order: 22;
  }
  .tools-vmok-plugin-col--order-23 {
    order: 23;
  }
  .tools-vmok-plugin-col--order-24 {
    order: 24;
  }
  .tools-vmok-plugin-col--pull-23 {
    right: 95.83333333%;
  }
  .tools-vmok-plugin-col--pull-23.tools-vmok-plugin-col--rtl {
    left: 95.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-22 {
    right: 91.66666667%;
  }
  .tools-vmok-plugin-col--pull-22.tools-vmok-plugin-col--rtl {
    left: 91.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-21 {
    right: 87.5%;
  }
  .tools-vmok-plugin-col--pull-21.tools-vmok-plugin-col--rtl {
    left: 87.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-20 {
    right: 83.33333333%;
  }
  .tools-vmok-plugin-col--pull-20.tools-vmok-plugin-col--rtl {
    left: 83.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-19 {
    right: 79.16666667%;
  }
  .tools-vmok-plugin-col--pull-19.tools-vmok-plugin-col--rtl {
    left: 79.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-18 {
    right: 75%;
  }
  .tools-vmok-plugin-col--pull-18.tools-vmok-plugin-col--rtl {
    left: 75%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-17 {
    right: 70.83333333%;
  }
  .tools-vmok-plugin-col--pull-17.tools-vmok-plugin-col--rtl {
    left: 70.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-16 {
    right: 66.66666667%;
  }
  .tools-vmok-plugin-col--pull-16.tools-vmok-plugin-col--rtl {
    left: 66.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-15 {
    right: 62.5%;
  }
  .tools-vmok-plugin-col--pull-15.tools-vmok-plugin-col--rtl {
    left: 62.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-14 {
    right: 58.33333333%;
  }
  .tools-vmok-plugin-col--pull-14.tools-vmok-plugin-col--rtl {
    left: 58.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-13 {
    right: 54.16666667%;
  }
  .tools-vmok-plugin-col--pull-13.tools-vmok-plugin-col--rtl {
    left: 54.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-12 {
    right: 50%;
  }
  .tools-vmok-plugin-col--pull-12.tools-vmok-plugin-col--rtl {
    left: 50%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-11 {
    right: 45.83333333%;
  }
  .tools-vmok-plugin-col--pull-11.tools-vmok-plugin-col--rtl {
    left: 45.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-10 {
    right: 41.66666667%;
  }
  .tools-vmok-plugin-col--pull-10.tools-vmok-plugin-col--rtl {
    left: 41.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-9 {
    right: 37.5%;
  }
  .tools-vmok-plugin-col--pull-9.tools-vmok-plugin-col--rtl {
    left: 37.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-8 {
    right: 33.33333333%;
  }
  .tools-vmok-plugin-col--pull-8.tools-vmok-plugin-col--rtl {
    left: 33.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-7 {
    right: 29.16666667%;
  }
  .tools-vmok-plugin-col--pull-7.tools-vmok-plugin-col--rtl {
    left: 29.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-6 {
    right: 25%;
  }
  .tools-vmok-plugin-col--pull-6.tools-vmok-plugin-col--rtl {
    left: 25%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-5 {
    right: 20.83333333%;
  }
  .tools-vmok-plugin-col--pull-5.tools-vmok-plugin-col--rtl {
    left: 20.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-4 {
    right: 16.66666667%;
  }
  .tools-vmok-plugin-col--pull-4.tools-vmok-plugin-col--rtl {
    left: 16.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-3 {
    right: 12.5%;
  }
  .tools-vmok-plugin-col--pull-3.tools-vmok-plugin-col--rtl {
    left: 12.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-2 {
    right: 8.33333333%;
  }
  .tools-vmok-plugin-col--pull-2.tools-vmok-plugin-col--rtl {
    left: 8.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-1 {
    right: 4.16666667%;
  }
  .tools-vmok-plugin-col--pull-1.tools-vmok-plugin-col--rtl {
    left: 4.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-0 {
    right: 0%;
  }
  .tools-vmok-plugin-col--pull-0.tools-vmok-plugin-col--rtl {
    left: 0%;
    right: 0;
  }
  .tools-vmok-plugin-col--push-23 {
    left: 95.83333333%;
  }
  .tools-vmok-plugin-col--push-23.tools-vmok-plugin-col--rtl {
    right: 95.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-22 {
    left: 91.66666667%;
  }
  .tools-vmok-plugin-col--push-22.tools-vmok-plugin-col--rtl {
    right: 91.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-21 {
    left: 87.5%;
  }
  .tools-vmok-plugin-col--push-21.tools-vmok-plugin-col--rtl {
    right: 87.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-20 {
    left: 83.33333333%;
  }
  .tools-vmok-plugin-col--push-20.tools-vmok-plugin-col--rtl {
    right: 83.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-19 {
    left: 79.16666667%;
  }
  .tools-vmok-plugin-col--push-19.tools-vmok-plugin-col--rtl {
    right: 79.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-18 {
    left: 75%;
  }
  .tools-vmok-plugin-col--push-18.tools-vmok-plugin-col--rtl {
    right: 75%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-17 {
    left: 70.83333333%;
  }
  .tools-vmok-plugin-col--push-17.tools-vmok-plugin-col--rtl {
    right: 70.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-16 {
    left: 66.66666667%;
  }
  .tools-vmok-plugin-col--push-16.tools-vmok-plugin-col--rtl {
    right: 66.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-15 {
    left: 62.5%;
  }
  .tools-vmok-plugin-col--push-15.tools-vmok-plugin-col--rtl {
    right: 62.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-14 {
    left: 58.33333333%;
  }
  .tools-vmok-plugin-col--push-14.tools-vmok-plugin-col--rtl {
    right: 58.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-13 {
    left: 54.16666667%;
  }
  .tools-vmok-plugin-col--push-13.tools-vmok-plugin-col--rtl {
    right: 54.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-12 {
    left: 50%;
  }
  .tools-vmok-plugin-col--push-12.tools-vmok-plugin-col--rtl {
    right: 50%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-11 {
    left: 45.83333333%;
  }
  .tools-vmok-plugin-col--push-11.tools-vmok-plugin-col--rtl {
    right: 45.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-10 {
    left: 41.66666667%;
  }
  .tools-vmok-plugin-col--push-10.tools-vmok-plugin-col--rtl {
    right: 41.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-9 {
    left: 37.5%;
  }
  .tools-vmok-plugin-col--push-9.tools-vmok-plugin-col--rtl {
    right: 37.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-8 {
    left: 33.33333333%;
  }
  .tools-vmok-plugin-col--push-8.tools-vmok-plugin-col--rtl {
    right: 33.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-7 {
    left: 29.16666667%;
  }
  .tools-vmok-plugin-col--push-7.tools-vmok-plugin-col--rtl {
    right: 29.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-6 {
    left: 25%;
  }
  .tools-vmok-plugin-col--push-6.tools-vmok-plugin-col--rtl {
    right: 25%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-5 {
    left: 20.83333333%;
  }
  .tools-vmok-plugin-col--push-5.tools-vmok-plugin-col--rtl {
    right: 20.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-4 {
    left: 16.66666667%;
  }
  .tools-vmok-plugin-col--push-4.tools-vmok-plugin-col--rtl {
    right: 16.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-3 {
    left: 12.5%;
  }
  .tools-vmok-plugin-col--push-3.tools-vmok-plugin-col--rtl {
    right: 12.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-2 {
    left: 8.33333333%;
  }
  .tools-vmok-plugin-col--push-2.tools-vmok-plugin-col--rtl {
    right: 8.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-1 {
    left: 4.16666667%;
  }
  .tools-vmok-plugin-col--push-1.tools-vmok-plugin-col--rtl {
    right: 4.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-0 {
    left: 0%;
  }
  .tools-vmok-plugin-col--push-0.tools-vmok-plugin-col--rtl {
    right: 0%;
    left: 0;
  }
}
.tools-vmok-plugin-col--span-sm-0 {
  display: none;
}
@media screen and (min-width: 576px) {
  .tools-vmok-plugin-col--span-sm-24 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .tools-vmok-plugin-col--span-sm-23 {
    flex-basis: 95.83333333%;
    max-width: 95.83333333%;
  }
  .tools-vmok-plugin-col--span-sm-22 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .tools-vmok-plugin-col--span-sm-21 {
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .tools-vmok-plugin-col--span-sm-20 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .tools-vmok-plugin-col--span-sm-19 {
    flex-basis: 79.16666667%;
    max-width: 79.16666667%;
  }
  .tools-vmok-plugin-col--span-sm-18 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .tools-vmok-plugin-col--span-sm-17 {
    flex-basis: 70.83333333%;
    max-width: 70.83333333%;
  }
  .tools-vmok-plugin-col--span-sm-16 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .tools-vmok-plugin-col--span-sm-15 {
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .tools-vmok-plugin-col--span-sm-14 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .tools-vmok-plugin-col--span-sm-13 {
    flex-basis: 54.16666667%;
    max-width: 54.16666667%;
  }
  .tools-vmok-plugin-col--span-sm-12 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .tools-vmok-plugin-col--span-sm-11 {
    flex-basis: 45.83333333%;
    max-width: 45.83333333%;
  }
  .tools-vmok-plugin-col--span-sm-10 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .tools-vmok-plugin-col--span-sm-9 {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .tools-vmok-plugin-col--span-sm-8 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .tools-vmok-plugin-col--span-sm-7 {
    flex-basis: 29.16666667%;
    max-width: 29.16666667%;
  }
  .tools-vmok-plugin-col--span-sm-6 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .tools-vmok-plugin-col--span-sm-5 {
    flex-basis: 20.83333333%;
    max-width: 20.83333333%;
  }
  .tools-vmok-plugin-col--span-sm-4 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .tools-vmok-plugin-col--span-sm-3 {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .tools-vmok-plugin-col--span-sm-2 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .tools-vmok-plugin-col--span-sm-1 {
    flex-basis: 4.16666667%;
    max-width: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-sm-23 {
    margin-left: 95.83333333%;
  }
  .tools-vmok-plugin-col--offset-sm-23.tools-vmok-plugin-col--rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-22 {
    margin-left: 91.66666667%;
  }
  .tools-vmok-plugin-col--offset-sm-22.tools-vmok-plugin-col--rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-21 {
    margin-left: 87.5%;
  }
  .tools-vmok-plugin-col--offset-sm-21.tools-vmok-plugin-col--rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-20 {
    margin-left: 83.33333333%;
  }
  .tools-vmok-plugin-col--offset-sm-20.tools-vmok-plugin-col--rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-19 {
    margin-left: 79.16666667%;
  }
  .tools-vmok-plugin-col--offset-sm-19.tools-vmok-plugin-col--rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-18 {
    margin-left: 75%;
  }
  .tools-vmok-plugin-col--offset-sm-18.tools-vmok-plugin-col--rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-17 {
    margin-left: 70.83333333%;
  }
  .tools-vmok-plugin-col--offset-sm-17.tools-vmok-plugin-col--rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-16 {
    margin-left: 66.66666667%;
  }
  .tools-vmok-plugin-col--offset-sm-16.tools-vmok-plugin-col--rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-15 {
    margin-left: 62.5%;
  }
  .tools-vmok-plugin-col--offset-sm-15.tools-vmok-plugin-col--rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-14 {
    margin-left: 58.33333333%;
  }
  .tools-vmok-plugin-col--offset-sm-14.tools-vmok-plugin-col--rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-13 {
    margin-left: 54.16666667%;
  }
  .tools-vmok-plugin-col--offset-sm-13.tools-vmok-plugin-col--rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-12 {
    margin-left: 50%;
  }
  .tools-vmok-plugin-col--offset-sm-12.tools-vmok-plugin-col--rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-11 {
    margin-left: 45.83333333%;
  }
  .tools-vmok-plugin-col--offset-sm-11.tools-vmok-plugin-col--rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-10 {
    margin-left: 41.66666667%;
  }
  .tools-vmok-plugin-col--offset-sm-10.tools-vmok-plugin-col--rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-9 {
    margin-left: 37.5%;
  }
  .tools-vmok-plugin-col--offset-sm-9.tools-vmok-plugin-col--rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-8 {
    margin-left: 33.33333333%;
  }
  .tools-vmok-plugin-col--offset-sm-8.tools-vmok-plugin-col--rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-7 {
    margin-left: 29.16666667%;
  }
  .tools-vmok-plugin-col--offset-sm-7.tools-vmok-plugin-col--rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-6 {
    margin-left: 25%;
  }
  .tools-vmok-plugin-col--offset-sm-6.tools-vmok-plugin-col--rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-5 {
    margin-left: 20.83333333%;
  }
  .tools-vmok-plugin-col--offset-sm-5.tools-vmok-plugin-col--rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-4 {
    margin-left: 16.66666667%;
  }
  .tools-vmok-plugin-col--offset-sm-4.tools-vmok-plugin-col--rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-3 {
    margin-left: 12.5%;
  }
  .tools-vmok-plugin-col--offset-sm-3.tools-vmok-plugin-col--rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-2 {
    margin-left: 8.33333333%;
  }
  .tools-vmok-plugin-col--offset-sm-2.tools-vmok-plugin-col--rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-1 {
    margin-left: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-sm-1.tools-vmok-plugin-col--rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-0 {
    margin-left: 0%;
  }
  .tools-vmok-plugin-col--offset-sm-0.tools-vmok-plugin-col--rtl {
    margin-right: 0%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--order-sm-1 {
    order: 1;
  }
  .tools-vmok-plugin-col--order-sm-2 {
    order: 2;
  }
  .tools-vmok-plugin-col--order-sm-3 {
    order: 3;
  }
  .tools-vmok-plugin-col--order-sm-4 {
    order: 4;
  }
  .tools-vmok-plugin-col--order-sm-5 {
    order: 5;
  }
  .tools-vmok-plugin-col--order-sm-6 {
    order: 6;
  }
  .tools-vmok-plugin-col--order-sm-7 {
    order: 7;
  }
  .tools-vmok-plugin-col--order-sm-8 {
    order: 8;
  }
  .tools-vmok-plugin-col--order-sm-9 {
    order: 9;
  }
  .tools-vmok-plugin-col--order-sm-10 {
    order: 10;
  }
  .tools-vmok-plugin-col--order-sm-11 {
    order: 11;
  }
  .tools-vmok-plugin-col--order-sm-12 {
    order: 12;
  }
  .tools-vmok-plugin-col--order-sm-13 {
    order: 13;
  }
  .tools-vmok-plugin-col--order-sm-14 {
    order: 14;
  }
  .tools-vmok-plugin-col--order-sm-15 {
    order: 15;
  }
  .tools-vmok-plugin-col--order-sm-16 {
    order: 16;
  }
  .tools-vmok-plugin-col--order-sm-17 {
    order: 17;
  }
  .tools-vmok-plugin-col--order-sm-18 {
    order: 18;
  }
  .tools-vmok-plugin-col--order-sm-19 {
    order: 19;
  }
  .tools-vmok-plugin-col--order-sm-20 {
    order: 20;
  }
  .tools-vmok-plugin-col--order-sm-21 {
    order: 21;
  }
  .tools-vmok-plugin-col--order-sm-22 {
    order: 22;
  }
  .tools-vmok-plugin-col--order-sm-23 {
    order: 23;
  }
  .tools-vmok-plugin-col--order-sm-24 {
    order: 24;
  }
  .tools-vmok-plugin-col--pull-sm-23 {
    right: 95.83333333%;
  }
  .tools-vmok-plugin-col--pull-sm-23.tools-vmok-plugin-col--rtl {
    left: 95.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-22 {
    right: 91.66666667%;
  }
  .tools-vmok-plugin-col--pull-sm-22.tools-vmok-plugin-col--rtl {
    left: 91.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-21 {
    right: 87.5%;
  }
  .tools-vmok-plugin-col--pull-sm-21.tools-vmok-plugin-col--rtl {
    left: 87.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-20 {
    right: 83.33333333%;
  }
  .tools-vmok-plugin-col--pull-sm-20.tools-vmok-plugin-col--rtl {
    left: 83.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-19 {
    right: 79.16666667%;
  }
  .tools-vmok-plugin-col--pull-sm-19.tools-vmok-plugin-col--rtl {
    left: 79.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-18 {
    right: 75%;
  }
  .tools-vmok-plugin-col--pull-sm-18.tools-vmok-plugin-col--rtl {
    left: 75%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-17 {
    right: 70.83333333%;
  }
  .tools-vmok-plugin-col--pull-sm-17.tools-vmok-plugin-col--rtl {
    left: 70.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-16 {
    right: 66.66666667%;
  }
  .tools-vmok-plugin-col--pull-sm-16.tools-vmok-plugin-col--rtl {
    left: 66.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-15 {
    right: 62.5%;
  }
  .tools-vmok-plugin-col--pull-sm-15.tools-vmok-plugin-col--rtl {
    left: 62.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-14 {
    right: 58.33333333%;
  }
  .tools-vmok-plugin-col--pull-sm-14.tools-vmok-plugin-col--rtl {
    left: 58.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-13 {
    right: 54.16666667%;
  }
  .tools-vmok-plugin-col--pull-sm-13.tools-vmok-plugin-col--rtl {
    left: 54.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-12 {
    right: 50%;
  }
  .tools-vmok-plugin-col--pull-sm-12.tools-vmok-plugin-col--rtl {
    left: 50%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-11 {
    right: 45.83333333%;
  }
  .tools-vmok-plugin-col--pull-sm-11.tools-vmok-plugin-col--rtl {
    left: 45.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-10 {
    right: 41.66666667%;
  }
  .tools-vmok-plugin-col--pull-sm-10.tools-vmok-plugin-col--rtl {
    left: 41.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-9 {
    right: 37.5%;
  }
  .tools-vmok-plugin-col--pull-sm-9.tools-vmok-plugin-col--rtl {
    left: 37.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-8 {
    right: 33.33333333%;
  }
  .tools-vmok-plugin-col--pull-sm-8.tools-vmok-plugin-col--rtl {
    left: 33.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-7 {
    right: 29.16666667%;
  }
  .tools-vmok-plugin-col--pull-sm-7.tools-vmok-plugin-col--rtl {
    left: 29.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-6 {
    right: 25%;
  }
  .tools-vmok-plugin-col--pull-sm-6.tools-vmok-plugin-col--rtl {
    left: 25%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-5 {
    right: 20.83333333%;
  }
  .tools-vmok-plugin-col--pull-sm-5.tools-vmok-plugin-col--rtl {
    left: 20.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-4 {
    right: 16.66666667%;
  }
  .tools-vmok-plugin-col--pull-sm-4.tools-vmok-plugin-col--rtl {
    left: 16.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-3 {
    right: 12.5%;
  }
  .tools-vmok-plugin-col--pull-sm-3.tools-vmok-plugin-col--rtl {
    left: 12.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-2 {
    right: 8.33333333%;
  }
  .tools-vmok-plugin-col--pull-sm-2.tools-vmok-plugin-col--rtl {
    left: 8.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-1 {
    right: 4.16666667%;
  }
  .tools-vmok-plugin-col--pull-sm-1.tools-vmok-plugin-col--rtl {
    left: 4.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-0 {
    right: 0%;
  }
  .tools-vmok-plugin-col--pull-sm-0.tools-vmok-plugin-col--rtl {
    left: 0%;
    right: 0;
  }
  .tools-vmok-plugin-col--push-sm-23 {
    left: 95.83333333%;
  }
  .tools-vmok-plugin-col--push-sm-23.tools-vmok-plugin-col--rtl {
    right: 95.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-22 {
    left: 91.66666667%;
  }
  .tools-vmok-plugin-col--push-sm-22.tools-vmok-plugin-col--rtl {
    right: 91.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-21 {
    left: 87.5%;
  }
  .tools-vmok-plugin-col--push-sm-21.tools-vmok-plugin-col--rtl {
    right: 87.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-20 {
    left: 83.33333333%;
  }
  .tools-vmok-plugin-col--push-sm-20.tools-vmok-plugin-col--rtl {
    right: 83.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-19 {
    left: 79.16666667%;
  }
  .tools-vmok-plugin-col--push-sm-19.tools-vmok-plugin-col--rtl {
    right: 79.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-18 {
    left: 75%;
  }
  .tools-vmok-plugin-col--push-sm-18.tools-vmok-plugin-col--rtl {
    right: 75%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-17 {
    left: 70.83333333%;
  }
  .tools-vmok-plugin-col--push-sm-17.tools-vmok-plugin-col--rtl {
    right: 70.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-16 {
    left: 66.66666667%;
  }
  .tools-vmok-plugin-col--push-sm-16.tools-vmok-plugin-col--rtl {
    right: 66.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-15 {
    left: 62.5%;
  }
  .tools-vmok-plugin-col--push-sm-15.tools-vmok-plugin-col--rtl {
    right: 62.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-14 {
    left: 58.33333333%;
  }
  .tools-vmok-plugin-col--push-sm-14.tools-vmok-plugin-col--rtl {
    right: 58.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-13 {
    left: 54.16666667%;
  }
  .tools-vmok-plugin-col--push-sm-13.tools-vmok-plugin-col--rtl {
    right: 54.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-12 {
    left: 50%;
  }
  .tools-vmok-plugin-col--push-sm-12.tools-vmok-plugin-col--rtl {
    right: 50%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-11 {
    left: 45.83333333%;
  }
  .tools-vmok-plugin-col--push-sm-11.tools-vmok-plugin-col--rtl {
    right: 45.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-10 {
    left: 41.66666667%;
  }
  .tools-vmok-plugin-col--push-sm-10.tools-vmok-plugin-col--rtl {
    right: 41.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-9 {
    left: 37.5%;
  }
  .tools-vmok-plugin-col--push-sm-9.tools-vmok-plugin-col--rtl {
    right: 37.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-8 {
    left: 33.33333333%;
  }
  .tools-vmok-plugin-col--push-sm-8.tools-vmok-plugin-col--rtl {
    right: 33.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-7 {
    left: 29.16666667%;
  }
  .tools-vmok-plugin-col--push-sm-7.tools-vmok-plugin-col--rtl {
    right: 29.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-6 {
    left: 25%;
  }
  .tools-vmok-plugin-col--push-sm-6.tools-vmok-plugin-col--rtl {
    right: 25%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-5 {
    left: 20.83333333%;
  }
  .tools-vmok-plugin-col--push-sm-5.tools-vmok-plugin-col--rtl {
    right: 20.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-4 {
    left: 16.66666667%;
  }
  .tools-vmok-plugin-col--push-sm-4.tools-vmok-plugin-col--rtl {
    right: 16.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-3 {
    left: 12.5%;
  }
  .tools-vmok-plugin-col--push-sm-3.tools-vmok-plugin-col--rtl {
    right: 12.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-2 {
    left: 8.33333333%;
  }
  .tools-vmok-plugin-col--push-sm-2.tools-vmok-plugin-col--rtl {
    right: 8.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-1 {
    left: 4.16666667%;
  }
  .tools-vmok-plugin-col--push-sm-1.tools-vmok-plugin-col--rtl {
    right: 4.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-0 {
    left: 0%;
  }
  .tools-vmok-plugin-col--push-sm-0.tools-vmok-plugin-col--rtl {
    right: 0%;
    left: 0;
  }
}
.tools-vmok-plugin-col--span-md-0 {
  display: none;
}
@media screen and (min-width: 768px) {
  .tools-vmok-plugin-col--span-md-24 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .tools-vmok-plugin-col--span-md-23 {
    flex-basis: 95.83333333%;
    max-width: 95.83333333%;
  }
  .tools-vmok-plugin-col--span-md-22 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .tools-vmok-plugin-col--span-md-21 {
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .tools-vmok-plugin-col--span-md-20 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .tools-vmok-plugin-col--span-md-19 {
    flex-basis: 79.16666667%;
    max-width: 79.16666667%;
  }
  .tools-vmok-plugin-col--span-md-18 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .tools-vmok-plugin-col--span-md-17 {
    flex-basis: 70.83333333%;
    max-width: 70.83333333%;
  }
  .tools-vmok-plugin-col--span-md-16 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .tools-vmok-plugin-col--span-md-15 {
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .tools-vmok-plugin-col--span-md-14 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .tools-vmok-plugin-col--span-md-13 {
    flex-basis: 54.16666667%;
    max-width: 54.16666667%;
  }
  .tools-vmok-plugin-col--span-md-12 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .tools-vmok-plugin-col--span-md-11 {
    flex-basis: 45.83333333%;
    max-width: 45.83333333%;
  }
  .tools-vmok-plugin-col--span-md-10 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .tools-vmok-plugin-col--span-md-9 {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .tools-vmok-plugin-col--span-md-8 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .tools-vmok-plugin-col--span-md-7 {
    flex-basis: 29.16666667%;
    max-width: 29.16666667%;
  }
  .tools-vmok-plugin-col--span-md-6 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .tools-vmok-plugin-col--span-md-5 {
    flex-basis: 20.83333333%;
    max-width: 20.83333333%;
  }
  .tools-vmok-plugin-col--span-md-4 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .tools-vmok-plugin-col--span-md-3 {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .tools-vmok-plugin-col--span-md-2 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .tools-vmok-plugin-col--span-md-1 {
    flex-basis: 4.16666667%;
    max-width: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-md-23 {
    margin-left: 95.83333333%;
  }
  .tools-vmok-plugin-col--offset-md-23.tools-vmok-plugin-col--rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-22 {
    margin-left: 91.66666667%;
  }
  .tools-vmok-plugin-col--offset-md-22.tools-vmok-plugin-col--rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-21 {
    margin-left: 87.5%;
  }
  .tools-vmok-plugin-col--offset-md-21.tools-vmok-plugin-col--rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-20 {
    margin-left: 83.33333333%;
  }
  .tools-vmok-plugin-col--offset-md-20.tools-vmok-plugin-col--rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-19 {
    margin-left: 79.16666667%;
  }
  .tools-vmok-plugin-col--offset-md-19.tools-vmok-plugin-col--rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-18 {
    margin-left: 75%;
  }
  .tools-vmok-plugin-col--offset-md-18.tools-vmok-plugin-col--rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-17 {
    margin-left: 70.83333333%;
  }
  .tools-vmok-plugin-col--offset-md-17.tools-vmok-plugin-col--rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-16 {
    margin-left: 66.66666667%;
  }
  .tools-vmok-plugin-col--offset-md-16.tools-vmok-plugin-col--rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-15 {
    margin-left: 62.5%;
  }
  .tools-vmok-plugin-col--offset-md-15.tools-vmok-plugin-col--rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-14 {
    margin-left: 58.33333333%;
  }
  .tools-vmok-plugin-col--offset-md-14.tools-vmok-plugin-col--rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-13 {
    margin-left: 54.16666667%;
  }
  .tools-vmok-plugin-col--offset-md-13.tools-vmok-plugin-col--rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-12 {
    margin-left: 50%;
  }
  .tools-vmok-plugin-col--offset-md-12.tools-vmok-plugin-col--rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-11 {
    margin-left: 45.83333333%;
  }
  .tools-vmok-plugin-col--offset-md-11.tools-vmok-plugin-col--rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-10 {
    margin-left: 41.66666667%;
  }
  .tools-vmok-plugin-col--offset-md-10.tools-vmok-plugin-col--rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-9 {
    margin-left: 37.5%;
  }
  .tools-vmok-plugin-col--offset-md-9.tools-vmok-plugin-col--rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-8 {
    margin-left: 33.33333333%;
  }
  .tools-vmok-plugin-col--offset-md-8.tools-vmok-plugin-col--rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-7 {
    margin-left: 29.16666667%;
  }
  .tools-vmok-plugin-col--offset-md-7.tools-vmok-plugin-col--rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-6 {
    margin-left: 25%;
  }
  .tools-vmok-plugin-col--offset-md-6.tools-vmok-plugin-col--rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-5 {
    margin-left: 20.83333333%;
  }
  .tools-vmok-plugin-col--offset-md-5.tools-vmok-plugin-col--rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-4 {
    margin-left: 16.66666667%;
  }
  .tools-vmok-plugin-col--offset-md-4.tools-vmok-plugin-col--rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-3 {
    margin-left: 12.5%;
  }
  .tools-vmok-plugin-col--offset-md-3.tools-vmok-plugin-col--rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-2 {
    margin-left: 8.33333333%;
  }
  .tools-vmok-plugin-col--offset-md-2.tools-vmok-plugin-col--rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-1 {
    margin-left: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-md-1.tools-vmok-plugin-col--rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-0 {
    margin-left: 0%;
  }
  .tools-vmok-plugin-col--offset-md-0.tools-vmok-plugin-col--rtl {
    margin-right: 0%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--order-md-1 {
    order: 1;
  }
  .tools-vmok-plugin-col--order-md-2 {
    order: 2;
  }
  .tools-vmok-plugin-col--order-md-3 {
    order: 3;
  }
  .tools-vmok-plugin-col--order-md-4 {
    order: 4;
  }
  .tools-vmok-plugin-col--order-md-5 {
    order: 5;
  }
  .tools-vmok-plugin-col--order-md-6 {
    order: 6;
  }
  .tools-vmok-plugin-col--order-md-7 {
    order: 7;
  }
  .tools-vmok-plugin-col--order-md-8 {
    order: 8;
  }
  .tools-vmok-plugin-col--order-md-9 {
    order: 9;
  }
  .tools-vmok-plugin-col--order-md-10 {
    order: 10;
  }
  .tools-vmok-plugin-col--order-md-11 {
    order: 11;
  }
  .tools-vmok-plugin-col--order-md-12 {
    order: 12;
  }
  .tools-vmok-plugin-col--order-md-13 {
    order: 13;
  }
  .tools-vmok-plugin-col--order-md-14 {
    order: 14;
  }
  .tools-vmok-plugin-col--order-md-15 {
    order: 15;
  }
  .tools-vmok-plugin-col--order-md-16 {
    order: 16;
  }
  .tools-vmok-plugin-col--order-md-17 {
    order: 17;
  }
  .tools-vmok-plugin-col--order-md-18 {
    order: 18;
  }
  .tools-vmok-plugin-col--order-md-19 {
    order: 19;
  }
  .tools-vmok-plugin-col--order-md-20 {
    order: 20;
  }
  .tools-vmok-plugin-col--order-md-21 {
    order: 21;
  }
  .tools-vmok-plugin-col--order-md-22 {
    order: 22;
  }
  .tools-vmok-plugin-col--order-md-23 {
    order: 23;
  }
  .tools-vmok-plugin-col--order-md-24 {
    order: 24;
  }
  .tools-vmok-plugin-col--pull-md-23 {
    right: 95.83333333%;
  }
  .tools-vmok-plugin-col--pull-md-23.tools-vmok-plugin-col--rtl {
    left: 95.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-22 {
    right: 91.66666667%;
  }
  .tools-vmok-plugin-col--pull-md-22.tools-vmok-plugin-col--rtl {
    left: 91.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-21 {
    right: 87.5%;
  }
  .tools-vmok-plugin-col--pull-md-21.tools-vmok-plugin-col--rtl {
    left: 87.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-20 {
    right: 83.33333333%;
  }
  .tools-vmok-plugin-col--pull-md-20.tools-vmok-plugin-col--rtl {
    left: 83.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-19 {
    right: 79.16666667%;
  }
  .tools-vmok-plugin-col--pull-md-19.tools-vmok-plugin-col--rtl {
    left: 79.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-18 {
    right: 75%;
  }
  .tools-vmok-plugin-col--pull-md-18.tools-vmok-plugin-col--rtl {
    left: 75%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-17 {
    right: 70.83333333%;
  }
  .tools-vmok-plugin-col--pull-md-17.tools-vmok-plugin-col--rtl {
    left: 70.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-16 {
    right: 66.66666667%;
  }
  .tools-vmok-plugin-col--pull-md-16.tools-vmok-plugin-col--rtl {
    left: 66.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-15 {
    right: 62.5%;
  }
  .tools-vmok-plugin-col--pull-md-15.tools-vmok-plugin-col--rtl {
    left: 62.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-14 {
    right: 58.33333333%;
  }
  .tools-vmok-plugin-col--pull-md-14.tools-vmok-plugin-col--rtl {
    left: 58.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-13 {
    right: 54.16666667%;
  }
  .tools-vmok-plugin-col--pull-md-13.tools-vmok-plugin-col--rtl {
    left: 54.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-12 {
    right: 50%;
  }
  .tools-vmok-plugin-col--pull-md-12.tools-vmok-plugin-col--rtl {
    left: 50%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-11 {
    right: 45.83333333%;
  }
  .tools-vmok-plugin-col--pull-md-11.tools-vmok-plugin-col--rtl {
    left: 45.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-10 {
    right: 41.66666667%;
  }
  .tools-vmok-plugin-col--pull-md-10.tools-vmok-plugin-col--rtl {
    left: 41.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-9 {
    right: 37.5%;
  }
  .tools-vmok-plugin-col--pull-md-9.tools-vmok-plugin-col--rtl {
    left: 37.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-8 {
    right: 33.33333333%;
  }
  .tools-vmok-plugin-col--pull-md-8.tools-vmok-plugin-col--rtl {
    left: 33.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-7 {
    right: 29.16666667%;
  }
  .tools-vmok-plugin-col--pull-md-7.tools-vmok-plugin-col--rtl {
    left: 29.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-6 {
    right: 25%;
  }
  .tools-vmok-plugin-col--pull-md-6.tools-vmok-plugin-col--rtl {
    left: 25%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-5 {
    right: 20.83333333%;
  }
  .tools-vmok-plugin-col--pull-md-5.tools-vmok-plugin-col--rtl {
    left: 20.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-4 {
    right: 16.66666667%;
  }
  .tools-vmok-plugin-col--pull-md-4.tools-vmok-plugin-col--rtl {
    left: 16.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-3 {
    right: 12.5%;
  }
  .tools-vmok-plugin-col--pull-md-3.tools-vmok-plugin-col--rtl {
    left: 12.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-2 {
    right: 8.33333333%;
  }
  .tools-vmok-plugin-col--pull-md-2.tools-vmok-plugin-col--rtl {
    left: 8.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-1 {
    right: 4.16666667%;
  }
  .tools-vmok-plugin-col--pull-md-1.tools-vmok-plugin-col--rtl {
    left: 4.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-0 {
    right: 0%;
  }
  .tools-vmok-plugin-col--pull-md-0.tools-vmok-plugin-col--rtl {
    left: 0%;
    right: 0;
  }
  .tools-vmok-plugin-col--push-md-23 {
    left: 95.83333333%;
  }
  .tools-vmok-plugin-col--push-md-23.tools-vmok-plugin-col--rtl {
    right: 95.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-22 {
    left: 91.66666667%;
  }
  .tools-vmok-plugin-col--push-md-22.tools-vmok-plugin-col--rtl {
    right: 91.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-21 {
    left: 87.5%;
  }
  .tools-vmok-plugin-col--push-md-21.tools-vmok-plugin-col--rtl {
    right: 87.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-20 {
    left: 83.33333333%;
  }
  .tools-vmok-plugin-col--push-md-20.tools-vmok-plugin-col--rtl {
    right: 83.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-19 {
    left: 79.16666667%;
  }
  .tools-vmok-plugin-col--push-md-19.tools-vmok-plugin-col--rtl {
    right: 79.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-18 {
    left: 75%;
  }
  .tools-vmok-plugin-col--push-md-18.tools-vmok-plugin-col--rtl {
    right: 75%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-17 {
    left: 70.83333333%;
  }
  .tools-vmok-plugin-col--push-md-17.tools-vmok-plugin-col--rtl {
    right: 70.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-16 {
    left: 66.66666667%;
  }
  .tools-vmok-plugin-col--push-md-16.tools-vmok-plugin-col--rtl {
    right: 66.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-15 {
    left: 62.5%;
  }
  .tools-vmok-plugin-col--push-md-15.tools-vmok-plugin-col--rtl {
    right: 62.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-14 {
    left: 58.33333333%;
  }
  .tools-vmok-plugin-col--push-md-14.tools-vmok-plugin-col--rtl {
    right: 58.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-13 {
    left: 54.16666667%;
  }
  .tools-vmok-plugin-col--push-md-13.tools-vmok-plugin-col--rtl {
    right: 54.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-12 {
    left: 50%;
  }
  .tools-vmok-plugin-col--push-md-12.tools-vmok-plugin-col--rtl {
    right: 50%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-11 {
    left: 45.83333333%;
  }
  .tools-vmok-plugin-col--push-md-11.tools-vmok-plugin-col--rtl {
    right: 45.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-10 {
    left: 41.66666667%;
  }
  .tools-vmok-plugin-col--push-md-10.tools-vmok-plugin-col--rtl {
    right: 41.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-9 {
    left: 37.5%;
  }
  .tools-vmok-plugin-col--push-md-9.tools-vmok-plugin-col--rtl {
    right: 37.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-8 {
    left: 33.33333333%;
  }
  .tools-vmok-plugin-col--push-md-8.tools-vmok-plugin-col--rtl {
    right: 33.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-7 {
    left: 29.16666667%;
  }
  .tools-vmok-plugin-col--push-md-7.tools-vmok-plugin-col--rtl {
    right: 29.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-6 {
    left: 25%;
  }
  .tools-vmok-plugin-col--push-md-6.tools-vmok-plugin-col--rtl {
    right: 25%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-5 {
    left: 20.83333333%;
  }
  .tools-vmok-plugin-col--push-md-5.tools-vmok-plugin-col--rtl {
    right: 20.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-4 {
    left: 16.66666667%;
  }
  .tools-vmok-plugin-col--push-md-4.tools-vmok-plugin-col--rtl {
    right: 16.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-3 {
    left: 12.5%;
  }
  .tools-vmok-plugin-col--push-md-3.tools-vmok-plugin-col--rtl {
    right: 12.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-2 {
    left: 8.33333333%;
  }
  .tools-vmok-plugin-col--push-md-2.tools-vmok-plugin-col--rtl {
    right: 8.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-1 {
    left: 4.16666667%;
  }
  .tools-vmok-plugin-col--push-md-1.tools-vmok-plugin-col--rtl {
    right: 4.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-0 {
    left: 0%;
  }
  .tools-vmok-plugin-col--push-md-0.tools-vmok-plugin-col--rtl {
    right: 0%;
    left: 0;
  }
}
.tools-vmok-plugin-col--span-lg-0 {
  display: none;
}
@media screen and (min-width: 992px) {
  .tools-vmok-plugin-col--span-lg-24 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .tools-vmok-plugin-col--span-lg-23 {
    flex-basis: 95.83333333%;
    max-width: 95.83333333%;
  }
  .tools-vmok-plugin-col--span-lg-22 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .tools-vmok-plugin-col--span-lg-21 {
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .tools-vmok-plugin-col--span-lg-20 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .tools-vmok-plugin-col--span-lg-19 {
    flex-basis: 79.16666667%;
    max-width: 79.16666667%;
  }
  .tools-vmok-plugin-col--span-lg-18 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .tools-vmok-plugin-col--span-lg-17 {
    flex-basis: 70.83333333%;
    max-width: 70.83333333%;
  }
  .tools-vmok-plugin-col--span-lg-16 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .tools-vmok-plugin-col--span-lg-15 {
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .tools-vmok-plugin-col--span-lg-14 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .tools-vmok-plugin-col--span-lg-13 {
    flex-basis: 54.16666667%;
    max-width: 54.16666667%;
  }
  .tools-vmok-plugin-col--span-lg-12 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .tools-vmok-plugin-col--span-lg-11 {
    flex-basis: 45.83333333%;
    max-width: 45.83333333%;
  }
  .tools-vmok-plugin-col--span-lg-10 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .tools-vmok-plugin-col--span-lg-9 {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .tools-vmok-plugin-col--span-lg-8 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .tools-vmok-plugin-col--span-lg-7 {
    flex-basis: 29.16666667%;
    max-width: 29.16666667%;
  }
  .tools-vmok-plugin-col--span-lg-6 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .tools-vmok-plugin-col--span-lg-5 {
    flex-basis: 20.83333333%;
    max-width: 20.83333333%;
  }
  .tools-vmok-plugin-col--span-lg-4 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .tools-vmok-plugin-col--span-lg-3 {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .tools-vmok-plugin-col--span-lg-2 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .tools-vmok-plugin-col--span-lg-1 {
    flex-basis: 4.16666667%;
    max-width: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-lg-23 {
    margin-left: 95.83333333%;
  }
  .tools-vmok-plugin-col--offset-lg-23.tools-vmok-plugin-col--rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-22 {
    margin-left: 91.66666667%;
  }
  .tools-vmok-plugin-col--offset-lg-22.tools-vmok-plugin-col--rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-21 {
    margin-left: 87.5%;
  }
  .tools-vmok-plugin-col--offset-lg-21.tools-vmok-plugin-col--rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-20 {
    margin-left: 83.33333333%;
  }
  .tools-vmok-plugin-col--offset-lg-20.tools-vmok-plugin-col--rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-19 {
    margin-left: 79.16666667%;
  }
  .tools-vmok-plugin-col--offset-lg-19.tools-vmok-plugin-col--rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-18 {
    margin-left: 75%;
  }
  .tools-vmok-plugin-col--offset-lg-18.tools-vmok-plugin-col--rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-17 {
    margin-left: 70.83333333%;
  }
  .tools-vmok-plugin-col--offset-lg-17.tools-vmok-plugin-col--rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-16 {
    margin-left: 66.66666667%;
  }
  .tools-vmok-plugin-col--offset-lg-16.tools-vmok-plugin-col--rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-15 {
    margin-left: 62.5%;
  }
  .tools-vmok-plugin-col--offset-lg-15.tools-vmok-plugin-col--rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-14 {
    margin-left: 58.33333333%;
  }
  .tools-vmok-plugin-col--offset-lg-14.tools-vmok-plugin-col--rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-13 {
    margin-left: 54.16666667%;
  }
  .tools-vmok-plugin-col--offset-lg-13.tools-vmok-plugin-col--rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-12 {
    margin-left: 50%;
  }
  .tools-vmok-plugin-col--offset-lg-12.tools-vmok-plugin-col--rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-11 {
    margin-left: 45.83333333%;
  }
  .tools-vmok-plugin-col--offset-lg-11.tools-vmok-plugin-col--rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-10 {
    margin-left: 41.66666667%;
  }
  .tools-vmok-plugin-col--offset-lg-10.tools-vmok-plugin-col--rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-9 {
    margin-left: 37.5%;
  }
  .tools-vmok-plugin-col--offset-lg-9.tools-vmok-plugin-col--rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-8 {
    margin-left: 33.33333333%;
  }
  .tools-vmok-plugin-col--offset-lg-8.tools-vmok-plugin-col--rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-7 {
    margin-left: 29.16666667%;
  }
  .tools-vmok-plugin-col--offset-lg-7.tools-vmok-plugin-col--rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-6 {
    margin-left: 25%;
  }
  .tools-vmok-plugin-col--offset-lg-6.tools-vmok-plugin-col--rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-5 {
    margin-left: 20.83333333%;
  }
  .tools-vmok-plugin-col--offset-lg-5.tools-vmok-plugin-col--rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-4 {
    margin-left: 16.66666667%;
  }
  .tools-vmok-plugin-col--offset-lg-4.tools-vmok-plugin-col--rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-3 {
    margin-left: 12.5%;
  }
  .tools-vmok-plugin-col--offset-lg-3.tools-vmok-plugin-col--rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-2 {
    margin-left: 8.33333333%;
  }
  .tools-vmok-plugin-col--offset-lg-2.tools-vmok-plugin-col--rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-1 {
    margin-left: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-lg-1.tools-vmok-plugin-col--rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-0 {
    margin-left: 0%;
  }
  .tools-vmok-plugin-col--offset-lg-0.tools-vmok-plugin-col--rtl {
    margin-right: 0%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--order-lg-1 {
    order: 1;
  }
  .tools-vmok-plugin-col--order-lg-2 {
    order: 2;
  }
  .tools-vmok-plugin-col--order-lg-3 {
    order: 3;
  }
  .tools-vmok-plugin-col--order-lg-4 {
    order: 4;
  }
  .tools-vmok-plugin-col--order-lg-5 {
    order: 5;
  }
  .tools-vmok-plugin-col--order-lg-6 {
    order: 6;
  }
  .tools-vmok-plugin-col--order-lg-7 {
    order: 7;
  }
  .tools-vmok-plugin-col--order-lg-8 {
    order: 8;
  }
  .tools-vmok-plugin-col--order-lg-9 {
    order: 9;
  }
  .tools-vmok-plugin-col--order-lg-10 {
    order: 10;
  }
  .tools-vmok-plugin-col--order-lg-11 {
    order: 11;
  }
  .tools-vmok-plugin-col--order-lg-12 {
    order: 12;
  }
  .tools-vmok-plugin-col--order-lg-13 {
    order: 13;
  }
  .tools-vmok-plugin-col--order-lg-14 {
    order: 14;
  }
  .tools-vmok-plugin-col--order-lg-15 {
    order: 15;
  }
  .tools-vmok-plugin-col--order-lg-16 {
    order: 16;
  }
  .tools-vmok-plugin-col--order-lg-17 {
    order: 17;
  }
  .tools-vmok-plugin-col--order-lg-18 {
    order: 18;
  }
  .tools-vmok-plugin-col--order-lg-19 {
    order: 19;
  }
  .tools-vmok-plugin-col--order-lg-20 {
    order: 20;
  }
  .tools-vmok-plugin-col--order-lg-21 {
    order: 21;
  }
  .tools-vmok-plugin-col--order-lg-22 {
    order: 22;
  }
  .tools-vmok-plugin-col--order-lg-23 {
    order: 23;
  }
  .tools-vmok-plugin-col--order-lg-24 {
    order: 24;
  }
  .tools-vmok-plugin-col--pull-lg-23 {
    right: 95.83333333%;
  }
  .tools-vmok-plugin-col--pull-lg-23.tools-vmok-plugin-col--rtl {
    left: 95.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-22 {
    right: 91.66666667%;
  }
  .tools-vmok-plugin-col--pull-lg-22.tools-vmok-plugin-col--rtl {
    left: 91.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-21 {
    right: 87.5%;
  }
  .tools-vmok-plugin-col--pull-lg-21.tools-vmok-plugin-col--rtl {
    left: 87.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-20 {
    right: 83.33333333%;
  }
  .tools-vmok-plugin-col--pull-lg-20.tools-vmok-plugin-col--rtl {
    left: 83.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-19 {
    right: 79.16666667%;
  }
  .tools-vmok-plugin-col--pull-lg-19.tools-vmok-plugin-col--rtl {
    left: 79.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-18 {
    right: 75%;
  }
  .tools-vmok-plugin-col--pull-lg-18.tools-vmok-plugin-col--rtl {
    left: 75%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-17 {
    right: 70.83333333%;
  }
  .tools-vmok-plugin-col--pull-lg-17.tools-vmok-plugin-col--rtl {
    left: 70.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-16 {
    right: 66.66666667%;
  }
  .tools-vmok-plugin-col--pull-lg-16.tools-vmok-plugin-col--rtl {
    left: 66.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-15 {
    right: 62.5%;
  }
  .tools-vmok-plugin-col--pull-lg-15.tools-vmok-plugin-col--rtl {
    left: 62.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-14 {
    right: 58.33333333%;
  }
  .tools-vmok-plugin-col--pull-lg-14.tools-vmok-plugin-col--rtl {
    left: 58.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-13 {
    right: 54.16666667%;
  }
  .tools-vmok-plugin-col--pull-lg-13.tools-vmok-plugin-col--rtl {
    left: 54.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-12 {
    right: 50%;
  }
  .tools-vmok-plugin-col--pull-lg-12.tools-vmok-plugin-col--rtl {
    left: 50%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-11 {
    right: 45.83333333%;
  }
  .tools-vmok-plugin-col--pull-lg-11.tools-vmok-plugin-col--rtl {
    left: 45.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-10 {
    right: 41.66666667%;
  }
  .tools-vmok-plugin-col--pull-lg-10.tools-vmok-plugin-col--rtl {
    left: 41.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-9 {
    right: 37.5%;
  }
  .tools-vmok-plugin-col--pull-lg-9.tools-vmok-plugin-col--rtl {
    left: 37.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-8 {
    right: 33.33333333%;
  }
  .tools-vmok-plugin-col--pull-lg-8.tools-vmok-plugin-col--rtl {
    left: 33.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-7 {
    right: 29.16666667%;
  }
  .tools-vmok-plugin-col--pull-lg-7.tools-vmok-plugin-col--rtl {
    left: 29.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-6 {
    right: 25%;
  }
  .tools-vmok-plugin-col--pull-lg-6.tools-vmok-plugin-col--rtl {
    left: 25%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-5 {
    right: 20.83333333%;
  }
  .tools-vmok-plugin-col--pull-lg-5.tools-vmok-plugin-col--rtl {
    left: 20.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-4 {
    right: 16.66666667%;
  }
  .tools-vmok-plugin-col--pull-lg-4.tools-vmok-plugin-col--rtl {
    left: 16.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-3 {
    right: 12.5%;
  }
  .tools-vmok-plugin-col--pull-lg-3.tools-vmok-plugin-col--rtl {
    left: 12.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-2 {
    right: 8.33333333%;
  }
  .tools-vmok-plugin-col--pull-lg-2.tools-vmok-plugin-col--rtl {
    left: 8.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-1 {
    right: 4.16666667%;
  }
  .tools-vmok-plugin-col--pull-lg-1.tools-vmok-plugin-col--rtl {
    left: 4.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-0 {
    right: 0%;
  }
  .tools-vmok-plugin-col--pull-lg-0.tools-vmok-plugin-col--rtl {
    left: 0%;
    right: 0;
  }
  .tools-vmok-plugin-col--push-lg-23 {
    left: 95.83333333%;
  }
  .tools-vmok-plugin-col--push-lg-23.tools-vmok-plugin-col--rtl {
    right: 95.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-22 {
    left: 91.66666667%;
  }
  .tools-vmok-plugin-col--push-lg-22.tools-vmok-plugin-col--rtl {
    right: 91.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-21 {
    left: 87.5%;
  }
  .tools-vmok-plugin-col--push-lg-21.tools-vmok-plugin-col--rtl {
    right: 87.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-20 {
    left: 83.33333333%;
  }
  .tools-vmok-plugin-col--push-lg-20.tools-vmok-plugin-col--rtl {
    right: 83.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-19 {
    left: 79.16666667%;
  }
  .tools-vmok-plugin-col--push-lg-19.tools-vmok-plugin-col--rtl {
    right: 79.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-18 {
    left: 75%;
  }
  .tools-vmok-plugin-col--push-lg-18.tools-vmok-plugin-col--rtl {
    right: 75%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-17 {
    left: 70.83333333%;
  }
  .tools-vmok-plugin-col--push-lg-17.tools-vmok-plugin-col--rtl {
    right: 70.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-16 {
    left: 66.66666667%;
  }
  .tools-vmok-plugin-col--push-lg-16.tools-vmok-plugin-col--rtl {
    right: 66.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-15 {
    left: 62.5%;
  }
  .tools-vmok-plugin-col--push-lg-15.tools-vmok-plugin-col--rtl {
    right: 62.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-14 {
    left: 58.33333333%;
  }
  .tools-vmok-plugin-col--push-lg-14.tools-vmok-plugin-col--rtl {
    right: 58.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-13 {
    left: 54.16666667%;
  }
  .tools-vmok-plugin-col--push-lg-13.tools-vmok-plugin-col--rtl {
    right: 54.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-12 {
    left: 50%;
  }
  .tools-vmok-plugin-col--push-lg-12.tools-vmok-plugin-col--rtl {
    right: 50%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-11 {
    left: 45.83333333%;
  }
  .tools-vmok-plugin-col--push-lg-11.tools-vmok-plugin-col--rtl {
    right: 45.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-10 {
    left: 41.66666667%;
  }
  .tools-vmok-plugin-col--push-lg-10.tools-vmok-plugin-col--rtl {
    right: 41.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-9 {
    left: 37.5%;
  }
  .tools-vmok-plugin-col--push-lg-9.tools-vmok-plugin-col--rtl {
    right: 37.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-8 {
    left: 33.33333333%;
  }
  .tools-vmok-plugin-col--push-lg-8.tools-vmok-plugin-col--rtl {
    right: 33.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-7 {
    left: 29.16666667%;
  }
  .tools-vmok-plugin-col--push-lg-7.tools-vmok-plugin-col--rtl {
    right: 29.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-6 {
    left: 25%;
  }
  .tools-vmok-plugin-col--push-lg-6.tools-vmok-plugin-col--rtl {
    right: 25%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-5 {
    left: 20.83333333%;
  }
  .tools-vmok-plugin-col--push-lg-5.tools-vmok-plugin-col--rtl {
    right: 20.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-4 {
    left: 16.66666667%;
  }
  .tools-vmok-plugin-col--push-lg-4.tools-vmok-plugin-col--rtl {
    right: 16.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-3 {
    left: 12.5%;
  }
  .tools-vmok-plugin-col--push-lg-3.tools-vmok-plugin-col--rtl {
    right: 12.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-2 {
    left: 8.33333333%;
  }
  .tools-vmok-plugin-col--push-lg-2.tools-vmok-plugin-col--rtl {
    right: 8.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-1 {
    left: 4.16666667%;
  }
  .tools-vmok-plugin-col--push-lg-1.tools-vmok-plugin-col--rtl {
    right: 4.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-0 {
    left: 0%;
  }
  .tools-vmok-plugin-col--push-lg-0.tools-vmok-plugin-col--rtl {
    right: 0%;
    left: 0;
  }
}
.tools-vmok-plugin-col--span-xl-0 {
  display: none;
}
@media screen and (min-width: 1200px) {
  .tools-vmok-plugin-col--span-xl-24 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .tools-vmok-plugin-col--span-xl-23 {
    flex-basis: 95.83333333%;
    max-width: 95.83333333%;
  }
  .tools-vmok-plugin-col--span-xl-22 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .tools-vmok-plugin-col--span-xl-21 {
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .tools-vmok-plugin-col--span-xl-20 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .tools-vmok-plugin-col--span-xl-19 {
    flex-basis: 79.16666667%;
    max-width: 79.16666667%;
  }
  .tools-vmok-plugin-col--span-xl-18 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .tools-vmok-plugin-col--span-xl-17 {
    flex-basis: 70.83333333%;
    max-width: 70.83333333%;
  }
  .tools-vmok-plugin-col--span-xl-16 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .tools-vmok-plugin-col--span-xl-15 {
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .tools-vmok-plugin-col--span-xl-14 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .tools-vmok-plugin-col--span-xl-13 {
    flex-basis: 54.16666667%;
    max-width: 54.16666667%;
  }
  .tools-vmok-plugin-col--span-xl-12 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .tools-vmok-plugin-col--span-xl-11 {
    flex-basis: 45.83333333%;
    max-width: 45.83333333%;
  }
  .tools-vmok-plugin-col--span-xl-10 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .tools-vmok-plugin-col--span-xl-9 {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .tools-vmok-plugin-col--span-xl-8 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .tools-vmok-plugin-col--span-xl-7 {
    flex-basis: 29.16666667%;
    max-width: 29.16666667%;
  }
  .tools-vmok-plugin-col--span-xl-6 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .tools-vmok-plugin-col--span-xl-5 {
    flex-basis: 20.83333333%;
    max-width: 20.83333333%;
  }
  .tools-vmok-plugin-col--span-xl-4 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .tools-vmok-plugin-col--span-xl-3 {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .tools-vmok-plugin-col--span-xl-2 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .tools-vmok-plugin-col--span-xl-1 {
    flex-basis: 4.16666667%;
    max-width: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-xl-23 {
    margin-left: 95.83333333%;
  }
  .tools-vmok-plugin-col--offset-xl-23.tools-vmok-plugin-col--rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-22 {
    margin-left: 91.66666667%;
  }
  .tools-vmok-plugin-col--offset-xl-22.tools-vmok-plugin-col--rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-21 {
    margin-left: 87.5%;
  }
  .tools-vmok-plugin-col--offset-xl-21.tools-vmok-plugin-col--rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-20 {
    margin-left: 83.33333333%;
  }
  .tools-vmok-plugin-col--offset-xl-20.tools-vmok-plugin-col--rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-19 {
    margin-left: 79.16666667%;
  }
  .tools-vmok-plugin-col--offset-xl-19.tools-vmok-plugin-col--rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-18 {
    margin-left: 75%;
  }
  .tools-vmok-plugin-col--offset-xl-18.tools-vmok-plugin-col--rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-17 {
    margin-left: 70.83333333%;
  }
  .tools-vmok-plugin-col--offset-xl-17.tools-vmok-plugin-col--rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-16 {
    margin-left: 66.66666667%;
  }
  .tools-vmok-plugin-col--offset-xl-16.tools-vmok-plugin-col--rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-15 {
    margin-left: 62.5%;
  }
  .tools-vmok-plugin-col--offset-xl-15.tools-vmok-plugin-col--rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-14 {
    margin-left: 58.33333333%;
  }
  .tools-vmok-plugin-col--offset-xl-14.tools-vmok-plugin-col--rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-13 {
    margin-left: 54.16666667%;
  }
  .tools-vmok-plugin-col--offset-xl-13.tools-vmok-plugin-col--rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-12 {
    margin-left: 50%;
  }
  .tools-vmok-plugin-col--offset-xl-12.tools-vmok-plugin-col--rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-11 {
    margin-left: 45.83333333%;
  }
  .tools-vmok-plugin-col--offset-xl-11.tools-vmok-plugin-col--rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-10 {
    margin-left: 41.66666667%;
  }
  .tools-vmok-plugin-col--offset-xl-10.tools-vmok-plugin-col--rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-9 {
    margin-left: 37.5%;
  }
  .tools-vmok-plugin-col--offset-xl-9.tools-vmok-plugin-col--rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-8 {
    margin-left: 33.33333333%;
  }
  .tools-vmok-plugin-col--offset-xl-8.tools-vmok-plugin-col--rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-7 {
    margin-left: 29.16666667%;
  }
  .tools-vmok-plugin-col--offset-xl-7.tools-vmok-plugin-col--rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-6 {
    margin-left: 25%;
  }
  .tools-vmok-plugin-col--offset-xl-6.tools-vmok-plugin-col--rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-5 {
    margin-left: 20.83333333%;
  }
  .tools-vmok-plugin-col--offset-xl-5.tools-vmok-plugin-col--rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-4 {
    margin-left: 16.66666667%;
  }
  .tools-vmok-plugin-col--offset-xl-4.tools-vmok-plugin-col--rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-3 {
    margin-left: 12.5%;
  }
  .tools-vmok-plugin-col--offset-xl-3.tools-vmok-plugin-col--rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-2 {
    margin-left: 8.33333333%;
  }
  .tools-vmok-plugin-col--offset-xl-2.tools-vmok-plugin-col--rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-1 {
    margin-left: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-xl-1.tools-vmok-plugin-col--rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-0 {
    margin-left: 0%;
  }
  .tools-vmok-plugin-col--offset-xl-0.tools-vmok-plugin-col--rtl {
    margin-right: 0%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--order-xl-1 {
    order: 1;
  }
  .tools-vmok-plugin-col--order-xl-2 {
    order: 2;
  }
  .tools-vmok-plugin-col--order-xl-3 {
    order: 3;
  }
  .tools-vmok-plugin-col--order-xl-4 {
    order: 4;
  }
  .tools-vmok-plugin-col--order-xl-5 {
    order: 5;
  }
  .tools-vmok-plugin-col--order-xl-6 {
    order: 6;
  }
  .tools-vmok-plugin-col--order-xl-7 {
    order: 7;
  }
  .tools-vmok-plugin-col--order-xl-8 {
    order: 8;
  }
  .tools-vmok-plugin-col--order-xl-9 {
    order: 9;
  }
  .tools-vmok-plugin-col--order-xl-10 {
    order: 10;
  }
  .tools-vmok-plugin-col--order-xl-11 {
    order: 11;
  }
  .tools-vmok-plugin-col--order-xl-12 {
    order: 12;
  }
  .tools-vmok-plugin-col--order-xl-13 {
    order: 13;
  }
  .tools-vmok-plugin-col--order-xl-14 {
    order: 14;
  }
  .tools-vmok-plugin-col--order-xl-15 {
    order: 15;
  }
  .tools-vmok-plugin-col--order-xl-16 {
    order: 16;
  }
  .tools-vmok-plugin-col--order-xl-17 {
    order: 17;
  }
  .tools-vmok-plugin-col--order-xl-18 {
    order: 18;
  }
  .tools-vmok-plugin-col--order-xl-19 {
    order: 19;
  }
  .tools-vmok-plugin-col--order-xl-20 {
    order: 20;
  }
  .tools-vmok-plugin-col--order-xl-21 {
    order: 21;
  }
  .tools-vmok-plugin-col--order-xl-22 {
    order: 22;
  }
  .tools-vmok-plugin-col--order-xl-23 {
    order: 23;
  }
  .tools-vmok-plugin-col--order-xl-24 {
    order: 24;
  }
  .tools-vmok-plugin-col--pull-xl-23 {
    right: 95.83333333%;
  }
  .tools-vmok-plugin-col--pull-xl-23.tools-vmok-plugin-col--rtl {
    left: 95.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-22 {
    right: 91.66666667%;
  }
  .tools-vmok-plugin-col--pull-xl-22.tools-vmok-plugin-col--rtl {
    left: 91.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-21 {
    right: 87.5%;
  }
  .tools-vmok-plugin-col--pull-xl-21.tools-vmok-plugin-col--rtl {
    left: 87.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-20 {
    right: 83.33333333%;
  }
  .tools-vmok-plugin-col--pull-xl-20.tools-vmok-plugin-col--rtl {
    left: 83.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-19 {
    right: 79.16666667%;
  }
  .tools-vmok-plugin-col--pull-xl-19.tools-vmok-plugin-col--rtl {
    left: 79.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-18 {
    right: 75%;
  }
  .tools-vmok-plugin-col--pull-xl-18.tools-vmok-plugin-col--rtl {
    left: 75%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-17 {
    right: 70.83333333%;
  }
  .tools-vmok-plugin-col--pull-xl-17.tools-vmok-plugin-col--rtl {
    left: 70.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-16 {
    right: 66.66666667%;
  }
  .tools-vmok-plugin-col--pull-xl-16.tools-vmok-plugin-col--rtl {
    left: 66.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-15 {
    right: 62.5%;
  }
  .tools-vmok-plugin-col--pull-xl-15.tools-vmok-plugin-col--rtl {
    left: 62.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-14 {
    right: 58.33333333%;
  }
  .tools-vmok-plugin-col--pull-xl-14.tools-vmok-plugin-col--rtl {
    left: 58.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-13 {
    right: 54.16666667%;
  }
  .tools-vmok-plugin-col--pull-xl-13.tools-vmok-plugin-col--rtl {
    left: 54.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-12 {
    right: 50%;
  }
  .tools-vmok-plugin-col--pull-xl-12.tools-vmok-plugin-col--rtl {
    left: 50%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-11 {
    right: 45.83333333%;
  }
  .tools-vmok-plugin-col--pull-xl-11.tools-vmok-plugin-col--rtl {
    left: 45.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-10 {
    right: 41.66666667%;
  }
  .tools-vmok-plugin-col--pull-xl-10.tools-vmok-plugin-col--rtl {
    left: 41.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-9 {
    right: 37.5%;
  }
  .tools-vmok-plugin-col--pull-xl-9.tools-vmok-plugin-col--rtl {
    left: 37.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-8 {
    right: 33.33333333%;
  }
  .tools-vmok-plugin-col--pull-xl-8.tools-vmok-plugin-col--rtl {
    left: 33.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-7 {
    right: 29.16666667%;
  }
  .tools-vmok-plugin-col--pull-xl-7.tools-vmok-plugin-col--rtl {
    left: 29.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-6 {
    right: 25%;
  }
  .tools-vmok-plugin-col--pull-xl-6.tools-vmok-plugin-col--rtl {
    left: 25%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-5 {
    right: 20.83333333%;
  }
  .tools-vmok-plugin-col--pull-xl-5.tools-vmok-plugin-col--rtl {
    left: 20.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-4 {
    right: 16.66666667%;
  }
  .tools-vmok-plugin-col--pull-xl-4.tools-vmok-plugin-col--rtl {
    left: 16.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-3 {
    right: 12.5%;
  }
  .tools-vmok-plugin-col--pull-xl-3.tools-vmok-plugin-col--rtl {
    left: 12.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-2 {
    right: 8.33333333%;
  }
  .tools-vmok-plugin-col--pull-xl-2.tools-vmok-plugin-col--rtl {
    left: 8.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-1 {
    right: 4.16666667%;
  }
  .tools-vmok-plugin-col--pull-xl-1.tools-vmok-plugin-col--rtl {
    left: 4.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-0 {
    right: 0%;
  }
  .tools-vmok-plugin-col--pull-xl-0.tools-vmok-plugin-col--rtl {
    left: 0%;
    right: 0;
  }
  .tools-vmok-plugin-col--push-xl-23 {
    left: 95.83333333%;
  }
  .tools-vmok-plugin-col--push-xl-23.tools-vmok-plugin-col--rtl {
    right: 95.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-22 {
    left: 91.66666667%;
  }
  .tools-vmok-plugin-col--push-xl-22.tools-vmok-plugin-col--rtl {
    right: 91.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-21 {
    left: 87.5%;
  }
  .tools-vmok-plugin-col--push-xl-21.tools-vmok-plugin-col--rtl {
    right: 87.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-20 {
    left: 83.33333333%;
  }
  .tools-vmok-plugin-col--push-xl-20.tools-vmok-plugin-col--rtl {
    right: 83.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-19 {
    left: 79.16666667%;
  }
  .tools-vmok-plugin-col--push-xl-19.tools-vmok-plugin-col--rtl {
    right: 79.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-18 {
    left: 75%;
  }
  .tools-vmok-plugin-col--push-xl-18.tools-vmok-plugin-col--rtl {
    right: 75%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-17 {
    left: 70.83333333%;
  }
  .tools-vmok-plugin-col--push-xl-17.tools-vmok-plugin-col--rtl {
    right: 70.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-16 {
    left: 66.66666667%;
  }
  .tools-vmok-plugin-col--push-xl-16.tools-vmok-plugin-col--rtl {
    right: 66.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-15 {
    left: 62.5%;
  }
  .tools-vmok-plugin-col--push-xl-15.tools-vmok-plugin-col--rtl {
    right: 62.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-14 {
    left: 58.33333333%;
  }
  .tools-vmok-plugin-col--push-xl-14.tools-vmok-plugin-col--rtl {
    right: 58.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-13 {
    left: 54.16666667%;
  }
  .tools-vmok-plugin-col--push-xl-13.tools-vmok-plugin-col--rtl {
    right: 54.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-12 {
    left: 50%;
  }
  .tools-vmok-plugin-col--push-xl-12.tools-vmok-plugin-col--rtl {
    right: 50%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-11 {
    left: 45.83333333%;
  }
  .tools-vmok-plugin-col--push-xl-11.tools-vmok-plugin-col--rtl {
    right: 45.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-10 {
    left: 41.66666667%;
  }
  .tools-vmok-plugin-col--push-xl-10.tools-vmok-plugin-col--rtl {
    right: 41.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-9 {
    left: 37.5%;
  }
  .tools-vmok-plugin-col--push-xl-9.tools-vmok-plugin-col--rtl {
    right: 37.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-8 {
    left: 33.33333333%;
  }
  .tools-vmok-plugin-col--push-xl-8.tools-vmok-plugin-col--rtl {
    right: 33.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-7 {
    left: 29.16666667%;
  }
  .tools-vmok-plugin-col--push-xl-7.tools-vmok-plugin-col--rtl {
    right: 29.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-6 {
    left: 25%;
  }
  .tools-vmok-plugin-col--push-xl-6.tools-vmok-plugin-col--rtl {
    right: 25%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-5 {
    left: 20.83333333%;
  }
  .tools-vmok-plugin-col--push-xl-5.tools-vmok-plugin-col--rtl {
    right: 20.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-4 {
    left: 16.66666667%;
  }
  .tools-vmok-plugin-col--push-xl-4.tools-vmok-plugin-col--rtl {
    right: 16.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-3 {
    left: 12.5%;
  }
  .tools-vmok-plugin-col--push-xl-3.tools-vmok-plugin-col--rtl {
    right: 12.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-2 {
    left: 8.33333333%;
  }
  .tools-vmok-plugin-col--push-xl-2.tools-vmok-plugin-col--rtl {
    right: 8.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-1 {
    left: 4.16666667%;
  }
  .tools-vmok-plugin-col--push-xl-1.tools-vmok-plugin-col--rtl {
    right: 4.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-0 {
    left: 0%;
  }
  .tools-vmok-plugin-col--push-xl-0.tools-vmok-plugin-col--rtl {
    right: 0%;
    left: 0;
  }
}
.tools-vmok-plugin-col--span-xxl-0 {
  display: none;
}
@media screen and (min-width: 1400px) {
  .tools-vmok-plugin-col--span-xxl-24 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .tools-vmok-plugin-col--span-xxl-23 {
    flex-basis: 95.83333333%;
    max-width: 95.83333333%;
  }
  .tools-vmok-plugin-col--span-xxl-22 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .tools-vmok-plugin-col--span-xxl-21 {
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .tools-vmok-plugin-col--span-xxl-20 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .tools-vmok-plugin-col--span-xxl-19 {
    flex-basis: 79.16666667%;
    max-width: 79.16666667%;
  }
  .tools-vmok-plugin-col--span-xxl-18 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .tools-vmok-plugin-col--span-xxl-17 {
    flex-basis: 70.83333333%;
    max-width: 70.83333333%;
  }
  .tools-vmok-plugin-col--span-xxl-16 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .tools-vmok-plugin-col--span-xxl-15 {
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .tools-vmok-plugin-col--span-xxl-14 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .tools-vmok-plugin-col--span-xxl-13 {
    flex-basis: 54.16666667%;
    max-width: 54.16666667%;
  }
  .tools-vmok-plugin-col--span-xxl-12 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .tools-vmok-plugin-col--span-xxl-11 {
    flex-basis: 45.83333333%;
    max-width: 45.83333333%;
  }
  .tools-vmok-plugin-col--span-xxl-10 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .tools-vmok-plugin-col--span-xxl-9 {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .tools-vmok-plugin-col--span-xxl-8 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .tools-vmok-plugin-col--span-xxl-7 {
    flex-basis: 29.16666667%;
    max-width: 29.16666667%;
  }
  .tools-vmok-plugin-col--span-xxl-6 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .tools-vmok-plugin-col--span-xxl-5 {
    flex-basis: 20.83333333%;
    max-width: 20.83333333%;
  }
  .tools-vmok-plugin-col--span-xxl-4 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .tools-vmok-plugin-col--span-xxl-3 {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .tools-vmok-plugin-col--span-xxl-2 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .tools-vmok-plugin-col--span-xxl-1 {
    flex-basis: 4.16666667%;
    max-width: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-23 {
    margin-left: 95.83333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-23.tools-vmok-plugin-col--rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-22 {
    margin-left: 91.66666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-22.tools-vmok-plugin-col--rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-21 {
    margin-left: 87.5%;
  }
  .tools-vmok-plugin-col--offset-xxl-21.tools-vmok-plugin-col--rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-20 {
    margin-left: 83.33333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-20.tools-vmok-plugin-col--rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-19 {
    margin-left: 79.16666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-19.tools-vmok-plugin-col--rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-18 {
    margin-left: 75%;
  }
  .tools-vmok-plugin-col--offset-xxl-18.tools-vmok-plugin-col--rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-17 {
    margin-left: 70.83333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-17.tools-vmok-plugin-col--rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-16 {
    margin-left: 66.66666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-16.tools-vmok-plugin-col--rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-15 {
    margin-left: 62.5%;
  }
  .tools-vmok-plugin-col--offset-xxl-15.tools-vmok-plugin-col--rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-14 {
    margin-left: 58.33333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-14.tools-vmok-plugin-col--rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-13 {
    margin-left: 54.16666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-13.tools-vmok-plugin-col--rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-12 {
    margin-left: 50%;
  }
  .tools-vmok-plugin-col--offset-xxl-12.tools-vmok-plugin-col--rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-11 {
    margin-left: 45.83333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-11.tools-vmok-plugin-col--rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-10 {
    margin-left: 41.66666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-10.tools-vmok-plugin-col--rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-9 {
    margin-left: 37.5%;
  }
  .tools-vmok-plugin-col--offset-xxl-9.tools-vmok-plugin-col--rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-8 {
    margin-left: 33.33333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-8.tools-vmok-plugin-col--rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-7 {
    margin-left: 29.16666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-7.tools-vmok-plugin-col--rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-6 {
    margin-left: 25%;
  }
  .tools-vmok-plugin-col--offset-xxl-6.tools-vmok-plugin-col--rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-5 {
    margin-left: 20.83333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-5.tools-vmok-plugin-col--rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-4 {
    margin-left: 16.66666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-4.tools-vmok-plugin-col--rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-3 {
    margin-left: 12.5%;
  }
  .tools-vmok-plugin-col--offset-xxl-3.tools-vmok-plugin-col--rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-2 {
    margin-left: 8.33333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-2.tools-vmok-plugin-col--rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-1 {
    margin-left: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-1.tools-vmok-plugin-col--rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-0 {
    margin-left: 0%;
  }
  .tools-vmok-plugin-col--offset-xxl-0.tools-vmok-plugin-col--rtl {
    margin-right: 0%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--order-xxl-1 {
    order: 1;
  }
  .tools-vmok-plugin-col--order-xxl-2 {
    order: 2;
  }
  .tools-vmok-plugin-col--order-xxl-3 {
    order: 3;
  }
  .tools-vmok-plugin-col--order-xxl-4 {
    order: 4;
  }
  .tools-vmok-plugin-col--order-xxl-5 {
    order: 5;
  }
  .tools-vmok-plugin-col--order-xxl-6 {
    order: 6;
  }
  .tools-vmok-plugin-col--order-xxl-7 {
    order: 7;
  }
  .tools-vmok-plugin-col--order-xxl-8 {
    order: 8;
  }
  .tools-vmok-plugin-col--order-xxl-9 {
    order: 9;
  }
  .tools-vmok-plugin-col--order-xxl-10 {
    order: 10;
  }
  .tools-vmok-plugin-col--order-xxl-11 {
    order: 11;
  }
  .tools-vmok-plugin-col--order-xxl-12 {
    order: 12;
  }
  .tools-vmok-plugin-col--order-xxl-13 {
    order: 13;
  }
  .tools-vmok-plugin-col--order-xxl-14 {
    order: 14;
  }
  .tools-vmok-plugin-col--order-xxl-15 {
    order: 15;
  }
  .tools-vmok-plugin-col--order-xxl-16 {
    order: 16;
  }
  .tools-vmok-plugin-col--order-xxl-17 {
    order: 17;
  }
  .tools-vmok-plugin-col--order-xxl-18 {
    order: 18;
  }
  .tools-vmok-plugin-col--order-xxl-19 {
    order: 19;
  }
  .tools-vmok-plugin-col--order-xxl-20 {
    order: 20;
  }
  .tools-vmok-plugin-col--order-xxl-21 {
    order: 21;
  }
  .tools-vmok-plugin-col--order-xxl-22 {
    order: 22;
  }
  .tools-vmok-plugin-col--order-xxl-23 {
    order: 23;
  }
  .tools-vmok-plugin-col--order-xxl-24 {
    order: 24;
  }
  .tools-vmok-plugin-col--pull-xxl-23 {
    right: 95.83333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-23.tools-vmok-plugin-col--rtl {
    left: 95.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-22 {
    right: 91.66666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-22.tools-vmok-plugin-col--rtl {
    left: 91.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-21 {
    right: 87.5%;
  }
  .tools-vmok-plugin-col--pull-xxl-21.tools-vmok-plugin-col--rtl {
    left: 87.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-20 {
    right: 83.33333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-20.tools-vmok-plugin-col--rtl {
    left: 83.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-19 {
    right: 79.16666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-19.tools-vmok-plugin-col--rtl {
    left: 79.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-18 {
    right: 75%;
  }
  .tools-vmok-plugin-col--pull-xxl-18.tools-vmok-plugin-col--rtl {
    left: 75%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-17 {
    right: 70.83333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-17.tools-vmok-plugin-col--rtl {
    left: 70.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-16 {
    right: 66.66666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-16.tools-vmok-plugin-col--rtl {
    left: 66.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-15 {
    right: 62.5%;
  }
  .tools-vmok-plugin-col--pull-xxl-15.tools-vmok-plugin-col--rtl {
    left: 62.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-14 {
    right: 58.33333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-14.tools-vmok-plugin-col--rtl {
    left: 58.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-13 {
    right: 54.16666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-13.tools-vmok-plugin-col--rtl {
    left: 54.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-12 {
    right: 50%;
  }
  .tools-vmok-plugin-col--pull-xxl-12.tools-vmok-plugin-col--rtl {
    left: 50%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-11 {
    right: 45.83333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-11.tools-vmok-plugin-col--rtl {
    left: 45.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-10 {
    right: 41.66666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-10.tools-vmok-plugin-col--rtl {
    left: 41.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-9 {
    right: 37.5%;
  }
  .tools-vmok-plugin-col--pull-xxl-9.tools-vmok-plugin-col--rtl {
    left: 37.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-8 {
    right: 33.33333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-8.tools-vmok-plugin-col--rtl {
    left: 33.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-7 {
    right: 29.16666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-7.tools-vmok-plugin-col--rtl {
    left: 29.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-6 {
    right: 25%;
  }
  .tools-vmok-plugin-col--pull-xxl-6.tools-vmok-plugin-col--rtl {
    left: 25%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-5 {
    right: 20.83333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-5.tools-vmok-plugin-col--rtl {
    left: 20.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-4 {
    right: 16.66666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-4.tools-vmok-plugin-col--rtl {
    left: 16.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-3 {
    right: 12.5%;
  }
  .tools-vmok-plugin-col--pull-xxl-3.tools-vmok-plugin-col--rtl {
    left: 12.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-2 {
    right: 8.33333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-2.tools-vmok-plugin-col--rtl {
    left: 8.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-1 {
    right: 4.16666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-1.tools-vmok-plugin-col--rtl {
    left: 4.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-0 {
    right: 0%;
  }
  .tools-vmok-plugin-col--pull-xxl-0.tools-vmok-plugin-col--rtl {
    left: 0%;
    right: 0;
  }
  .tools-vmok-plugin-col--push-xxl-23 {
    left: 95.83333333%;
  }
  .tools-vmok-plugin-col--push-xxl-23.tools-vmok-plugin-col--rtl {
    right: 95.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-22 {
    left: 91.66666667%;
  }
  .tools-vmok-plugin-col--push-xxl-22.tools-vmok-plugin-col--rtl {
    right: 91.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-21 {
    left: 87.5%;
  }
  .tools-vmok-plugin-col--push-xxl-21.tools-vmok-plugin-col--rtl {
    right: 87.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-20 {
    left: 83.33333333%;
  }
  .tools-vmok-plugin-col--push-xxl-20.tools-vmok-plugin-col--rtl {
    right: 83.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-19 {
    left: 79.16666667%;
  }
  .tools-vmok-plugin-col--push-xxl-19.tools-vmok-plugin-col--rtl {
    right: 79.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-18 {
    left: 75%;
  }
  .tools-vmok-plugin-col--push-xxl-18.tools-vmok-plugin-col--rtl {
    right: 75%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-17 {
    left: 70.83333333%;
  }
  .tools-vmok-plugin-col--push-xxl-17.tools-vmok-plugin-col--rtl {
    right: 70.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-16 {
    left: 66.66666667%;
  }
  .tools-vmok-plugin-col--push-xxl-16.tools-vmok-plugin-col--rtl {
    right: 66.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-15 {
    left: 62.5%;
  }
  .tools-vmok-plugin-col--push-xxl-15.tools-vmok-plugin-col--rtl {
    right: 62.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-14 {
    left: 58.33333333%;
  }
  .tools-vmok-plugin-col--push-xxl-14.tools-vmok-plugin-col--rtl {
    right: 58.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-13 {
    left: 54.16666667%;
  }
  .tools-vmok-plugin-col--push-xxl-13.tools-vmok-plugin-col--rtl {
    right: 54.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-12 {
    left: 50%;
  }
  .tools-vmok-plugin-col--push-xxl-12.tools-vmok-plugin-col--rtl {
    right: 50%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-11 {
    left: 45.83333333%;
  }
  .tools-vmok-plugin-col--push-xxl-11.tools-vmok-plugin-col--rtl {
    right: 45.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-10 {
    left: 41.66666667%;
  }
  .tools-vmok-plugin-col--push-xxl-10.tools-vmok-plugin-col--rtl {
    right: 41.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-9 {
    left: 37.5%;
  }
  .tools-vmok-plugin-col--push-xxl-9.tools-vmok-plugin-col--rtl {
    right: 37.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-8 {
    left: 33.33333333%;
  }
  .tools-vmok-plugin-col--push-xxl-8.tools-vmok-plugin-col--rtl {
    right: 33.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-7 {
    left: 29.16666667%;
  }
  .tools-vmok-plugin-col--push-xxl-7.tools-vmok-plugin-col--rtl {
    right: 29.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-6 {
    left: 25%;
  }
  .tools-vmok-plugin-col--push-xxl-6.tools-vmok-plugin-col--rtl {
    right: 25%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-5 {
    left: 20.83333333%;
  }
  .tools-vmok-plugin-col--push-xxl-5.tools-vmok-plugin-col--rtl {
    right: 20.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-4 {
    left: 16.66666667%;
  }
  .tools-vmok-plugin-col--push-xxl-4.tools-vmok-plugin-col--rtl {
    right: 16.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-3 {
    left: 12.5%;
  }
  .tools-vmok-plugin-col--push-xxl-3.tools-vmok-plugin-col--rtl {
    right: 12.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-2 {
    left: 8.33333333%;
  }
  .tools-vmok-plugin-col--push-xxl-2.tools-vmok-plugin-col--rtl {
    right: 8.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-1 {
    left: 4.16666667%;
  }
  .tools-vmok-plugin-col--push-xxl-1.tools-vmok-plugin-col--rtl {
    right: 4.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-0 {
    left: 0%;
  }
  .tools-vmok-plugin-col--push-xxl-0.tools-vmok-plugin-col--rtl {
    right: 0%;
    left: 0;
  }
}
.tools-vmok-plugin-form {
  display: block;
}
/* Form */
.tools-vmok-plugin-form-item {
  display: flex;
  margin-bottom: 32px;
}
.tools-vmok-plugin-form-item--with-error {
  margin-bottom: 8px;
}
.tools-vmok-plugin-form-item__label {
  line-height: 22px;
  padding: 6px 16px;
  position: relative;
  font-size: 14px;
  color: #31343B !important;
}
.tools-vmok-plugin-form-item__label--required::after {
  background-color: #e34949;
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  top: 15px;
  right: 6px;
  border-radius: 50%;
}
.tools-vmok-plugin-form-item--align-left .tools-vmok-plugin-form-item__label {
  text-align: left;
}
.tools-vmok-plugin-form-item--align-right .tools-vmok-plugin-form-item__label {
  text-align: right;
}
.tools-vmok-plugin-form-item__control {
  flex: 1 1 0;
  align-items: center;
  flex-direction: column;
}
.tools-vmok-plugin-form-item__control__content {
  display: flex;
  align-items: center;
  flex: auto;
  max-width: 100%;
  min-height: 34px;
}
.tools-vmok-plugin-form-item__control__extra {
  margin-top: 4px;
}
.tools-vmok-plugin-form-item__control__error {
  color: #e34949;
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-form-item__control__help {
  color: #93969d;
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-form-item__control__error + .tools-vmok-plugin-form-item__control__help {
  padding-bottom: 4px;
}
.tools-vmok-plugin-form-item--layout-vertical {
  display: block;
}
.tools-vmok-plugin-form-item--layout-vertical .tools-vmok-plugin-form-item__label {
  display: block;
  padding: 0;
  text-align: left;
  margin-bottom: 8px;
}
.tools-vmok-plugin-form-item--layout-vertical .tools-vmok-plugin-form-item__label::after {
  content: none;
}
.tools-vmok-plugin-form-item--layout-vertical .tools-vmok-plugin-form-item__label--required label {
  position: relative;
  color: #31343B;
}
.tools-vmok-plugin-form-item--layout-vertical .tools-vmok-plugin-form-item__label--required label::after {
  background-color: #e34949;
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  top: 7px;
  right: -12px;
  border-radius: 50%;
}
.tools-vmok-plugin-grid {
  display: grid;
}
@keyframes v-okee-loading-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes v-okee-spin-loading-rotate {
  to {
    transform: rotate(360deg);
  }
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(9) {
  animation: v-okee-loading-opacity 0.8s linear 0s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(8) {
  animation: v-okee-loading-opacity 0.8s linear -0.1s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(7) {
  animation: v-okee-loading-opacity 0.8s linear -0.2s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(6) {
  animation: v-okee-loading-opacity 0.8s linear -0.3s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(5) {
  animation: v-okee-loading-opacity 0.8s linear -0.4s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(4) {
  animation: v-okee-loading-opacity 0.8s linear -0.5s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(3) {
  animation: v-okee-loading-opacity 0.8s linear -0.6s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(2) {
  animation: v-okee-loading-opacity 0.8s linear -0.7s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(1) {
  animation: v-okee-loading-opacity 0.8s linear -0.8s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(0) {
  animation: v-okee-loading-opacity 0.8s linear -0.9s infinite;
}
.tools-vmok-plugin-icon__spin-loading {
  transform: rotate(0);
  animation: v-okee-spin-loading-rotate 0.8s infinite linear;
}
.tools-vmok-plugin-icon {
  display: inline-block;
}
.tools-vmok-plugin-icon svg {
  display: block;
}
.tools-vmok-plugin-image-preview {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
}
.tools-vmok-plugin-image-preview__mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
}
.tools-vmok-plugin-image-preview__wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
}
.tools-vmok-plugin-image-preview__img-container {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.tools-vmok-plugin-image-preview__img {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  user-select: none;
  cursor: grab;
  pointer-events: all;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.tools-vmok-plugin-image-preview__toolbar {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  list-style: none;
  padding: 0 20px;
  border-radius: 24px;
  height: 42px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.tools-vmok-plugin-image-preview__toolbar-item {
  display: inline-flex;
  justify-content: center;
  margin: 0 8px;
  cursor: pointer;
  user-select: none;
}
.tools-vmok-plugin-image-preview__toolbar-item .tools-vmok-plugin-icon {
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-image-preview__toolbar-item.zoom-percent {
  font-size: 14px;
}
.tools-vmok-plugin-image-preview__toolbar-item.divider {
  height: 16px;
  width: 1px;
  background: #ffffff;
  opacity: 0.3;
}
.tools-vmok-plugin-image-preview__toolbar-item__percent {
  display: inline-flex;
  justify-content: center;
  width: 38px;
}
.tools-vmok-plugin-image-preview__left-switcher {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  height: 48px;
  width: 48px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.tools-vmok-plugin-image-preview__left-switcher .tools-vmok-plugin-icon svg {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-image-preview__right-switcher {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 32px;
  height: 48px;
  width: 48px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.tools-vmok-plugin-image-preview__right-switcher .tools-vmok-plugin-icon svg {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-image-preview__close {
  color: #fff;
  position: absolute;
  top: 32px;
  right: 32px;
  height: 48px;
  width: 48px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.tools-vmok-plugin-image {
  display: inline-flex;
}
.tools-vmok-plugin-image__hidden {
  display: none;
}
.tools-vmok-plugin-image__img {
  width: 100%;
  display: block;
}
.tools-vmok-plugin-image__img--preview {
  cursor: zoom-in;
}
.tools-vmok-plugin-image__extra-count {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: "OC-OPPOSans";
  font-weight: 600;
  cursor: pointer;
}
.tools-vmok-plugin-infinite-scroll {
  overflow: auto;
}
.tools-vmok-plugin-infinite-scroll::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-infinite-scroll::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-infinite-scroll::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-infinite-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-infinite-scroll__loader {
  display: flex;
  justify-content: center;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-input-group {
  position: relative;
  width: 100%;
  display: flex;
  align-self: stretch;
  border-radius: 8px;
}
.tools-vmok-plugin-input-group > :not(:last-child):not(:first-child)[data-okee-fill="false"] {
  margin-right: -1px;
}
.tools-vmok-plugin-input-group > :not(:last-child):not(:first-child),
.tools-vmok-plugin-input-group > :not(:last-child):not(:first-child) .tools-vmok-plugin-input__wrapper,
.tools-vmok-plugin-input-group > :not(:last-child):not(:first-child) .tools-vmok-plugin-custom-input {
  border-radius: 0;
}
.tools-vmok-plugin-input-group > :first-child:not(:last-child)[data-okee-fill="false"] {
  margin-right: -1px;
}
.tools-vmok-plugin-input-group > :first-child:not(:last-child),
.tools-vmok-plugin-input-group > :first-child:not(:last-child) .tools-vmok-plugin-input__wrapper,
.tools-vmok-plugin-input-group > :first-child:not(:last-child) .tools-vmok-plugin-custom-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-input-group > :last-child:not(:first-child),
.tools-vmok-plugin-input-group > :last-child:not(:first-child) .tools-vmok-plugin-input__wrapper,
.tools-vmok-plugin-input-group > :last-child:not(:first-child) .tools-vmok-plugin-custom-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-input-group > .tools-vmok-plugin-button:not(.tools-vmok-plugin-button--disabled):hover,
.tools-vmok-plugin-input-group > .tools-vmok-plugin-button:not(.tools-vmok-plugin-button--disabled):focus,
.tools-vmok-plugin-input-group > .tools-vmok-plugin-button:not(.tools-vmok-plugin-button--disabled):active {
  z-index: 3;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-custom-input:not(.tools-vmok-plugin-custom-input--disabled).tools-vmok-plugin-custom-input--error {
  z-index: 1;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-custom-input:not(.tools-vmok-plugin-custom-input--disabled).tools-vmok-plugin-custom-input--focused {
  z-index: 4;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-custom-input:not(.tools-vmok-plugin-custom-input--disabled):hover {
  z-index: 3;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-input__wrapper:not(.tools-vmok-plugin-input__wrapper--disabled).tools-vmok-plugin-input__wrapper--error {
  z-index: 1;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-input__wrapper:not(.tools-vmok-plugin-input__wrapper--disabled).tools-vmok-plugin-input__wrapper--focused {
  z-index: 4;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-input__wrapper:not(.tools-vmok-plugin-input__wrapper--disabled):hover {
  z-index: 3;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-textarea__wrapper:not(.tools-vmok-plugin-textarea__wrapper--disabled).tools-vmok-plugin-textarea__wrapper--error {
  z-index: 1;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-textarea__wrapper:not(.tools-vmok-plugin-textarea__wrapper--disabled).tools-vmok-plugin-textarea__wrapper--focused {
  z-index: 4;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-textarea__wrapper:not(.tools-vmok-plugin-textarea__wrapper--disabled):hover {
  z-index: 3;
}
.tools-vmok-plugin-input-group--xs {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-input-group--sm {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-input-group--md {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-input-group--lg {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-input-group--xl {
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-input-group__addon {
  padding: 0 5px;
  border: 1px solid;
  white-space: nowrap;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
}
.tools-vmok-plugin-input-group__addon:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-right: none;
  margin-right: -1px;
}
.tools-vmok-plugin-input-group__addon:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: none;
}
.tools-vmok-plugin-input-group__addon--stroke {
  background-color: #f2f4f7;
  border-color: #dee0e3;
  color: #31343b;
}
.tools-vmok-plugin-input-group__addon--stroke.tools-vmok-plugin-input-group__addon--disabled {
  cursor: not-allowed;
  background-color: #f2f4f7;
  border-color: #dee0e3;
  color: #31343b;
}
.tools-vmok-plugin-input-group__addon--fill {
  background-color: #f2f4f7;
  color: #31343b;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-input-group__addon--fill.tools-vmok-plugin-input-group__addon--disabled {
  cursor: not-allowed;
  background-color: #f5f7fa;
  color: #b9bcc3;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-input-group--rtl {
  direction: rtl;
}
.tools-vmok-plugin-input-group--rtl > :first-child:not(:last-child)[data-okee-fill="false"] {
  margin-left: -1px;
  margin-right: 0;
}
.tools-vmok-plugin-input-group--rtl > :first-child:not(:last-child),
.tools-vmok-plugin-input-group--rtl > :first-child:not(:last-child) .tools-vmok-plugin-input__wrapper,
.tools-vmok-plugin-input-group--rtl > :first-child:not(:last-child) .tools-vmok-plugin-custom-input {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-input-group--rtl > :last-child:not(:first-child),
.tools-vmok-plugin-input-group--rtl > :last-child:not(:first-child) .tools-vmok-plugin-input__wrapper,
.tools-vmok-plugin-input-group--rtl > :last-child:not(:first-child) .tools-vmok-plugin-custom-input {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-input-group--rtl .tools-vmok-plugin-input-group__addon {
  border-radius: 8px;
}
.tools-vmok-plugin-input-group--rtl .tools-vmok-plugin-input-group__addon:first-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: none;
  border-right: 1px solid #dee0e3;
  margin-left: -1px;
  margin-right: 0;
}
.tools-vmok-plugin-input-group--rtl .tools-vmok-plugin-input-group__addon:last-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-right: none;
  border-left: 1px solid #dee0e3;
}
.tools-vmok-plugin-input__wrapper {
  display: inline-flex;
  position: relative;
  border-radius: 8px;
  width: 100%;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input {
  width: 100%;
  flex: 1;
  outline: none;
  border: none;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  color: inherit;
  cursor: inherit;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input::-moz-placeholder {
  color: #93969d;
  opacity: 1;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input:-ms-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input::-webkit-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input[type="text"],
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input[type="number"],
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input[type="password"] {
  appearance: none;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input[type="number"]::-webkit-inner-spin-button {
  appearance: none;
}
.tools-vmok-plugin-input__wrapper--fill {
  border: 1px solid transparent;
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-input__wrapper--fill .tools-vmok-plugin-input::-moz-placeholder {
  color: #93969d;
  opacity: 1;
}
.tools-vmok-plugin-input__wrapper--fill .tools-vmok-plugin-input:-ms-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-input__wrapper--fill .tools-vmok-plugin-input::-webkit-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-input__wrapper--fill:hover {
  color: #31343b;
  background-color: #f2f4f7;
  border-color: #0057ff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--focused {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #0057ff;
  box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  animation: bui-input-focus-effect_primary 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_primary {
  from {
    box-shadow: 0 0 0 0 #0057ff;
  }
  to {
    box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  }
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--error {
  border: 1px solid transparent;
  background-color: #fdf2f2;
  color: #31343b;
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--error:hover {
  color: #31343b;
  background-color: #fdf2f2;
  border-color: #ea7979;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--error.tools-vmok-plugin-input__wrapper--focused {
  color: #31343b;
  background-color: #fdf2f2;
  border-color: #e34949;
  box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  animation: bui-input-focus-effect_error 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_error {
  from {
    box-shadow: 0 0 0 0 #e34949;
  }
  to {
    box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  }
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled:hover,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused {
  background-color: #f5f7fa;
  border-color: transparent;
  color: #b9bcc3;
  box-shadow: none;
  animation: none;
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input::-moz-placeholder,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled:hover .tools-vmok-plugin-input::-moz-placeholder,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused .tools-vmok-plugin-input::-moz-placeholder {
  color: #b9bcc3;
  opacity: 1;
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input:-ms-input-placeholder,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled:hover .tools-vmok-plugin-input:-ms-input-placeholder,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused .tools-vmok-plugin-input:-ms-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input::-webkit-input-placeholder,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled:hover .tools-vmok-plugin-input::-webkit-input-placeholder,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused .tools-vmok-plugin-input::-webkit-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-input__wrapper--stroke {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #dfe0e2;
}
.tools-vmok-plugin-input__wrapper--stroke:hover {
  background-color: #ffffff;
  color: #31343b;
  border-color: #0057ff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--focused {
  background-color: #ffffff;
  color: #31343b;
  border-color: #0057ff;
  box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  animation: bui-input-focus-effect_primary 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_primary {
  from {
    box-shadow: 0 0 0 0 #0057ff;
  }
  to {
    box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  }
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--error {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #e34949;
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--error:hover {
  background-color: #ffffff;
  color: #31343b;
  border-color: #ea7979;
  transition: border-color 0.1s ease-in-out;
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--error.tools-vmok-plugin-input__wrapper--focused {
  background-color: #ffffff;
  color: #31343b;
  border-color: #e34949;
  box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  animation: bui-input-focus-effect_error 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_error {
  from {
    box-shadow: 0 0 0 0 #e34949;
  }
  to {
    box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  }
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled:hover,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border: 1px solid #f2f4f7;
  box-shadow: none;
  animation: none;
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input::-moz-placeholder,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled:hover .tools-vmok-plugin-input::-moz-placeholder,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused .tools-vmok-plugin-input::-moz-placeholder {
  color: #b9bcc3;
  opacity: 1;
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input:-ms-input-placeholder,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled:hover .tools-vmok-plugin-input:-ms-input-placeholder,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused .tools-vmok-plugin-input:-ms-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input::-webkit-input-placeholder,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled:hover .tools-vmok-plugin-input::-webkit-input-placeholder,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused .tools-vmok-plugin-input::-webkit-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-input__wrapper--xs {
  padding: 2px 8px;
}
.tools-vmok-plugin-input__wrapper--xs,
.tools-vmok-plugin-input__wrapper--xs .tools-vmok-plugin-input {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-input__wrapper--sm {
  padding: 4px 8px;
}
.tools-vmok-plugin-input__wrapper--sm,
.tools-vmok-plugin-input__wrapper--sm .tools-vmok-plugin-input {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-input__wrapper--md {
  padding: 4px 8px;
}
.tools-vmok-plugin-input__wrapper--md,
.tools-vmok-plugin-input__wrapper--md .tools-vmok-plugin-input {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-input__wrapper--lg {
  padding: 6px 8px;
}
.tools-vmok-plugin-input__wrapper--lg,
.tools-vmok-plugin-input__wrapper--lg .tools-vmok-plugin-input {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-input__wrapper--xl {
  padding: 7px 8px;
}
.tools-vmok-plugin-input__wrapper--xl,
.tools-vmok-plugin-input__wrapper--xl .tools-vmok-plugin-input {
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-input__wrapper--unstyle {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #31343b;
}
.tools-vmok-plugin-input__wrapper--noborder {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #ffffff;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__clear {
  color: #93969d;
  z-index: 3;
  cursor: pointer;
  transition: opacity 0.1s ease-in;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__clear--absolute {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__clear--margin-right {
  margin-right: 4px;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__clear:hover {
  color: #62656c;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__clear:active {
  color: #31343b;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__count {
  color: #93969d;
  background: transparent;
  position: absolute;
  font-size: 12px;
  line-height: 14px;
  bottom: 4px;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__prefix {
  z-index: 1;
  display: flex;
  align-self: stretch;
  align-items: center;
  padding-right: 4px;
  color: #31343b;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__suffix {
  z-index: 1;
  align-self: stretch;
  align-items: center;
  color: #31343b;
  display: flex;
  padding-left: 4px;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__suffix .tools-vmok-plugin-input__clear {
  opacity: 0;
  pointer-events: none;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__suffix .tools-vmok-plugin-input__clear--show {
  opacity: 1;
  pointer-events: auto;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__after {
  z-index: 1;
  align-self: stretch;
  align-items: center;
  color: #31343b;
  display: flex;
  padding-left: 4px;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__after--has-clear .tools-vmok-plugin-icon {
  opacity: 0;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__after .tools-vmok-plugin-input__clear {
  display: none;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__after .tools-vmok-plugin-input__clear--show {
  display: block;
  opacity: 1;
}
.tools-vmok-plugin-input__wrapper--disabled,
.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input {
  cursor: not-allowed;
}
.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input__prefix,
.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input__suffix {
  color: #cdd1d8;
}
.tools-vmok-plugin-input__wrapper:hover:not(.tools-vmok-plugin-input__wrapper--disabled):not(.tools-vmok-plugin-input__wrapper--error) .tools-vmok-plugin-input--stroke {
  border-color: #0057ff;
}
.tools-vmok-plugin-input__wrapper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-input__wrapper--rtl .tools-vmok-plugin-input {
  direction: rtl;
}
.tools-vmok-plugin-input__wrapper--rtl .tools-vmok-plugin-input__clear--absolute {
  right: auto;
  left: 12px;
}
.tools-vmok-plugin-input__wrapper--rtl .tools-vmok-plugin-input__clear--margin-right {
  margin-right: 0;
  margin-left: 4px;
}
.tools-vmok-plugin-input__wrapper--rtl .tools-vmok-plugin-input__prefix {
  padding-right: 0;
  padding-left: 4px;
}
.tools-vmok-plugin-input__wrapper--rtl .tools-vmok-plugin-input__suffix,
.tools-vmok-plugin-input__wrapper--rtl .tools-vmok-plugin-input__after {
  padding-left: 0;
  padding-right: 4px;
}
/**
 * new Design Token
 */
.tools-vmok-plugin-input-number {
  width: auto;
}
.tools-vmok-plugin-input-number__content-wrapper {
  width: auto;
  flex: 1;
}
.tools-vmok-plugin-input-number__content {
  flex-wrap: nowrap;
}
.tools-vmok-plugin-input-number__vertical-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-input-number__up,
.tools-vmok-plugin-input-number__down {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #31343b;
  align-self: stretch;
  flex: 1;
  cursor: pointer;
}
.tools-vmok-plugin-input-number__up:hover,
.tools-vmok-plugin-input-number__down:hover {
  color: #0057ff;
}
.tools-vmok-plugin-input-number__up:active,
.tools-vmok-plugin-input-number__down:active {
  color: #003fd2;
}
.tools-vmok-plugin-input-number__angle-up {
  transform: rotate(180deg);
}
.tools-vmok-plugin-input-number__prev {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-input-number__prev::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid #dee0e3;
}
.tools-vmok-plugin-input-number__next {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-input-number__next::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid #dee0e3;
}
.tools-vmok-plugin-input-number__prev,
.tools-vmok-plugin-input-number__next {
  position: relative;
  width: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #31343b;
  align-self: stretch;
}
.tools-vmok-plugin-input-number__prev:hover,
.tools-vmok-plugin-input-number__next:hover {
  color: #0057ff;
}
.tools-vmok-plugin-input-number__prev:active,
.tools-vmok-plugin-input-number__next:active {
  color: #003fd2;
}
.tools-vmok-plugin-input-number--stroke .tools-vmok-plugin-custom-input__prefix {
  height: 100%;
}
.tools-vmok-plugin-input-number--stroke .tools-vmok-plugin-custom-input__prefix .tools-vmok-plugin-input-number__prev {
  height: 100%;
}
.tools-vmok-plugin-input-number--stroke .tools-vmok-plugin-input-number__prev,
.tools-vmok-plugin-input-number--stroke .tools-vmok-plugin-input-number__next {
  background-color: #f7f9fc;
}
.tools-vmok-plugin-input-number--fill .tools-vmok-plugin-input-number__prev::after {
  border-color: #dfe0e2;
}
.tools-vmok-plugin-input-number--fill .tools-vmok-plugin-input-number__next::after {
  border-color: #dfe0e2;
  top: 8px;
  bottom: 8px;
}
.tools-vmok-plugin-input-number.tools-vmok-plugin-input-number--horizontal {
  padding: 0;
}
.tools-vmok-plugin-input-number.tools-vmok-plugin-input-number--display-vertical {
  padding-right: 0;
}
.tools-vmok-plugin-input-number.tools-vmok-plugin-input-number--default-vertical {
  padding-right: 0;
}
.tools-vmok-plugin-input-number.tools-vmok-plugin-input-number--default-vertical .tools-vmok-plugin-input-number__suffix {
  visibility: hidden;
}
.tools-vmok-plugin-input-number.tools-vmok-plugin-input-number--default-vertical .tools-vmok-plugin-input-number__suffix--focused {
  visibility: visible;
}
.tools-vmok-plugin-input-number.tools-vmok-plugin-input-number--default-vertical:hover .tools-vmok-plugin-input-number__suffix {
  visibility: visible;
}
.tools-vmok-plugin-input-number--disabled,
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__content-wrapper {
  cursor: not-allowed;
  color: inherit;
}
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__prev,
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__next {
  background-color: transparent;
}
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__up,
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__down,
.tools-vmok-plugin-input-number .tools-vmok-plugin-input-number__up--disabled,
.tools-vmok-plugin-input-number .tools-vmok-plugin-input-number__down--disabled,
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__divider,
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__prev,
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__next,
.tools-vmok-plugin-input-number .tools-vmok-plugin-input-number__prev--disabled,
.tools-vmok-plugin-input-number .tools-vmok-plugin-input-number__next--disabled {
  cursor: not-allowed;
  border-color: #f2f4f7;
  color: #b9bcc3;
}
.tools-vmok-plugin-input-number--rtl.tools-vmok-plugin-input-number--display-vertical,
.tools-vmok-plugin-input-number--rtl.tools-vmok-plugin-input-number--default-vertical {
  padding-right: 8px;
  padding-left: 0;
}
.tools-vmok-plugin-input-number--rtl .tools-vmok-plugin-input-number__vertical-wrapper {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-input-number--rtl .tools-vmok-plugin-input-number__prev {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-input-number--rtl .tools-vmok-plugin-input-number__prev::after {
  left: 0;
  right: auto;
}
.tools-vmok-plugin-input-number--rtl .tools-vmok-plugin-input-number__next {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-input-number--rtl .tools-vmok-plugin-input-number__next::after {
  right: 0;
  left: auto;
}
.tools-vmok-plugin-input-number--rtl.tools-vmok-plugin-input-number--stroke .tools-vmok-plugin-input-number__up,
.tools-vmok-plugin-input-number--rtl.tools-vmok-plugin-input-number--stroke .tools-vmok-plugin-input-number__down {
  border-right: 1px solid #dee0e3;
  border-left: none;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-input-number__vertical-wrapper {
  width: 24px;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down:hover svg {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:has( + .tools-vmok-plugin-input-number__down:hover) svg {
  width: 10px;
  height: 10px;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover svg {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover + .tools-vmok-plugin-input-number__down svg {
  width: 10px;
  height: 10px;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-input-number__vertical-wrapper {
  width: 24px;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down:hover svg {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:has( + .tools-vmok-plugin-input-number__down:hover) svg {
  width: 10px;
  height: 10px;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover svg {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover + .tools-vmok-plugin-input-number__down svg {
  width: 10px;
  height: 10px;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-input-number__vertical-wrapper {
  width: 28px;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down:hover svg {
  width: 18px;
  height: 18px;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:has( + .tools-vmok-plugin-input-number__down:hover) svg {
  width: 12px;
  height: 12px;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover svg {
  width: 18px;
  height: 18px;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover + .tools-vmok-plugin-input-number__down svg {
  width: 12px;
  height: 12px;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-input-number__vertical-wrapper {
  width: 32px;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down:hover svg {
  width: 18px;
  height: 18px;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:has( + .tools-vmok-plugin-input-number__down:hover) svg {
  width: 12px;
  height: 12px;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover svg {
  width: 18px;
  height: 18px;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover + .tools-vmok-plugin-input-number__down svg {
  width: 12px;
  height: 12px;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-input-number__vertical-wrapper {
  width: 28px;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down:hover svg {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:has( + .tools-vmok-plugin-input-number__down:hover) svg {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover svg {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover + .tools-vmok-plugin-input-number__down svg {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-layout {
  display: flex;
  flex-direction: column;
  flex: auto;
  min-height: 0;
}
.tools-vmok-plugin-layout--has-sider {
  flex-direction: row;
}
.tools-vmok-plugin-layout--has-sider > .tools-vmok-plugin-layout,
.tools-vmok-plugin-layout--has-sider > .tools-vmok-plugin-layout-content {
  width: 0;
}
.tools-vmok-plugin-layout-header,
.tools-vmok-plugin-layout-footer {
  flex: 0 0 auto;
}
.tools-vmok-plugin-layout-content {
  flex: auto;
  min-height: 0;
}
.tools-vmok-plugin-layout-sider {
  position: relative;
  min-width: 0;
}
.tools-vmok-plugin-list {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dee0e3;
  background-color: #ffffff;
  overflow: hidden;
}
.tools-vmok-plugin-list__header {
  padding: 6px 12px;
  background-color: #f2f4f7;
  border-bottom: 1px solid #dee0e3;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  justify-content: space-between;
}
.tools-vmok-plugin-list__title {
  font-weight: 600;
  flex: 1;
}
.tools-vmok-plugin-list__body--disabled {
  cursor: not-allowed;
}
.tools-vmok-plugin-list__body-scroller {
  height: 192px;
  overflow-y: auto;
  padding: 6px 0;
}
.tools-vmok-plugin-list__body-scroller::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-list__body-scroller::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-list__body-scroller::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-list__body-scroller::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-list__body-scroller--hidden {
  display: none;
}
.tools-vmok-plugin-list__empty {
  height: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-list__footer {
  padding: 6px 12px;
}
.tools-vmok-plugin-list .tools-vmok-plugin-list-item__close {
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-list .tools-vmok-plugin-list-tag {
  display: flex;
  margin: 0 6px 6px 6px;
}
.tools-vmok-plugin-list .tools-vmok-plugin-list-tag:last-child {
  margin-bottom: 0;
}
.tools-vmok-plugin-list .tools-vmok-plugin-list-tag__content {
  flex: 1;
}
.tools-vmok-plugin-list-item {
  display: flex;
  align-self: stretch;
  color: #31343b;
  cursor: pointer;
}
.tools-vmok-plugin-list-item__action {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-list-item__content {
  flex: 1;
  align-items: center;
}
.tools-vmok-plugin-list-item__content--ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tools-vmok-plugin-list-item__expand {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-list-item__expand--icon {
  color: #31343b;
}
.tools-vmok-plugin-list-item.tools-vmok-plugin-list-item--grouped {
  padding-left: 24px;
  padding-right: 24px;
}
.tools-vmok-plugin-list-item--single.tools-vmok-plugin-list-item--selected {
  color: #0057ff;
}
.tools-vmok-plugin-list-item.tools-vmok-plugin-list-item--disabled {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-list-item.tools-vmok-plugin-list-item--disabled .tools-vmok-plugin-list-item__expand--icon {
  color: #b9bcc3;
}
.tools-vmok-plugin-list-item.tools-vmok-plugin-list-item--disabled.tools-vmok-plugin-list-item--single.tools-vmok-plugin-list-item--selected {
  color: #badaff;
}
.tools-vmok-plugin-list-item:hover:not(.tools-vmok-plugin-list-item--disabled) {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-list-item--xs {
  line-height: 18px;
  font-size: 12px;
  padding: 3px 12px;
}
.tools-vmok-plugin-list-item--sm {
  line-height: 18px;
  font-size: 12px;
  padding: 5px 12px;
}
.tools-vmok-plugin-list-item--md {
  line-height: 22px;
  font-size: 14px;
  padding: 6px 12px;
}
.tools-vmok-plugin-list-item--lg {
  line-height: 24px;
  font-size: 16px;
  padding: 7px 12px;
}
.tools-vmok-plugin-list-item--xl {
  line-height: 26px;
  font-size: 18px;
  padding: 8px 12px;
}
.tools-vmok-plugin-list-item--rtl {
  direction: rtl;
}
.tools-vmok-plugin-list-item--rtl .tools-vmok-plugin-list-item__action {
  margin-right: 0;
  margin-left: 8px;
}
.tools-vmok-plugin-list-item--rtl .tools-vmok-plugin-list-item__expand {
  margin-left: 0;
  margin-right: 8px;
}
/* popover */
/**
 * Ocean Design Tokens 2.0
 */
/* menu */
/* menu-item */
/* menu-item / active / hover */
/* sub-menu */
/* menu-item-group */
.tools-vmok-plugin-menu-item {
  height: 46px;
  color: #31343b;
  font-size: 14px;
}
.tools-vmok-plugin-menu-item-group__title {
  display: flex;
  align-items: center;
  height: 46px;
  color: #93969d;
  font-size: 14px;
}
.tools-vmok-plugin-sub-menu__header {
  display: grid;
  grid-template-areas: "icon title arrow";
  grid-template-columns: auto 1fr auto;
  align-items: center;
  height: 46px;
  color: #31343b;
  font-size: 14px;
  transition: color 0.1s, background-color 0.1s;
  padding-right: 18px;
}
.tools-vmok-plugin-sub-menu__header:hover {
  cursor: pointer;
  color: #0057ff;
  background-color: unset;
}
.tools-vmok-plugin-sub-menu__header:hover .tools-vmok-plugin-sub-menu__icon-arrow svg {
  fill: currentColor;
}
.tools-vmok-plugin-sub-menu__header .tools-vmok-plugin-sub-menu__icon-arrow {
  display: inline-flex;
}
.tools-vmok-plugin-sub-menu__header .tools-vmok-plugin-sub-menu__icon-arrow svg {
  transition: transform 0.2s;
}
.tools-vmok-plugin-sub-menu__header--open {
  color: #0057ff;
}
.tools-vmok-plugin-sub-menu__header--open .tools-vmok-plugin-sub-menu__icon-arrow svg {
  transform: rotate(180deg);
}
.tools-vmok-plugin-sub-menu__header .tools-vmok-plugin-sub-menu__icon {
  grid-area: icon;
  margin-right: 8px;
  display: inline-flex;
}
.tools-vmok-plugin-sub-menu__header .tools-vmok-plugin-sub-menu__title {
  grid-area: title;
  white-space: nowrap;
}
.tools-vmok-plugin-sub-menu__header .tools-vmok-plugin-sub-menu__arrow {
  grid-area: arrow;
}
.tools-vmok-plugin-sub-menu__header--hide .tools-vmok-plugin-sub-menu__title {
  opacity: 0;
}
.tools-vmok-plugin-sub-menu__header--hide .tools-vmok-plugin-sub-menu__arrow {
  opacity: 0;
}
.tools-vmok-plugin-sub-menu__list {
  padding: 0;
  overflow: hidden;
}
.tools-vmok-plugin-sub-menu--rtl .tools-vmok-plugin-sub-menu__header {
  padding-left: 24px;
}
.tools-vmok-plugin-menu-content {
  display: grid;
  grid-template-areas: "icon title";
  grid-template-columns: auto 1fr;
  align-items: center;
  height: 46px;
  color: #31343b;
  font-size: 14px;
  transition: color 0.1s, background-color 0.1s;
  padding-right: 18px;
}
.tools-vmok-plugin-menu-content--active {
  background-color: #e8f4ff;
  cursor: pointer;
  color: #0057ff;
}
.tools-vmok-plugin-menu-content:hover {
  cursor: pointer;
  color: #0057ff;
}
.tools-vmok-plugin-menu-content.tools-vmok-plugin-sub-menu__header:hover {
  background-color: unset;
}
.tools-vmok-plugin-menu-content__icon {
  display: inline-flex;
  grid-area: icon;
  margin-right: 8px;
}
.tools-vmok-plugin-menu-content__title {
  grid-area: title;
  white-space: nowrap;
  transition: all 0.2s;
}
.tools-vmok-plugin-menu-content__title--hide {
  opacity: 0;
}
.tools-vmok-plugin-menu-content .tools-vmok-plugin-icon__arrow {
  grid-area: arrow;
}
.tools-vmok-plugin-menu-content .tools-vmok-plugin-icon__arrow svg {
  transition: transform 0.2s;
}
.tools-vmok-plugin-menu-content--open {
  color: #0057ff;
}
.tools-vmok-plugin-menu-content--open .tools-vmok-plugin-icon__arrow svg {
  transform: rotate(180deg);
}
.tools-vmok-plugin-menu-popper--hide {
  display: none;
}
.tools-vmok-plugin-menu-popper .tools-vmok-plugin-sub-menu__list--collapsed .tools-vmok-plugin-sub-menu__header .tools-vmok-plugin-sub-menu__icon-arrow svg {
  transform: rotate(-90deg);
}
.tools-vmok-plugin-menu-popper__inner {
  margin: 0 10px;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  background: #ffffff;
  padding: 5px 0;
  min-width: 200px;
}
.tools-vmok-plugin-menu-popper .tools-vmok-plugin-sub-menu__popper-title {
  font-size: 12px;
  color: #93969d;
  padding-left: 24px;
  padding-top: 16px;
}
.tools-vmok-plugin-menu {
  width: 200px;
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  transition: all 0.2s;
  overflow: hidden;
}
.tools-vmok-plugin-menu--rtl {
  direction: rtl;
}
.tools-vmok-plugin-menu--horizontal {
  display: flex;
  width: auto;
  justify-content: center;
}
/* message */
/**
 * new Design Token
 */
.tools-vmok-plugin-message-fade-enter-from,
.tools-vmok-plugin-message-fade-leave-to {
  opacity: 0;
  transform: translate(0, -100%);
}
.tools-vmok-plugin-message-fade-enter-active,
.tools-vmok-plugin-message-fade-leave-active {
  transition: all 0.2s ease-in-out;
}
.tools-vmok-plugin-message {
  padding: 6px;
  text-align: center;
}
.tools-vmok-plugin-message:first-child {
  margin-top: -6px;
}
.tools-vmok-plugin-message__content {
  display: inline-flex;
  align-items: center;
  pointer-events: all;
  background-color: #ffffff;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: #31343b;
  word-break: break-all;
}
.tools-vmok-plugin-message__icon + .tools-vmok-plugin-message__text {
  margin-left: 8px;
}
.tools-vmok-plugin-message__text {
  display: inline-flex;
}
.tools-vmok-plugin-message--info .tools-vmok-plugin-message__icon {
  color: #0057ff;
}
.tools-vmok-plugin-message--success .tools-vmok-plugin-message__icon {
  color: #0da600;
}
.tools-vmok-plugin-message--warning .tools-vmok-plugin-message__icon {
  color: #eb9617;
}
.tools-vmok-plugin-message--danger .tools-vmok-plugin-message__icon {
  color: #e34949;
}
.tools-vmok-plugin-message--loading .tools-vmok-plugin-message__icon {
  color: #0057ff;
}
.tools-vmok-plugin-message--rtl {
  direction: rtl;
}
.tools-vmok-plugin-message--rtl .tools-vmok-plugin-message__icon + .tools-vmok-plugin-message__text {
  margin-right: 8px;
  margin-left: 0;
}
.tools-vmok-plugin-message--teleport {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  z-index: 9999;
}
#okee-message-container {
  position: fixed;
  width: 100%;
  top: 16px;
  left: 0;
  pointer-events: none;
}
.tools-vmok-plugin-modal-fade-enter-active,
.tools-vmok-plugin-modal-fade-leave-active {
  transition: all 0.2s ease-in-out;
}
.tools-vmok-plugin-modal-fade-enter-from,
.tools-vmok-plugin-modal-fade-leave-to {
  transform: scale(0.8);
}
.tools-vmok-plugin-modal-fade-enter-to,
.tools-vmok-plugin-modal-fade-leave-from {
  transform: scale(1);
}
.tools-vmok-plugin-modal {
  position: relative;
  width: 600px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  margin: auto;
}
.tools-vmok-plugin-modal--topfix {
  align-items: flex-start;
}
.tools-vmok-plugin-modal--hide {
  display: none;
}
.tools-vmok-plugin-modal__wrap {
  display: flex;
  overflow: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
}
.tools-vmok-plugin-modal__wrap--hide {
  display: none;
}
.tools-vmok-plugin-modal__header {
  padding: 24px 24px 20px 24px;
  color: #31343b;
}
.tools-vmok-plugin-modal__header-with-close {
  margin-right: 25px;
}
.tools-vmok-plugin-modal__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #31343b;
}
.tools-vmok-plugin-modal__body {
  padding: 0 24px 0 24px;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.tools-vmok-plugin-modal__body-with-status {
  padding-left: 50px;
}
.tools-vmok-plugin-modal__footer {
  padding: 24px 24px 24px 24px;
}
.tools-vmok-plugin-modal__close-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #31343b;
  top: 25px;
  right: 25px;
  cursor: pointer;
  z-index: 1;
}
.tools-vmok-plugin-modal__close-icon--hide {
  display: none;
}
.tools-vmok-plugin-modal__close-icon:hover {
  color: #0057ff;
}
.tools-vmok-plugin-modal__close-icon:active {
  color: #003fd2;
}
.tools-vmok-plugin-modal__header-info,
.tools-vmok-plugin-modal__header-success,
.tools-vmok-plugin-modal__header-warning,
.tools-vmok-plugin-modal__header-error {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-modal__header-info .tools-vmok-plugin-icon,
.tools-vmok-plugin-modal__header-success .tools-vmok-plugin-icon,
.tools-vmok-plugin-modal__header-warning .tools-vmok-plugin-icon,
.tools-vmok-plugin-modal__header-error .tools-vmok-plugin-icon {
  font-size: 18px;
  margin-right: 8px;
}
.tools-vmok-plugin-modal__header-info .tools-vmok-plugin-icon {
  color: #0057ff;
}
.tools-vmok-plugin-modal__header-success .tools-vmok-plugin-icon {
  color: #0da600;
}
.tools-vmok-plugin-modal__header-warning .tools-vmok-plugin-icon {
  color: #eb9617;
}
.tools-vmok-plugin-modal__header-error .tools-vmok-plugin-icon {
  color: #e34949;
}
.tools-vmok-plugin-modal__footer-btn-box {
  display: flex;
  justify-content: flex-end;
}
.tools-vmok-plugin-modal__footer-btn-box .tools-vmok-plugin-button + .tools-vmok-plugin-button {
  margin-left: 12px;
}
.tools-vmok-plugin-modal--divider .tools-vmok-plugin-modal__header {
  padding: 24px;
}
.tools-vmok-plugin-modal--divider .tools-vmok-plugin-modal__body {
  background: #f7f9fc;
  border-top: 1px solid #dee0e3;
  border-bottom: 1px solid #dee0e3;
  padding: 0;
}
.tools-vmok-plugin-modal--rtl {
  direction: rtl;
}
.tools-vmok-plugin-modal--rtl .tools-vmok-plugin-modal__close-icon {
  right: auto;
  left: 25px;
}
.tools-vmok-plugin-multiple-input {
  position: relative;
}
.tools-vmok-plugin-multiple-input__textarea {
  overflow: auto;
  height: 96px !important;
  padding: 6px 0 6px 8px !important;
  cursor: inherit;
}
.tools-vmok-plugin-multiple-input__textarea .tools-vmok-plugin-custom-input__content {
  gap: 4px;
  max-height: 100%;
  padding-right: 6px;
  align-items: self-start;
  align-content: baseline;
  overflow-y: auto;
}
.tools-vmok-plugin-multiple-input__textarea .tools-vmok-plugin-tag {
  margin: 0 !important;
  cursor: inherit !important;
}
.tools-vmok-plugin-multiple-input__textarea .tools-vmok-plugin-tag__close {
  cursor: pointer !important;
}
.tools-vmok-plugin-multiple-input__textarea .tools-vmok-plugin-custom-input__suffix {
  top: 6px;
  right: 8px;
  position: absolute;
}
.tools-vmok-plugin-multiple-input__textarea .tools-vmok-plugin-custom-input__search {
  margin: 2px 0 !important;
}
.tools-vmok-plugin-multiple-input__total {
  position: absolute;
  right: 8px;
  bottom: 6px;
  color: #969aa0;
  font-size: 14px;
}
.tools-vmok-plugin-multiple-input__clearable .tools-vmok-plugin-custom-input__content {
  padding-right: 24px;
}
.tools-vmok-plugin-multiple-input__total-show .tools-vmok-plugin-custom-input__content {
  padding-right: 36px;
}
.tools-vmok-plugin-notification {
  display: flex;
  flex-direction: column;
  word-wrap: break-word;
  border-radius: 12px;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  background: #ffffff;
  width: 384px;
  line-height: 22px;
  position: relative;
  margin-bottom: 12px;
  margin-left: 28px;
  margin-right: 16px;
  overflow: hidden;
}
.tools-vmok-plugin-notification__container {
  padding: 16px;
}
.tools-vmok-plugin-notification__header {
  display: flex;
  position: relative;
}
.tools-vmok-plugin-notification__header__title {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 22px;
}
.tools-vmok-plugin-notification__header__type-icon {
  font-size: 16px;
  position: absolute;
  top: 2px;
  left: 0;
}
.tools-vmok-plugin-notification__header__close {
  color: #93969d;
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 2px;
  cursor: pointer;
}
.tools-vmok-plugin-notification__content {
  margin-top: 16px;
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-notification__action {
  margin-top: 16px;
}
.tools-vmok-plugin-notification__description {
  font-size: 12px;
  line-height: 18px;
  color: #666666;
}
.tools-vmok-plugin-notification--success .tools-vmok-plugin-notification__header__title,
.tools-vmok-plugin-notification--warning .tools-vmok-plugin-notification__header__title,
.tools-vmok-plugin-notification--danger .tools-vmok-plugin-notification__header__title,
.tools-vmok-plugin-notification--info .tools-vmok-plugin-notification__header__title {
  padding-left: 24px;
}
.tools-vmok-plugin-notification--success .tools-vmok-plugin-notification__header__type-icon {
  color: #0da600;
}
.tools-vmok-plugin-notification--warning .tools-vmok-plugin-notification__header__type-icon {
  color: #eb9617;
}
.tools-vmok-plugin-notification--info .tools-vmok-plugin-notification__header__type-icon {
  color: #0057ff;
}
.tools-vmok-plugin-notification--danger .tools-vmok-plugin-notification__header__type-icon {
  color: #e34949;
}
.tools-vmok-plugin-notification--closable .tools-vmok-plugin-notification__header__title {
  padding-right: 22px;
}
#__okee-notification-container__ .notification-placement-container {
  position: fixed;
}
#__okee-notification-container__ .notification-placement-container-top-right {
  right: 0;
  top: 24px;
  bottom: auto;
}
#__okee-notification-container__ .notification-placement-container-top-left {
  left: 0;
  top: 24px;
  bottom: auto;
}
#__okee-notification-container__ .notification-placement-container-bottom-right {
  right: 0;
  top: auto;
  bottom: 24px;
}
#__okee-notification-container__ .notification-placement-container-bottom-left {
  left: 0;
  top: auto;
  bottom: 24px;
}
.tools-vmok-plugin-notification-transition-top-right-enter-from,
.tools-vmok-plugin-notification-transition-top-right-leave-to,
.tools-vmok-plugin-notification-transition-bottom-right-enter-from,
.tools-vmok-plugin-notification-transition-bottom-right-leave-to {
  opacity: 0;
  transform: translateX(100%);
  padding: 0;
  margin: 0;
}
.tools-vmok-plugin-notification-transition-top-left-enter-from,
.tools-vmok-plugin-notification-transition-top-left-leave-to,
.tools-vmok-plugin-notification-transition-bottom-left-enter-from,
.tools-vmok-plugin-notification-transition-bottom-left-leave-to {
  opacity: 0;
  transform: translateX(-100%);
  padding: 0;
  margin: 0;
}
.tools-vmok-plugin-notification-transition-top-right-leave-from,
.tools-vmok-plugin-notification-transition-top-right-enter-to,
.tools-vmok-plugin-notification-transition-bottom-right-leave-from,
.tools-vmok-plugin-notification-transition-bottom-right-enter-to,
.tools-vmok-plugin-notification-transition-top-left-leave-from,
.tools-vmok-plugin-notification-transition-top-left-enter-to,
.tools-vmok-plugin-notification-transition-bottom-left-leave-from,
.tools-vmok-plugin-notification-transition-bottom-left-enter-to {
  opacity: 1;
  transform: translateX(0%);
}
.tools-vmok-plugin-notification-transition-top-right-enter-active,
.tools-vmok-plugin-notification-transition-top-right-leave-active,
.tools-vmok-plugin-notification-transition-bottom-right-enter-active,
.tools-vmok-plugin-notification-transition-bottom-right-leave-active,
.tools-vmok-plugin-notification-transition-top-left-enter-active,
.tools-vmok-plugin-notification-transition-top-left-leave-active,
.tools-vmok-plugin-notification-transition-bottom-left-enter-active,
.tools-vmok-plugin-notification-transition-bottom-left-leave-active {
  transition: all 0.2s ease-in-out;
}
/* pagination */
/* page-turner */
/* page-total */
/* page-jumper */
/**
* new design token
*/
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner {
  display: inline-flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  font-size: 12px;
  color: #31343b;
  border: 1px solid #dee0e3;
  border-radius: 8px;
  margin-left: 8px;
  padding: 0 5px;
  box-sizing: border-box;
  min-width: 24px;
  background-color: #ffffff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item:first-of-type {
  margin-left: 0;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item .tools-vmok-plugin-page-turner__prev-icon {
  transform: rotate(90deg);
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item .tools-vmok-plugin-page-turner__next-icon {
  transform: rotate(-90deg);
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item--active {
  color: #0057ff;
  border-color: #0057ff;
  background-color: #ffffff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item:hover {
  background-color: #ffffff;
  color: #0057ff;
  border: 1px solid #0057ff;
  cursor: pointer;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item:active {
  background-color: #ffffff;
  color: #003fd2;
  border: 1px solid #003fd2;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item--disabled,
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item--disabled:hover {
  border-color: #dee0e3;
  background-color: #ffffff;
  color: #b9bcc3;
  cursor: not-allowed;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item--disabled--active,
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item--disabled--active:hover {
  border-color: #badaff;
  background-color: #ffffff;
  color: #badaff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__prev-ellipsis,
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__next-ellipsis {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__prev-ellipsis span,
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__next-ellipsis span {
  padding-bottom: 0.6em;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item {
  border: none;
  color: #31343b;
  background-color: #ffffff;
  border-color: #ffffff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item:active {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #e8eaed;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item:hover {
  color: #0057ff;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item--active {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item--disabled {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item--disabled:hover {
  color: #badaff;
  background-color: #ffffff;
  border-color: #badaff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--rtl .tools-vmok-plugin-page-turner__item:last-of-type {
  margin-left: 0;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--rtl .tools-vmok-plugin-page-turner__item:first-of-type {
  margin-left: 8px;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item {
  border: 1px solid #f2f4f7;
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item:hover {
  border: 1px solid #0057ff;
  background-color: #f5f7fa;
  color: #0057ff;
  cursor: pointer;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--active {
  color: #0057ff;
  border-color: #0057ff;
  background-color: #ffffff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--active:hover {
  color: #0057ff;
  border-color: #0057ff;
  background-color: #ffffff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item:active {
  border: 1px solid #e8eaed;
  background-color: #e8eaed;
  color: #31343b;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--disabled,
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--disabled:hover {
  border-color: #f5f7fa;
  background-color: #f5f7fa;
  color: #b9bcc3;
  cursor: not-allowed;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--disabled--active,
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--disabled--active:hover {
  border-color: #badaff;
  background-color: #ffffff;
  color: #badaff;
}
.tools-vmok-plugin-pagination--sm .tools-vmok-plugin-page-turner__item {
  min-width: 28px;
  height: 28px;
  font-size: 12px;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner__item,
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner__item:hover {
  border-color: #dee0e3;
  background-color: #ffffff;
  color: #b9bcc3;
  cursor: not-allowed;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner__item--active,
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner__item--active:hover {
  border-color: #badaff;
  background-color: #ffffff;
  color: #badaff;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner__prev-ellipsis,
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner__next-ellipsis {
  color: #cdd1d8;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item:hover {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item--active,
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item--active:hover {
  color: #badaff;
  background-color: #ffffff;
  border-color: #badaff;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item,
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item:hover {
  border-color: #f5f7fa;
  background-color: #f5f7fa;
  color: #b9bcc3;
  cursor: not-allowed;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--active,
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--active:hover {
  border-color: #badaff;
  background-color: #ffffff;
  color: #badaff;
}
.disabled-pagination-item,
.disabled-pagination-item:hover {
  border-color: #dee0e3;
  background-color: #ffffff;
  color: #b9bcc3;
  cursor: not-allowed;
}
.disabled-pagination-item--active,
.disabled-pagination-item--active:hover {
  border-color: #badaff;
  background-color: #ffffff;
  color: #badaff;
}
.disabled-pagination-item-fill,
.disabled-pagination-item-fill:hover {
  border-color: #f5f7fa;
  background-color: #f5f7fa;
  color: #b9bcc3;
  cursor: not-allowed;
}
.disabled-pagination-item-fill--active,
.disabled-pagination-item-fill--active:hover {
  border-color: #badaff;
  background-color: #ffffff;
  color: #badaff;
}
.tools-vmok-plugin-page-total {
  display: inline-flex;
  font-size: 14px;
  color: #31343b;
}
.tools-vmok-plugin-page-jumper {
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-page-jumper__label {
  flex-shrink: 0;
  color: #31343b;
  font-size: 14px;
  margin-right: 8px;
}
.tools-vmok-plugin-page-jumper__input {
  width: 56px;
}
.tools-vmok-plugin-page-jumper__input.tools-vmok-plugin-input--sm {
  padding: 4px 8px !important;
}
.tools-vmok-plugin-page-jumper--rtl .tools-vmok-plugin-page-jumper__label {
  margin-right: auto;
  margin-left: 8px;
}
.tools-vmok-plugin-page-select {
  margin: 0 10px;
  min-width: 100px;
}
.tools-vmok-plugin-pagination {
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-pagination--rtl {
  direction: rtl;
}
.tools-vmok-plugin-popover {
  padding: 16px;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  background: #ffffff;
  font-size: 12px;
  line-height: 18px;
  color: #62656c;
}
.tools-vmok-plugin-popover[data-popper-placement^="top"] > [data-popper-arrow] {
  bottom: -5px;
}
.tools-vmok-plugin-popover[data-popper-placement^="top"] > [data-popper-arrow]::before {
  background: linear-gradient(135deg, transparent 50%, #ffffff 50%);
  box-shadow: 3px 3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover[data-popper-placement^="right"] > [data-popper-arrow] {
  left: -5px;
}
.tools-vmok-plugin-popover[data-popper-placement^="right"] > [data-popper-arrow]::before {
  background: linear-gradient(225deg, transparent 50%, #ffffff 50%);
  box-shadow: -3px 3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover[data-popper-placement^="bottom"] > [data-popper-arrow] {
  top: -5px;
}
.tools-vmok-plugin-popover[data-popper-placement^="bottom"] > [data-popper-arrow]::before {
  background: linear-gradient(135deg, #ffffff 50%, transparent 50%);
  box-shadow: -3px -3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover[data-popper-placement^="left"] > [data-popper-arrow] {
  right: -5px;
}
.tools-vmok-plugin-popover[data-popper-placement^="left"] > [data-popper-arrow]::before {
  background: linear-gradient(45deg, transparent 50%, #ffffff 50%);
  box-shadow: 3px -3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover.tools-vmok-plugin-popover--hide {
  display: none;
}
.tools-vmok-plugin-popover--tooltip {
  padding: 8px 16px 8px 16px;
}
.tools-vmok-plugin-popover[data-popper-reference-hidden="true"] {
  visibility: hidden;
  pointer-events: none;
}
.tools-vmok-plugin-popover .tools-vmok-plugin-popover__arrow,
.tools-vmok-plugin-popover .tools-vmok-plugin-popover__arrow::before {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: -2;
}
.tools-vmok-plugin-popover .tools-vmok-plugin-popover__arrow::before {
  content: "";
  transform: rotate(45deg);
  top: 0;
  left: 0;
}
.tools-vmok-plugin-popover .tools-vmok-plugin-popover__arrow--hide {
  visibility: hidden;
}
.tools-vmok-plugin-popover__header {
  padding-bottom: 8px;
}
.tools-vmok-plugin-popover__title {
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.tools-vmok-plugin-popover--dark {
  background: rgba(50, 51, 53, 0.95);
  color: #ffffff;
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="top"] > [data-popper-arrow] {
  bottom: -5px;
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="top"] > [data-popper-arrow]::before {
  background: linear-gradient(135deg, transparent 50%, rgba(50, 51, 53, 0.95) 50%);
  box-shadow: 3px 3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="right"] > [data-popper-arrow] {
  left: -5px;
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="right"] > [data-popper-arrow]::before {
  background: linear-gradient(225deg, transparent 50%, rgba(50, 51, 53, 0.95) 50%);
  box-shadow: -3px 3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="bottom"] > [data-popper-arrow] {
  top: -5px;
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="bottom"] > [data-popper-arrow]::before {
  background: linear-gradient(135deg, rgba(50, 51, 53, 0.95) 50%, transparent 50%);
  box-shadow: -3px -3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="left"] > [data-popper-arrow] {
  right: -5px;
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="left"] > [data-popper-arrow]::before {
  background: linear-gradient(45deg, transparent 50%, rgba(50, 51, 53, 0.95) 50%);
  box-shadow: 3px -3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover--dark .tools-vmok-plugin-popover__title {
  color: #ffffff;
}
.tools-vmok-plugin-popover-fade-enter-active,
.tools-vmok-plugin-popover-fade-leave-active {
  transition: opacity 0.2s ease-in-out;
}
.tools-vmok-plugin-popover-fade-enter-from,
.tools-vmok-plugin-popover-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-popover-fade-enter-to,
.tools-vmok-plugin-popover-fade-leave-from {
  opacity: 1;
}
/* popup */
.tools-vmok-plugin-popup-fade-enter-active,
.tools-vmok-plugin-popup-fade-leave-active {
  transition: opacity 0.24s linear;
}
.tools-vmok-plugin-popup-fade-enter-from,
.tools-vmok-plugin-popup-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-popup-fade-enter-to,
.tools-vmok-plugin-popup-fade-leave-from {
  opacity: 1;
}
.tools-vmok-plugin-popup__lock {
  overflow: hidden;
}
.tools-vmok-plugin-popup__mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(26, 26, 27, 0.5);
  height: 100%;
  z-index: 1050;
}
/* progress */
.tools-vmok-plugin-progress {
  display: flex;
  height: 8px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  text-align: end;
}
.tools-vmok-plugin-progress__bar {
  position: relative;
  z-index: 3;
  width: 0%;
  height: 100%;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
.tools-vmok-plugin-progress__text-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  padding: 0 12px;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  text-align: end;
}
.tools-vmok-plugin-progress::before {
  content: "";
  display: block;
  background: #e8eaed;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 4px;
}
.tools-vmok-plugin-progress--default .tools-vmok-plugin-progress__bar {
  background-color: #0057ff;
}
.tools-vmok-plugin-progress--primary .tools-vmok-plugin-progress__bar {
  background-color: #0057ff;
}
.tools-vmok-plugin-progress--info .tools-vmok-plugin-progress__bar {
  background-color: #0057ff;
}
.tools-vmok-plugin-progress--danger .tools-vmok-plugin-progress__bar {
  background-color: #e34949;
}
.tools-vmok-plugin-progress--warning .tools-vmok-plugin-progress__bar {
  background-color: #eb9617;
}
.tools-vmok-plugin-progress--success .tools-vmok-plugin-progress__bar {
  background-color: #0da600;
}
.tools-vmok-plugin-progress--right {
  justify-content: flex-end;
}
.tools-vmok-plugin-progress--right .tools-vmok-plugin-progress__text-wrap {
  text-align: left;
}
.tools-vmok-plugin-progress--center {
  justify-content: center;
}
.tools-vmok-plugin-progress--center .tools-vmok-plugin-progress__text-wrap {
  text-align: center;
}
.tools-vmok-plugin-progress--xs {
  height: 2px;
}
.tools-vmok-plugin-progress--sm {
  height: 4px;
}
.tools-vmok-plugin-progress--md {
  height: 8px;
}
.tools-vmok-plugin-progress--inner {
  height: 20px;
}
.tools-vmok-plugin-progress--inner,
.tools-vmok-plugin-progress--inner::before,
.tools-vmok-plugin-progress--inner .tools-vmok-plugin-progress__bar {
  border-radius: 10px;
}
.tools-vmok-plugin-progress-circular {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.tools-vmok-plugin-progress-circular__circle {
  transition: 0.2s;
}
.tools-vmok-plugin-progress-circular__content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.tools-vmok-plugin-progress-circular--info {
  stroke: #0057ff;
}
.tools-vmok-plugin-progress-circular--danger {
  stroke: #e34949;
}
.tools-vmok-plugin-progress-circular--warning {
  stroke: #eb9617;
}
.tools-vmok-plugin-progress-circular--success {
  stroke: #0da600;
}
.tools-vmok-plugin-progress-circular__circle-bg {
  stroke: #e8eaed;
}
.tools-vmok-plugin-progress-circular--xs .tools-vmok-plugin-progress-circular__content {
  font-size: 12px;
}
.tools-vmok-plugin-progress-circular--sm .tools-vmok-plugin-progress-circular__content {
  font-size: 16px;
}
.tools-vmok-plugin-progress-circular--md .tools-vmok-plugin-progress-circular__content {
  font-size: 20px;
}
.tools-vmok-plugin-progress--rtl {
  direction: rtl;
}
/* Radio */
/* radio */
.tools-vmok-plugin-radio-group {
  position: relative;
  display: inline-flex;
}
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button:not(:first-child) {
  margin-right: -1px;
}
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button:hover,
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button:focus,
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button:active {
  z-index: 1;
}
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button--checked,
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button--checked:hover,
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button--checked:focus,
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button--checked:active {
  z-index: 3;
}
.tools-vmok-plugin-radio-option-group {
  display: inline-flex;
  border-radius: 4px;
  padding: 0 2px;
}
.tools-vmok-plugin-radio-option-group.tools-vmok-plugin-radio-group--stroke {
  border: 1px solid #dee0e3;
  background-color: #ffffff;
}
.tools-vmok-plugin-radio-option-group.tools-vmok-plugin-radio-group--fill {
  border: 1px solid #f2f4f7;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-radio-option-group .tools-vmok-plugin-radio-option--xs {
  margin: 2px 2px;
}
.tools-vmok-plugin-radio-option-group .tools-vmok-plugin-radio-option--sm {
  margin: 3px 2px;
}
.tools-vmok-plugin-radio-option-group .tools-vmok-plugin-radio-option--md {
  margin: 3px 2px;
}
.tools-vmok-plugin-radio-option-group .tools-vmok-plugin-radio-option--lg {
  margin: 3px 2px;
}
.tools-vmok-plugin-radio-option-group .tools-vmok-plugin-radio-option--xl {
  margin: 3px 2px;
}
.tools-vmok-plugin-radio-item-group {
  display: inline-flex;
  border-radius: 4px;
}
.tools-vmok-plugin-radio-item-group.tools-vmok-plugin-radio-group--stroke::before {
  z-index: 1;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
  border: 1px solid #dee0e3;
}
.tools-vmok-plugin-radio-item-group.tools-vmok-plugin-radio-group--stroke.tools-vmok-plugin-radio-group--disabled::before {
  border: 1px solid #f2f4f7;
}
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item:not(:first-child):not(:last-child),
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item:not(:first-child):not(:last-child)::after {
  border-radius: 0;
}
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item:not(:last-child) {
  margin-right: -1px;
}
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item:first-child:not(:last-child),
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item:first-child:not(:last-child)::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item:last-child:not(:first-child),
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item:last-child:not(:first-child)::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item--initial + .tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item--initial::before {
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #dee0e3;
}
.tools-vmok-plugin-radio-group--rtl {
  direction: rtl;
}
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-button:first-child:not(:last-child) {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-button:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-item {
  margin-right: 0;
}
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-item:not(:first-child) {
  margin-right: -1px;
}
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-item:first-child:not(:last-child),
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-item:first-child:not(:last-child)::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-item:last-child:not(:first-child),
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-item:last-child:not(:first-child)::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tools-vmok-plugin-radio-option {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  cursor: default;
  border-radius: 2px;
}
.tools-vmok-plugin-radio-option--stroke {
  color: #62656c;
}
.tools-vmok-plugin-radio-option--stroke:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-radio-option--stroke:active {
  background-color: #e8eaed;
}
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--checked,
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--checked:hover,
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--checked:active {
  background-color: #e8f4ff;
  color: #0057ff;
}
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--disabled,
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--disabled:hover,
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--disabled:active {
  cursor: not-allowed;
  background-color: transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--checked.tools-vmok-plugin-radio-option--disabled,
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--checked.tools-vmok-plugin-radio-option--disabled:hover,
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--checked.tools-vmok-plugin-radio-option--disabled:active {
  background-color: #e8f4ff;
  color: #badaff;
}
.tools-vmok-plugin-radio-option--fill {
  color: #62656c;
}
.tools-vmok-plugin-radio-option--fill:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-radio-option--fill:active {
  background-color: #cdd1d8;
}
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--checked,
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--checked:hover,
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--checked:active {
  background-color: #ffffff;
  color: #0057ff;
}
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--disabled,
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--disabled:hover,
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--disabled:active {
  cursor: not-allowed;
  background-color: transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--checked.tools-vmok-plugin-radio-option--disabled,
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--checked.tools-vmok-plugin-radio-option--disabled:hover,
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--checked.tools-vmok-plugin-radio-option--disabled:active {
  background-color: #ffffff;
  color: #badaff;
}
.tools-vmok-plugin-radio-option--single::after {
  display: none;
}
.tools-vmok-plugin-radio-option--xs {
  font-size: 12px;
  line-height: 18px;
  padding: 0 12px;
}
.tools-vmok-plugin-radio-option--sm {
  font-size: 12px;
  line-height: 18px;
  padding: 1px 12px;
}
.tools-vmok-plugin-radio-option--md {
  font-size: 14px;
  line-height: 22px;
  padding: 2px 12px;
}
.tools-vmok-plugin-radio-option--lg {
  font-size: 14px;
  line-height: 22px;
  padding: 4px 12px;
}
.tools-vmok-plugin-radio-option--xl {
  font-size: 16px;
  line-height: 24px;
  padding: 5px 12px;
}
.tools-vmok-plugin-radio-item {
  display: inline-flex;
  position: relative;
  cursor: pointer;
  border-radius: 8px;
}
.tools-vmok-plugin-radio-item--stroke {
  background-color: #ffffff;
  color: #31343b;
}
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--border-initial::after {
  z-index: inherit;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #dfe0e2;
}
.tools-vmok-plugin-radio-item--stroke:hover {
  color: #0057ff;
  background-color: #ffffff;
}
.tools-vmok-plugin-radio-item--stroke:hover::after {
  z-index: 1;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #0057ff;
}
.tools-vmok-plugin-radio-item--stroke:focus,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--checked {
  color: #0057ff;
  background-color: #ffffff;
}
.tools-vmok-plugin-radio-item--stroke:focus::after,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #0057ff;
}
.tools-vmok-plugin-radio-item--stroke:active {
  color: #003fd2;
  background-color: #ffffff;
}
.tools-vmok-plugin-radio-item--stroke:active::after {
  z-index: 1;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #003fd2;
}
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled:hover,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled:focus,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled:active {
  color: #93969d;
  background-color: #f5f7fa;
  cursor: not-allowed;
}
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled::after,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled:hover::after,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled:focus::after,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled:active::after {
  z-index: inherit;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #dfe0e2;
}
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled.tools-vmok-plugin-radio-item--checked {
  color: #badaff;
  background-color: #ffffff;
}
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled.tools-vmok-plugin-radio-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #badaff;
}
.tools-vmok-plugin-radio-item--fill {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-radio-item--fill:hover {
  background-color: #f5f7fa;
  color: #0057ff;
}
.tools-vmok-plugin-radio-item--fill:active {
  background-color: #f5f7fa;
  color: #003fd2;
}
.tools-vmok-plugin-radio-item--fill:focus,
.tools-vmok-plugin-radio-item--fill.tools-vmok-plugin-radio-item--checked {
  background-color: #ffffff;
  color: #0057ff;
}
.tools-vmok-plugin-radio-item--fill:focus::after,
.tools-vmok-plugin-radio-item--fill.tools-vmok-plugin-radio-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #0057ff;
}
.tools-vmok-plugin-radio-item--fill.tools-vmok-plugin-radio-item--disabled {
  background-color: #f5f7fa;
  color: #93969d;
  cursor: not-allowed;
}
.tools-vmok-plugin-radio-item--fill.tools-vmok-plugin-radio-item--disabled.tools-vmok-plugin-radio-item--checked {
  color: #badaff;
  background-color: #ffffff;
}
.tools-vmok-plugin-radio-item--fill.tools-vmok-plugin-radio-item--disabled.tools-vmok-plugin-radio-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #badaff;
}
.tools-vmok-plugin-radio-item--divider-initial + .tools-vmok-plugin-radio-item--divider-initial::before {
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #dee0e3;
}
.tools-vmok-plugin-radio-item--xs {
  font-size: 12px;
  line-height: 18px;
  padding: 3px 16px;
}
.tools-vmok-plugin-radio-item--sm {
  font-size: 12px;
  line-height: 18px;
  padding: 5px 16px;
}
.tools-vmok-plugin-radio-item--md {
  font-size: 14px;
  line-height: 22px;
  padding: 5px 16px;
}
.tools-vmok-plugin-radio-item--lg {
  font-size: 14px;
  line-height: 22px;
  padding: 7px 16px;
}
.tools-vmok-plugin-radio-item--xl {
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
}
.tools-vmok-plugin-radio {
  display: inline-flex;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
}
.tools-vmok-plugin-radio__wrapper {
  position: relative;
  display: inline-block;
}
.tools-vmok-plugin-radio__input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.tools-vmok-plugin-radio .tools-vmok-plugin-radio__inner {
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #b9bcc3;
  border-radius: 50%;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-radio .tools-vmok-plugin-radio__inner:hover {
  background-color: #ffffff;
  border-color: #45445b;
}
.tools-vmok-plugin-radio .tools-vmok-plugin-radio__label {
  word-break: break-all;
  color: #31343b;
}
.tools-vmok-plugin-radio .tools-vmok-plugin-radio__label:hover {
  color: #31343b;
}
.tools-vmok-plugin-radio .tools-vmok-plugin-radio__label:active {
  color: #31343b;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner,
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner:hover {
  background-color: #38374f;
  border-color: #38374f;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner::after {
  content: "";
  position: absolute;
  background-color: #ffffff;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  top: 50%;
  left: 50%;
  margin-top: -3px;
  margin-left: -3px;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__label {
  color: #31343b;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__label:hover {
  color: #31343b;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__label:active {
  color: #31343b;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled,
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled:hover {
  cursor: not-allowed;
  color: #cdd1d8;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled .tools-vmok-plugin-radio__inner,
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled:hover .tools-vmok-plugin-radio__inner {
  border-color: #f3f3f4;
  background-color: #f5f7fa;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled .tools-vmok-plugin-radio__label,
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled .tools-vmok-plugin-radio__label:hover,
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled .tools-vmok-plugin-radio__label:active {
  color: #cdd1d8;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner {
  border-color: #b3b2bb;
  background-color: #b3b2bb;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner::after {
  background-color: #ffffff;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__label,
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__label:hover,
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__label:active {
  color: #cdd1d8;
}
.tools-vmok-plugin-radio--xl {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-radio--xl .tools-vmok-plugin-radio__wrapper {
  margin: 1px 0;
}
.tools-vmok-plugin-radio--xl .tools-vmok-plugin-radio__inner {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-radio--xl .tools-vmok-plugin-radio__label {
  margin: 0 8px;
}
.tools-vmok-plugin-radio--lg {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-radio--lg .tools-vmok-plugin-radio__wrapper {
  margin: 1px 0;
}
.tools-vmok-plugin-radio--lg .tools-vmok-plugin-radio__inner {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-radio--lg .tools-vmok-plugin-radio__label {
  margin: 0 8px;
}
.tools-vmok-plugin-radio--md {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-radio--md .tools-vmok-plugin-radio__wrapper {
  margin: 3px 0;
}
.tools-vmok-plugin-radio--md .tools-vmok-plugin-radio__inner {
  width: 16px;
  height: 16px;
}
.tools-vmok-plugin-radio--md .tools-vmok-plugin-radio__label {
  margin: 0 8px;
}
.tools-vmok-plugin-radio--sm {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-radio--sm .tools-vmok-plugin-radio__wrapper {
  margin: 2px 0;
}
.tools-vmok-plugin-radio--sm .tools-vmok-plugin-radio__inner {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-radio--sm .tools-vmok-plugin-radio__label {
  margin: 0 8px;
}
.tools-vmok-plugin-radio--xs {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-radio--xs .tools-vmok-plugin-radio__wrapper {
  margin: 3px 0;
}
.tools-vmok-plugin-radio--xs .tools-vmok-plugin-radio__inner {
  width: 12px;
  height: 12px;
}
.tools-vmok-plugin-radio--xs .tools-vmok-plugin-radio__label {
  margin: 0 8px;
}
.tools-vmok-plugin-radio + .tools-vmok-plugin-radio {
  margin-left: 32px;
}
.tools-vmok-plugin-range-picker {
  display: inline-flex;
  width: 100%;
}
.tools-vmok-plugin-range-picker .tools-vmok-plugin-custom-input__prefix {
  color: #31343B;
}
.tools-vmok-plugin-range-picker__input {
  flex: 1;
}
.tools-vmok-plugin-range-picker__input--disabled {
  color: #b9bcc3;
}
.tools-vmok-plugin-range-picker__seperator {
  display: flex;
  align-items: center;
  margin-left: 4px;
  margin-right: 4px;
}
.tools-vmok-plugin-range-picker__bar {
  position: absolute;
  bottom: 0;
  height: 0;
  left: 0;
  border-bottom: 2px solid #0057ff;
  transition: all ease-in-out 0.1s;
}
.tools-vmok-plugin-range-picker--multiple {
  height: 32px;
}
.tools-vmok-plugin-range-picker--multiple .tools-vmok-plugin-custom-input__clear {
  position: absolute;
  right: 0;
  margin-right: 0;
}
.tools-vmok-plugin-range-picker .tools-vmok-plugin-range-picker__calendar-icon {
  color: #93969d;
}
.tools-vmok-plugin-range-picker .tools-vmok-plugin-range-picker__calendar-icon--clear {
  opacity: 0;
}
.tools-vmok-plugin-range-picker .tools-vmok-plugin-range-picker__multiple-input-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tools-vmok-plugin-range-picker .tools-vmok-plugin-range-picker__multiple-input-total .tools-vmok-plugin-range-picker__multiple-input-total-num {
  margin-right: 8px;
  padding: 0 8px;
  border-radius: 50%;
  font-size: 12px;
  border: 1px solid transparent;
  background-color: #ffffff;
  color: #31343b;
}
.tools-vmok-plugin-range-picker__popper {
  display: none;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background-color: #ffffff;
}
.tools-vmok-plugin-range-picker__popper--show {
  display: block;
}
.tools-vmok-plugin-range-picker__content {
  display: flex;
  align-self: stretch;
}
.tools-vmok-plugin-range-picker__shortcuts {
  padding: 4px 0 4px 0;
  max-width: 120px;
  overflow-y: auto;
  border-right: 1px solid #e8eaed;
}
.tools-vmok-plugin-range-picker__shortcuts::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-range-picker__shortcuts::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-range-picker__shortcuts::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-range-picker__shortcuts::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-range-picker__shortcuts + div {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-range-picker__footer-btn {
  padding: 8px 12px;
  border-top: 1px solid #e8eaed;
  text-align: right;
}
.tools-vmok-plugin-range-picker-fade-enter-active,
.tools-vmok-plugin-range-picker-fade-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.tools-vmok-plugin-range-picker-fade-enter-from,
.tools-vmok-plugin-range-picker-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-range-picker-fade-enter-to,
.tools-vmok-plugin-range-picker-fade-leave-from {
  opacity: 1;
}
.tools-vmok-plugin-range-picker__popper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-range-picker__popper--rtl .tools-vmok-plugin-range-picker__footer-btn {
  text-align: left;
}
.tools-vmok-plugin-range-picker__popper--rtl .tools-vmok-plugin-range-picker__shortcuts {
  border-left: 1px solid #e8eaed;
  border-right: none;
}
.tools-vmok-plugin-range-picker-panel {
  display: inline-flex;
  flex-direction: column;
  border: 1px solid #e8eaed;
  border-radius: 8px;
}
.tools-vmok-plugin-range-picker-panel__footer-btn {
  padding: 8px 12px;
  border-top: 1px solid #e8eaed;
  text-align: right;
}
.tools-vmok-plugin-range-picker-panel--rtl {
  direction: rtl;
}
.tools-vmok-plugin-range-picker-panel--rtl .tools-vmok-plugin-range-picker-panel__footer-btn {
  text-align: left;
}
.tools-vmok-plugin-rate-item {
  position: relative;
  display: inline-flex;
  color: inherit;
  cursor: pointer;
  line-height: 0;
}
.tools-vmok-plugin-rate-item--disabled {
  cursor: not-allowed;
}
.tools-vmok-plugin-rate-item__rated {
  position: absolute;
  overflow: hidden;
  width: 50%;
  height: 100%;
  opacity: 0;
  color: #eb9617;
}
.tools-vmok-plugin-rate-item__void {
  width: 100%;
  height: 100%;
  color: #e8eaed;
}
.tools-vmok-plugin-rate {
  display: inline-flex;
}
.tools-vmok-plugin-rate--rtl {
  direction: rtl;
}
/* @schedule-disabled-bg-color: @disabled-default-bg; */
/* @schedule-active-bg-color: @primary-6; */
/* @schedule-popver-bg-color: @bg-10; */
/* @schedule-selected-text-color: @text-gray-5; */
.tools-vmok-plugin-schedule {
  user-select: none;
  border: 1px solid #e8eaed;
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffffff;
}
.tools-vmok-plugin-schedule th,
.tools-vmok-plugin-schedule td {
  padding: 0;
}
.tools-vmok-plugin-schedule__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 18px;
  border-bottom: 1px solid #e8eaed;
}
.tools-vmok-plugin-schedule__header__explain {
  display: flex;
}
.tools-vmok-plugin-schedule__header__explain__selected,
.tools-vmok-plugin-schedule__header__explain__selectable {
  display: flex;
  color: #31343b;
  align-items: center;
  margin-right: 11px;
}
.tools-vmok-plugin-schedule__header__explain__selected::before,
.tools-vmok-plugin-schedule__header__explain__selectable::before {
  content: "";
  display: block;
  width: 12px;
  height: 4px;
  background-color: #0057ff;
  border-radius: 2px;
  margin-right: 8px;
}
.tools-vmok-plugin-schedule__header__explain__selectable::before {
  border: 1px solid #dadfe3;
  background-color: transparent;
}
.tools-vmok-plugin-schedule__time-table-wrap {
  margin: 0 auto;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table__head__time-range {
  height: 39px;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table__head__time-range__title {
  width: 80px;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table tr th,
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table tr td {
  border-left: none;
  border-top: none;
  border-bottom: 1px solid;
  border-bottom-color: #e8eaed;
  border-right: 1px solid;
  border-right-color: #e8eaed;
  font-size: 14px;
  text-align: center;
  min-width: 11px;
  line-height: 1.8em;
  transition: all 100ms ease;
  color: #31343b;
  background: #ffffff;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table tr th:last-child,
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table tr td:last-child {
  border-right: none;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table tr th .tools-vmok-plugin-checkbox,
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table tr td .tools-vmok-plugin-checkbox {
  padding: 0 2px;
  display: flex;
  line-height: 1.8em;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table .tools-vmok-plugin-schedule__week-title {
  display: flex;
  justify-content: center;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table .tools-vmok-plugin-schedule__week-title .tools-vmok-plugin-checkbox__label {
  margin: 0 0 0 5px;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table .tools-vmok-plugin-schedule__atom-time:hover:not(.tools-vmok-plugin-schedule__atom-time--disabled) {
  background: #f2f4f7;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table .tools-vmok-plugin-schedule__atom-time--active:not(.tools-vmok-plugin-schedule__atom-time--disabled) {
  background-color: #0057ff;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table .tools-vmok-plugin-schedule__atom-time--active:not(.tools-vmok-plugin-schedule__atom-time--disabled):hover {
  background-color: #0057ff;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table .tools-vmok-plugin-schedule__atom-time--active.tools-vmok-plugin-schedule__atom-time--disabled {
  background-color: #badaff;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table .tools-vmok-plugin-schedule__atom-time--disabled {
  background: #fafafa;
  cursor: not-allowed;
}
.tools-vmok-plugin-schedule__time-table-wrap tr td.tools-vmok-plugin-schedule__selected-display {
  padding: 16px;
  border-bottom-style: none;
}
.tools-vmok-plugin-schedule__clear {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
}
.tools-vmok-plugin-schedule__selected-des {
  height: 22px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-schedule__empty {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-schedule__selected-tip-label {
  min-width: 60px;
  margin-right: 8px;
}
.tools-vmok-plugin-schedule__selected-time-range {
  display: flex;
  text-align: start;
}
.tools-vmok-plugin-schedule__selected-time-range .tools-vmok-plugin-schedule__selected-tip-label {
  text-align: left;
}
.tools-vmok-plugin-schedule__select-range-mask {
  background: #2e7bff;
  width: 0;
  height: 0;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0.6;
}
.tools-vmok-plugin-schedule-shortcuts {
  display: flex;
}
.tools-vmok-plugin-schedule-shortcuts__shortcut {
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
  margin-right: 24px;
  line-height: 22px;
}
.tools-vmok-plugin-schedule-shortcuts__shortcut:hover {
  color: #0057ff;
}
.tools-vmok-plugin-option {
  display: flex;
  align-self: stretch;
  color: #31343b;
  cursor: pointer;
}
.tools-vmok-plugin-option__action {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-option__content {
  flex: 1;
  align-items: center;
}
.tools-vmok-plugin-option__content--ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tools-vmok-plugin-option__expand {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-option__expand--icon {
  color: #31343b;
}
.tools-vmok-plugin-option.tools-vmok-plugin-option--grouped {
  padding-left: 24px;
  padding-right: 24px;
}
.tools-vmok-plugin-option--single.tools-vmok-plugin-option--selected {
  color: #0057ff;
}
.tools-vmok-plugin-option.tools-vmok-plugin-option--disabled {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-option.tools-vmok-plugin-option--disabled .tools-vmok-plugin-option__expand--icon {
  color: #b9bcc3;
}
.tools-vmok-plugin-option.tools-vmok-plugin-option--disabled.tools-vmok-plugin-option--single.tools-vmok-plugin-option--selected {
  color: #badaff;
}
.tools-vmok-plugin-option:hover:not(.tools-vmok-plugin-option--disabled) {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-option--xs {
  line-height: 18px;
  font-size: 12px;
  padding: 3px 12px;
}
.tools-vmok-plugin-option--sm {
  line-height: 18px;
  font-size: 12px;
  padding: 5px 12px;
}
.tools-vmok-plugin-option--md {
  line-height: 22px;
  font-size: 14px;
  padding: 6px 12px;
}
.tools-vmok-plugin-option--lg {
  line-height: 24px;
  font-size: 16px;
  padding: 7px 12px;
}
.tools-vmok-plugin-option--xl {
  line-height: 26px;
  font-size: 18px;
  padding: 8px 12px;
}
.tools-vmok-plugin-option--rtl {
  direction: rtl;
}
.tools-vmok-plugin-option--rtl .tools-vmok-plugin-option__action {
  margin-right: 0;
  margin-left: 8px;
}
.tools-vmok-plugin-option--rtl .tools-vmok-plugin-option__expand {
  margin-left: 0;
  margin-right: 8px;
}
.tools-vmok-plugin-optgroup {
  display: none;
}
.tools-vmok-plugin-optgroup__label {
  color: #93969d;
  cursor: default;
}
.tools-vmok-plugin-optgroup__label--disabled {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-optgroup--visible {
  display: block;
}
.tools-vmok-plugin-optgroup--xs {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-optgroup--xs .tools-vmok-plugin-optgroup__label {
  padding: 3px 12px;
}
.tools-vmok-plugin-optgroup--sm {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-optgroup--sm .tools-vmok-plugin-optgroup__label {
  padding: 5px 12px;
}
.tools-vmok-plugin-optgroup--md {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-optgroup--md .tools-vmok-plugin-optgroup__label {
  padding: 6px 12px;
}
.tools-vmok-plugin-optgroup--lg {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-optgroup--lg .tools-vmok-plugin-optgroup__label {
  padding: 7px 12px;
}
.tools-vmok-plugin-optgroup--xl {
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-optgroup--xl .tools-vmok-plugin-optgroup__label {
  padding: 8px 12px;
}
.tools-vmok-plugin-custom-input {
  position: relative;
  width: 100%;
  outline: none;
  padding: 0 8px;
  border-radius: 8px;
  display: inline-flex;
  cursor: pointer;
}
.tools-vmok-plugin-custom-input::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-custom-input::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-custom-input::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-custom-input::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-custom-input__content {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  word-break: break-all;
  align-items: center;
}
.tools-vmok-plugin-custom-input__prefix {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.tools-vmok-plugin-custom-input__suffix,
.tools-vmok-plugin-custom-input__after {
  position: sticky;
  top: 0;
  display: inline-flex;
  color: #31343b;
  padding-left: 4px;
  align-items: center;
}
.tools-vmok-plugin-custom-input__search {
  max-width: 100%;
  width: 100%;
  min-width: 4px;
  flex: 1;
}
.tools-vmok-plugin-custom-input__after--has-clear .tools-vmok-plugin-icon {
  opacity: 0;
}
.tools-vmok-plugin-custom-input__after--has-clear .tools-vmok-plugin-custom-input__clear {
  opacity: 1;
}
.tools-vmok-plugin-custom-input__clear {
  visibility: hidden;
  color: #93969d;
  z-index: 3;
  cursor: pointer;
  transition: opacity 0.1s ease-in;
}
.tools-vmok-plugin-custom-input__clear--absolute {
  position: absolute;
  display: none;
  right: 0;
}
.tools-vmok-plugin-custom-input__clear--margin-right {
  margin-right: 12px;
}
.tools-vmok-plugin-custom-input__clear--show {
  visibility: visible;
  display: block;
}
.tools-vmok-plugin-custom-input__clear:hover {
  color: #62656c;
}
.tools-vmok-plugin-custom-input__clear:active {
  color: #31343b;
}
.tools-vmok-plugin-custom-input--collapsible {
  overflow-y: hidden;
}
.tools-vmok-plugin-custom-input--open {
  z-index: 3;
  border-radius: 8px;
  background-color: #ffffff;
  position: absolute;
  overflow-y: auto;
}
.tools-vmok-plugin-custom-input--stroke {
  border: 1px solid #dee0e3;
  background-color: #ffffff;
}
.tools-vmok-plugin-custom-input--stroke:hover {
  border-color: #0057ff;
}
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--focused,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--focused:hover {
  border-color: #0057ff;
  box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
}
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--focused.tools-vmok-plugin-custom-input--error,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--focused.tools-vmok-plugin-custom-input--error:hover {
  border-color: #e34949;
  box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
}
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--error,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--error:hover {
  border-color: #e34949;
}
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--disabled,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--error,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--focused,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--disabled:hover,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--error:hover,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--focused:hover {
  background-color: #f5f7fa;
  border-color: #f2f4f7;
  color: #b9bcc3;
}
.tools-vmok-plugin-custom-input--fill {
  border: 1px solid transparent;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-custom-input--fill:hover {
  border-color: #0057ff;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--error {
  border-color: transparent;
  background-color: #fdf2f2;
}
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--error:hover {
  border-color: #ea7979;
  background-color: #fdf2f2;
}
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--focused,
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--focused:hover {
  border-color: #0057ff;
  background-color: #e8eaed;
  box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
}
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--focused.tools-vmok-plugin-custom-input--error,
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--focused.tools-vmok-plugin-custom-input--error:hover {
  border-color: #e34949;
  background-color: #fdf2f2;
  box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
}
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--disabled,
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--error,
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--focused,
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--disabled:hover,
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--error:hover,
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--focused:hover {
  background-color: #f5f7fa;
  border-color: transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-custom-input--unstyle {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #31343b;
}
.tools-vmok-plugin-custom-input--noborder {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #ffffff;
}
.tools-vmok-plugin-custom-input--disabled,
.tools-vmok-plugin-custom-input--disabled:hover {
  box-shadow: none;
  cursor: not-allowed;
  animation: none;
}
.tools-vmok-plugin-custom-input--disabled .tools-vmok-plugin-custom-input__suffix,
.tools-vmok-plugin-custom-input--disabled .tools-vmok-plugin-custom-input__after {
  color: #cdd1d8;
}
.tools-vmok-plugin-custom-input--xs {
  font-size: 12px;
  line-height: 18px;
  min-height: 24px;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-tag {
  margin: 3px 4px 3px 0;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-custom-input__search {
  margin: 2px 4px 2px 0;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-custom-input__suffix {
  height: 22px;
}
.tools-vmok-plugin-custom-input--xs.tools-vmok-plugin-custom-input--collapsible {
  max-height: 24px;
}
.tools-vmok-plugin-custom-input--xs.tools-vmok-plugin-custom-input--open {
  max-height: 86px;
}
.tools-vmok-plugin-custom-input--sm {
  font-size: 12px;
  line-height: 18px;
  min-height: 28px;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-tag {
  margin: 3px 4px 3px 0;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-custom-input__search {
  margin: 4px 4px 4px 0;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-custom-input__suffix .tools-vmok-plugin-custom-input__after {
  height: 26px;
}
.tools-vmok-plugin-custom-input--sm.tools-vmok-plugin-custom-input--collapsible {
  max-height: 28px;
}
.tools-vmok-plugin-custom-input--sm.tools-vmok-plugin-custom-input--open {
  max-height: 93px;
}
.tools-vmok-plugin-custom-input--md {
  font-size: 14px;
  line-height: 22px;
  min-height: 32px;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-tag {
  margin: 3px 4px 3px 0;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-custom-input__search {
  margin: 5px 4px 5px 0;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-custom-input__suffix,
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-custom-input__after {
  height: 30px;
}
.tools-vmok-plugin-custom-input--md.tools-vmok-plugin-custom-input--collapsible {
  max-height: 32px;
}
.tools-vmok-plugin-custom-input--md.tools-vmok-plugin-custom-input--open {
  max-height: 107px;
}
.tools-vmok-plugin-custom-input--lg {
  font-size: 14px;
  line-height: 22px;
  min-height: 36px;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-tag {
  margin: 3px 4px 3px 0;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-custom-input__search {
  margin: 6px 4px 6px 0;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-custom-input,
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-custom-input__after {
  height: 34px;
}
.tools-vmok-plugin-custom-input--lg.tools-vmok-plugin-custom-input--collapsible {
  max-height: 36px;
}
.tools-vmok-plugin-custom-input--lg.tools-vmok-plugin-custom-input--open {
  max-height: 121px;
}
.tools-vmok-plugin-custom-input--xl {
  font-size: 16px;
  line-height: 24px;
  min-height: 40px;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-tag {
  margin: 3px 4px 3px 0;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-custom-input__search {
  margin: 8px 4px 8px 0;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-custom-input__suffix,
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-custom-input__after {
  height: 38px;
}
.tools-vmok-plugin-custom-input--xl.tools-vmok-plugin-custom-input--collapsible {
  max-height: 40px;
}
.tools-vmok-plugin-custom-input--xl.tools-vmok-plugin-custom-input--open {
  max-height: 135px;
}
.tools-vmok-plugin-custom-input__wrapper {
  width: 100%;
  position: relative;
}
.tools-vmok-plugin-custom-input__wrapper--xs {
  height: 24px;
}
.tools-vmok-plugin-custom-input__wrapper--sm {
  height: 28px;
}
.tools-vmok-plugin-custom-input__wrapper--md {
  height: 32px;
}
.tools-vmok-plugin-custom-input__wrapper--lg {
  height: 36px;
}
.tools-vmok-plugin-custom-input__wrapper--xl {
  height: 40px;
}
.tools-vmok-plugin-custom-input--rtl {
  direction: rtl;
}
.tools-vmok-plugin-custom-input--rtl .tools-vmok-plugin-custom-input__clear--absolute {
  right: auto;
  left: 0;
}
.tools-vmok-plugin-custom-input--rtl .tools-vmok-plugin-custom-input__clear--margin-right {
  margin-right: 0;
  margin-left: 12px;
}
.tools-vmok-plugin-custom-input--rtl .tools-vmok-plugin-custom-input__prefix {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl .tools-vmok-plugin-custom-input__suffix,
.tools-vmok-plugin-custom-input--rtl .tools-vmok-plugin-custom-input__after {
  padding-right: 4px;
  padding-left: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-tag {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-custom-input__search {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-tag {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-custom-input__search {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-tag {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-custom-input__search {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-tag {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-custom-input__search {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-tag {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-custom-input__search {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-select {
  display: inline-flex;
  width: 100%;
  position: relative;
  vertical-align: bottom;
}
.tools-vmok-plugin-select__tips {
  text-align: center;
  user-select: none;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 22px;
  min-width: 26px;
  border-radius: 13px;
  padding: 1px 8px;
  margin-right: 4px;
}
.tools-vmok-plugin-select__arrow {
  color: #93969d;
}
.tools-vmok-plugin-select__arrow--open {
  transform: rotate(180deg);
}
.tools-vmok-plugin-select__input:not(.tools-vmok-plugin-input__wrapper--disabled) {
  cursor: pointer;
}
.tools-vmok-plugin-select__tag-content {
  max-width: calc(100% - 14px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tools-vmok-plugin-select__empty {
  height: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-select--stroke .tools-vmok-plugin-select__tips {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-select--stroke.tools-vmok-plugin-select--disabled .tools-vmok-plugin-select__tips {
  background-color: #f7f9fc;
  color: #cdd1d8;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-select--fill .tools-vmok-plugin-select__tips {
  background-color: #ffffff;
  color: #31343b;
  border-color: #ffffff;
}
.tools-vmok-plugin-select--fill.tools-vmok-plugin-select--disabled .tools-vmok-plugin-select__tips {
  background-color: #f5f7fa;
  color: #b9bcc3;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-select--text {
  color: #31343b;
  width: auto;
  cursor: pointer;
}
.tools-vmok-plugin-select--text:hover,
.tools-vmok-plugin-select--text .tools-vmok-plugin-select__text-wrapper--active {
  color: #0057ff;
}
.tools-vmok-plugin-select--text:hover:active,
.tools-vmok-plugin-select--text .tools-vmok-plugin-select__text-wrapper--active:active {
  color: #003fd2;
}
.tools-vmok-plugin-select--text .tools-vmok-plugin-select__text-wrapper {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
}
.tools-vmok-plugin-select--text .tools-vmok-plugin-select__arrow {
  margin-right: 0;
}
.tools-vmok-plugin-select--text.tools-vmok-plugin-select--disabled,
.tools-vmok-plugin-select--text.tools-vmok-plugin-select--disabled:hover {
  color: #cdd1d8;
  cursor: not-allowed;
}
.tools-vmok-plugin-select--xs {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-select--xs .tools-vmok-plugin-select__tips {
  font-size: 12px;
  line-height: 18px;
  min-width: 22px;
  border-radius: 11px;
  padding: 1px 8px;
}
.tools-vmok-plugin-select--sm {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-select--sm .tools-vmok-plugin-select__tips {
  font-size: 12px;
  line-height: 18px;
  min-width: 22px;
  border-radius: 11px;
  padding: 1px 8px;
}
.tools-vmok-plugin-select--md {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-select--lg {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-select--xl {
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-select--disabled .tools-vmok-plugin-select__tips {
  background-color: #f7f9fc;
  color: #cdd1d8;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-select--disabled .tools-vmok-plugin-select__arrow {
  color: #cdd1d8;
}
.tools-vmok-plugin-select__popper {
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  display: none;
  background-color: #ffffff;
}
.tools-vmok-plugin-select__popper--show {
  display: block;
}
.tools-vmok-plugin-select__popper-header {
  border-bottom: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-select__popper-footer {
  border-top: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-select--rtl {
  direction: rtl;
}
.tools-vmok-plugin-select--rtl .tools-vmok-plugin-select__tips {
  margin-right: 0;
  margin-left: 4px;
}
.tools-vmok-plugin-select__popper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-select-fade-enter-active,
.tools-vmok-plugin-select-fade-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.tools-vmok-plugin-select-fade-enter-from,
.tools-vmok-plugin-select-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-select-fade-enter-to,
.tools-vmok-plugin-select-fade-leave-from {
  opacity: 1;
}
.tools-vmok-plugin-select__filter {
  border-bottom: 1px solid #e8eaed;
}
.tools-vmok-plugin-select__filter-icon {
  color: #b9bcc3;
}
.tools-vmok-plugin-select__options {
  max-height: 192px;
  overflow-y: auto;
  padding: 6px 0;
}
.tools-vmok-plugin-select__options::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-select__options::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-select__options::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-select__options::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
/**
 * OKee Design Component Slider Design Token
 */
.tools-vmok-plugin-slider {
  position: relative;
  cursor: pointer;
  box-sizing: content-box;
  touch-action: none;
  height: 4px;
  font-size: 14px;
  border-radius: 3px;
}
.tools-vmok-plugin-slider__rail {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 4px;
  background-color: #f2f4f7;
  border-radius: 3px;
  transition: background-color 0.3s;
}
.tools-vmok-plugin-slider__track {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  border-radius: 3px;
  background-color: #0057ff;
}
.tools-vmok-plugin-slider__track:hover {
  background-color: #2e7bff;
}
.tools-vmok-plugin-slider__track:active {
  background-color: #003fd2;
}
.tools-vmok-plugin-slider__thumb {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  border: 4px solid #0057ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tools-vmok-plugin-slider__thumb:focus {
  outline: none;
}
.tools-vmok-plugin-slider__thumb:hover {
  border-color: #2e7bff;
  background-color: #ffffff;
}
.tools-vmok-plugin-slider__thumb:active {
  background-color: #ffffff;
  border-color: #003fd2;
}
.tools-vmok-plugin-slider__steps__step {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border: 2px solid #e8eaed;
  border-radius: 50%;
}
.tools-vmok-plugin-slider__steps__step--active {
  border: 2px solid #0057ff;
}
.tools-vmok-plugin-slider__marks {
  position: absolute;
  width: 100%;
  top: 18px;
}
.tools-vmok-plugin-slider__marks__mark {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  font-size: 14px;
  word-break: keep-all;
}
.tools-vmok-plugin-slider__marks__mark--active {
  color: #0057ff;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__rail {
  background-color: #f5f7fa;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__thumb {
  border-color: #badaff;
  background-color: #ffffff;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__track {
  background-color: #badaff;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__steps {
  background-color: #f7f9fc;
  border-color: #dee0e3;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__steps--active {
  border-color: #badaff;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__steps__step--active {
  border-color: #badaff;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__marks__mark {
  color: #cdd1d8;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__marks__mark--active {
  color: #badaff;
}
/* spin */
.tools-vmok-plugin-spin__block {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.tools-vmok-plugin-spin__fullscreen {
  position: fixed;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tools-vmok-plugin-spin .tools-vmok-plugin-icon__loading {
  color: #2e7bff;
}
.tools-vmok-plugin-spin__block-mask {
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
}
.tools-vmok-plugin-spin__content {
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tools-vmok-plugin-inline-spin {
  display: inline-flex;
  color: #2e7bff;
}
.tools-vmok-plugin-statistic {
  display: flex;
  flex-direction: column;
}
.tools-vmok-plugin-statistic__title {
  color: #31343b;
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-statistic__content {
  display: flex;
  padding-top: 4px;
  padding-bottom: 12px;
  font-size: 30px;
  line-height: 44px;
}
.tools-vmok-plugin-statistic__suffix {
  margin-left: 4px;
}
.tools-vmok-plugin-statistic__prefix {
  margin-right: 4px;
}
.tools-vmok-plugin-step {
  display: flex;
  overflow: hidden;
  flex: 1;
  align-self: flex-start;
  margin-right: 16px;
  padding-right: 16px;
}
.tools-vmok-plugin-step:last-of-type {
  flex: none;
  margin-right: 0;
  padding-right: 0;
}
.tools-vmok-plugin-step:last-of-type .tools-vmok-plugin-step__title::after {
  display: none;
}
.tools-vmok-plugin-step:last-of-type .tools-vmok-plugin-step__click-wrap::after {
  display: none;
}
.tools-vmok-plugin-step .tools-vmok-plugin-step__click-wrap {
  display: flex;
  position: relative;
}
.tools-vmok-plugin-step .tools-vmok-plugin-step__click-wrap::after {
  content: "";
  position: absolute;
  width: 10000px;
  height: 0;
  border-top: 1px solid #b9bcc3;
  left: 100%;
  top: 16px;
}
.tools-vmok-plugin-step .tools-vmok-plugin-step__click-wrap .tools-vmok-plugin-step__title::after {
  display: none;
}
.tools-vmok-plugin-step .tools-vmok-plugin-step__clickable {
  cursor: pointer;
}
.tools-vmok-plugin-step .tools-vmok-plugin-step__disabled {
  cursor: not-allowed;
}
.tools-vmok-plugin-step--space {
  flex: none;
}
.tools-vmok-plugin-step--vertical {
  margin-right: 0;
}
.tools-vmok-plugin-step--vertical:not(:first-of-type) {
  margin-top: 16px;
}
.tools-vmok-plugin-step--vertical:last-of-type .tools-vmok-plugin-step__icon::after {
  display: none;
}
.tools-vmok-plugin-step--vertical .tools-vmok-plugin-step__title::after {
  display: none;
}
.tools-vmok-plugin-step--vertical .tools-vmok-plugin-step__icon::after {
  content: "";
  position: absolute;
  height: 10000px;
  width: 0;
  border-left: 1px solid #b9bcc3;
  left: 50%;
  top: 48px;
}
.tools-vmok-plugin-step__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.tools-vmok-plugin-step__icon .tools-vmok-plugin-step__iconbox {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bolder;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  color: #93969d;
  background-color: #e8eaed;
  font-size: 18px;
}
.tools-vmok-plugin-step__content {
  margin-left: 8px;
}
.tools-vmok-plugin-step__title {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  color: #93969d;
  min-height: 32px;
  margin: 0;
  font-weight: 600;
  padding-right: 16px;
}
.tools-vmok-plugin-step__title::after {
  content: "";
  position: absolute;
  width: 10000px;
  height: 0;
  border-top: 1px solid #b9bcc3;
  left: 100%;
  top: 16px;
}
.tools-vmok-plugin-step__desc {
  display: flex;
  align-items: center;
  margin: 0;
  min-height: 20px;
  font-size: 12px;
  color: #93969d;
}
.tools-vmok-plugin-step__desc-default {
  color: #31343b !important;
}
.tools-vmok-plugin-step__desc-auxiliary {
  color: #62656c !important;
}
.tools-vmok-plugin-step__desc-secondary {
  color: #93969d !important;
}
.tools-vmok-plugin-step__desc-primary {
  color: #0057ff !important;
}
.tools-vmok-plugin-step__desc-danger {
  color: #e34949 !important;
}
.tools-vmok-plugin-step__desc-success {
  color: #4d8b2f !important;
}
.tools-vmok-plugin-step__desc-warning {
  color: #eb9617 !important;
}
.tools-vmok-plugin-step--dotted .tools-vmok-plugin-step__title::after {
  border-top-style: dotted;
}
.tools-vmok-plugin-step--dotted .tools-vmok-plugin-step__icon::after {
  border-left-style: dotted;
}
.tools-vmok-plugin-step--dashed .tools-vmok-plugin-step__title::after {
  border-top-style: dashed;
}
.tools-vmok-plugin-step--dashed .tools-vmok-plugin-step__icon::after {
  border-left-style: dashed;
}
.tools-vmok-plugin-step--double .tools-vmok-plugin-step__title::after {
  border-top-style: double;
}
.tools-vmok-plugin-step--double .tools-vmok-plugin-step__icon::after {
  border-left-style: double;
}
.tools-vmok-plugin-step--progressing .tools-vmok-plugin-step__icon .tools-vmok-plugin-step__iconbox {
  color: #ffffff;
  background-color: #0057ff;
}
.tools-vmok-plugin-step--progressing .tools-vmok-plugin-step__icon::after {
  border-left-color: #b9bcc3;
}
.tools-vmok-plugin-step--progressing .tools-vmok-plugin-step__title {
  color: #0057ff;
}
.tools-vmok-plugin-step--progressing .tools-vmok-plugin-step__title::after {
  border-top-color: #b9bcc3;
}
.tools-vmok-plugin-step--progressing .tools-vmok-plugin-step__desc {
  color: #0057ff;
}
.tools-vmok-plugin-step--finished .tools-vmok-plugin-step__icon .tools-vmok-plugin-step__iconbox {
  background-color: #e8f4ff;
  color: #0057ff;
}
.tools-vmok-plugin-step--finished .tools-vmok-plugin-step__icon .tools-vmok-plugin-step__iconbox .tools-vmok-plugin-step__icon-check {
  width: 19px;
  color: #0057ff;
}
.tools-vmok-plugin-step--finished .tools-vmok-plugin-step__icon::after {
  border-left-color: #0057ff;
}
.tools-vmok-plugin-step--finished .tools-vmok-plugin-step__title {
  color: #31343b;
}
.tools-vmok-plugin-step--finished .tools-vmok-plugin-step__title::after {
  border-top-color: #0057ff;
}
.tools-vmok-plugin-step--error .tools-vmok-plugin-step__icon .tools-vmok-plugin-step__iconbox {
  color: #ffffff;
  background-color: #e34949;
}
.tools-vmok-plugin-step--error .tools-vmok-plugin-step__icon::after {
  border-left-color: #b9bcc3;
}
.tools-vmok-plugin-step--error .tools-vmok-plugin-step__title {
  color: #e34949;
}
.tools-vmok-plugin-step--error .tools-vmok-plugin-step__title::after {
  border-top-color: #b9bcc3;
}
.tools-vmok-plugin-step--error .tools-vmok-plugin-step__desc {
  color: #e34949;
}
.tools-vmok-plugin-step--lg .tools-vmok-plugin-step__icon,
.tools-vmok-plugin-step--xl .tools-vmok-plugin-step__icon {
  width: 36px;
  height: 36px;
}
.tools-vmok-plugin-step--lg .tools-vmok-plugin-step__title,
.tools-vmok-plugin-step--xl .tools-vmok-plugin-step__title {
  font-size: 18px;
  min-height: 36px;
}
.tools-vmok-plugin-step--lg .tools-vmok-plugin-step__title::after,
.tools-vmok-plugin-step--xl .tools-vmok-plugin-step__title::after {
  top: 18px;
}
.tools-vmok-plugin-step--lg .tools-vmok-plugin-step__desc,
.tools-vmok-plugin-step--xl .tools-vmok-plugin-step__desc {
  min-height: 22px;
  font-size: 14px;
}
.tools-vmok-plugin-step--sm .tools-vmok-plugin-step__icon {
  width: 28px;
  height: 28px;
}
.tools-vmok-plugin-step--sm .tools-vmok-plugin-step__title {
  font-size: 14px;
  min-height: 28px;
  padding-right: 8px;
}
.tools-vmok-plugin-step--sm .tools-vmok-plugin-step__title::after {
  top: 14px;
}
.tools-vmok-plugin-step--sm .tools-vmok-plugin-step__desc {
  min-height: 20px;
  font-size: 12px;
}
.tools-vmok-plugin-step--xs .tools-vmok-plugin-step__icon {
  width: 24px;
  height: 24px;
}
.tools-vmok-plugin-step--xs .tools-vmok-plugin-step__title {
  font-size: 12px;
  min-height: 24px;
  padding-right: 8px;
}
.tools-vmok-plugin-step--xs .tools-vmok-plugin-step__title::after {
  top: 12px;
}
.tools-vmok-plugin-step--xs .tools-vmok-plugin-step__desc {
  min-height: 20px;
  font-size: 12px;
}
/* steps */
/* waiting */
/* progressing */
/* finished */
/* error */
/* desc text  */
.tools-vmok-plugin-steps {
  display: flex;
}
.tools-vmok-plugin-steps--vertical {
  flex-direction: column;
}
.tools-vmok-plugin-steps--rtl {
  direction: rtl;
}
.tools-vmok-plugin-steps--rtl.tools-vmok-plugin-steps--horizontal .tools-vmok-plugin-step--rtl {
  margin-left: 16px;
  padding-left: 16px;
  margin-right: auto;
  padding-right: 0;
}
.tools-vmok-plugin-steps--rtl.tools-vmok-plugin-steps--horizontal .tools-vmok-plugin-step--rtl .tools-vmok-plugin-step__content {
  margin-left: auto;
  margin-right: 8px;
}
.tools-vmok-plugin-steps--rtl.tools-vmok-plugin-steps--horizontal .tools-vmok-plugin-step--rtl .tools-vmok-plugin-step__content .tools-vmok-plugin-step__title {
  padding-right: 0;
  padding-left: 16px;
}
.tools-vmok-plugin-steps--rtl.tools-vmok-plugin-steps--horizontal .tools-vmok-plugin-step--rtl .tools-vmok-plugin-step__content .tools-vmok-plugin-step__title::after {
  left: auto;
  right: 100%;
}
.tools-vmok-plugin-steps--rtl.tools-vmok-plugin-steps--horizontal .tools-vmok-plugin-step--rtl.tools-vmok-plugin-step--xs .tools-vmok-plugin-step__content .tools-vmok-plugin-step__title,
.tools-vmok-plugin-steps--rtl.tools-vmok-plugin-steps--horizontal .tools-vmok-plugin-step--rtl.tools-vmok-plugin-step--md .tools-vmok-plugin-step__content .tools-vmok-plugin-step__title {
  padding-left: 8px;
}
.tools-vmok-plugin-steps--rtl.tools-vmok-plugin-steps--vertical .tools-vmok-plugin-step:last-of-type {
  padding-right: 16px;
}
/* switch */
.tools-vmok-plugin-switch {
  display: inline-flex;
  align-items: center;
  user-select: none;
  overflow: hidden;
  cursor: pointer;
}
.tools-vmok-plugin-switch__children-placeholder {
  display: flex;
}
.tools-vmok-plugin-switch--xs {
  min-width: 28px;
  height: 16px;
  background-color: #b9bcc3;
  border-radius: 8px;
  color: #ffffff;
  position: relative;
}
.tools-vmok-plugin-switch--xs:active .tools-vmok-plugin-switch__thumb {
  width: 16px;
  border-radius: 8px;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--xs:active.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 16px - 2px * 2);
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb {
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  left: 0;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dfe0e2;
}
@keyframes switch-thumb-change-xs {
  from {
    width: 16px;
    border-radius: 8px;
    left: 0;
  }
  to {
    width: 12px;
    border-radius: 50%;
    right: 0;
  }
}
@keyframes switch-thumb-change1-xs {
  from {
    width: 16px;
    border-radius: 8px;
    right: 0;
  }
  to {
    width: 12px;
    border-radius: 50%;
    left: 0;
  }
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb--to-unchecked {
  animation: switch-thumb-change1-xs 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb--to-checked {
  animation: switch-thumb-change-xs 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__loading_wrapper {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper,
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  white-space: nowrap;
  font-size: 12px;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  right: 0;
  padding-right: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  left: 0;
  padding-left: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__content-placeholder {
  visibility: hidden;
  font-size: 12px;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__truthy-placeholder,
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__falsy-placeholder {
  display: flex;
  align-items: center;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__thumb-placeholder {
  width: 18px;
  height: 12px;
  margin-left: 6px;
  margin-right: 6px;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--disabled,
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--loading {
  cursor: not-allowed;
  background-color: #e8eaed;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--disabled .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--loading .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #dfe0e2;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--checked {
  background-color: #38374f;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 12px - 2px * 2);
  color: #38374f;
  background-color: #ffffff;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked,
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked {
  cursor: not-allowed;
  background-color: #b3b2bb;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #b3b2bb;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__truthy-icon,
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__falsy-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb {
  left: auto;
  right: 0;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  left: 0;
  right: auto;
  padding-left: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  right: 0;
  left: auto;
  padding-right: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--rtl.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  right: calc(100% - 12px - 2px * 2);
}
.tools-vmok-plugin-switch--sm {
  min-width: 28px;
  height: 16px;
  background-color: #b9bcc3;
  border-radius: 8px;
  color: #ffffff;
  position: relative;
}
.tools-vmok-plugin-switch--sm:active .tools-vmok-plugin-switch__thumb {
  width: 16px;
  border-radius: 8px;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--sm:active.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 16px - 2px * 2);
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb {
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  left: 0;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dfe0e2;
}
@keyframes switch-thumb-change-sm {
  from {
    width: 16px;
    border-radius: 8px;
    left: 0;
  }
  to {
    width: 12px;
    border-radius: 50%;
    right: 0;
  }
}
@keyframes switch-thumb-change1-sm {
  from {
    width: 16px;
    border-radius: 8px;
    right: 0;
  }
  to {
    width: 12px;
    border-radius: 50%;
    left: 0;
  }
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb--to-unchecked {
  animation: switch-thumb-change1-sm 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb--to-checked {
  animation: switch-thumb-change-sm 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__loading_wrapper {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper,
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  white-space: nowrap;
  font-size: 12px;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  right: 0;
  padding-right: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  left: 0;
  padding-left: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__content-placeholder {
  visibility: hidden;
  font-size: 12px;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__truthy-placeholder,
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__falsy-placeholder {
  display: flex;
  align-items: center;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__thumb-placeholder {
  width: 18px;
  height: 12px;
  margin-left: 6px;
  margin-right: 6px;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--disabled,
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--loading {
  cursor: not-allowed;
  background-color: #e8eaed;
  color: #ffffff;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--disabled .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--loading .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #dfe0e2;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--checked {
  background-color: #38374f;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 12px - 2px * 2);
  color: #38374f;
  background-color: #ffffff;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked,
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked {
  cursor: not-allowed;
  background-color: #b3b2bb;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #b3b2bb;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__truthy-icon,
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__falsy-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb {
  left: auto;
  right: 0;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  left: 0;
  right: auto;
  padding-left: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  right: 0;
  left: auto;
  padding-right: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--rtl.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  right: calc(100% - 12px - 2px * 2);
}
.tools-vmok-plugin-switch--md {
  min-width: 40px;
  height: 22px;
  background-color: #b9bcc3;
  border-radius: 12px;
  color: #ffffff;
  position: relative;
}
.tools-vmok-plugin-switch--md:active .tools-vmok-plugin-switch__thumb {
  width: 24px;
  border-radius: 12px;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--md:active.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 24px - 2px * 2);
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb {
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  left: 0;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dfe0e2;
}
@keyframes switch-thumb-change-md {
  from {
    width: 24px;
    border-radius: 12px;
    left: 0;
  }
  to {
    width: 18px;
    border-radius: 50%;
    right: 0;
  }
}
@keyframes switch-thumb-change1-md {
  from {
    width: 24px;
    border-radius: 12px;
    right: 0;
  }
  to {
    width: 18px;
    border-radius: 50%;
    left: 0;
  }
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb--to-unchecked {
  animation: switch-thumb-change1-md 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb--to-checked {
  animation: switch-thumb-change-md 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__loading_wrapper {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper,
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  white-space: nowrap;
  font-size: 14px;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  right: 0;
  padding-right: 24px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  left: 0;
  padding-left: 24px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__content-placeholder {
  visibility: hidden;
  font-size: 14px;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__truthy-placeholder,
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__falsy-placeholder {
  display: flex;
  align-items: center;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__thumb-placeholder {
  width: 27px;
  height: 18px;
  margin-left: 6px;
  margin-right: 6px;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--disabled,
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--loading {
  cursor: not-allowed;
  background-color: #e8eaed;
  color: #ffffff;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--disabled .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--loading .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #dfe0e2;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--checked {
  background-color: #38374f;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 18px - 2px * 2);
  color: #38374f;
  background-color: #ffffff;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked,
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked {
  cursor: not-allowed;
  background-color: #b3b2bb;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #b3b2bb;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__truthy-icon,
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__falsy-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb {
  left: auto;
  right: 0;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  left: 0;
  right: auto;
  padding-left: 24px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  right: 0;
  left: auto;
  padding-right: 24px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--rtl.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  right: calc(100% - 18px - 2px * 2);
}
.tools-vmok-plugin-switch--lg {
  min-width: 52px;
  height: 28px;
  background-color: #b9bcc3;
  border-radius: 14px;
  color: #ffffff;
  position: relative;
}
.tools-vmok-plugin-switch--lg:active .tools-vmok-plugin-switch__thumb {
  width: 32px;
  border-radius: 14px;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--lg:active.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 32px - 2px * 2);
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  left: 0;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dfe0e2;
}
@keyframes switch-thumb-change-lg {
  from {
    width: 32px;
    border-radius: 14px;
    left: 0;
  }
  to {
    width: 24px;
    border-radius: 50%;
    right: 0;
  }
}
@keyframes switch-thumb-change1-lg {
  from {
    width: 32px;
    border-radius: 14px;
    right: 0;
  }
  to {
    width: 24px;
    border-radius: 50%;
    left: 0;
  }
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb--to-unchecked {
  animation: switch-thumb-change1-lg 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb--to-checked {
  animation: switch-thumb-change-lg 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__loading_wrapper {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper,
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  white-space: nowrap;
  font-size: 14px;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  right: 0;
  padding-right: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  left: 0;
  padding-left: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__content-placeholder {
  visibility: hidden;
  font-size: 14px;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__truthy-placeholder,
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__falsy-placeholder {
  display: flex;
  align-items: center;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__thumb-placeholder {
  width: 36px;
  height: 24px;
  margin-left: 6px;
  margin-right: 6px;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--disabled,
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--loading {
  cursor: not-allowed;
  background-color: #e8eaed;
  color: #ffffff;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--disabled .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--loading .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #dfe0e2;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--checked {
  background-color: #38374f;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 24px - 2px * 2);
  color: #38374f;
  background-color: #ffffff;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked,
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked {
  cursor: not-allowed;
  background-color: #b3b2bb;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #b3b2bb;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__truthy-icon,
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__falsy-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb {
  left: auto;
  right: 0;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  left: 0;
  right: auto;
  padding-left: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  right: 0;
  left: auto;
  padding-right: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--rtl.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  right: calc(100% - 24px - 2px * 2);
}
.tools-vmok-plugin-switch--xl {
  min-width: 52px;
  height: 28px;
  background-color: #b9bcc3;
  border-radius: 14px;
  color: #ffffff;
  position: relative;
}
.tools-vmok-plugin-switch--xl:active .tools-vmok-plugin-switch__thumb {
  width: 32px;
  border-radius: 14px;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--xl:active.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 32px - 2px * 2);
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  left: 0;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dfe0e2;
}
@keyframes switch-thumb-change-xl {
  from {
    width: 32px;
    border-radius: 14px;
    left: 0;
  }
  to {
    width: 24px;
    border-radius: 50%;
    right: 0;
  }
}
@keyframes switch-thumb-change1-xl {
  from {
    width: 32px;
    border-radius: 14px;
    right: 0;
  }
  to {
    width: 24px;
    border-radius: 50%;
    left: 0;
  }
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb--to-unchecked {
  animation: switch-thumb-change1-xl 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb--to-checked {
  animation: switch-thumb-change-xl 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__loading_wrapper {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper,
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  white-space: nowrap;
  font-size: 14px;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  right: 0;
  padding-right: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  left: 0;
  padding-left: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__content-placeholder {
  visibility: hidden;
  font-size: 14px;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__truthy-placeholder,
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__falsy-placeholder {
  display: flex;
  align-items: center;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__thumb-placeholder {
  width: 36px;
  height: 24px;
  margin-left: 6px;
  margin-right: 6px;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--disabled,
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--loading {
  cursor: not-allowed;
  background-color: #e8eaed;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--disabled .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--loading .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #dfe0e2;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--checked {
  background-color: #38374f;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 24px - 2px * 2);
  color: #38374f;
  background-color: #ffffff;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked,
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked {
  cursor: not-allowed;
  background-color: #b3b2bb;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #b3b2bb;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__truthy-icon,
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__falsy-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb {
  left: auto;
  right: 0;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  left: 0;
  right: auto;
  padding-left: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  right: 0;
  left: auto;
  padding-right: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--rtl.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  right: calc(100% - 24px - 2px * 2);
}
.tools-vmok-plugin-switch--round {
  border-radius: 2px;
}
.tools-vmok-plugin-switch--round .tools-vmok-plugin-switch__thumb {
  border-radius: 2px;
}
/* ocean design 2.0 desgin tokens */
.tools-vmok-plugin-table {
  border-spacing: 0;
  width: 100%;
  color: #31343b;
  font-size: 12px;
  line-height: 18px;
  table-layout: fixed;
}
.tools-vmok-plugin-table__expand-icon,
.tools-vmok-plugin-table__tree-icon {
  color: #93969d;
  transform: rotate(-90deg);
}
.tools-vmok-plugin-table__expand-icon:hover,
.tools-vmok-plugin-table__tree-icon:hover {
  color: #0057ff;
}
.tools-vmok-plugin-table__expand-icon--expanded,
.tools-vmok-plugin-table__tree-icon--expanded {
  transform: rotate(0deg);
}
.tools-vmok-plugin-table__tree-icon {
  margin-right: 8px;
}
.tools-vmok-plugin-table__tree-icon-wrapper {
  display: inline-flex;
}
.tools-vmok-plugin-table__tree-icon-wrapper--noevents {
  pointer-events: none;
  visibility: hidden;
}
.tools-vmok-plugin-td {
  padding: 16px 16px;
  border-bottom: 1px solid #dfe0e2;
  font-size: 12px;
  font-weight: 400;
  background-color: #ffffff;
  color: #31343b;
  word-wrap: break-word;
}
.tools-vmok-plugin-td--sticky {
  position: sticky;
  z-index: 1;
}
.tools-vmok-plugin-td--sticky-left-last::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  transform: translateX(100%);
  z-index: 3;
  box-shadow: inset 10px 0 10px -5px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.tools-vmok-plugin-td--sticky-right-first::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  transform: translateX(-100%);
  z-index: 3;
  box-shadow: inset -10px 0 10px -5px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.tools-vmok-plugin-td__cell-group {
  display: flex;
}
.tools-vmok-plugin-th {
  background-color: #f2f4f7;
  color: #31343b;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  position: relative;
  padding: 14px 16px;
  text-align: left;
  word-break: break-all;
}
.tools-vmok-plugin-th:hover {
  background-color: #e8eaed;
  color: #31343b;
}
.tools-vmok-plugin-th--filterable {
  padding-right: 28px;
}
.tools-vmok-plugin-th.tools-vmok-plugin-table-cell--right .tools-vmok-plugin-th__column-sorter {
  justify-content: end;
}
.tools-vmok-plugin-th.tools-vmok-plugin-table-cell--center .tools-vmok-plugin-th__column-sorter {
  justify-content: center;
}
.tools-vmok-plugin-th__column-sorter {
  display: flex;
  align-items: center;
  word-break: break-all;
}
.tools-vmok-plugin-th__filter {
  width: 28px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b9bcc3;
}
.tools-vmok-plugin-th__filter:hover {
  background-color: #dee0e3;
  color: #93969d;
}
.tools-vmok-plugin-th--sticky {
  position: sticky;
  z-index: 2;
}
.tools-vmok-plugin-th--sticky-left {
  z-index: 3;
}
.tools-vmok-plugin-th--sticky-right {
  z-index: 3;
}
.tools-vmok-plugin-th--sticky-left-last::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  transform: translateX(100%);
  z-index: 3;
  box-shadow: inset 10px 0 10px -5px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.tools-vmok-plugin-th--sticky-right-first::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  transform: translateX(-100%);
  z-index: 3;
  box-shadow: inset -10px 0 10px -5px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.tools-vmok-plugin-th__sorter {
  display: inline-flex;
  flex-direction: column;
  margin: 0 4px;
  color: #93969d;
  font-size: 12px;
}
.tools-vmok-plugin-th__sorter:hover {
  color: #93969d;
}
.tools-vmok-plugin-th__sorter-up {
  transform: rotate(-180deg);
}
.tools-vmok-plugin-th__sorter-up:active,
.tools-vmok-plugin-th__sorter-down:active {
  color: #003fd2;
}
.tools-vmok-plugin-th__sorter-up--active,
.tools-vmok-plugin-th__sorter-down--active {
  color: #0057ff;
}
.tools-vmok-plugin-th__resize-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 2px;
  height: 100%;
  cursor: col-resize;
}
.tools-vmok-plugin-th__resize-bar:hover {
  background-color: #0057ff;
}
.tools-vmok-plugin-tr:hover .tools-vmok-plugin-td {
  background-color: #f2f5fd;
  color: #31343b;
}
.tools-vmok-plugin-tr:active .tools-vmok-plugin-td {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-tfoot {
  position: sticky;
  bottom: 0;
  z-index: 3;
}
.tools-vmok-plugin-t-summary-cell {
  background-color: #f7f9fc;
  border-bottom: 1px solid #dfe0e2;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  position: relative;
  padding: 16px 16px;
  text-align: left;
  word-wrap: break-word;
}
.tools-vmok-plugin-t-summary-cell:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-t-summary-cell--sticky {
  position: sticky;
  z-index: 2;
}
.tools-vmok-plugin-t-summary-cell--sticky-left {
  z-index: 3;
}
.tools-vmok-plugin-t-summary-cell--sticky-left-last::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  transform: translateX(100%);
  z-index: 3;
  box-shadow: inset 10px 0 10px -5px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.tools-vmok-plugin-t-summary-cell--sticky-right-first::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  transform: translateX(-100%);
  z-index: 3;
  box-shadow: inset -10px 0 10px -5px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.tools-vmok-plugin-table-cell--left {
  text-align: left;
}
.tools-vmok-plugin-table-cell--center {
  text-align: center;
}
.tools-vmok-plugin-table-cell--right {
  text-align: right;
}
.tools-vmok-plugin-table-cell--start {
  text-align: start;
}
.tools-vmok-plugin-table-cell--end {
  text-align: end;
}
.tools-vmok-plugin-table__container {
  position: relative;
}
.tools-vmok-plugin-table__container--border::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-right: 1px solid #dfe0e2;
  z-index: 7;
}
.tools-vmok-plugin-table__container--border .tools-vmok-plugin-td,
.tools-vmok-plugin-table__container--border .tools-vmok-plugin-th,
.tools-vmok-plugin-table__container--border .tools-vmok-plugin-t-summary-cell,
.tools-vmok-plugin-table__container--border .tools-vmok-plugin-table__shadow-right {
  border-right: 1px solid #dfe0e2;
}
.tools-vmok-plugin-table__container--border .tools-vmok-plugin-td:first-child,
.tools-vmok-plugin-table__container--border .tools-vmok-plugin-th:first-child,
.tools-vmok-plugin-table__container--border .tools-vmok-plugin-t-summary-cell:first-child {
  border-left: 1px solid #dfe0e2;
}
.tools-vmok-plugin-table__container--border thead .tools-vmok-plugin-tr:first-child .tools-vmok-plugin-th {
  border-top: 1px solid #dfe0e2;
}
.tools-vmok-plugin-table__container--border.ovui-table__container--no-header .tools-vmok-plugin-tr:first-child .tools-vmok-plugin-td {
  border-top: 1px solid #dfe0e2;
}
.tools-vmok-plugin-table__container .tools-vmok-plugin-thead__tree tr .tools-vmok-plugin-th {
  border-bottom: 1px solid #dfe0e2;
  border-left: 1px solid #dfe0e2;
}
.tools-vmok-plugin-table__container .tools-vmok-plugin-thead__tree tr .tools-vmok-plugin-th__no-left-border {
  border-left: none;
}
.tools-vmok-plugin-table__container .tools-vmok-plugin-thead__tree tr .tools-vmok-plugin-th__no-bottom-border {
  border-bottom: none;
}
.tools-vmok-plugin-table__wrapper {
  position: relative;
  overflow: auto;
}
.tools-vmok-plugin-table__body-wrapper {
  position: relative;
  overflow: hidden;
}
.tools-vmok-plugin-table__head-wrapper {
  position: sticky;
  top: 0;
  overflow: hidden;
  z-index: 2;
}
.tools-vmok-plugin-table__empty-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b9bcc3;
}
.tools-vmok-plugin-table__empty-wrapper .tools-vmok-plugin-table__empty {
  margin-top: 48px;
}
.tools-vmok-plugin-table__column-resize-line {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #0057ff;
  z-index: 7;
}
.tools-vmok-plugin-sticky-bar {
  position: sticky;
  overflow: auto;
  bottom: 0;
  z-index: 7;
}
.tools-vmok-plugin-sticky-bar__inner {
  height: 1px;
  opacity: 0;
}
.tools-vmok-plugin-t-summary:first-child .tools-vmok-plugin-t-summary-cell::before {
  content: " ";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  border-top: 1px solid #dfe0e2;
}
/* Tabs */
.tools-vmok-plugin-tabs__nav {
  display: flex;
  align-items: center;
  white-space: nowrap;
  position: relative;
}
.tools-vmok-plugin-tabs__nav::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e8eaed;
}
.tools-vmok-plugin-tabs__nav-list-scroll-container {
  display: flex;
  max-width: 100%;
  align-self: stretch;
  flex-shrink: 1;
  overflow: hidden;
}
.tools-vmok-plugin-tabs__nav-list {
  display: flex;
  position: relative;
  transition: transform 0.1s ease-in-out;
}
.tools-vmok-plugin-tabs__nav-list-draggable {
  display: flex;
}
.tools-vmok-plugin-tabs__angle-right,
.tools-vmok-plugin-tabs__angle-left {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #999999;
}
.tools-vmok-plugin-tabs__angle-right svg,
.tools-vmok-plugin-tabs__angle-left svg {
  width: 16px;
  height: 16px;
}
.tools-vmok-plugin-tabs__angle-right:hover,
.tools-vmok-plugin-tabs__angle-left:hover {
  color: #0057ff;
}
.tools-vmok-plugin-tabs__angle-right--disabled,
.tools-vmok-plugin-tabs__angle-left--disabled {
  color: #b9bcc3;
  cursor: not-allowed;
}
.tools-vmok-plugin-tabs__angle-right--disabled:hover,
.tools-vmok-plugin-tabs__angle-left--disabled:hover {
  color: #b9bcc3;
}
.tools-vmok-plugin-tabs__angle-right {
  padding-left: 16px;
}
.tools-vmok-plugin-tabs__angle-left {
  padding-right: 16px;
}
.tools-vmok-plugin-tabs__tab {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  padding: 5px 0;
  margin-right: 34px;
  cursor: pointer;
  color: #62656c;
  font-weight: 400;
}
.tools-vmok-plugin-tabs__tab--active {
  color: #31343b;
  font-weight: 500;
}
.tools-vmok-plugin-tabs__tab--disabled {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-tabs__tab-close {
  width: 16px;
  height: 16px;
  margin-left: 4px;
}
.tools-vmok-plugin-tabs__tab:nth-last-child(2) {
  padding-right: 0;
}
.tools-vmok-plugin-tabs__tab:first-child {
  padding-left: 0;
}
.tools-vmok-plugin-tabs__extra-content {
  flex: none;
  margin-left: 16px;
}
.tools-vmok-plugin-tabs__panel .tools-vmok-plugin-tab {
  display: none;
}
.tools-vmok-plugin-tabs__panel .tools-vmok-plugin-tab--active {
  display: block;
}
.tools-vmok-plugin-tabs__panel .tools-vmok-plugin-tab--force-render .tools-vmok-plugin-tab {
  display: block;
}
.tools-vmok-plugin-tabs__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  transition: transform 0.1s ease-in-out;
  background-color: #0057ff;
  z-index: 1;
  display: none;
}
.tools-vmok-plugin-tabs__bar--show {
  display: block;
}
.tools-vmok-plugin-tabs--rtl {
  direction: rtl;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav {
  background-color: #ffffff;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list {
  margin-bottom: -1px;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list .tools-vmok-plugin-tabs__tab {
  padding: 5px 16px;
  border: 1px solid transparent;
  position: relative;
  margin-right: 0;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list .tools-vmok-plugin-tabs__tab::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 14px;
  transform: translateY(-50%);
  background-color: #dee0e3;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list .tools-vmok-plugin-tabs__tab:first-child::before {
  display: none;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list .tools-vmok-plugin-tabs__tab--active {
  border-top-color: #dee0e3;
  border-left-color: #dee0e3;
  border-right-color: #dee0e3;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list .tools-vmok-plugin-tabs__tab--active::before {
  display: none;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list .tools-vmok-plugin-tabs__tab--active + .tools-vmok-plugin-tabs__tab::before {
  display: none;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list .tools-vmok-plugin-tabs__active-bar {
  display: none;
}
.tools-vmok-plugin-tag {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  position: relative;
  background-clip: padding-box;
  white-space: nowrap;
  cursor: pointer;
}
.tools-vmok-plugin-tag__close {
  display: inline-flex;
  margin-left: 4px;
}
.tools-vmok-plugin-tag--default-stroke {
  background-color: #ffffff;
  color: #31343b;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-tag--default-stroke:hover {
  background-color: #ffffff;
  color: #62656c;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-tag--default-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--default-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #f5f7fa;
  color: #b9bcc3;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-tag--default-fill {
  background-color: #31343b;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--default-fill:hover {
  background-color: #31343b;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--default-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--default-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #f2f4f7;
  color: #b9bcc3;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-tag--default-light-fill {
  background-color: #f2f4f7;
  color: #62656c;
  border-color: transparent;
}
.tools-vmok-plugin-tag--default-light-fill:hover {
  background-color: #f2f4f7;
  color: #62656c;
  border-color: transparent;
}
.tools-vmok-plugin-tag--default-light-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--default-light-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #f2f4f7;
  color: #b9bcc3;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-tag--default-light-stroke {
  background-color: #f2f4f7;
  color: #62656c;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-tag--default-light-stroke:hover {
  background-color: #f2f4f7;
  color: #62656c;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-tag--default-light-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--default-light-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #f5f7fa;
  color: #b9bcc3;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-tag--info-fill {
  background-color: #0057ff;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--info-fill:hover {
  background-color: #0057ff;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--info-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--info-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #badaff;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--info-stroke {
  background-color: #ffffff;
  color: #0057ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-tag--info-stroke:hover {
  background-color: #ffffff;
  color: #0057ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-tag--info-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--info-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: #badaff;
}
.tools-vmok-plugin-tag--info-light-fill {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--info-light-fill:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--info-light-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--info-light-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--info-light-stroke {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: rgba(42, 85, 229, 0.2);
}
.tools-vmok-plugin-tag--info-light-stroke:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: rgba(42, 85, 229, 0.2);
}
.tools-vmok-plugin-tag--info-light-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--info-light-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: rgba(42, 85, 229, 0.2);
}
.tools-vmok-plugin-tag--success-fill {
  background-color: #0da600;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--success-fill:hover {
  background-color: #0da600;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--success-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--success-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #83dbb2;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--success-stroke {
  background-color: #ffffff;
  color: #0da600;
  border-color: #0da600;
}
.tools-vmok-plugin-tag--success-stroke:hover {
  background-color: #ffffff;
  color: #0da600;
  border-color: #0da600;
}
.tools-vmok-plugin-tag--success-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--success-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #ecf8eb;
  color: #83dbb2;
  border-color: #83dbb2;
}
.tools-vmok-plugin-tag--success-light-fill {
  background-color: #ecf8eb;
  color: #0da600;
  border-color: transparent;
}
.tools-vmok-plugin-tag--success-light-fill:hover {
  background-color: #ecf8eb;
  color: #0da600;
  border-color: transparent;
}
.tools-vmok-plugin-tag--success-light-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--success-light-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #ecf8eb;
  color: #83dbb2;
  border-color: transparent;
}
.tools-vmok-plugin-tag--success-light-stroke {
  background-color: #ecf8eb;
  color: #0da600;
  border-color: rgba(0, 148, 62, 0.2);
}
.tools-vmok-plugin-tag--success-light-stroke:hover {
  background-color: #ecf8eb;
  color: #0da600;
  border-color: rgba(0, 148, 62, 0.2);
}
.tools-vmok-plugin-tag--success-light-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--success-light-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #ecf8eb;
  color: #83dbb2;
  border-color: rgba(0, 148, 62, 0.2);
}
.tools-vmok-plugin-tag--warning-fill {
  background-color: #eb9617;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--warning-fill:hover {
  background-color: #eb9617;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--warning-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--warning-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #fff9e0;
  color: #ffdd60;
  border-color: transparent;
}
.tools-vmok-plugin-tag--warning-stroke {
  background-color: #ffffff;
  color: #eb9617;
  border-color: #eb9617;
}
.tools-vmok-plugin-tag--warning-stroke:hover {
  background-color: #ffffff;
  color: #eb9617;
  border-color: #eb9617;
}
.tools-vmok-plugin-tag--warning-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--warning-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #fff9e0;
  color: #ffdd60;
  border-color: rgba(235, 150, 23, 0.2);
}
.tools-vmok-plugin-tag--warning-light-fill {
  background-color: #fff9e0;
  color: #eb9617;
  border-color: transparent;
}
.tools-vmok-plugin-tag--warning-light-fill:hover {
  background-color: #fff9e0;
  color: #eb9617;
  border-color: transparent;
}
.tools-vmok-plugin-tag--warning-light-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--warning-light-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #fff9e0;
  color: #ffdd60;
  border-color: transparent;
}
.tools-vmok-plugin-tag--warning-light-stroke {
  background-color: #fff9e0;
  color: #eb9617;
  border-color: rgba(235, 150, 23, 0.2);
}
.tools-vmok-plugin-tag--warning-light-stroke:hover {
  background-color: #fff9e0;
  color: #eb9617;
  border-color: rgba(235, 150, 23, 0.2);
}
.tools-vmok-plugin-tag--warning-light-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--warning-light-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #fff9e0;
  color: #ffdd60;
  border-color: rgba(235, 150, 23, 0.2);
}
.tools-vmok-plugin-tag--danger-fill {
  background-color: #e34949;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--danger-fill:hover {
  background-color: #e34949;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--danger-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--danger-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #f5bbbb;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--danger-stroke {
  background-color: #ffffff;
  color: #e34949;
  border-color: #e34949;
}
.tools-vmok-plugin-tag--danger-stroke:hover {
  background-color: #ffffff;
  color: #e34949;
  border-color: #e34949;
}
.tools-vmok-plugin-tag--danger-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--danger-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #fdf2f2;
  color: #f5bbbb;
  border-color: #f5bbbb;
}
.tools-vmok-plugin-tag--danger-light-fill {
  background-color: #fdf2f2;
  color: #e34949;
  border-color: transparent;
}
.tools-vmok-plugin-tag--danger-light-fill:hover {
  background-color: #fdf2f2;
  color: #e34949;
  border-color: transparent;
}
.tools-vmok-plugin-tag--danger-light-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--danger-light-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #fdf2f2;
  color: #f5bbbb;
  border-color: transparent;
}
.tools-vmok-plugin-tag--danger-light-stroke {
  background-color: #fdf2f2;
  color: #e34949;
  border-color: rgba(227, 73, 73, 0.2);
}
.tools-vmok-plugin-tag--danger-light-stroke:hover {
  background-color: #fdf2f2;
  color: #e34949;
  border-color: rgba(227, 73, 73, 0.2);
}
.tools-vmok-plugin-tag--danger-light-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--danger-light-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #fdf2f2;
  color: #f5bbbb;
  border-color: #f5bbbb;
}
.tools-vmok-plugin-tag--primary-fill {
  background-color: #0057ff;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--primary-fill:hover {
  background-color: #0057ff;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--primary-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--primary-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--primary-stroke {
  background-color: #ffffff;
  color: #0057ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-tag--primary-stroke:hover {
  background-color: #ffffff;
  color: #0057ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-tag--primary-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--primary-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: #badaff;
}
.tools-vmok-plugin-tag--primary-light-fill {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--primary-light-fill:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--primary-light-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--primary-light-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--primary-light-stroke {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: rgba(42, 85, 229, 0.2);
}
.tools-vmok-plugin-tag--primary-light-stroke:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: rgba(42, 85, 229, 0.2);
}
.tools-vmok-plugin-tag--primary-light-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--primary-light-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: rgba(42, 85, 229, 0.2);
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary-light {
  background-color: transparent;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary-light:hover {
  background-color: #e8f4ff;
  color: #2e7bff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary-light.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary.tools-vmok-plugin-tag--checked:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary-light.tools-vmok-plugin-tag--checked:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary-light.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary.tools-vmok-plugin-tag--disabled:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary-light.tools-vmok-plugin-tag--disabled:hover {
  background-color: transparent;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary-light.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default-light {
  background-color: transparent;
  color: #31343b;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default-light:hover {
  background-color: #f2f4f7;
  color: #62656c;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default-light.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default.tools-vmok-plugin-tag--checked:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default-light.tools-vmok-plugin-tag--checked:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default-light.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default.tools-vmok-plugin-tag--disabled:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default-light.tools-vmok-plugin-tag--disabled:hover {
  background-color: transparent;
  color: #cdd1d8;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default-light.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info-light {
  background-color: transparent;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info-light:hover {
  background-color: #e8f4ff;
  color: #2e7bff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info-light.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info.tools-vmok-plugin-tag--checked:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info-light.tools-vmok-plugin-tag--checked:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info-light.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info.tools-vmok-plugin-tag--disabled:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info-light.tools-vmok-plugin-tag--disabled:hover {
  background-color: transparent;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info-light.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning-light {
  background-color: transparent;
  color: #eb9617;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning-light:hover {
  background-color: #fff9e0;
  color: #f6b70c;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning-light.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning.tools-vmok-plugin-tag--checked:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning-light.tools-vmok-plugin-tag--checked:hover {
  background-color: #fff9e0;
  color: #eb9617;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning-light.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning.tools-vmok-plugin-tag--disabled:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning-light.tools-vmok-plugin-tag--disabled:hover {
  background-color: transparent;
  color: #ffdd60;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning-light.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked {
  background-color: #fff9e0;
  color: #ffdd60;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success-light {
  background-color: transparent;
  color: #0da600;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success-light:hover {
  background-color: #ecf8eb;
  color: #09b160;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success-light.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success.tools-vmok-plugin-tag--checked:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success-light.tools-vmok-plugin-tag--checked:hover {
  background-color: #ecf8eb;
  color: #0da600;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success-light.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success.tools-vmok-plugin-tag--disabled:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success-light.tools-vmok-plugin-tag--disabled:hover {
  background-color: transparent;
  color: #83dbb2;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success-light.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked {
  background-color: #ecf8eb;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger-light {
  background-color: transparent;
  color: #e34949;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger-light:hover {
  background-color: #fdf2f2;
  color: #ea7979;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger-light.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger.tools-vmok-plugin-tag--checked:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger-light.tools-vmok-plugin-tag--checked:hover {
  background-color: #fdf2f2;
  color: #e34949;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger-light.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger.tools-vmok-plugin-tag--disabled:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger-light.tools-vmok-plugin-tag--disabled:hover {
  background-color: transparent;
  color: #f5bbbb;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger-light.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked {
  background-color: #fdf2f2;
  color: #f5bbbb;
  border-color: transparent;
}
.tools-vmok-plugin-tag--xs {
  padding: 0 8px;
  font-size: 12px;
  height: 16px;
}
.tools-vmok-plugin-tag--sm {
  padding: 0 8px;
  font-size: 12px;
  height: 20px;
}
.tools-vmok-plugin-tag--md {
  padding: 0 8px;
  font-size: 12px;
  height: 24px;
}
.tools-vmok-plugin-tag--lg {
  padding: 0 8px;
  font-size: 14px;
  height: 28px;
}
.tools-vmok-plugin-tag--xl {
  padding: 0 8px;
  font-size: 14px;
  height: 32px;
}
.tools-vmok-plugin-tag--disabled {
  cursor: not-allowed;
}
.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--closable .tools-vmok-plugin-tag__close {
  cursor: not-allowed;
}
.tools-vmok-plugin-tag--dashed.tools-vmok-plugin-tag--border {
  border-style: dashed;
}
.tools-vmok-plugin-tag--hidden {
  display: none;
}
.tools-vmok-plugin-tag--rtl {
  direction: rtl;
}
.tools-vmok-plugin-tag--rtl .tools-vmok-plugin-tag__close {
  margin-right: 4px;
  margin-left: 0;
}
.tools-vmok-plugin-textarea__wrapper {
  display: inline-flex;
  position: relative;
  border-radius: 8px;
  width: 100%;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea {
  width: 100%;
  flex: 1;
  outline: none;
  border: none;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  color: inherit;
  cursor: inherit;
  vertical-align: bottom;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea::-moz-placeholder {
  color: #93969d;
  opacity: 1;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea:-ms-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea::-webkit-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea[type="text"],
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea[type="number"],
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea[type="password"] {
  appearance: none;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea[type="number"]::-webkit-inner-spin-button {
  appearance: none;
}
.tools-vmok-plugin-textarea__wrapper--fill {
  border: 1px solid transparent;
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-textarea__wrapper--fill .tools-vmok-plugin-textarea::-moz-placeholder {
  color: #93969d;
  opacity: 1;
}
.tools-vmok-plugin-textarea__wrapper--fill .tools-vmok-plugin-textarea:-ms-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-textarea__wrapper--fill .tools-vmok-plugin-textarea::-webkit-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-textarea__wrapper--fill:hover {
  color: #31343b;
  background-color: #f2f4f7;
  border-color: #0057ff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--focused {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #0057ff;
  box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  animation: bui-input-focus-effect_primary 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_primary {
  from {
    box-shadow: 0 0 0 0 #0057ff;
  }
  to {
    box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  }
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--error {
  border: 1px solid transparent;
  background-color: #fdf2f2;
  color: #31343b;
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--error:hover {
  color: #31343b;
  background-color: #fdf2f2;
  border-color: #ea7979;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--error.tools-vmok-plugin-textarea__wrapper--focused {
  color: #31343b;
  background-color: #fdf2f2;
  border-color: #e34949;
  box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  animation: bui-input-focus-effect_error 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_error {
  from {
    box-shadow: 0 0 0 0 #e34949;
  }
  to {
    box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  }
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled:hover,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused {
  background-color: #f5f7fa;
  border-color: transparent;
  color: #b9bcc3;
  box-shadow: none;
  animation: none;
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea::-moz-placeholder,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled:hover .tools-vmok-plugin-textarea::-moz-placeholder,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused .tools-vmok-plugin-textarea::-moz-placeholder {
  color: #b9bcc3;
  opacity: 1;
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea:-ms-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled:hover .tools-vmok-plugin-textarea:-ms-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused .tools-vmok-plugin-textarea:-ms-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea::-webkit-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled:hover .tools-vmok-plugin-textarea::-webkit-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused .tools-vmok-plugin-textarea::-webkit-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-textarea__wrapper--stroke {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #dfe0e2;
}
.tools-vmok-plugin-textarea__wrapper--stroke:hover {
  background-color: #ffffff;
  color: #31343b;
  border-color: #0057ff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--focused {
  background-color: #ffffff;
  color: #31343b;
  border-color: #0057ff;
  box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  animation: bui-input-focus-effect_primary 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_primary {
  from {
    box-shadow: 0 0 0 0 #0057ff;
  }
  to {
    box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  }
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--error {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #e34949;
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--error:hover {
  background-color: #ffffff;
  color: #31343b;
  border-color: #ea7979;
  transition: border-color 0.1s ease-in-out;
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--error.tools-vmok-plugin-textarea__wrapper--focused {
  background-color: #ffffff;
  color: #31343b;
  border-color: #e34949;
  box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  animation: bui-input-focus-effect_error 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_error {
  from {
    box-shadow: 0 0 0 0 #e34949;
  }
  to {
    box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  }
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled:hover,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border: 1px solid #f2f4f7;
  box-shadow: none;
  animation: none;
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea::-moz-placeholder,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled:hover .tools-vmok-plugin-textarea::-moz-placeholder,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused .tools-vmok-plugin-textarea::-moz-placeholder {
  color: #b9bcc3;
  opacity: 1;
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea:-ms-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled:hover .tools-vmok-plugin-textarea:-ms-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused .tools-vmok-plugin-textarea:-ms-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea::-webkit-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled:hover .tools-vmok-plugin-textarea::-webkit-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused .tools-vmok-plugin-textarea::-webkit-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-textarea__wrapper--xs {
  padding: 2px 8px;
}
.tools-vmok-plugin-textarea__wrapper--xs,
.tools-vmok-plugin-textarea__wrapper--xs .tools-vmok-plugin-textarea {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-textarea__wrapper--sm {
  padding: 4px 8px;
}
.tools-vmok-plugin-textarea__wrapper--sm,
.tools-vmok-plugin-textarea__wrapper--sm .tools-vmok-plugin-textarea {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-textarea__wrapper--md {
  padding: 4px 8px;
}
.tools-vmok-plugin-textarea__wrapper--md,
.tools-vmok-plugin-textarea__wrapper--md .tools-vmok-plugin-textarea {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-textarea__wrapper--lg {
  padding: 6px 8px;
}
.tools-vmok-plugin-textarea__wrapper--lg,
.tools-vmok-plugin-textarea__wrapper--lg .tools-vmok-plugin-textarea {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-textarea__wrapper--xl {
  padding: 7px 8px;
}
.tools-vmok-plugin-textarea__wrapper--xl,
.tools-vmok-plugin-textarea__wrapper--xl .tools-vmok-plugin-textarea {
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-textarea__wrapper--unstyle {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #31343b;
}
.tools-vmok-plugin-textarea__wrapper--noborder {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #ffffff;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__clear {
  color: #93969d;
  z-index: 3;
  cursor: pointer;
  transition: opacity 0.1s ease-in;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__clear--absolute {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__clear--margin-right {
  margin-right: 4px;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__clear:hover {
  color: #62656c;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__clear:active {
  color: #31343b;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__count {
  color: #93969d;
  background: transparent;
  position: absolute;
  font-size: 12px;
  line-height: 14px;
  bottom: 4px;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__prefix {
  z-index: 1;
  display: flex;
  align-self: stretch;
  align-items: center;
  padding-right: 4px;
  color: #31343b;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__suffix {
  z-index: 1;
  align-self: stretch;
  align-items: center;
  color: #31343b;
  display: flex;
  padding-left: 4px;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__suffix .tools-vmok-plugin-textarea__clear {
  opacity: 0;
  pointer-events: none;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__suffix .tools-vmok-plugin-textarea__clear--show {
  opacity: 1;
  pointer-events: auto;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__after {
  z-index: 1;
  align-self: stretch;
  align-items: center;
  color: #31343b;
  display: flex;
  padding-left: 4px;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__after--has-clear .tools-vmok-plugin-icon {
  opacity: 0;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__after .tools-vmok-plugin-textarea__clear {
  display: none;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__after .tools-vmok-plugin-textarea__clear--show {
  display: block;
  opacity: 1;
}
.tools-vmok-plugin-textarea__wrapper--disabled,
.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea {
  cursor: not-allowed;
}
.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea__prefix,
.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea__suffix {
  color: #cdd1d8;
}
.tools-vmok-plugin-textarea__wrapper:hover:not(.tools-vmok-plugin-textarea__wrapper--disabled):not(.tools-vmok-plugin-textarea__wrapper--error) .tools-vmok-plugin-textarea--stroke {
  border-color: #0057ff;
}
.tools-vmok-plugin-textarea__wrapper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-textarea__wrapper--rtl .tools-vmok-plugin-textarea {
  direction: rtl;
}
.tools-vmok-plugin-textarea__wrapper--rtl .tools-vmok-plugin-textarea__clear--absolute {
  right: auto;
  left: 12px;
}
.tools-vmok-plugin-textarea__wrapper--rtl .tools-vmok-plugin-textarea__clear--margin-right {
  margin-right: 0;
  margin-left: 4px;
}
.tools-vmok-plugin-textarea__wrapper--rtl .tools-vmok-plugin-textarea__prefix {
  padding-right: 0;
  padding-left: 4px;
}
.tools-vmok-plugin-textarea__wrapper--rtl .tools-vmok-plugin-textarea__suffix,
.tools-vmok-plugin-textarea__wrapper--rtl .tools-vmok-plugin-textarea__after {
  padding-left: 0;
  padding-right: 4px;
}
.tools-vmok-plugin-time-line-item {
  position: relative;
  display: flex;
}
.tools-vmok-plugin-time-line-item--start,
.tools-vmok-plugin-time-line-item--left {
  justify-content: flex-start;
}
.tools-vmok-plugin-time-line-item--start .tools-vmok-plugin-time-line-item__container,
.tools-vmok-plugin-time-line-item--left .tools-vmok-plugin-time-line-item__container {
  align-items: flex-start;
  margin-left: 28px;
}
.tools-vmok-plugin-time-line-item--start.tools-vmok-plugin-time-line-item--nonunique,
.tools-vmok-plugin-time-line-item--left.tools-vmok-plugin-time-line-item--nonunique {
  margin-left: 50%;
  transform: translate(-6px);
}
.tools-vmok-plugin-time-line-item--start.tools-vmok-plugin-time-line-item--nonunique .tools-vmok-plugin-time-line-item__container,
.tools-vmok-plugin-time-line-item--left.tools-vmok-plugin-time-line-item--nonunique .tools-vmok-plugin-time-line-item__container {
  align-items: flex-start;
  margin-left: 28px;
}
.tools-vmok-plugin-time-line-item--end,
.tools-vmok-plugin-time-line-item--right {
  justify-content: flex-end;
}
.tools-vmok-plugin-time-line-item--end .tools-vmok-plugin-time-line-item__container,
.tools-vmok-plugin-time-line-item--right .tools-vmok-plugin-time-line-item__container {
  align-items: flex-end;
  margin-right: 28px;
}
.tools-vmok-plugin-time-line-item--end.tools-vmok-plugin-time-line-item--nonunique,
.tools-vmok-plugin-time-line-item--right.tools-vmok-plugin-time-line-item--nonunique {
  margin-right: 50%;
  transform: translate(6px);
}
.tools-vmok-plugin-time-line-item--end.tools-vmok-plugin-time-line-item--nonunique .tools-vmok-plugin-time-line-item__container,
.tools-vmok-plugin-time-line-item--right.tools-vmok-plugin-time-line-item--nonunique .tools-vmok-plugin-time-line-item__container {
  align-items: flex-end;
  margin-right: 28px;
}
.tools-vmok-plugin-time-line-item__loop {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
}
.tools-vmok-plugin-time-line-item__loop--default {
  border-color: #c1c1c1;
}
.tools-vmok-plugin-time-line-item__loop--info {
  border-color: #338aff;
}
.tools-vmok-plugin-time-line-item__loop--success {
  border-color: #6abf40;
}
.tools-vmok-plugin-time-line-item__loop--danger {
  border-color: #f65656;
}
.tools-vmok-plugin-time-line-item .tools-vmok-plugin-time-line-item__line {
  width: 1px;
  transform: translate(-0.5px);
  flex: 1;
  background-color: #c1c1c1;
  margin-bottom: 2px;
  margin-top: 2px;
}
.tools-vmok-plugin-time-line-item .tools-vmok-plugin-time-line-item__separate {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tools-vmok-plugin-time-line-item .tools-vmok-plugin-time-line-item__separate .tools-vmok-plugin-time-line-item__icon {
  margin: 6px 0px 6px 0px;
}
.tools-vmok-plugin-time-line-item .tools-vmok-plugin-time-line-item__container {
  display: flex;
  flex-direction: column;
  padding-bottom: 22px;
}
.tools-vmok-plugin-time-line-item .tools-vmok-plugin-time-line-item__container .tools-vmok-plugin-time-line-item__header {
  display: flex;
  align-items: center;
}
.tools-vmok-plugin-time-line-item .tools-vmok-plugin-time-line-item__container .tools-vmok-plugin-time-line-item__header .tools-vmok-plugin-time-line-item__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #31343b;
}
.tools-vmok-plugin-time-line-item .tools-vmok-plugin-time-line-item__container .tools-vmok-plugin-time-line-item__desc {
  margin-top: 4px;
  font-size: 14px;
  line-height: 22px;
  color: #62656c;
  font-weight: 400;
}
.tools-vmok-plugin-time-line-item:last-of-type .tools-vmok-plugin-time-line-item__line {
  display: none;
}
.tools-vmok-plugin-time-line-item:last-of-type .tools-vmok-plugin-time-line-item__container {
  padding-bottom: 0;
}
.tools-vmok-plugin-time-line {
  position: relative;
}
.tools-vmok-plugin-time-line--rtl {
  direction: rtl;
}
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--left,
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--right {
  direction: ltr;
}
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--start .tools-vmok-plugin-time-line-item__container {
  align-items: flex-start;
  margin-right: 28px;
  margin-left: unset;
}
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--start.tools-vmok-plugin-time-line-item--nonunique {
  margin-right: 50%;
  margin-left: unset;
  transform: translate(6px);
}
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--start.tools-vmok-plugin-time-line-item--nonunique .tools-vmok-plugin-time-line-item__container {
  margin-right: 28px;
  margin-left: unset;
}
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--end .tools-vmok-plugin-time-line-item__container {
  align-items: flex-end;
  margin-left: 28px;
  margin-right: unset;
}
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--end.tools-vmok-plugin-time-line-item--nonunique {
  margin-left: 50%;
  margin-right: unset;
  transform: translate(-6px);
}
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--end.tools-vmok-plugin-time-line-item--nonunique .tools-vmok-plugin-time-line-item__container {
  margin-left: 28px;
  margin-right: unset;
}
/* UploadViewButton */
/* UploadViewButton variants=normal */
/* UploadViewButton variants=card-block */
/* UploadViewButton variants=card-inline */
/* UploadViewAvatar */
/* UploadViewDrag */
.tools-vmok-plugin-upload-view-drag__dropzone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 160px;
  border: 1px dashed #dee0e3;
  border-radius: 4px;
  cursor: pointer;
}
.tools-vmok-plugin-upload-view-drag__dropzone:hover {
  border-color: #dee0e3;
}
.tools-vmok-plugin-upload-view-drag__dropzone * {
  pointer-events: none;
}
.tools-vmok-plugin-upload-view-drag__dropzone--active {
  background-color: #ffffff;
  border-color: #003fd2;
  cursor: grab;
}
.tools-vmok-plugin-upload-view-drag__upload-icon {
  color: #31343b;
}
.tools-vmok-plugin-upload-view-drag__textwrap {
  font-size: 14px;
  color: #31343b;
  margin-top: 8px;
}
.tools-vmok-plugin-upload-view-drag__textwrap button {
  background-color: transparent;
  border: none;
  color: #0057ff;
  padding: 0;
  cursor: pointer;
}
.tools-vmok-plugin-upload-view-drag__filelist {
  width: 400px;
}
.tools-vmok-plugin-upload-view-drag--error .tools-vmok-plugin-upload-view-drag__dropzone {
  border-color: #e34949;
  background-color: #ffffff;
}
.tools-vmok-plugin-upload-view-drag--disabled .tools-vmok-plugin-upload-view-drag__dropzone,
.tools-vmok-plugin-upload-view-drag--disabled .tools-vmok-plugin-upload-view-drag__dropzone:hover {
  cursor: not-allowed;
  border-color: #dee0e3;
  background-color: #f5f7fa;
}
.tools-vmok-plugin-upload-view-drag--disabled .tools-vmok-plugin-upload-view-drag__upload-icon,
.tools-vmok-plugin-upload-view-drag--disabled .tools-vmok-plugin-upload-view-drag__textwrap {
  color: #b9bcc3;
}
.tools-vmok-plugin-upload-view-drag--disabled .tools-vmok-plugin-upload-view-drag__upload-icon button,
.tools-vmok-plugin-upload-view-drag--disabled .tools-vmok-plugin-upload-view-drag__textwrap button {
  color: #badaff;
}
.tools-vmok-plugin-upload-view-button .tools-vmok-plugin-button--default,
.tools-vmok-plugin-upload-view-drag .tools-vmok-plugin-button--default {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-upload-view-button__text,
.tools-vmok-plugin-upload-view-drag__text {
  margin-left: 4px;
}
.tools-vmok-plugin-upload-view-button__filelist,
.tools-vmok-plugin-upload-view-drag__filelist {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 16px;
}
.tools-vmok-plugin-upload-view-button__fileitem-normal,
.tools-vmok-plugin-upload-view-drag__fileitem-normal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 22px;
  font-size: 14px;
  color: #31343b;
  padding-left: 8px;
}
.tools-vmok-plugin-upload-view-button__fileitem-normal:not(:last-of-type),
.tools-vmok-plugin-upload-view-drag__fileitem-normal:not(:last-of-type) {
  margin-bottom: 8px;
}
.tools-vmok-plugin-upload-view-button__fileitem-normal .tools-vmok-plugin-upload-view-button__filename,
.tools-vmok-plugin-upload-view-drag__fileitem-normal .tools-vmok-plugin-upload-view-button__filename,
.tools-vmok-plugin-upload-view-button__fileitem-normal .tools-vmok-plugin-upload-view-drag__filename,
.tools-vmok-plugin-upload-view-drag__fileitem-normal .tools-vmok-plugin-upload-view-drag__filename {
  height: 100%;
  display: flex;
  align-items: center;
}
.tools-vmok-plugin-upload-view-button__fileitem-normal .tools-vmok-plugin-upload-view-button__filename svg,
.tools-vmok-plugin-upload-view-drag__fileitem-normal .tools-vmok-plugin-upload-view-button__filename svg,
.tools-vmok-plugin-upload-view-button__fileitem-normal .tools-vmok-plugin-upload-view-drag__filename svg,
.tools-vmok-plugin-upload-view-drag__fileitem-normal .tools-vmok-plugin-upload-view-drag__filename svg {
  margin-right: 8px;
}
.tools-vmok-plugin-upload-view-button__fileitem-normal .tools-vmok-plugin-upload-view-button__close:hover,
.tools-vmok-plugin-upload-view-drag__fileitem-normal .tools-vmok-plugin-upload-view-button__close:hover,
.tools-vmok-plugin-upload-view-button__fileitem-normal .tools-vmok-plugin-upload-view-drag__close:hover,
.tools-vmok-plugin-upload-view-drag__fileitem-normal .tools-vmok-plugin-upload-view-drag__close:hover {
  cursor: pointer;
}
.tools-vmok-plugin-upload-view-button__fileitem-normal--error,
.tools-vmok-plugin-upload-view-drag__fileitem-normal--error {
  color: #e34949;
}
.tools-vmok-plugin-upload-view-button__fileitem-normal--error .tools-vmok-plugin-upload-view-button__close,
.tools-vmok-plugin-upload-view-drag__fileitem-normal--error .tools-vmok-plugin-upload-view-button__close,
.tools-vmok-plugin-upload-view-button__fileitem-normal--error .tools-vmok-plugin-upload-view-drag__close,
.tools-vmok-plugin-upload-view-drag__fileitem-normal--error .tools-vmok-plugin-upload-view-drag__close {
  fill: #e34949;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block {
  margin-bottom: 8px;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__card,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__card {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 7px;
  border: 1px solid #dee0e3;
  box-sizing: border-box;
  border-radius: 4px;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__image,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__image {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background-size: cover;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__content,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__content {
  height: 100%;
  flex: 1;
  margin-left: 8px;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__info,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 22px;
  margin-bottom: 4px;
  font-size: 14px;
  color: #31343b;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__close:hover,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__close:hover {
  cursor: pointer;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__progress,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__progress {
  position: relative;
  height: 2px;
  border-radius: 4px;
  background-color: #e8eaed;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__progress .tools-vmok-plugin-upload-view-button__bar,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__progress .tools-vmok-plugin-upload-view-button__bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #0057ff;
  border-radius: 4px;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block--error .tools-vmok-plugin-upload-view-button__card,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block--error .tools-vmok-plugin-upload-view-button__card {
  border: 1px solid #e34949;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block--error .tools-vmok-plugin-upload-view-button__info,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block--error .tools-vmok-plugin-upload-view-button__info {
  color: #31343b;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__error,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__error {
  font-size: 12px;
  color: #e34949;
  height: 18px;
  line-height: 18px;
  margin: 0;
  margin-top: 4px;
}
.tools-vmok-plugin-upload-view-button--inline .tools-vmok-plugin-upload-view-button__filelist,
.tools-vmok-plugin-upload-view-drag--inline .tools-vmok-plugin-upload-view-button__filelist {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
}
.tools-vmok-plugin-upload-view-button--inline .tools-vmok-plugin-upload-view-button__filelist .tools-vmok-plugin-upload-view-button__fileitem-card-block,
.tools-vmok-plugin-upload-view-drag--inline .tools-vmok-plugin-upload-view-button__filelist .tools-vmok-plugin-upload-view-button__fileitem-card-block {
  width: 200px;
  margin-left: 8px;
}
.tools-vmok-plugin-upload-view-avatar {
  width: 120px;
  height: 120px;
  border: 1px dashed #dee0e3;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-detail-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #f5f7fa;
  border-radius: 12px;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-detail-bar .ocean-vmok-plugin-oc-detail-bar-text {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: -4px;
  line-height: 48px;
  margin-right: -32px;
}
.ocean-vmok-plugin-oc-detail-bar .ocean-vmok-plugin-oc-detail-bar-text .ocean-vmok-plugin-oc-detail-bar-config-item {
  display: flex;
  margin-right: 32px;
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-detail-bar .ocean-vmok-plugin-oc-detail-bar-text .ocean-vmok-plugin-oc-detail-bar-config-item:last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-detail-bar .ocean-vmok-plugin-oc-detail-bar-text .ocean-vmok-plugin-oc-detail-bar-config-item .ocean-vmok-plugin-oc-detail-bar-config-item-label {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-carousel-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.ocean-vmok-plugin-oc-carousel-arrow-btn {
  z-index: 3;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  padding: 8px;
  position: absolute;
  top: calc(50% - 16px);
  min-width: 24px;
  background: rgba(26, 26, 27, 0.3);
  color: #fff;
  display: none;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-carousel-arrow-btn:hover {
  background: rgba(26, 26, 27, 0.5);
}
.ocean-vmok-plugin-oc-carousel-arrow-show {
  display: flex;
}
.ocean-vmok-plugin-oc-carousel-arrow-left {
  left: 16px;
}
.ocean-vmok-plugin-oc-carousel-arrow-right {
  right: 16px;
}
.ocean-vmok-plugin-oc-carousel-footer {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0;
  background: linear-gradient(180deg, rgba(50, 51, 53, 0) 0%, rgba(50, 51, 53, 0.25) 100%);
}
.ocean-vmok-plugin-oc-carousel-dots {
  width: 100%;
  margin: 0;
  transition-duration: 400ms;
  line-height: 0;
  text-align: center;
  list-style-type: none;
}
.ocean-vmok-plugin-oc-carousel-dots li {
  cursor: pointer;
  display: inline-block;
  list-style: none;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 16px;
}
.ocean-vmok-plugin-oc-carousel-dots li .ocean-vmok-plugin-oc-carousel-btn {
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
  border-radius: 4px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-carousel-dots li .ocean-vmok-plugin-oc-carousel-btn-active {
  background-color: #fff;
}
.ocean-vmok-plugin-oc-carousel-dots-none {
  display: none;
}
.ocean-vmok-plugin-oc-carousel-dots-solid li .ocean-vmok-plugin-oc-carousel-btn {
  width: 20px !important;
  height: 4px !important;
}
.ocean-vmok-plugin-oc-carousel-dots-auto {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 10px;
}
.ocean-vmok-plugin-oc-carousel-dots-auto li {
  flex: 1;
  padding-left: 2px;
  padding-right: 2px;
}
.ocean-vmok-plugin-oc-carousel-dots-auto li .ocean-vmok-plugin-oc-carousel-btn {
  width: 100% !important;
  height: 4px !important;
}
.ocean-vmok-plugin-oc-carousel .ocean-vmok-plugin-carousel-item-img,
.ocean-vmok-plugin-oc-carousel .ocean-vmok-plugin-carousel-item-img img {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-carousel-dark .ocean-vmok-plugin-oc-carousel-arrow-btn {
  background: #fff;
  color: #31343b;
  box-shadow: 0px 6.4px 19.2px rgba(0, 0, 0, 0.08);
}
.ocean-vmok-plugin-oc-carousel-dark .ocean-vmok-plugin-oc-carousel-arrow-btn:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-carousel-dark .ocean-vmok-plugin-oc-carousel-footer {
  background: inherit;
}
.ocean-vmok-plugin-oc-carousel-dark .ocean-vmok-plugin-oc-carousel-dots li .ocean-vmok-plugin-oc-carousel-btn {
  background-color: rgba(0, 0, 0, 0.1);
}
.ocean-vmok-plugin-oc-carousel-dark .ocean-vmok-plugin-oc-carousel-dots li .ocean-vmok-plugin-oc-carousel-btn-active {
  background-color: #0057ff;
}
.ocean-vmok-plugin-oc-breadcrumb-separator-icon {
  display: flex;
  align-items: center;
  height: 100%;
  color: #93969d;
}
.ocean-vmok-plugin-oc-color-picker {
  cursor: pointer;
  height: 32px;
  border-radius: 8px;
  background-color: #f2f4f7;
  display: flex;
  justify-content: space-between;
  padding: 6px 8px;
}
.ocean-vmok-plugin-oc-color-picker[disabled="disabled"] {
  cursor: not-allowed;
  background-color: #f5f7fa;
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-color-picker[error="error"] {
  background-color: #fdf2f2;
}
.ocean-vmok-plugin-oc-color-picker-selected {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-color-picker-selected-text {
  margin-left: 8px;
  color: #31343b;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-color-picker-placeholder {
  color: #93969d;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-color-picker-wrap {
  position: relative;
  display: inline-block;
  padding: 4px 44px 4px 4px;
  cursor: pointer;
  width: 100%;
  min-height: 100%;
}
.ocean-vmok-plugin-oc-color-picker-wrap .ocean-vmok-plugin-oc-color-option {
  vertical-align: top;
  margin: 0;
  padding: 0;
}
.ocean-vmok-plugin-oc-color-picker-wrap .ocean-vmok-plugin-oc-color-picker-icon-wrap {
  position: absolute;
  top: 8px;
  right: 12px;
  width: 16px;
  height: 16px;
  line-height: 0;
}
.ocean-vmok-plugin-oc-color-picker-wrap .ocean-vmok-plugin-oc-color-picker-icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
  fill: #999999;
}
.ocean-vmok-plugin-oc-color-picker-wrap .ocean-vmok-plugin-oc-color-picker-icon.ocean-vmok-plugin-oc-color-picker-icon-open {
  transform: rotate(180deg);
}
.ocean-vmok-plugin-oc-color-option {
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 2px;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-color-option .ocean-vmok-plugin-oc-color-option-block {
  outline: 2px solid #e0e0e0;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 3;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-color-option .ocean-vmok-plugin-oc-color-option-icon-close {
  fill: #999999;
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-oc-color-option-none .ocean-vmok-plugin-oc-color-option-block {
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-oc-color-option-none .ocean-vmok-plugin-oc-color-option-icon-close {
  display: block;
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-active .ocean-vmok-plugin-oc-color-option-block {
  outline-color: #badaff !important;
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-oc-color-option-xs {
  width: 16px;
  height: 16px;
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-oc-color-option-sm {
  width: 20px;
  height: 20px;
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-oc-color-option-md {
  width: 24px;
  height: 24px;
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-oc-color-option-lg {
  width: 28px;
  height: 28px;
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-oc-color-option-xl {
  width: 32px;
  height: 32px;
}
.ocean-vmok-plugin-oc-color-picker-popper {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: 256px;
  background-color: #ffffff;
  padding: 8px;
  margin-top: 4px;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-color-picker-popper-fade-enter-active,
.ocean-vmok-plugin-oc-color-picker-popper-fade-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.ocean-vmok-plugin-oc-color-picker-popper-fade-enter-from,
.ocean-vmok-plugin-oc-color-picker-popper-fade-leave-to {
  opacity: 0;
}
.ocean-vmok-plugin-oc-color-picker-popper-fade-enter-to,
.ocean-vmok-plugin-oc-color-picker-popper-fade-leave-from {
  opacity: 1;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-saturation-wrap {
  width: 100%;
  padding-bottom: 75%;
  position: relative;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-sliders-wrap {
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-sliders-wrap .ocean-vmok-plugin-oc-hue-wrap {
  position: relative;
  height: 8px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-sliders-wrap .ocean-vmok-plugin-oc-alpha-wrap {
  position: relative;
  height: 8px;
  margin-top: 8px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field {
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field-prefix-text {
  color: #31343b;
  font-size: 14px;
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field-rgba {
  margin-top: 12px;
  display: flex;
  gap: 8px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field-rgba-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field-rgba-item .tools-vmok-plugin-input-number {
  padding-right: 8px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field-rgba-item .tools-vmok-plugin-input-number .tools-vmok-plugin-input {
  font-size: 14px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field-rgba-item input {
  text-align: center;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field-rgba-item-text {
  font-size: 14px;
  line-height: 22px;
  color: #000;
  margin-top: 2px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-option-predefine {
  border-top: 1px solid #e8eaed;
  padding-top: 12px;
  margin-top: 12px;
  font-size: 0;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-option-predefine-title {
  font-size: 12px;
  line-height: 18px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-option-predefine .ocean-vmok-plugin-oc-color-options {
  margin-top: 9px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 11.4px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-option-predefine .ocean-vmok-plugin-oc-color-options :not(.ocean-vmok-plugin-active) .ocean-vmok-plugin-oc-color-option-block:hover {
  outline-color: #dee0e3 !important;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-picker-confirm-btn {
  text-align: right;
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-picker-confirm-btn button {
  min-width: 40px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-picker-confirm-btn button:first-child {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-checkerboard {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-alpha {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.ocean-vmok-plugin-oc-alpha-checkboard-wrap {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-alpha-gradient {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-alpha-container {
  cursor: pointer;
  position: relative;
  height: 100%;
  margin: 0 2px;
}
.ocean-vmok-plugin-oc-alpha-container .ocean-vmok-plugin-oc-alpha-pointer {
  z-index: 2;
  position: absolute;
}
.ocean-vmok-plugin-oc-alpha-container .ocean-vmok-plugin-oc-alpha-picker {
  cursor: pointer;
  width: 8px;
  border-radius: 50%;
  height: 8px;
  border: 2px solid #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  transform: translateX(-4px);
}
.ocean-vmok-plugin-oc-hue {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-hue--horizontal {
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.ocean-vmok-plugin-oc-hue---vertical {
  background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.ocean-vmok-plugin-oc-hue-container {
  cursor: pointer;
  margin: 0 2px;
  position: relative;
  height: 100%;
}
.ocean-vmok-plugin-oc-hue-pointer {
  z-index: 2;
  position: absolute;
}
.ocean-vmok-plugin-oc-hue-picker {
  cursor: pointer;
  width: 8px;
  border-radius: 50%;
  height: 8px;
  border: 2px solid #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  transform: translateX(-2px);
}
.ocean-vmok-plugin-oc-saturation,
.ocean-vmok-plugin-oc-saturation--white,
.ocean-vmok-plugin-oc-saturation--black {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ocean-vmok-plugin-oc-saturation .ocean-vmok-plugin-oc-saturation--white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.ocean-vmok-plugin-oc-saturation .ocean-vmok-plugin-oc-saturation--black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.ocean-vmok-plugin-oc-saturation .ocean-vmok-plugin-oc-saturation-pointer {
  cursor: pointer;
  position: absolute;
}
.ocean-vmok-plugin-oc-saturation .ocean-vmok-plugin-oc-saturation-circle {
  cursor: head;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  transform: translate(-4px, -4px);
}
.tools-vmok-plugin-drawer__wrap .ocean-vmok-plugin-oc-drawer-header-fix {
  padding: 0px 24px;
}
.tools-vmok-plugin-drawer__wrap .ocean-vmok-plugin-oc-drawer-header-custom {
  height: auto;
}
.tools-vmok-plugin-drawer__header {
  border-bottom: 1px solid #e8eaed;
}
.ocean-vmok-plugin-oc-drawer-header {
  min-height: 64px;
  width: 100%;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-drawer-header-icon {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-drawer-header-extra {
  flex: 1;
  justify-content: flex-end;
  display: inline-flex;
}
.ocean-vmok-plugin-oc-drawer-header-tabs {
  height: 100%;
  display: flex;
}
.ocean-vmok-plugin-oc-drawer-header-title {
  height: 100%;
  display: flex;
  align-items: center;
  justify-self: center;
  font-weight: bolder;
}
.ocean-vmok-plugin-oc-drawer-header-title .ocean-vmok-plugin-after-title-icon {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-drawer-body-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-drawer-body-wrap .ocean-vmok-plugin-oc-drawer-close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -32px;
  top: 13px;
  width: 32px;
  height: 32px;
  border-radius: 4px 0 0 4px;
  background: #0057ff;
}
.ocean-vmok-plugin-oc-drawer-body-wrap .ocean-vmok-plugin-oc-drawer-close:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-drawer-body-wrap .ocean-vmok-plugin-oc-default-slot {
  flex: 1;
  overflow: auto;
  padding: 16px;
  overscroll-behavior: none;
}
.ocean-vmok-plugin-oc-drawer-body-wrap .ocean-vmok-plugin-oc-drawer-footer {
  height: 64px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 24px;
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-drawer-body-wrap .ocean-vmok-plugin-oc-drawer-footer .ocean-vmok-plugin-left-footer-wrap {
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.ocean-vmok-plugin-oc-drawer-body-wrap .ocean-vmok-plugin-oc-drawer-footer .ocean-vmok-plugin-oc-footer-btn {
  display: inline-block;
}
.ocean-vmok-plugin-oc-drawer-body-wrap .ocean-vmok-plugin-oc-drawer-footer .ocean-vmok-plugin-oc-button-wrap {
  margin-left: 16px;
}
.tools-vmok-plugin-drawer__header {
  height: 64px;
  border-bottom: none;
}
.tools-vmok-plugin-drawer--left .ocean-vmok-plugin-oc-drawer-close {
  right: -32px;
  left: inherit;
  border-radius: 0 4px 4px 0;
}
.ocean-vmok-plugin-oc-drawer-body {
  padding: 0px;
  background: rgba(42, 85, 229, 0.06);
}
.ocean-vmok-plugin-oc-add-button {
  height: 34px;
  text-align: center;
}
.ocean-vmok-plugin-oc-add-button .tools-vmok-plugin-button--block {
  display: flex;
}
.ocean-vmok-plugin-oc-button-dropdown-wrapper {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-button-dropdown-button .tools-vmok-plugin-button {
  min-width: 68px !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ocean-vmok-plugin-oc-button-dropdown-dropdown {
  margin-left: 1px;
  line-height: 0;
}
.ocean-vmok-plugin-oc-button-dropdown-dropdown .tools-vmok-plugin-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ocean-vmok-plugin-oc-empty {
  min-height: 74px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-empty__icon {
  width: 42px;
  height: 42px;
}
.ocean-vmok-plugin-oc-empty__img-md {
  width: 200px;
  height: 118px;
}
.ocean-vmok-plugin-oc-empty__img-sm {
  width: 120px;
  height: 70px;
}
.ocean-vmok-plugin-oc-carousel-item {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  float: left;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  z-index: 0;
  will-change: transform;
}
.ocean-vmok-plugin-oc-image {
  border-radius: 8px;
  background-color: #f2f4f7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-image.ocean-vmok-plugin-oc-image-circle {
  border-radius: 50%;
}
.ocean-vmok-plugin-oc-image.ocean-vmok-plugin-oc-image-scroll {
  align-items: flex-start;
}
.ocean-vmok-plugin-oc-image-img {
  width: 100%;
  transition-duration: 0s;
  margin-top: 0px;
}
.ocean-vmok-plugin-oc-image-img img {
  object-fit: contain;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-image-img-error {
  visibility: hidden;
}
.ocean-vmok-plugin-oc-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #dee0e3;
}
.ocean-vmok-plugin-oc-left-menu {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 16px 0px 0px 16px;
  height: 100%;
}
.ocean-vmok-plugin-oc-left-menu__continer {
  position: relative;
}
.ocean-vmok-plugin-oc-left-menu__continer__item {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #93969d;
}
.ocean-vmok-plugin-oc-left-menu__continer__item__unactive:hover {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 16px 0px 0px 16px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-left-menu__continer__item__active {
  color: #0057ff;
  position: relative;
  z-index: 1;
  background: #ffffff;
  border-radius: 16px 0px 0px 16px;
}
.ocean-vmok-plugin-oc-left-menu__continer__item__disabled {
  color: #93969d;
  opacity: 0.5;
  background: transparent;
}
.ocean-vmok-plugin-oc-left-menu__continer__item__disabled:hover {
  background: transparent;
  border-radius: 0;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-left-menu__continer__item__icon {
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-left-menu__continer__block {
  width: 100%;
  height: 80px;
  background: #ffffff;
  border-radius: 12px 0px 0px 12px;
  position: absolute;
  top: 0;
  transition: transform 0.2s ease-in-out;
}
.ocean-vmok-plugin-oc-left-menu__continer__block-empty-text {
  height: 60px;
}
.ocean-vmok-plugin-oc-media-upload-card {
  width: 160px;
  height: 160px;
}
.ocean-vmok-plugin-oc-media-upload-wrapper .ocean-vmok-plugin-oc-media-upload-button {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-media-upload-wrapper .ocean-vmok-plugin-oc-media-upload-button .ocean-vmok-plugin-oc-media-upload-tip {
  color: #93969d;
  font-size: 14px;
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-media-upload-wrapper .ocean-vmok-plugin-oc-media-upload-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
}
.ocean-vmok-plugin-oc-media-upload-wrapper .ocean-vmok-plugin-oc-media-upload-list .ocean-vmok-plugin-oc-media-upload-card {
  margin-left: 16px;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-media-upload-wrapper .ocean-vmok-plugin-oc-media-upload-list-no-margin-top {
  margin-top: 0px;
}
.ocean-vmok-plugin-oc-media-upload-wrapper .ocean-vmok-plugin-oc-media-upload-button-no-margin-bottom {
  margin-bottom: 0px;
}
.ocean-vmok-plugin-oc-banner {
  padding: 16px;
  min-height: 82px;
  border-radius: 8px;
  background-color: #e8f4ff;
  display: flex;
  position: relative;
}
.ocean-vmok-plugin-oc-banner .ocean-vmok-plugin-oc-banner-left-wrapper {
  display: flex;
  flex: 1;
}
.ocean-vmok-plugin-oc-banner .ocean-vmok-plugin-oc-banner-left-wrapper .ocean-vmok-plugin-oc-banner-image-wrapper {
  width: 58px;
}
.ocean-vmok-plugin-oc-banner .ocean-vmok-plugin-oc-banner-left-wrapper .ocean-vmok-plugin-oc-banner-image-wrapper img {
  width: 100%;
}
.ocean-vmok-plugin-oc-banner .ocean-vmok-plugin-oc-banner-right {
  margin-left: 8px;
  padding-top: 2px;
}
.ocean-vmok-plugin-oc-banner .ocean-vmok-plugin-oc-banner-right-large {
  padding-top: 4px;
}
.ocean-vmok-plugin-oc-banner-slot-text {
  display: inline-block;
}
.ocean-vmok-plugin-oc-banner-slot-text-inner-style {
  font-family: 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
  font-style: normal;
  font-weight: 400;
  word-break: break-all;
  white-space: normal;
  display: -webkit-box;
  text-rendering: auto;
  font-size: 12px;
  line-height: 18px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-banner-slot-text-inner-style p {
  margin: 0;
}
.ocean-vmok-plugin-oc-banner-slot-text-inner-style a {
  color: #0057ff;
  text-decoration: none;
}
.ocean-vmok-plugin-oc-banner-slot-text-inner-style a:hover {
  color: #2e7bff;
}
.ocean-vmok-plugin-oc-banner-tip {
  min-height: 34px;
  border-radius: 8px;
  padding: 8px 16px;
  display: flex;
}
.ocean-vmok-plugin-oc-banner-tip-title {
  padding: 16px;
}
.ocean-vmok-plugin-oc-banner-tip-title-xs {
  padding: 8px 16px;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-left {
  flex: 1;
  display: flex;
  align-items: flex-start;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-left .ocean-vmok-plugin-oc-banner-tip-left-content-title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-left-content {
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-left-content .ocean-vmok-plugin-oc-banner-tip-left-content-title {
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-left-content-single {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-left-content-single .ocean-vmok-plugin-oc-banner-tip-left-content-title {
  margin-right: 8px;
  flex-shrink: 0;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-right {
  display: flex;
  gap: 5px;
  padding-top: 1px;
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-right-large {
  padding-top: 4px;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-right .ocean-vmok-plugin-oc-banner-switch {
  margin-left: 15px;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-right-center {
  align-items: center;
  padding-top: 0px;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-msg-icon {
  margin-top: 2px;
}
.ocean-vmok-plugin-oc-banner-tip-success {
  background-color: #ecf8eb;
}
.ocean-vmok-plugin-oc-banner-tip-error {
  background-color: #fdf2f2;
}
.ocean-vmok-plugin-oc-banner-tip-info {
  background-color: #e8f4ff;
}
.ocean-vmok-plugin-oc-banner-tip-warning {
  background-color: #fff9e0;
}
.ocean-vmok-plugin-oc-banner-tip-success-border {
  border: 1px solid rgba(0, 148, 62, 0.2);
}
.ocean-vmok-plugin-oc-banner-tip-error-border {
  border: 1px solid rgba(227, 73, 73, 0.2);
}
.ocean-vmok-plugin-oc-banner-tip-info-border {
  border: 1px solid rgba(42, 85, 229, 0.2);
}
.ocean-vmok-plugin-oc-banner-tip-warning-border {
  border: 1px solid rgba(235, 150, 23, 0.2);
}
.ocean-vmok-plugin-oc-banner-tip-text {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.ocean-vmok-plugin-oc-banner-close {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-banner-close:hover {
  cursor: pointer;
  color: #93969d;
}
.ocean-vmok-plugin-oc-banner-data-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-banner-data-content .ocean-vmok-plugin-oc-banner-data-content-title {
  line-height: 24px;
  margin-bottom: 4px;
  color: #31343b;
  font-size: 16px;
  font-weight: bolder;
}
.ocean-vmok-plugin-oc-radio-group__hint-wrap {
  display: inline-flex;
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-radio-group__hint-wrap > .ocean-vmok-plugin-oc-popover {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-radio-group-item {
  gap: 4px;
}
.ocean-vmok-plugin-oc-radio-group__item-count {
  margin: auto 0 auto 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  font-weight: 500;
  line-height: 14px;
  background-color: #93969d;
}
.ocean-vmok-plugin-oc-radio-group__item-tag {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}
.ocean-vmok-plugin-oc-radio-group-plain .tools-vmok-plugin-radio-group {
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-radio-group {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item-group {
  flex-wrap: wrap;
  margin-top: -8px;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio__label {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item {
  min-width: 88px;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item:last-child .ocean-vmok-plugin-oc-radio-group__item-tag {
  border-top-right-radius: 4px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item--disabled .ocean-vmok-plugin-oc-radio-group__item-count {
  background-color: #93969d !important;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item:hover .ocean-vmok-plugin-oc-radio-group__item-count {
  background-color: #0057ff;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item:hover .ocean-vmok-plugin-oc-dropdown-button-container .tools-vmok-plugin-button,
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item:hover .ocean-vmok-plugin-oc-dropdown-button-container .tools-vmok-plugin-button:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item--checked .ocean-vmok-plugin-oc-radio-group__item-count {
  background-color: #0057ff;
}
.ocean-vmok-plugin-oc-radio-group .ocean-vmok-plugin-only-icon {
  min-width: 32px;
  min-height: 32px;
  padding: 8px;
  margin-right: 0 !important;
}
.ocean-vmok-plugin-oc-drag-list {
  display: flex;
  box-sizing: border-box;
  gap: 8px;
  flex-wrap: wrap;
  flex-direction: row;
}
.ocean-vmok-plugin-oc-drag-list-vertical {
  flex-direction: column;
}
.ocean-vmok-plugin-oc-drag-list-item {
  padding: 6px 12px;
  background-color: #f2f4f7;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  position: relative;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-drag-list-item-fade-enter-active,
.ocean-vmok-plugin-oc-drag-list-item-fade-leave-active {
  transition: all 0.1s ease-in-out;
}
.ocean-vmok-plugin-oc-drag-list-item-fade-enter-from,
.ocean-vmok-plugin-oc-drag-list-item-fade-leave-to {
  opacity: 0;
  max-height: 0;
}
.ocean-vmok-plugin-oc-drag-list-item-fade-enter-to,
.ocean-vmok-plugin-oc-drag-list-item-fade-leave-from {
  max-height: 32px;
  opacity: 1;
}
.ocean-vmok-plugin-oc-drag-list-item-draggable {
  cursor: move;
}
.ocean-vmok-plugin-oc-drag-list-item-disabled {
  cursor: not-allowed;
  color: #93969d;
}
.ocean-vmok-plugin-oc-drag-list-item-icon,
.ocean-vmok-plugin-oc-drag-list-item-close {
  align-self: center;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-drag-list-item-icon:hover,
.ocean-vmok-plugin-oc-drag-list-item-close:hover {
  color: #31343b;
}
.ocean-vmok-plugin-oc-drag-list-item-main {
  flex: 1;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-drag-list-item-close {
  color: #93969d;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-popover {
  display: flex;
}
.ocean-vmok-plugin-oc-popover .ocean-vmok-plugin-oc-popover-icon-wrapper {
  line-height: 0;
  font-size: 0;
}
.ocean-vmok-plugin-oc-popover .ocean-vmok-plugin-oc-popover-icon-wrapper > .ocean-vmok-plugin-oc-icon {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-popover .ocean-vmok-plugin-oc-popover-icon-wrapper > .ocean-vmok-plugin-oc-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-popover__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bolder;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-popover__header .ocean-vmok-plugin-close {
  color: #31343b;
  padding: 4px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-popover__header .ocean-vmok-plugin-close:hover {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-popover__header-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-popover__header-left-icon {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-popover__header-left iconpark-icon[name="oc-icon-success"] {
  color: #0da600;
}
.ocean-vmok-plugin-oc-popover__header-left iconpark-icon[name="oc-icon-primary"] {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-popover__header-left iconpark-icon[name="oc-icon-danger"] {
  color: #e34949;
}
.ocean-vmok-plugin-oc-popover__header-left iconpark-icon[name="oc-icon-warning"] {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-popover-body {
  max-width: var(--popover-max-width);
  max-height: var(--popover-max-height);
}
.ocean-vmok-plugin-oc-popover-text .ocean-vmok-plugin-warn:not(.ocean-vmok-plugin-warn-all) {
  position: relative;
  padding-top: 8px;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-popover-text .ocean-vmok-plugin-warn:not(.ocean-vmok-plugin-warn-all)::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background: #dee0e3;
}
.ocean-vmok-plugin-oc-popover-text .ocean-vmok-plugin-warn iconpark-icon[name="oc-icon-warning"] {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-popover-text .ocean-vmok-plugin-warn iconpark-icon[name="oc-icon-info"] {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-popover-text .ocean-vmok-plugin-warn iconpark-icon[name="oc-icon-success"] {
  color: #0da600;
}
.ocean-vmok-plugin-oc-popover-text .ocean-vmok-plugin-warn iconpark-icon[name="oc-icon-danger"] {
  color: #e34949;
}
.ocean-vmok-plugin-oc-popover-text__msg + .ocean-vmok-plugin-oc-popover-text__msg {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-popover-operate .ocean-vmok-plugin-oc-popover-body {
  width: 320px;
}
.ocean-vmok-plugin-oc-popover-operate__footer {
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
.ocean-vmok-plugin-oc-popover-operate__footer .ocean-vmok-plugin-tip {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-popover-operate__footer .ocean-vmok-plugin-tip__text {
  height: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #31343b;
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-popover-operate__footer .ocean-vmok-plugin-btn__common {
  min-width: 56px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  padding: 0;
}
.ocean-vmok-plugin-oc-popover-operate__footer .ocean-vmok-plugin-btn__cancel {
  margin-right: 12px;
}
.ocean-vmok-plugin-oc-popover-inline {
  display: inline-block;
}
.ocean-vmok-plugin-oc-popover-inline .ocean-vmok-plugin-oc-popover-icon-wrapper {
  line-height: unset;
  font-size: unset;
}
.ocean-vmok-plugin-oc-chart-trend-nodes-empty {
  display: flex;
}
.ocean-vmok-plugin-oc-chart-base {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-chart-base-empty {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-chart-base-select-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.ocean-vmok-plugin-oc-chart-base-select-container .ocean-vmok-plugin-select-container {
  position: relative;
  margin-right: 24px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-chart-base-select-container .ocean-vmok-plugin-select-container:last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-chart-base-select-container .ocean-vmok-plugin-select-container .ocean-vmok-plugin-color {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background-color: #0057ff;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-chart-base-select-container .ocean-vmok-plugin-select-container .ocean-vmok-plugin-shape-circle {
  border-radius: 5px;
}
.ocean-vmok-plugin-oc-chart-base-select-container .ocean-vmok-plugin-select-container .ocean-vmok-plugin-shape-rect {
  height: 4px;
}
.ocean-vmok-plugin-oc-loading {
  position: relative;
}
.ocean-vmok-plugin-oc-loading .ocean-vmok-plugin-loading-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ocean-vmok-plugin-oc-loading .ocean-vmok-plugin-loading-content .ocean-vmok-plugin-oc-loading-inline {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-loading .ocean-vmok-plugin-loading-content .tools-vmok-plugin-spin__content {
  align-items: center;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-loading .ocean-vmok-plugin-loading-content .ocean-vmok-plugin-loading-text {
  margin-left: 5px;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-loading .ocean-vmok-plugin-oc-loading-spin-mask {
  background-color: rgba(255, 255, 255, var(--oc-loading-opacity));
}
.ocean-vmok-plugin-oc-progress {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-progress-block {
  height: 18px;
}
.ocean-vmok-plugin-oc-progress-chart {
  flex: 1;
}
.ocean-vmok-plugin-oc-progress-content {
  margin-left: 12px;
}
.ocean-vmok-plugin-oc-msg {
  display: flex;
}
.ocean-vmok-plugin-oc-msg-size-xs {
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-msg-size-sm {
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-msg-size-md {
  font-size: 16px;
  line-height: 24px;
}
.ocean-vmok-plugin-oc-msg-size-lg {
  font-size: 18px;
  line-height: 26px;
}
.ocean-vmok-plugin-oc-msg-size-xl {
  font-size: 20px;
  line-height: 28px;
}
.ocean-vmok-plugin-oc-msg-icon {
  height: 14px;
  margin: 2px 4px 0 0;
  font-size: 0;
}
.ocean-vmok-plugin-oc-msg-icon svg {
  display: block;
}
.ocean-vmok-plugin-oc-msg-icon-success {
  color: #0da600;
}
.ocean-vmok-plugin-oc-msg-icon-primary {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-msg-icon-danger {
  color: #e34949;
}
.ocean-vmok-plugin-oc-msg-icon-warning {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-msg-list {
  line-height: 0;
}
.ocean-vmok-plugin-oc-msg-list .ocean-vmok-plugin-oc-typography {
  display: inline;
}
.ocean-vmok-plugin-oc-typography + .ocean-vmok-plugin-oc-msg-list__item-image,
.ocean-vmok-plugin-oc-typography + .ocean-vmok-plugin-oc-msg-list__item-video {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-msg-list__item-a + .ocean-vmok-plugin-oc-typography {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-msg-list__item-a + .ocean-vmok-plugin-oc-typography {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-msg-list__item-a + .ocean-vmok-plugin-oc-msg-list__url-icon {
  margin-left: 2px;
}
.ocean-vmok-plugin-oc-msg-list__item-image {
  width: 100%;
}
.ocean-vmok-plugin-oc-msg-list__url-icon {
  vertical-align: middle;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-msg-list__url-icon:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-msg-list__url-icon + .ocean-vmok-plugin-oc-typography {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-typography + .ocean-vmok-plugin-oc-msg-list__item-a {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-msg-list__item-a + .ocean-vmok-plugin-oc-msg-list__item-a {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-media-img-popover {
  position: relative;
  padding: 0px !important;
  border-radius: 8px;
  line-height: 0;
}
.ocean-vmok-plugin-oc-media-img-popover .ocean-vmok-plugin-oc-media-preview {
  border-radius: 8px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-media-img-popover::before {
  content: "";
  display: block;
  box-sizing: content-box;
  height: 100%;
  position: absolute;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  right: -10px;
  z-index: -1;
}
.ocean-vmok-plugin-oc-media-preview-graphic .ocean-vmok-plugin-oc-audio-player {
  position: absolute;
  right: 12px;
  bottom: 22px;
}
.ocean-vmok-plugin-oc-media-preview-graphic .ocean-vmok-plugin-oc-carousel-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #161823;
}
.ocean-vmok-plugin-oc-media-preview-graphic .ocean-vmok-plugin-oc-media-graphic-item-thumb {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-oc-media-image-mode {
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 2;
}
.ocean-vmok-plugin-oc-media-wrapper-disabled {
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f2f4f7;
  border-radius: 8px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-container .ocean-vmok-plugin-oc-media-thumb-tip {
  position: absolute;
  bottom: 4px;
  left: 6px;
  right: 6px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  line-height: 18px;
  font-size: 12px;
  color: #ffffff;
  white-space: nowrap;
  text-align: center;
  padding: 0 4px;
}
.ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-video-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-icon {
  width: 16px;
  height: 16px;
  z-index: 1;
  border-radius: 0px 8px 0px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  right: 0;
}
.ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-tag {
  position: absolute;
  top: 0;
  left: 0;
}
.ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-mark {
  position: absolute;
  top: 0;
  right: 0;
}
.ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-bottom-tag {
  position: absolute;
  right: 0;
  bottom: 0;
}
.ocean-vmok-plugin-oc-media-preview-tag {
  position: absolute;
  line-height: 22px;
  top: 0;
  left: 0;
}
.ocean-vmok-plugin-oc-media-preview-bottom-tag {
  position: absolute;
  line-height: 22px;
  right: 0;
  bottom: 0;
}
.ocean-vmok-plugin-oc-card-sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}
.ocean-vmok-plugin-oc-card-trans {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.ocean-vmok-plugin-oc-card-shadow {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
}
.ocean-vmok-plugin-oc-card-fixed {
  padding: 0 24px !important;
}
.ocean-vmok-plugin-oc-card-fixed .ocean-vmok-plugin-oc-card-content {
  height: 64px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-card-gradient {
  position: relative;
  border: 1px solid #ffffff;
  background-size: 100% 120px;
  background-position: 0 0;
  background-repeat: no-repeat;
  backdrop-filter: blur(2px);
}
.ocean-vmok-plugin-oc-card-gradient.ocean-vmok-plugin-oc-card-scheme-primary {
  background-image: linear-gradient(180deg, #e5f2ff 0%, rgba(232, 240, 255, 0) 100%);
}
.ocean-vmok-plugin-oc-card-gradient.ocean-vmok-plugin-oc-card-scheme-success {
  background-image: linear-gradient(180deg, #e9f8f1 0%, rgba(233, 248, 241, 0) 100%);
}
.ocean-vmok-plugin-oc-card-gradient.ocean-vmok-plugin-oc-card-scheme-danger {
  background-image: linear-gradient(180deg, #fdf2f2 0%, rgba(253, 242, 242, 0) 100%);
}
.ocean-vmok-plugin-oc-card-gradient.ocean-vmok-plugin-oc-card-scheme-warning {
  background-image: linear-gradient(180deg, #fff5d0 0%, rgba(255, 245, 208, 0) 100%);
}
.ocean-vmok-plugin-oc-card-gradient.ocean-vmok-plugin-oc-card-scheme-default {
  background-image: linear-gradient(180deg, #f5f7fa 0%, #fff 100%);
}
.ocean-vmok-plugin-oc-card-gradient-fill,
.ocean-vmok-plugin-oc-card-direction-horizontal {
  background-size: 100% 100%;
}
.ocean-vmok-plugin-oc-card-direction-horizontal {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.ocean-vmok-plugin-oc-card-direction-horizontal.ocean-vmok-plugin-oc-card-scheme-primary {
  background-image: linear-gradient(90deg, #e5f2ff 0%, #bfdfff 100%);
}
.ocean-vmok-plugin-oc-card-direction-horizontal.ocean-vmok-plugin-oc-card-scheme-success {
  background-image: linear-gradient(90deg, #e3ffed 0%, #5bd8a8 100%);
}
.ocean-vmok-plugin-oc-card-direction-horizontal.ocean-vmok-plugin-oc-card-scheme-danger {
  background-image: linear-gradient(90deg, #ffede3 0%, #ffc3c3 100%);
}
.ocean-vmok-plugin-oc-card-direction-horizontal.ocean-vmok-plugin-oc-card-scheme-warning {
  background-image: linear-gradient(90deg, #fff4e4 0%, #ffe5a1 100%);
}
.ocean-vmok-plugin-oc-card-direction-horizontal.ocean-vmok-plugin-oc-card-scheme-default {
  background-image: --;
}
.ocean-vmok-plugin-oc-card-wrapper {
  width: 100%;
  padding: 24px;
  box-sizing: border-box;
  position: relative;
}
.ocean-vmok-plugin-oc-card-header {
  min-height: 24px;
  position: relative;
}
.ocean-vmok-plugin-oc-card-header__main-with-close {
  margin-right: 24px;
}
.ocean-vmok-plugin-oc-card-header__close {
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #93969d;
  top: 2px;
  right: 0;
  cursor: pointer;
  z-index: 1;
  display: flex;
  align-content: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-card-header__close:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-card-wrapper-extra {
  position: relative;
  z-index: 2;
}
.ocean-vmok-plugin-oc-card-extra {
  background-image: linear-gradient(90deg, #e5f2ff 0%, #bfdfff 100%);
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.ocean-vmok-plugin-oc-card-extra-top {
  margin-bottom: -12px;
  padding: 8px 24px 20px 24px;
  border-radius: 16px 16px 0 0;
}
.ocean-vmok-plugin-oc-card-extra-bottom {
  margin-top: -12px;
  padding: 20px 24px 8px 24px;
  border-radius: 0 0 16px 16px;
  position: relative;
  z-index: 1;
}
.ocean-vmok-plugin-oc-card .ocean-vmok-plugin-oc-card-body {
  border-top: 1px solid #dee0e3;
  padding-top: 24px;
  padding-bottom: 24px;
  flex: 0;
  line-height: 1;
}
.ocean-vmok-plugin-oc-collapse {
  display: flex;
  flex-direction: column;
  position: relative;
}
.ocean-vmok-plugin-oc-collapse__container {
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-breadcrumb-select .tools-vmok-plugin-breadcrumb,
.ocean-vmok-plugin-oc-breadcrumb-select .tools-vmok-plugin-breadcrumb .tools-vmok-plugin-breadcrumb-item .tools-vmok-plugin-breadcrumb-item__content {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-breadcrumb-select .tools-vmok-plugin-breadcrumb .tools-vmok-plugin-breadcrumb-item__separator,
.ocean-vmok-plugin-oc-breadcrumb-select .tools-vmok-plugin-breadcrumb .tools-vmok-plugin-breadcrumb-item .tools-vmok-plugin-breadcrumb-item__content .tools-vmok-plugin-breadcrumb-item__separator {
  display: none;
}
.tools-vmok-plugin-select__popper .tools-vmok-plugin-select__options .tools-vmok-plugin-option.tools-vmok-plugin-option--selected .ocean-vmok-plugin-oc-item-group-content-title .ocean-vmok-plugin-oc-typography-color-default,
.tools-vmok-plugin-select__popper .tools-vmok-plugin-select__options .tools-vmok-plugin-option.tools-vmok-plugin-option--selected .ocean-vmok-plugin-oc-item-group-content-title .ocean-vmok-plugin-oc-typography-color-secondary {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-breadcrumb-separator {
  padding: 0 6px;
  display: flex;
  align-items: center;
  color: #93969d;
}
.ocean-vmok-plugin-oc-row-schedule .tools-vmok-plugin-schedule__week-title {
  padding: 0 10px;
  text-wrap: nowrap;
}
.ocean-vmok-plugin-oc-row-schedule .tools-vmok-plugin-schedule__week-title .tools-vmok-plugin-checkbox {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-row-schedule-disabled .tools-vmok-plugin-schedule__empty {
  display: none;
}
.ocean-vmok-plugin-oc-image-group-preview .tools-vmok-plugin-image-group {
  display: none;
}
.ocean-vmok-plugin-oc-new-badge {
  position: relative;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-point {
  width: 6px;
  height: 6px;
  background: #e34949;
  border-radius: 50%;
}
.ocean-vmok-plugin-oc-new-badge:has(.ocean-vmok-plugin-oc-new-badge-point-right-top) {
  align-items: flex-start;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-count {
  background: #e34949;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  font-weight: 500;
  color: #ffffff;
  height: 16px;
  border: 1px solid #ffffff;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-count-xs {
  width: 16px;
  border-radius: 50%;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-count-sm {
  width: 20px;
  border-radius: 10px;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-count-md {
  width: 27px;
  border-radius: 10px;
}
.ocean-vmok-plugin-oc-new-badge-right-top:has(.ocean-vmok-plugin-oc-new-badge-count) {
  width: fit-content;
}
.ocean-vmok-plugin-oc-new-badge-right-top .ocean-vmok-plugin-oc-new-badge-count-right-top {
  position: absolute;
  top: -11px;
}
.ocean-vmok-plugin-oc-new-badge-right-top .ocean-vmok-plugin-oc-new-badge-count {
  box-sizing: content-box;
}
.ocean-vmok-plugin-oc-new-badge-right-top .ocean-vmok-plugin-oc-new-badge-count-xs {
  right: -8px;
}
.ocean-vmok-plugin-oc-new-badge-right-top .ocean-vmok-plugin-oc-new-badge-count-sm {
  right: -12px;
}
.ocean-vmok-plugin-oc-new-badge-right-top .ocean-vmok-plugin-oc-new-badge-count-md {
  right: -19px;
}
.ocean-vmok-plugin-oc-new-badge-right .ocean-vmok-plugin-oc-new-badge-count {
  border: none;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-point-right,
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-count-right,
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-icon-right {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-icon-right {
  font-size: 0;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-point-left {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-iconpark-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-iconpark-icon-wrap .ocean-vmok-plugin-oc-iconpark-icon-svg {
  width: 1em;
  height: 1em;
}
.ocean-vmok-plugin-oc-selected-panel {
  border-radius: 8px;
  border: 1px solid #dee0e3;
  background: white;
  height: 280px;
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-selected-panel-title {
  line-height: 38px;
  display: flex;
  justify-content: space-between;
  height: 38px;
  background: #f2f4f7;
  padding: 0 12px;
  border-bottom: 1px solid #dee0e3;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px 8px 0 0;
}
.ocean-vmok-plugin-oc-selected-panel-tabs {
  padding: 12px 12px 0 12px;
}
.ocean-vmok-plugin-oc-selected-panel-body {
  position: relative;
  overflow: auto;
  padding: 12px;
  padding-bottom: 12px;
  flex: 1;
}
.ocean-vmok-plugin-oc-selected-panel-body-slot {
  padding: 0;
  padding-bottom: 12px;
}
.ocean-vmok-plugin-oc-selected-panel-body-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal {
  max-height: calc(100% - 80px) !important;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal .tools-vmok-plugin-modal__close-icon {
  color: #93969d;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal .tools-vmok-plugin-modal__close-icon:hover {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header-info {
  margin-top: -3px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header-success {
  margin-top: -3px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header-warning {
  margin-top: -3px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header-error {
  margin-top: -3px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__close-icon {
  top: 24px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__body {
  flex: 1;
  overflow: auto;
  font-size: 14px;
  line-height: normal !important;
  color: #31343b;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__body .ocean-vmok-plugin-oc-modal-confirm-body-with-icon {
  padding-left: unset;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__body-with-status {
  padding-left: 24px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__footer-btn-box .tools-vmok-plugin-button--md {
  min-width: 88px;
}
.ocean-vmok-plugin-oc-modal-wrap .ocean-vmok-plugin-oc-modal-footer {
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-modal-wrap .ocean-vmok-plugin-oc-modal-footer .ocean-vmok-plugin-oc-button-wrap:nth-of-type(1) {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header {
  font-weight: bolder;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header .ocean-vmok-plugin-oc-icon-success {
  color: #0da600;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header .ocean-vmok-plugin-oc-icon-info {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header .ocean-vmok-plugin-oc-icon-danger,
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header .ocean-vmok-plugin-oc-icon-close-one {
  color: #e34949;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header .ocean-vmok-plugin-oc-icon-warning {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__footer {
  min-height: 80px;
}
.ocean-vmok-plugin-oc-modal-wrap .ocean-vmok-plugin-oc-modal-body {
  padding: 0 !important;
}
.ocean-vmok-plugin-oc-modal-wrap .ocean-vmok-plugin-oc-modal-header-icon {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-help-feedback {
  width: 100%;
  font-size: 12px;
  font-weight: normal;
  margin-top: 6px;
}
.ocean-vmok-plugin-oc-help-feedback .ocean-vmok-plugin-result {
  color: #93969d;
}
.ocean-vmok-plugin-oc-help-feedback .ocean-vmok-plugin-header-item {
  color: #62656c;
  display: flex;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-help-feedback .ocean-vmok-plugin-header-item.ocean-vmok-plugin-active,
.ocean-vmok-plugin-oc-help-feedback .ocean-vmok-plugin-header-item:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-help-feedback .ocean-vmok-plugin-header-item .ocean-vmok-plugin-msg-text {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-help-feedback--light .ocean-vmok-plugin-header-item {
  color: #ffffff;
  opacity: 0.6;
}
.ocean-vmok-plugin-oc-help-feedback--light .ocean-vmok-plugin-header-item.ocean-vmok-plugin-active,
.ocean-vmok-plugin-oc-help-feedback--light .ocean-vmok-plugin-header-item:hover {
  opacity: 1;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-help-feedback--light .ocean-vmok-plugin-result {
  color: #ffffff;
}
.ocean-vmok-plugin-oc-help-feedback-popper .ocean-vmok-plugin-content {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-help-feedback-popper .ocean-vmok-plugin-content.tools-vmok-plugin-textarea__wrapper--md,
.ocean-vmok-plugin-oc-help-feedback-popper .ocean-vmok-plugin-content .tools-vmok-plugin-textarea__wrapper--md .tools-vmok-plugin-textarea {
  font-size: 12px;
}
.ocean-vmok-plugin-oc-help-feedback-popper .ocean-vmok-plugin-footer {
  text-align: right;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-result {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-result-info {
  margin: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-result-btns {
  display: flex;
  margin-bottom: 40px;
}
.ocean-vmok-plugin-oc-result-btns > :not(:last-child) {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-result-details-title {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-result-details-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-result-details-wrapper > :not(:nth-child(2n)) {
  margin-right: 44px;
}
.ocean-vmok-plugin-oc-result-details-wrapper > :last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-result-details-wrapper-card {
  width: calc((100% - 44px) / 2);
  margin-bottom: 16px;
  background-color: #f5f7fa;
  padding: 16px;
  border-radius: 12px;
  display: flex;
}
.ocean-vmok-plugin-oc-result-details-wrapper-card-img {
  width: 80px;
  height: 80px;
  margin-right: 24px;
}
.ocean-vmok-plugin-oc-result-details-wrapper-card-info-title {
  margin-bottom: 8px;
}
.tools-vmok-plugin-cascader__popper .tools-vmok-plugin-cascader-search__filter {
  padding: 12px;
  border-bottom: 1px solid #dee0e3;
}
.tools-vmok-plugin-cascader__popper .tools-vmok-plugin-cascader-search__filter .tools-vmok-plugin-input__wrapper,
.tools-vmok-plugin-cascader__popper .tools-vmok-plugin-cascader-search__filter .tools-vmok-plugin-input__wrapper--md,
.tools-vmok-plugin-cascader__popper .tools-vmok-plugin-cascader-search__filter .tools-vmok-plugin-input__wrapper--clearable,
.tools-vmok-plugin-cascader__popper .tools-vmok-plugin-cascader-search__filter .tools-vmok-plugin-input__wrapper--noborder {
  border-radius: 8px;
  border-bottom: none;
  height: 32px;
  border: 1px solid transparent;
  background-color: #f2f4f7;
  color: #31343b;
}
@keyframes bui-input-focus-effect_primary {
  from {
    box-shadow: 0 0 0 0 #0057ff;
  }
  to {
    box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  }
}
.tools-vmok-plugin-cascader__popper .tools-vmok-plugin-cascader-search__filter .tools-vmok-plugin-input__wrapper:hover,
.tools-vmok-plugin-cascader__popper .tools-vmok-plugin-cascader-search__filter .tools-vmok-plugin-input__wrapper--md:hover,
.tools-vmok-plugin-cascader__popper .tools-vmok-plugin-cascader-search__filter .tools-vmok-plugin-input__wrapper--clearable:hover,
.tools-vmok-plugin-cascader__popper .tools-vmok-plugin-cascader-search__filter .tools-vmok-plugin-input__wrapper--noborder:hover {
  color: #31343b;
  border-color: #0057ff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-cascader__popper .tools-vmok-plugin-cascader-search__filter .tools-vmok-plugin-input__wrapper--focused,
.tools-vmok-plugin-cascader__popper .tools-vmok-plugin-cascader-search__filter .tools-vmok-plugin-input__wrapper--md--focused,
.tools-vmok-plugin-cascader__popper .tools-vmok-plugin-cascader-search__filter .tools-vmok-plugin-input__wrapper--clearable--focused,
.tools-vmok-plugin-cascader__popper .tools-vmok-plugin-cascader-search__filter .tools-vmok-plugin-input__wrapper--noborder--focused {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #0057ff;
  box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  animation: bui-input-focus-effect_primary 0.1s ease-in-out;
}
.ocean-vmok-plugin-oc-row-cascader .tools-vmok-plugin-cascader-panel .tools-vmok-plugin-cascader-panel__main {
  min-width: unset !important;
  width: calc(100% - 216px);
}
.ocean-vmok-plugin-oc-row-cascader .tools-vmok-plugin-cascader-panel .tools-vmok-plugin-cascader-panel__selection-header {
  white-space: nowrap;
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-row-cascader .tools-vmok-plugin-cascader-exb {
  min-width: 200px;
}
.ocean-vmok-plugin-oc-row-cascader .tools-vmok-plugin-cascader-exb .tools-vmok-plugin-cascader-exb__header {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-cascader-panel .ocean-vmok-plugin-oc-row-cascader-list-with-title {
  height: auto;
  max-height: 235px;
}
.tools-vmok-plugin-cascader-panel .ocean-vmok-plugin-oc-row-cascader-list {
  height: auto;
  max-height: 195px;
}
.tools-vmok-plugin-cascader-panel__list-wrapper .tools-vmok-plugin-cascader-panel__placeholder .tools-vmok-plugin-empty {
  margin: 30px 0;
}
.tools-vmok-plugin-cascader__empty {
  min-width: 200px;
}
.ocean-vmok-plugin-oc-row-cascader-disabled .tools-vmok-plugin-cascader-exb__item .tools-vmok-plugin-cascader-exb__close:hover {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-cascader-tag {
  flex: 1;
  min-width: 60px;
  max-width: 90px;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-key-value {
  display: flex;
}
.ocean-vmok-plugin-oc-key-value-disabled {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-key-value:has(.ocean-vmok-plugin-oc-key-value-top) {
  flex-direction: column;
}
.ocean-vmok-plugin-oc-key-value-key:has(.ocean-vmok-plugin-oc-key-value-top) + .ocean-vmok-plugin-oc-key-value-value {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-key-value-key {
  flex: none;
}
.ocean-vmok-plugin-oc-key-value-right {
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-key-value-value {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-trend-chart-empty {
  display: flex;
}
.ocean-vmok-plugin-oc-select {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-select .ocean-vmok-plugin-oc-select-after-slot {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-select .tools-vmok-plugin-input__wrapper--xl {
  padding: 3px 8px;
}
.ocean-vmok-plugin-oc-select .tools-vmok-plugin-select--fill .tools-vmok-plugin-select__tips {
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-select .tools-vmok-plugin-custom-input__prefix {
  color: #31343b;
}
.ocean-vmok-plugin-oc-select__popover {
  /* 以下逻辑，是复制 okee 内部代码删减后得到，请尽量保持与 okee 同步
  okee 中有特别支持的 light 主题样式，此处 dark 下不支持 light 模式 */
}
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-select__options {
  max-height: unset;
}
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox {
  /* 禁用 + 选中/indeterminate */
}
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled) {
  /* 未禁用 + 未选中 */
  /* 未禁用 + 选中/indeterminate */
}
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled) .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #31343b;
}
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover,
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #31343b;
  background-color: #31343b;
}
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner {
  border-color: #b9bcc3;
  background-color: #b9bcc3;
}
.ocean-vmok-plugin-oc-select__popover .ocean-vmok-plugin-filter-wrapper {
  padding: 12px;
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-select__popover .ocean-vmok-plugin-filter-wrapper-input {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-select__popover .ocean-vmok-plugin-filter-wrapper .ocean-vmok-plugin-search-input-suffix {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-select__popover .ocean-vmok-plugin-filter-wrapper .ocean-vmok-plugin-search-input-footer {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-select__popover .ocean-vmok-plugin-oc-rolling-load .tools-vmok-plugin-infinite-scroll {
  overflow-y: unset;
}
.ocean-vmok-plugin-oc-select-check-all {
  padding: 6px 12px;
}
.ocean-vmok-plugin-oc-select-check-all .tools-vmok-plugin-checkbox {
  width: 100%;
}
.ocean-vmok-plugin-oc-row .ocean-vmok-plugin-oc-row-msg.ocean-vmok-plugin-oc-msg-secondary {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-row .ocean-vmok-plugin-oc-row-msg.ocean-vmok-plugin-oc-msg-warning,
.ocean-vmok-plugin-oc-row .ocean-vmok-plugin-oc-row-msg.ocean-vmok-plugin-oc-msg-success,
.ocean-vmok-plugin-oc-row .ocean-vmok-plugin-oc-row-msg.ocean-vmok-plugin-oc-msg-danger {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-group-row-desc {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: 2px;
  gap: 0 12px;
}
.ocean-vmok-plugin-oc-group-row-group-title .ocean-vmok-plugin-oc-space-item {
  width: 100%;
}
.ocean-vmok-plugin-oc-group-row-group-title .ocean-vmok-plugin-oc-group-row-title {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-group-row-group-title .ocean-vmok-plugin-oc-group-row-title-title {
  flex: 1;
}
.ocean-vmok-plugin-oc-group-row-group-title .ocean-vmok-plugin-oc-group-row-title-tags {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-group-row-group-title .ocean-vmok-plugin-oc-group-row-title-tags .ocean-vmok-plugin-oc-tag {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-group-row-group-title .ocean-vmok-plugin-oc-group-row-title-left-tags {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-group-row-group-title .ocean-vmok-plugin-oc-group-row-title-left-tags .ocean-vmok-plugin-oc-tag {
  margin-left: 8px;
  margin-right: 0;
}
.ocean-vmok-plugin-oc-group-row-group-prefix .ocean-vmok-plugin-oc-tag {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-group-row-group-prefix .ocean-vmok-plugin-oc-tag:last-child {
  margin-right: 0px;
}
.ocean-vmok-plugin-oc-date-picker-shortcut {
  max-height: 270px;
}
.ocean-vmok-plugin-oc-date-picker-shortcut-item {
  width: 100px;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-date-picker-multiple-date-selected-panel {
  display: inline-flex;
  margin-left: 8px;
  vertical-align: top;
}
.ocean-vmok-plugin-oc-row > .tools-vmok-plugin-date-picker-panel .tools-vmok-plugin-date__header {
  background-color: #f2f4f7;
  height: 38px;
}
oc-multiple-date-panel {
  display: inline-block;
  vertical-align: top;
}
.ocean-vmok-plugin-oc-side-bar {
  position: relative;
  transition: width 0.2s;
}
.ocean-vmok-plugin-oc-side-bar-heder {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-side-bar-footer {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu {
  width: 100%;
  background-color: inherit;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-popup__mask {
  display: none;
}
.ocean-vmok-plugin-oc-side-bar-collapse-button {
  position: absolute;
  right: 8px;
  bottom: 16px;
  max-width: calc(100% - 32px);
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer;
  color: #31343b;
  padding: 0 8px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ocean-vmok-plugin-oc-side-bar-collapse-button:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar-collapse-button__text {
  font-size: 14px;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}
.ocean-vmok-plugin-hide-border button {
  border-color: #fff !important;
  box-shadow: unset !important;
}
.ocean-vmok-plugin-oc-button-wrap {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-button-wrap-block {
  width: 100%;
}
.ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button--md:not(.tools-vmok-plugin-button--link, .tools-vmok-plugin-button--square, .tools-vmok-plugin-button--circle, .tools-vmok-plugin-button--text) {
  min-width: 88px;
}
.ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button--sm:not(.tools-vmok-plugin-button--link, .tools-vmok-plugin-button--square, .tools-vmok-plugin-button--circle, .tools-vmok-plugin-button--text) {
  min-width: 56px;
  padding: 3px 15px;
}
.ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button--xs:not(.tools-vmok-plugin-button--link, .tools-vmok-plugin-button--square, .tools-vmok-plugin-button--circle, .tools-vmok-plugin-button--text) {
  min-width: 56px;
}
.ocean-vmok-plugin-oc-button-wrap .ocean-vmok-plugin-oc-button-color-inherit {
  color: inherit;
}
.ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button--text {
  border: none;
  box-shadow: unset !important;
}
.ocean-vmok-plugin-oc-button-wrap .ocean-vmok-plugin-custom-icon {
  position: absolute;
  top: -3px;
  right: -1px;
}
.ocean-vmok-plugin-oc-button-wrap .ocean-vmok-plugin-prefixIcon + span {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-button-wrap span + .ocean-vmok-plugin-suffixIcon {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button--loading.ocean-vmok-plugin-oc-button-icon .ocean-vmok-plugin-prefixIcon {
  display: none;
}
.ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button--loading.ocean-vmok-plugin-oc-button-icon .ocean-vmok-plugin-suffixIcon {
  display: none;
}
.ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button--loading.ocean-vmok-plugin-oc-button-icon .tools-vmok-plugin-button__loading-icon {
  margin-right: 0px;
}
.ocean-vmok-plugin-oc-button-selected-wrap .tools-vmok-plugin-button--default-stroke {
  border: 1px solid #0057ff;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-checkbox-group__hint-wrap {
  display: inline-flex;
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-checkbox-group__hint-wrap > .ocean-vmok-plugin-oc-popover {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-checkbox-group__item-tag {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}
.ocean-vmok-plugin-oc-checkbox-group-plain .tools-vmok-plugin-checkbox-group {
  flex-wrap: wrap;
  gap: 8px 0;
}
.ocean-vmok-plugin-oc-checkbox-group-plain .ocean-vmok-plugin-oc-checkbox-group-all,
.ocean-vmok-plugin-oc-checkbox-group-plain .ocean-vmok-plugin-oc-checkbox {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-checkbox-group-plain :last-child {
  margin-right: unset;
}
.ocean-vmok-plugin-oc-checkbox-group {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-checkbox-group-all {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button {
  margin-top: 0;
  min-width: 88px;
  background-color: #f2f4f7;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 16px;
  position: relative;
  margin-right: -1px;
  z-index: 2;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button:hover {
  background-color: #f5f7fa;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button:hover .tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__label {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button:before {
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #dfe0e2;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button.ocean-vmok-plugin-oc-checkbox-group-all-button-checked {
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button.ocean-vmok-plugin-oc-checkbox-group-all-button-checked .tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__label {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button.ocean-vmok-plugin-oc-checkbox-group-all-button-checked:after {
  z-index: 3;
  border-radius: 4px 0 0 4px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #0057ff;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-group-all-button .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover,
.ocean-vmok-plugin-oc-checkbox-group-all-button .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-group-all-button .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #0057ff;
  background-color: #0057ff;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item-group {
  flex-wrap: wrap;
  gap: 8px 0;
}
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item {
  margin-top: 0;
}
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item {
  min-width: 88px;
  justify-content: center;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item:last-child .ocean-vmok-plugin-oc-checkbox-group__item-tag {
  border-top-right-radius: 4px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item .tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item .tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner {
  border-color: #0057ff;
  background-color: #0057ff;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item .tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item .tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner {
  border-color: #badaff;
  background-color: #badaff;
}
.ocean-vmok-plugin-oc-checkbox-group .ocean-vmok-plugin-a-checkbox-item-single .tools-vmok-plugin-checkbox {
  display: none;
}
.ocean-vmok-plugin-oc-checkbox-group .ocean-vmok-plugin-a-checkbox-item-all {
  border-radius: 0 !important;
}
.ocean-vmok-plugin-oc-checkbox-group .ocean-vmok-plugin-a-checkbox-item-all:after {
  border-radius: 0 !important;
}
.ocean-vmok-plugin-oc-error-mesasage {
  display: flex;
  font-size: 12px;
  align-items: center;
}
.ocean-vmok-plugin-oc-error-mesasage .ocean-vmok-plugin-oc-error-mesasage-error {
  line-height: 18px;
  max-height: 40px;
}
.ocean-vmok-plugin-oc-error-mesasage .ocean-vmok-plugin-oc-error-mesasage-error .ocean-vmok-plugin-oc-error-mesasage-error-message {
  color: #e34949;
  float: left;
  height: 20px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-error-mesasage .ocean-vmok-plugin-oc-error-mesasage-error .ocean-vmok-plugin-oc-error-mesasage-all {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-error-mesasage .ocean-vmok-plugin-oc-error-mesasage-error .ocean-vmok-plugin-oc-error-mesasage-all:hover {
  background: rgba(227, 73, 73, 0.3);
}
.ocean-vmok-plugin-oc-error-mesasage .ocean-vmok-plugin-oc-error-mesasage-warning .ocean-vmok-plugin-oc-error-mesasage-error-message {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-error-mesasage-error-number,
.ocean-vmok-plugin-oc-error-mesasage-error-all {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-radio--dark,
.ocean-vmok-plugin-oc-radio-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-radio--dark-to-default {
  /* 以下逻辑，是复制 okee 内部代码删减后得到，请尽量保持与 okee 同步
  okee 中有特别支持的 light 主题样式，此处 dark 下不支持 light 模式 */
}
.ocean-vmok-plugin-oc-radio--dark .tools-vmok-plugin-radio,
.ocean-vmok-plugin-oc-radio-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-radio--dark-to-default .tools-vmok-plugin-radio {
  /* 禁用 + 选中 */
}
.ocean-vmok-plugin-oc-radio--dark .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled),
.ocean-vmok-plugin-oc-radio-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-radio--dark-to-default .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled) {
  /* 未禁用 + 未选中 */
  /* 未禁用 + 选中 */
}
.ocean-vmok-plugin-oc-radio--dark .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled) .tools-vmok-plugin-radio__inner:hover,
.ocean-vmok-plugin-oc-radio-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-radio--dark-to-default .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled) .tools-vmok-plugin-radio__inner:hover {
  border-color: #31343b;
}
.ocean-vmok-plugin-oc-radio--dark .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled).tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner,
.ocean-vmok-plugin-oc-radio-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-radio--dark-to-default .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled).tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner,
.ocean-vmok-plugin-oc-radio--dark .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled).tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner:hover,
.ocean-vmok-plugin-oc-radio-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-radio--dark-to-default .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled).tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner:hover {
  border-color: #31343b;
  background-color: #31343b;
}
.ocean-vmok-plugin-oc-radio--dark .tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner,
.ocean-vmok-plugin-oc-radio-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-radio--dark-to-default .tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner {
  border-color: #b9bcc3;
  background-color: #b9bcc3;
}
.ocean-vmok-plugin-oc-radio__popover-wrap {
  display: inline-flex;
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-radio__popover-wrap > .ocean-vmok-plugin-oc-popover {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-radio {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-radio .tools-vmok-plugin-radio > .tools-vmok-plugin-radio__label {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-radio--no-label .tools-vmok-plugin-radio > .tools-vmok-plugin-radio__label {
  margin: 0;
}
.tools-vmok-plugin-popover--tooltip.ocean-vmok-plugin-oc-input-group-unit {
  padding: 2px 6px;
  left: var(--input-number-unit-offset) !important;
  border-radius: 4px;
}
.tools-vmok-plugin-popover--tooltip.ocean-vmok-plugin-oc-input-group-unit .tools-vmok-plugin-popover__arrow {
  display: none;
}
.tools-vmok-plugin-popover--tooltip.ocean-vmok-plugin-oc-input-group-unit::after {
  content: "";
  position: absolute;
  left: calc(50% - 4px);
  top: calc(100%);
  width: 0;
  height: 0;
  border-width: 4px 4px 0;
  border-style: solid;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  border-color: rgba(50, 51, 53, 0.95) transparent transparent;
}
.ocean-vmok-plugin-oc-row-input-number {
  --input-number-unit-offset: 0px;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-append-string,
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-append-icon,
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-prepend-string,
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-prepend-icon {
  color: #93969d;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-wrap {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-wrap .ocean-vmok-plugin-oc-input-group {
  width: auto;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-wrap .ocean-vmok-plugin-oc-input-group .tools-vmok-plugin-custom-input {
  cursor: text;
  flex: 1;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-prepend {
  position: relative;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-prepend * {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-append {
  position: relative;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-append * {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-append-divider::before {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  display: block;
  background-color: #dfe0e2;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-prepend-divider::after {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  display: block;
  background-color: #dfe0e2;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.ocean-vmok-plugin-oc-group-number-val-xl {
  font-size: 32px;
}
.ocean-vmok-plugin-oc-group-number-tail-xl {
  font-size: 24px;
}
.ocean-vmok-plugin-oc-group-number .ocean-vmok-plugin-oc-typography {
  display: inline-block;
  vertical-align: bottom;
}
.ocean-vmok-plugin-oc-group-number-suffix {
  display: inline-flex;
  margin-left: 2px;
}
.ocean-vmok-plugin-oc-ratio-chart-empty {
  display: flex;
}
.ocean-vmok-plugin-oc-batch-add-input {
  width: 100%;
  min-width: 570px;
}
.ocean-vmok-plugin-oc-batch-add-input-list {
  overflow-y: auto;
  width: 100%;
  padding: 4px;
  margin: -4px;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item {
  margin-top: 8px;
  opacity: 1;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item-input {
  display: flex;
  align-items: center;
  position: relative;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item-input-delete {
  position: absolute;
  right: -23px;
  cursor: pointer;
  color: #93969d;
  display: flex;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item-input-delete:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item-input-delete-disabled {
  position: absolute;
  right: -23px;
  cursor: not-allowed;
  color: #dee0e3;
  display: flex;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item-fade-enter-active,
.ocean-vmok-plugin-oc-batch-add-input-list-item-fade-leave-active {
  transition: all 0.1s ease-in-out;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item-fade-enter-from,
.ocean-vmok-plugin-oc-batch-add-input-list-item-fade-leave-to {
  opacity: 0;
  max-height: 0;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item-fade-enter-to,
.ocean-vmok-plugin-oc-batch-add-input-list-item-fade-leave-from {
  max-height: 32px;
  opacity: 1;
}
.ocean-vmok-plugin-oc-batch-add-input-list .tools-vmok-plugin-button--default-stroke {
  position: relative;
  z-index: 4;
}
.ocean-vmok-plugin-oc-batch-add-input-list .tools-vmok-plugin-button--default-stroke:focus {
  color: #62656c;
  background-color: #ffffff;
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-batch-add-input-add {
  color: #62656c;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-range-picker-shortcut {
  max-height: 270px;
}
.ocean-vmok-plugin-oc-range-picker-shortcut-item {
  width: 100px;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-ranger-picker-light .tools-vmok-plugin-custom-input--fill {
  background-color: #fff;
}
.ocean-vmok-plugin-oc-range-picker .tools-vmok-plugin-range-picker {
  display: flex;
}
.ocean-vmok-plugin-oc-range-picker .tools-vmok-plugin-range-picker .tools-vmok-plugin-custom-input__prefix {
  color: #31343b;
}
.ocean-vmok-plugin-oc-range-picker .tools-vmok-plugin-range-picker .tools-vmok-plugin-custom-input--disabled .tools-vmok-plugin-input__wrapper--unstyle {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-checkbox--dark,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default {
  /* 以下逻辑，是复制 okee 内部代码删减后得到，请尽量保持与 okee 同步
  okee 中有特别支持的 light 主题样式，此处 dark 下不支持 light 模式 */
}
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox {
  /* 禁用 + 选中/indeterminate */
}
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled),
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled) {
  /* 未禁用 + 未选中 */
  /* 未禁用 + 选中/indeterminate */
}
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled) .tools-vmok-plugin-checkbox__inner:hover,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled) .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #31343b;
}
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover,
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #31343b;
  background-color: #31343b;
}
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner {
  border-color: #b9bcc3;
  background-color: #b9bcc3;
}
.ocean-vmok-plugin-oc-checkbox--blue {
  /* 以下逻辑，是复制 okee 内部代码删减后得到，请尽量保持与 okee 同步
  okee 中有特别支持的 light 主题样式，此处 dark 下不支持 light 模式 */
}
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox {
  /* 禁用 + 选中/indeterminate */
}
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled) {
  /* 未禁用 + 未选中 */
  /* 未禁用 + 选中/indeterminate */
}
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled) .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover,
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #0057ff;
  background-color: #0057ff;
}
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner {
  border-color: #badaff;
  background-color: #badaff;
}
.ocean-vmok-plugin-oc-checkbox__popover-wrap {
  display: inline-flex;
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-checkbox__popover-wrap > .ocean-vmok-plugin-oc-popover {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-checkbox {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-checkbox .tools-vmok-plugin-checkbox > .tools-vmok-plugin-checkbox__label {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-checkbox--no-label .tools-vmok-plugin-checkbox > .tools-vmok-plugin-checkbox__label {
  margin: 0;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled:not(.tools-vmok-plugin-checkbox--checked):not(.tools-vmok-plugin-checkbox--indeterminate) .tools-vmok-plugin-checkbox__inner {
  border-color: #f2f4f7;
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-pagination-wrapper .ocean-vmok-plugin-oc-pagination .ocean-vmok-plugin-oc-table-pagination-item {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-pagination-wrapper .ocean-vmok-plugin-oc-pagination .ocean-vmok-plugin-oc-table-pagination-item tools-vmok-plugin-page-select {
  margin: 0;
}
.ocean-vmok-plugin-oc-skeleton-animation .ocean-vmok-plugin-oc-skeleton-shape,
.ocean-vmok-plugin-oc-skeleton-animation .ocean-vmok-plugin-oc-skeleton-line-row {
  background: linear-gradient(90deg, rgba(242, 244, 247, 0.5) 25%, #f2f4f7 37%, rgba(242, 244, 247, 0.5) 63%);
  background-size: 300% 100%;
  animation: oc-skeleton-circle 1.5s cubic-bezier(0, 0, 1, 1) infinite;
}
.ocean-vmok-plugin-oc-skeleton-animation .ocean-vmok-plugin-oc-skeleton-shape-dark,
.ocean-vmok-plugin-oc-skeleton-animation .ocean-vmok-plugin-oc-skeleton-line-row-dark {
  background: linear-gradient(90deg, rgba(242, 244, 247, 0.5) 25%, #e8eaed 37%, rgba(242, 244, 247, 0.5) 63%);
  background-size: 300% 100%;
  animation: oc-skeleton-circle 1.5s cubic-bezier(0, 0, 1, 1) infinite;
}
@keyframes oc-skeleton-circle {
  from {
    background-position: 100% 50%;
  }
  to {
    background-position: 0% 50%;
  }
}
.ocean-vmok-plugin-oc-dropdown-button-container {
  display: inline-block;
}
.ocean-vmok-plugin-oc-dropdown-button-container .ocean-vmok-plugin-oc-dropdown-button-icon-up {
  transform: rotate(180deg);
}
.ocean-vmok-plugin-oc-dropdown-button-dark .tools-vmok-plugin-button {
  color: #31343b;
}
.ocean-vmok-plugin-oc-dropdown-button-bold .tools-vmok-plugin-button {
  font-weight: bold;
}
.ocean-vmok-plugin-oc-dropdown-item-active {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-dropdown-item-title {
  color: #93969d;
  font-size: 12px;
  line-height: 18px;
  padding: 6px 12px;
}
.ocean-vmok-plugin-oc-dropdown-content-footer {
  margin: 0 12px;
  border-top: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-dropdown-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-dropdown-item .ocean-vmok-plugin-oc-dropdown-item-text {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-dropdown-item .ocean-vmok-plugin-oc-dropdown-item-operation {
  display: flex;
}
.ocean-vmok-plugin-oc-dropdown-item .ocean-vmok-plugin-oc-dropdown-item-operation .ocean-vmok-plugin-oc-dropdown-item-operation-icon {
  font-size: 14px;
  margin-left: 4px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-dropdown-item .ocean-vmok-plugin-oc-dropdown-item-operation .ocean-vmok-plugin-oc-dropdown-item-operation-icon:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-dropdown-item .ocean-vmok-plugin-oc-dropdown-item-operation .ocean-vmok-plugin-oc-dropdown-item-operation-icon-disabled {
  font-size: 14px;
  margin-left: 4px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-flex {
  display: flex !important;
}
.ocean-vmok-plugin-oc-flex-right {
  justify-content: flex-end;
  text-align: right;
}
.ocean-vmok-plugin-oc-item-group {
  align-items: center;
}
.ocean-vmok-plugin-oc-item-group-disabled {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-item-group-prefix,
.ocean-vmok-plugin-oc-item-group-suffix {
  display: flex;
  flex-wrap: nowrap;
  align-self: center;
  list-style: none;
}
.ocean-vmok-plugin-oc-item-group-content {
  flex: 1;
}
.ocean-vmok-plugin-oc-item-group-content-title {
  line-height: 0;
}
.ocean-vmok-plugin-oc-item-group-content-description {
  margin-top: 2px;
}
.ocean-vmok-plugin-oc-item-group-title,
.ocean-vmok-plugin-oc-item-group-description {
  align-items: center;
}
.ocean-vmok-plugin-oc-item-group-prefix:not(:last-child) {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-item-group-suffix:not(:first-child) {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-row-input {
  width: 100%;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-wrap {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-wrap .ocean-vmok-plugin-oc-input-group .tools-vmok-plugin-custom-input {
  cursor: text;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-wrap .ocean-vmok-plugin-oc-input-group .tools-vmok-plugin-textarea__suffix {
  height: 22px;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-wrap .ocean-vmok-plugin-oc-input-group .ocean-vmok-plugin-suffix-count {
  color: #93969d;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-wrap .ocean-vmok-plugin-oc-input-group .tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__count {
  font-size: 14px;
  line-height: 18px;
  bottom: 6px;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-prepend-string,
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-append-string,
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-prefix-icon,
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-suffix-icon,
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-prefix-string,
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-suffix-string {
  color: #93969d;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-prepend-icon,
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-append-icon {
  color: #31343b;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-prepend {
  position: relative;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-prepend * {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-append {
  position: relative;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-append * {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-append-divider::before {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  display: block;
  background-color: #dfe0e2;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-prepend-divider::after {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  display: block;
  background-color: #dfe0e2;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.ocean-vmok-plugin-oc-layout {
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: auto;
  min-height: 0;
  min-height: 100vh;
  width: 100vw;
}
.ocean-vmok-plugin-oc-layout .ocean-vmok-plugin-oc-sticky {
  position: sticky;
  top: 16px;
}
.ocean-vmok-plugin-oc-layout .ocean-vmok-plugin-oc-sticky-right {
  top: 0;
}
.ocean-vmok-plugin-oc-layout__wrapper {
  padding: 16px 24px;
  flex: 1;
}
.ocean-vmok-plugin-oc-layout__main {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.ocean-vmok-plugin-oc-layout__main-left-sider {
  flex: none;
  position: relative;
  z-index: 2;
}
.ocean-vmok-plugin-oc-layout__main-wrapper {
  flex: 1;
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-layout__main-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-layout__main-wrapper-fixed .ocean-vmok-plugin-oc-layout__main-content {
  flex: none;
  width: calc(100% - var(--rightSpace));
}
.ocean-vmok-plugin-oc-layout__main-wrapper-fixed .ocean-vmok-plugin-oc-sticky-right {
  position: absolute;
  right: 0;
}
.ocean-vmok-plugin-oc-layout-header-sticky {
  height: 100vh;
}
.ocean-vmok-plugin-oc-layout-header-sticky .ocean-vmok-plugin-oc-sticky {
  top: 0;
}
.ocean-vmok-plugin-oc-layout-header-sticky .ocean-vmok-plugin-oc-layout__main-wrapper {
  height: calc(100vh - var(--headerHeight));
  overflow: auto;
}
.ocean-vmok-plugin-oc-statistic {
  display: inline-block;
  padding: 16px;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-statistic-border {
  padding: 15px;
  border: 1px solid var(--borderColor);
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-inline {
  padding: 0;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-bg-default {
  background-color: #f5f7fa;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-bg-secondary {
  background-color: #f3f3f4;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-bg-primary {
  background-color: #e8f4ff;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-bg-danger {
  background-color: #fdf2f2;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-bg-success {
  background-color: #ecf8eb;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-bg-warning {
  background-color: #fff9e0;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-cursor {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-cursor:hover {
  background-color: var(--hoverBackgroundColor) !important;
}
.ocean-vmok-plugin-oc-statistic-title,
.ocean-vmok-plugin-oc-statistic-content,
.ocean-vmok-plugin-oc-statistic-extra {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-statistic-title {
  margin-bottom: 10px;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-statistic-title .ocean-vmok-plugin-oc-statistic-title-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-statistic-extra {
  margin-top: 7px;
  display: inline-flex;
  gap: 0 4px;
}
.ocean-vmok-plugin-oc-statistic-extra-suffix {
  font-size: 0;
}
.ocean-vmok-plugin-oc-statistic-content-prefix {
  margin-right: 4px;
  display: inline-flex;
}
.ocean-vmok-plugin-oc-statistic-content-suffix {
  margin-left: 8px;
  display: inline-flex;
}
.ocean-vmok-plugin-oc-statistic-content-suffix-wrap {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-space {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-space-vertical {
  flex-direction: column;
  display: flex;
}
.ocean-vmok-plugin-oc-space-align-stretch {
  align-items: stretch;
}
.ocean-vmok-plugin-oc-space-align-baseline {
  align-items: baseline;
}
.ocean-vmok-plugin-oc-space-align-start {
  align-items: flex-start;
}
.ocean-vmok-plugin-oc-space-align-end {
  align-items: flex-end;
}
.ocean-vmok-plugin-oc-space-align-center {
  align-items: center;
}
.ocean-vmok-plugin-oc-space-wrap {
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-space-rtl {
  direction: rtl;
}
.ocean-vmok-plugin-oc-sub-side-bar {
  padding: 16px 0;
  height: 100%;
  overflow: auto;
}
.ocean-vmok-plugin-oc-sub-side-bar-title {
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  line-height: 32px;
  margin: 0;
  list-style: none;
  padding: 0;
  position: relative;
}
.ocean-vmok-plugin-oc-sub-side-bar-title li {
  margin: 0;
  position: relative;
}
.ocean-vmok-plugin-oc-sub-side-bar-title li .ocean-vmok-plugin-oc-sub-menu__list .ocean-vmok-plugin-oc-sub-side-bar-title__header {
  color: #62656c;
  padding: 0 16px 0 32px;
}
.ocean-vmok-plugin-oc-sub-side-bar-title .ocean-vmok-plugin-oc-sub-menu__list {
  padding: 0;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-sub-side-bar-title-line {
  width: 2px;
  height: 32px;
  background-color: #0057ff;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  transition: all 0.1s ease-in-out;
}
.ocean-vmok-plugin-oc-switch {
  line-height: 0;
}
.ocean-vmok-plugin-oc-switch--dark .tools-vmok-plugin-switch--checked {
  background: #31343b;
}
.ocean-vmok-plugin-oc-switch--dark .tools-vmok-plugin-switch--checked.tools-vmok-plugin-switch--loading {
  background: #31343b;
}
.ocean-vmok-plugin-oc-switch--dark .ocean-vmok-plugin-oc-switch-truty {
  color: #31343b;
}
.ocean-vmok-plugin-oc-tag {
  font-size: 0;
  line-height: 0;
}
.ocean-vmok-plugin-oc-tag.ocean-vmok-plugin-oc-tag-type-flex {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag {
  cursor: default;
}
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--white {
  background-color: #ffffff;
  color: #31343b;
}
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--white.tools-vmok-plugin-tag--disabled,
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--white.tools-vmok-plugin-tag--disabled:hover {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--white-light {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--white-light.tools-vmok-plugin-tag--disabled,
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--white-light.tools-vmok-plugin-tag--disabled:hover {
  color: #b9bcc3;
  border: 1px solid #f2f4f7;
}
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--xs .ocean-vmok-plugin-oc-tag-text {
  zoom: 0.83333333;
  line-height: 12px;
}
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--xs,
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--sm {
  padding: 0 4px;
  border-width: 0;
}
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--xs.tools-vmok-plugin-tag--border,
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--sm.tools-vmok-plugin-tag--border {
  padding: 0 3px;
  border-width: 1px;
}
.ocean-vmok-plugin-oc-tag-text {
  font-family: "PingFang SC";
  font-style: normal;
}
.ocean-vmok-plugin-oc-tag-text-bold {
  font-weight: bolder;
}
.ocean-vmok-plugin-oc-tag-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-tag-icon {
  margin-right: 2px;
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-tag-douyin .tools-vmok-plugin-tag {
  color: #fff;
  border: none;
}
.ocean-vmok-plugin-oc-tag-douyin .tools-vmok-plugin-tag--danger-light-fill {
  background: linear-gradient(135deg, #FF1764 0%, #ED3495 100%);
}
.ocean-vmok-plugin-oc-tag-douyin .tools-vmok-plugin-tag--default-light-fill {
  background: linear-gradient(135deg, #ABADBA 0%, #84879A 100%);
}
.ocean-vmok-plugin-oc-tag-market .tools-vmok-plugin-tag {
  font-weight: bolder;
  border-radius: 4px 0px;
}
.ocean-vmok-plugin-oc-tag-operate .tools-vmok-plugin-tag {
  border-radius: 12px 12px 12px 0px;
}
.ocean-vmok-plugin-oc-tag-operate-normal .tools-vmok-plugin-tag {
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-tag-operate .tools-vmok-plugin-tag,
.ocean-vmok-plugin-oc-tag-operate-normal .tools-vmok-plugin-tag {
  font-weight: bolder;
  border: none;
}
.ocean-vmok-plugin-oc-tag-operate .tools-vmok-plugin-tag--danger-fill,
.ocean-vmok-plugin-oc-tag-operate-normal .tools-vmok-plugin-tag--danger-fill {
  background: linear-gradient(102deg, #FA5089 23.92%, #FC96B8 105.66%);
}
.ocean-vmok-plugin-oc-tag-operate .tools-vmok-plugin-tag--warning-fill,
.ocean-vmok-plugin-oc-tag-operate-normal .tools-vmok-plugin-tag--warning-fill {
  background: linear-gradient(103deg, #FF734D 3.67%, #FAB426 97.07%);
}
.ocean-vmok-plugin-oc-tag-operate .tools-vmok-plugin-tag--success-fill,
.ocean-vmok-plugin-oc-tag-operate-normal .tools-vmok-plugin-tag--success-fill {
  background: linear-gradient(101deg, #34BA7B 31.95%, #B6D70F 140.28%);
}
.ocean-vmok-plugin-oc-tag-operate .tools-vmok-plugin-tag--info-fill,
.ocean-vmok-plugin-oc-tag-operate-normal .tools-vmok-plugin-tag--info-fill {
  background: linear-gradient(103deg, #3865E9 6.94%, #38A1FF 100%);
}
.ocean-vmok-plugin-oc-tag-round .tools-vmok-plugin-tag--xs {
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-tag-round .tools-vmok-plugin-tag--sm {
  border-radius: 20px;
}
.ocean-vmok-plugin-oc-tag-input {
  position: relative;
}
.ocean-vmok-plugin-oc-tag-input .tools-vmok-plugin-custom-input--md .tools-vmok-plugin-custom-input__suffix {
  height: 24px;
}
.ocean-vmok-plugin-oc-tag-input .tools-vmok-plugin-custom-input {
  cursor: text;
}
.ocean-vmok-plugin-oc-tag-input .ocean-vmok-plugin-oc-tag {
  height: auto;
}
.ocean-vmok-plugin-oc-tag-input .ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag {
  height: auto;
}
.ocean-vmok-plugin-oc-tag-input .ocean-vmok-plugin-oc-tag-text {
  white-space: normal;
  line-height: 24px;
}
.ocean-vmok-plugin-oc-tag-input .ocean-vmok-plugin-oc-tag-icon .ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag {
  height: 16px;
}
.ocean-vmok-plugin-oc-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ocean-vmok-plugin-oc-title-prefix {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ocean-vmok-plugin-oc-title-text + div {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-title-text .ocean-vmok-plugin-oc-title-required {
  vertical-align: 3px;
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-title-text .ocean-vmok-plugin-oc-title-popover,
.ocean-vmok-plugin-oc-title-text .ocean-vmok-plugin-oc-title-new {
  height: 16px;
  margin-left: 4px;
  vertical-align: sub;
}
.ocean-vmok-plugin-oc-title-text .ocean-vmok-plugin-oc-title-required,
.ocean-vmok-plugin-oc-title-text .ocean-vmok-plugin-oc-title-popover,
.ocean-vmok-plugin-oc-title-text .ocean-vmok-plugin-oc-title-new,
.ocean-vmok-plugin-oc-title-text .ocean-vmok-plugin-oc-title-slot {
  display: inline-block;
}
.ocean-vmok-plugin-oc-title-popover {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-title-popover + div {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-title-slot {
  display: flex;
}
.ocean-vmok-plugin-oc-title-slot + div {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-title-new {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-title-new + div {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-title-required {
  width: 4px;
  height: 4px;
  background: #e34949;
  border-radius: 2px;
}
.ocean-vmok-plugin-oc-title-suffix {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-title.ocean-vmok-plugin-oc-title__align .ocean-vmok-plugin-oc-title-suffix {
  flex: 1;
  display: inline-flex;
}
.ocean-vmok-plugin-oc-title.ocean-vmok-plugin-oc-title__align-center .ocean-vmok-plugin-oc-title-suffix {
  justify-content: center;
}
.ocean-vmok-plugin-oc-title.ocean-vmok-plugin-oc-title__align-end .ocean-vmok-plugin-oc-title-suffix {
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-tree {
  padding: 0;
  margin: 0;
}
.ocean-vmok-plugin-oc-table-wrapper {
  position: relative;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-t-summary .tools-vmok-plugin-t-summary-cell {
  padding: 0px 16px;
  height: 42px;
  line-height: 18px;
  box-sizing: border-box;
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-t-summary .tools-vmok-plugin-t-summary-cell:hover {
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-th__sorter {
  color: #93969d;
  margin: 0 0 0 4px;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-th {
  font-weight: bolder;
  padding: 0px 16px;
  height: 42px;
  line-height: 18px;
  box-sizing: border-box;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-td {
  padding: 8px 16px;
  height: 42px;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-table__tree-icon {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-table-wrapper .ocean-vmok-plugin-oc-table-pagination {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-table-wrapper .ocean-vmok-plugin-oc-table-pagination .ocean-vmok-plugin-oc-table-pagination-item {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-table-wrapper .ocean-vmok-plugin-oc-table-pagination .ocean-vmok-plugin-oc-table-pagination-item .tools-vmok-plugin-page-select {
  margin: 0;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-th__ocean-tree-col {
  padding-left: 46px !important;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-td__ocean-tree-child {
  background: #f5f7fa;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-td__ocean-tree-td .tools-vmok-plugin-td__ocean-tree-td-wrap {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  height: 100%;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-td__ocean-tree-td .tools-vmok-plugin-td__ocean-tree-td-wrap .tools-vmok-plugin-table__tree-icon-wrapper {
  width: 14px;
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-td__ocean-tree-td .tools-vmok-plugin-td__ocean-tree-td-wrap .tools-vmok-plugin-table__tree-icon-wrapper .tools-vmok-plugin-table__tree-icon {
  color: #31343b;
  margin-right: unset;
}
.ocean-vmok-plugin-oc-table-loading-text {
  color: #0057ff;
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-textarea-plus-wrapper {
  /* 组件背景色 */
  --textarea-plus-bg: #ffffff;
  /* 组件文字大小 */
  --textarea-plus-font-size: 14px;
  /* 组件行高 */
  --textarea-plus-line-height: 22px;
  /* 组件圆角 */
  --textarea-plus-border-radius: 8px;
  /* 组件文本颜色 */
  --textarea-plus-color: #31343b;
  /* 组件表头背景色 */
  --textarea-plus-header-bg: #f2f4f7;
  /* 组件边框线颜色 */
  --textarea-plus-border: #dee0e3;
  /* 组件编号错误状态背景色 */
  --textarea-plus-num-error-bg: #e34949;
  /* 组件输入框 hover 背景色 */
  --textarea-plus-input-hover-bg: #f2f4f7;
  /* 组件输入框高度 */
  --textarea-plus-input-height: 34px;
  /* 组件输入框左右间距 */
  --textarea-plus-input-padding-left: 12px;
  /* 组件编号文本颜色 */
  --textarea-plus-num-color: #93969d;
  /* 组件编号错误状态文本颜色 */
  --textarea-plus-num-error-color: #ffffff;
  /* 组件清空文本颜色 */
  --textarea-plus-clear-color: #0057ff;
  /* 组件清空hover文本颜色 */
  --textarea-plus-clear-hover-color: #2e7bff;
  /* 组件操作区域文本颜色 */
  --textarea-plus-action-color: #93969d;
  /* 组件操作区域错误状态文本颜色 */
  --textarea-plus-action-error-color: #e34949;
  /* 组件操作区域文本大小 */
  --textarea-plus-action-font-size: 12px;
  /* 组件操作区域文本好高 */
  --textarea-plus-action-line-height: 18px;
  position: relative;
}
.ocean-vmok-plugin-oc-textarea-plus-wrapper .ocean-vmok-plugin-oc-textarea-plus-operate {
  position: absolute;
  right: 16px;
  top: 8px;
}
.ocean-vmok-plugin-oc-textarea-plus-wrapper .ocean-vmok-plugin-oc-textarea-plus-operate .ocean-vmok-plugin-oc-textarea-plus-operate-btn {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-textarea-plus-wrapper .ocean-vmok-plugin-oc-textarea-plus-border {
  border-width: 1px;
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-tabs {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-tabs .tools-vmok-plugin-tabs__tab {
  padding: 4px 0;
}
.ocean-vmok-plugin-oc-tabs-primary .ocean-vmok-plugin-tab--active {
  color: #0057ff !important;
}
.ocean-vmok-plugin-oc-tabs__md .tools-vmok-plugin-tabs__tab {
  font-size: 14px;
  line-height: 22px;
  margin-right: 24px;
}
.ocean-vmok-plugin-oc-tabs__lg .tools-vmok-plugin-tabs__tab {
  line-height: 24px;
  margin-right: 32px;
}
.ocean-vmok-plugin-oc-tabs__lg.ocean-vmok-plugin-oc-tabs__card .tools-vmok-plugin-tabs__tab {
  line-height: 28px;
}
.ocean-vmok-plugin-oc-tabs__xl .tools-vmok-plugin-tabs__tab {
  font-size: 18px;
  line-height: 28px;
  margin-right: 32px;
}
.ocean-vmok-plugin-oc-tabs__xl.ocean-vmok-plugin-oc-tabs__card .tools-vmok-plugin-tabs__tab {
  line-height: 28px;
}
.ocean-vmok-plugin-oc-tabs .ocean-vmok-plugin-row {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-tabs .ocean-vmok-plugin-row .ocean-vmok-plugin-tab-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-tabs .ocean-vmok-plugin-row .ocean-vmok-plugin-after-tab-icon {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-tabs .tools-vmok-plugin-tabs .tools-vmok-plugin-tabs__tab-close {
  line-height: 0;
}
.ocean-vmok-plugin-oc-tabs .ocean-vmok-plugin-tab--active {
  color: #31343b;
}
.ocean-vmok-plugin-oc-tabs .tools-vmok-plugin-tabs__tab--active .tools-vmok-plugin-tabs__tab-close {
  color: #31343b;
}
.ocean-vmok-plugin-oc-tabs__card .tools-vmok-plugin-tabs > .tools-vmok-plugin-tabs__nav {
  background-color: #f2f4f7;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ocean-vmok-plugin-oc-tabs__line .ocean-vmok-plugin-oc-tabs-hide-line .tools-vmok-plugin-tabs__nav::before {
  display: none;
}
.ocean-vmok-plugin-oc-tabs__line .ocean-vmok-plugin-oc-tabs-hide-active-line .tools-vmok-plugin-tabs__bar {
  display: none;
}
.ocean-vmok-plugin-oc-tabs__align .tools-vmok-plugin-tabs .tools-vmok-plugin-tabs__extra-content {
  flex: 1;
  display: inline-flex;
}
.ocean-vmok-plugin-oc-tabs__align-center .tools-vmok-plugin-tabs .tools-vmok-plugin-tabs__extra-content {
  justify-content: center;
}
.ocean-vmok-plugin-oc-tabs__align-end .tools-vmok-plugin-tabs .tools-vmok-plugin-tabs__extra-content {
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-typography {
  font-family: 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
  font-style: normal;
  font-weight: 400;
  word-break: break-all;
  white-space: normal;
  display: -webkit-box;
  text-rendering: auto;
}
.ocean-vmok-plugin-oc-typography ol,
.ocean-vmok-plugin-oc-typography ul {
  padding: 0;
  margin: 0;
}
.ocean-vmok-plugin-oc-typography ul li,
.ocean-vmok-plugin-oc-typography ol li {
  margin-left: 14px;
}
.ocean-vmok-plugin-oc-typography ul {
  list-style: initial;
}
.ocean-vmok-plugin-oc-typography li + li {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-typography .ocean-vmok-plugin-oc-typography-value-em {
  color: #0057ff;
  font-style: normal;
}
.ocean-vmok-plugin-oc-typography-size-xs {
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-typography-size-sm {
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-typography-size-md {
  font-size: 16px;
  line-height: 24px;
}
.ocean-vmok-plugin-oc-typography-size-lg {
  font-size: 18px;
  line-height: 26px;
}
.ocean-vmok-plugin-oc-typography-size-xl {
  font-size: 20px;
  line-height: 28px;
}
.ocean-vmok-plugin-oc-typography-color-inherit {
  color: inherit;
}
.ocean-vmok-plugin-oc-typography-color-default {
  color: #31343b;
}
.ocean-vmok-plugin-oc-typography-color-auxiliary {
  color: #62656c;
}
.ocean-vmok-plugin-oc-typography-color-secondary {
  color: #93969d;
}
.ocean-vmok-plugin-oc-typography-color-primary {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-typography-color-danger {
  color: #e34949;
}
.ocean-vmok-plugin-oc-typography-color-success {
  color: #0da600;
}
.ocean-vmok-plugin-oc-typography-color-warning {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-typography-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-typography-color-primary.ocean-vmok-plugin-oc-typography.ocean-vmok-plugin-oc-typography-disabled {
  color: #badaff;
}
.ocean-vmok-plugin-oc-typography-bold {
  font-weight: bold;
}
.ocean-vmok-plugin-oc-typography-italic {
  font-style: italic;
}
.ocean-vmok-plugin-oc-typography-dashed span {
  font-weight: bold;
  white-space: break-spaces;
  word-break: break-word;
  text-rendering: optimizeLegibility;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  border-image-slice: 1;
  border-image-source: repeating-linear-gradient(90deg, #93969d, #93969d 3px, transparent 0, transparent 5px);
  border-width: 0 0 1px;
  border-bottom-style: solid;
  border-bottom: 1px solid;
  border-image-outset: 0px;
}
.ocean-vmok-plugin-oc-typography-dashed span:hover {
  border-image-source: repeating-linear-gradient(90deg, #93969d, #93969d 1px, transparent 0, transparent 1px);
}
.ocean-vmok-plugin-oc-typography-underline {
  text-decoration-line: underline;
  text-decoration-style: solid;
}
.ocean-vmok-plugin-oc-typography-line-through {
  text-decoration-line: line-through;
  text-decoration-style: solid;
}
.ocean-vmok-plugin-oc-typography-type-number,
.ocean-vmok-plugin-oc-typography-type-number * {
  font-family: "OC-OPPOSans", 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
}
.ocean-vmok-plugin-oc-typography-type-market,
.ocean-vmok-plugin-oc-typography-type-market * {
  font-family: "MF YuanHei", 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
}
.ocean-vmok-plugin-oc-typography-type-number.ocean-vmok-plugin-oc-typography.ocean-vmok-plugin-oc-typography-bold,
.ocean-vmok-plugin-oc-typography-type-number.ocean-vmok-plugin-oc-typography.ocean-vmok-plugin-oc-typography-bold * {
  font-family: "OC-OPPOSans-Bold", 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
}
.ocean-vmok-plugin-oc-typography-type-text {
  display: inline-block;
}
.ocean-vmok-plugin-oc-typography-cursor,
.ocean-vmok-plugin-oc-typography-overflow,
.ocean-vmok-plugin-oc-typography-dashed {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-typography-color-primary.ocean-vmok-plugin-oc-typography.ocean-vmok-plugin-oc-typography-cursor:not(.ocean-vmok-plugin-oc-typography-disabled):hover,
.ocean-vmok-plugin-oc-typography-color-default.ocean-vmok-plugin-oc-typography.ocean-vmok-plugin-oc-typography-cursor:not(.ocean-vmok-plugin-oc-typography-disabled):hover,
.ocean-vmok-plugin-oc-typography-color-secondary.ocean-vmok-plugin-oc-typography.ocean-vmok-plugin-oc-typography-cursor:not(.ocean-vmok-plugin-oc-typography-disabled):hover,
.ocean-vmok-plugin-oc-typography-color-auxiliary.ocean-vmok-plugin-oc-typography.ocean-vmok-plugin-oc-typography-cursor:not(.ocean-vmok-plugin-oc-typography-disabled):hover {
  color: #2e7bff;
}
.ocean-vmok-plugin-oc-typography-operation-expand {
  margin: 0 0 0 4px;
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-typography-operation-icon {
  margin-left: 4px;
  margin-top: -2px;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-typography-list-span {
  word-break: break-all;
  white-space: normal;
}
.ocean-vmok-plugin-oc-typography-list-span-nowrap {
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-typography-list-icon {
  margin-left: 4px;
  margin-top: -2px;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-typography-list-style {
  width: 8px;
  height: 8px;
  flex: 1;
  display: inline-block;
  margin-right: 4px;
  background-color: #fff;
  position: relative;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  border: 1px solid #ffffff;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-circle {
  border-radius: 100%;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-primary {
  background: #0057ff;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-danger {
  background: #e34949;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-success {
  background: #0da600;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-warning {
  background: #eb9617;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-auxiliary {
  background: #62656c;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-secondary {
  background: #93969d;
}
.ocean-vmok-plugin-oc-typography-span-nowrap {
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-typography .ocean-vmok-plugin-oc-popover {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-page-switch-wrapper {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-page-switch-wrapper .ocean-vmok-plugin-oc-page-switch-icon {
  color: #31343b;
}
.ocean-vmok-plugin-oc-page-switch-wrapper .ocean-vmok-plugin-oc-page-switch-icon:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-page-switch-wrapper .ocean-vmok-plugin-oc-page-switch-icon-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-page-switch-wrapper .ocean-vmok-plugin-oc-page-switch-text {
  color: #31343b;
  font-size: 12px;
  margin: 0 16px;
}
.ocean-vmok-plugin-oc-page-switch-wrapper .ocean-vmok-plugin-oc-page-switch-text .ocean-vmok-plugin-text-slash {
  margin: 0 8px;
}
.ocean-vmok-plugin-oc-video-player-wrapper {
  width: 100%;
  height: 100%;
  line-height: 1.15;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-controls,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-controls,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-inactive .controls-autohide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.ocean-vmok-plugin-oc-video-player-hide-control .controls-autohide {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
  opacity: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-controls-initshow,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-controls-initshow {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-controls {
  display: block;
  position: absolute;
  visibility: visible;
  height: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  z-index: 10;
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75));
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-controls.show {
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-inner-controls {
  position: absolute;
  height: 40px;
  bottom: 0;
  justify-content: space-between;
  display: flex;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-left-grid,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-right-grid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 1;
  height: 100%;
  z-index: 1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-right-grid {
  flex-direction: row-reverse;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-right-grid > :first-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-right-grid xg-icon {
  margin-left: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-left-grid > :first-child {
  margin-left: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-left-grid xg-icon {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-center-grid {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  outline: none;
  top: -20px;
  padding: 5px 0;
  text-align: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .flex-controls .xg-inner-controls {
  justify-content: space-around;
  display: flex;
  bottom: 8px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .flex-controls .xg-center-grid {
  display: flex;
  flex: 1;
  position: relative;
  top: 0;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  left: 0;
  right: 0;
  padding: 0 16px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xg-center-grid {
  z-index: 2;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .flex-controls .xg-center-grid {
  padding: 0 8px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .bottom-controls .xg-center-grid {
  top: 20px;
  padding: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .bottom-controls .xg-left-grid,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .bottom-controls .xg-right-grid {
  bottom: 10px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .mini-controls {
  background-image: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .mini-controls .xg-inner-controls {
  bottom: 0;
  left: 0;
  right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .mini-controls .xg-center-grid {
  bottom: -28px;
  top: auto;
  padding: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .mini-controls .xg-left-grid,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .mini-controls .xg-right-grid {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .controls-follow {
  bottom: 70px;
  transition: bottom 0.3s ease;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.flex-controls .controls-follow {
  bottom: 45px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-inactive .controls-follow,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.no-controls .controls-follow,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.mini-controls .controls-follow {
  bottom: 10px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-fullscreen-parent {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen {
  z-index: 10;
  position: absolute;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-rotate-parent {
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  right: 0;
  width: 100vh;
  height: 100vw;
  z-index: 9999;
  transform-origin: top left;
  transform: rotate(90deg);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  transform: rotate(0);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-rotate-parent .xgplayer-mobile video {
  z-index: -1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: PingFang SC, Helvetica Neue, Helvetica, STHeiTi, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: 400;
  background: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer * {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  white-space: normal;
  word-wrap: normal;
  overflow-wrap: normal;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer ul,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer li {
  list-style: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-none {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-cssfullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-rotate-fullscreen {
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  right: 0;
  width: 100vh;
  height: 100vw;
  transform-origin: top left;
  transform: rotate(90deg);
  z-index: 9999;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video {
  z-index: -1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-video-container.xg-video-container {
  position: absolute;
  top: 0;
  bottom: 48px;
  display: block;
  width: 100%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer[data-xgfill="cover"] video {
  -o-object-fit: cover;
  object-fit: cover;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer[data-xgfill="fill"] video {
  -o-object-fit: fill;
  object-fit: fill;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-pos {
  left: 10px;
  right: 10px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-margin {
  margin-left: 16px;
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-bottom {
  bottom: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .btn-text {
  position: relative;
  top: 50%;
  height: 24px;
  font-size: 13px;
  text-align: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .btn-text span {
  display: inline-block;
  min-width: 52px;
  height: 24px;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon {
  position: relative;
  box-sizing: border-box;
  height: 40px;
  margin-left: 16px;
  margin-right: 16px;
  cursor: pointer;
  color: #fffc;
  fill: #fff;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon .xg-tips {
  top: -30px;
  left: 50%;
  transform: translate(-50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon:active .xg-tips,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon:hover .xg-tips {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon:active .xg-tips.hide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon:hover .xg-tips.hide {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon .xgplayer-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon .xg-icon-disable {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon .xg-img {
  width: 100%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon svg,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon img {
  height: 100%;
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-bar {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-inactive xg-bar,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mini xg-bar {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-inactive .xg-top-bar {
  display: flex;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-top-bar {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 16px;
  right: 16px;
  display: flex;
  height: 50px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-top-bar xg-icon {
  position: relative;
  top: 10px;
  left: 0;
  width: 34px;
  margin-top: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-top-bar xg-icon:first-child {
  margin-left: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-left-bar,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-right-bar {
  position: absolute;
  z-index: 9;
  top: 50px;
  bottom: 50px;
  width: 50px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-left-bar {
  left: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-right-bar {
  right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-tips {
  display: none;
  position: absolute;
  padding: 4px 6px;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 4px;
  font-size: 11px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  opacity: 0.85;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-margin {
  left: 0px;
  right: 0px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile * {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos {
  left: 6%;
  right: 6%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile xg-icon:hover .xg-tips {
  display: none;
}
@media only screen and (max-width: 480px) {
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile xg-icon {
    margin-right: 10px;
    margin-left: 10px;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xg-top-bar {
    left: 10px;
    right: 10px;
  }
}
@media screen and (orientation: portrait) {
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls,
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls {
    bottom: 34px;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar {
    top: 34px;
    top: constant(safe-area-inset-top);
    top: env(safe-area-inset-top);
  }
}
@media only screen and (orientation: landscape) {
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xg-pos {
    left: 6%;
    right: 6%;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-rotate-fullscreen {
    left: 0;
    width: 100vw;
    height: 100vh;
    transform: rotate(0);
  }
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-screen-container {
  display: block;
  width: 100%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-icon {
  display: none;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-icon.show {
  display: block;
}
@keyframes xg_right_options_active {
  0% {
    transform: translate(50%);
  }
  to {
    transform: translate(-50%);
  }
}
@keyframes xg_right_options_hide {
  0% {
    transform: translate(-50%);
  }
  to {
    transform: translate(50%);
  }
}
@keyframes xg_left_options_active {
  0% {
    transform: translate(-50%);
  }
  to {
    transform: translate(50%);
  }
}
@keyframes xg_left_options_hide {
  0% {
    transform: translate(50%);
  }
  to {
    transform: translate(-50%);
  }
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list {
  display: none;
  position: absolute;
  z-index: 5;
  width: 78px;
  right: 50%;
  bottom: 100%;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 1px;
  transform: translate(50%);
  cursor: pointer;
  overflow: auto;
  height: 0;
  opacity: 0.85;
  font-size: 14px;
  color: #fffc;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list li {
  height: 20px;
  line-height: 18px;
  position: relative;
  padding: 4px 0;
  text-align: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list li:hover,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list li.selected {
  color: red;
  opacity: 1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list li:nth-child(1) {
  position: relative;
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list li:last-child {
  position: relative;
  margin-bottom: 12px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list:hover {
  opacity: 1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.active {
  display: block;
  height: auto;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list {
  width: 20%;
  height: 100%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li {
  flex: 1;
  width: 100%;
  padding: 0;
  position: relative;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li span {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li:nth-child(1) {
  margin-top: 20px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li:last-child {
  margin-bottom: 20px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-right-side {
  right: -10.5%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-right-side.active {
  height: 100%;
  animation: xg_right_options_active 0.2s ease-out forwards;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-right-side.hide {
  height: 100%;
  animation: xg_right_options_hide 0.2s ease-in forwards;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-left-side {
  left: -10.5%;
  transform: translate(-50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-left-side.active {
  height: 100%;
  animation: xg_left_options_active 0.2s ease-out forwards;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-left-side.hide {
  height: 100%;
  animation: xg_left_options_hide 0.2s ease-in forwards;
}
@media only screen and (max-width: 480px) {
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xg-options-icon.portrait {
    display: none;
  }
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-thumbnail {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-replay {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-replay {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 5;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-replay .xgplayer-replay-txt {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  line-height: 34px;
  text-align: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-replay-svg {
  width: 50px;
  height: 50px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-replay-txt {
  line-height: 24px;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-poster {
  display: block;
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-poster.hide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-playing .xgplayer-poster {
  opacity: 0;
  visibility: hidden;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-poster,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-ended .xgplayer-poster,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-poster {
  opacity: 1;
  visibility: visible;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-poster.hide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-ended .xgplayer-poster.hide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-poster.hide {
  opacity: 0;
  visibility: hidden;
}
@keyframes playPause {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  99% {
    transform: scale(1.3);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-start-inner {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.38);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start {
  width: 70px;
  height: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start svg {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start.hide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start.focus-hide {
  display: none;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start:hover {
  opacity: 0.85;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start .xg-icon-play {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start .xg-icon-pause,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start[data-state="pause"] .xg-icon-play {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start[data-state="pause"] .xg-icon-pause,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start.interact {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start.interact xg-start-inner {
  animation: playPause 0.4s 0.1s ease-out forwards;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start.show {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile xg-start-inner {
  background: initial;
  border-radius: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-start {
  height: 50px;
  width: 50px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-start:hover {
  opacity: 1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-inactive .xgplayer-start.auto-hide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-start,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-error .xgplayer-start,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-start.show,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-error .xgplayer-start.show {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 5;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .show {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner {
  display: block;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  height: 100px;
  width: 100px;
  transform: translate(-50%, -50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div {
  width: 6%;
  height: 13%;
  background-color: #ffffffb3;
  position: absolute;
  left: 45%;
  top: 45%;
  opacity: 0;
  border-radius: 30px;
  animation: fade 1s linear infinite;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1 {
  transform: rotate(0) translateY(-140%);
  animation-delay: 0s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2 {
  transform: rotate(30deg) translateY(-140%);
  animation-delay: -0.9163s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3 {
  transform: rotate(60deg) translateY(-140%);
  animation-delay: -0.833s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4 {
  transform: rotate(90deg) translateY(-140%);
  animation-delay: -0.7497s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5 {
  transform: rotate(120deg) translateY(-140%);
  animation-delay: -0.6664s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6 {
  transform: rotate(150deg) translateY(-140%);
  animation-delay: -0.5831s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7 {
  transform: rotate(180deg) translateY(-140%);
  animation-delay: -0.4998s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8 {
  transform: rotate(210deg) translateY(-140%);
  animation-delay: -0.4165s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9 {
  transform: rotate(240deg) translateY(-140%);
  animation-delay: -0.3332s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10 {
  transform: rotate(270deg) translateY(-140%);
  animation-delay: -0.2499s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11 {
  transform: rotate(300deg) translateY(-140%);
  animation-delay: -0.1666s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12 {
  transform: rotate(330deg) translateY(-142%);
  animation-delay: -0.0833s;
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-enter {
  display: block;
  opacity: 1;
  transition: opacity 0.3s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-enter {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner {
  width: 70px;
  height: 70px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: linear-gradient(180deg, rgba(57, 57, 57, 0.9), rgba(57, 57, 57, 0) 50.27%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer .mask {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #0006;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header {
  display: flex;
  top: 0;
  left: 0;
  right: 40px;
  box-sizing: border-box;
  padding: 10px 3px 0 8px;
  justify-content: space-between;
  color: #fff;
  font-size: 14px;
  position: absolute;
  z-index: 22;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn {
  pointer-events: all;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini {
  display: none;
  position: relative;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini + label {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini + label:before {
  content: "";
  color: #ff142b;
  background-color: transparent;
  border-radius: 2px;
  border: solid 1px #cdcdcd;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 16px;
  margin-right: 7px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini:checked + label {
  color: #ff142b;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini:checked + label:before {
  border-color: #ff142b;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini:checked + label:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 8px;
  border-color: #ff142b;
  border-style: solid;
  border-width: 0px 2px 2px 0px;
  transform: rotate(45deg);
  left: 6px;
  top: 5px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips {
  position: absolute;
  padding: 4px 6px;
  white-space: nowrap;
  bottom: -30px;
  right: 15px;
  border-radius: 4px;
  background-color: #0000008a;
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini + label:before {
  border-color: #ff142b;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini + label {
  color: #ff142b;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer .mini-cancel-btn {
  cursor: pointer;
  display: block;
  color: #fff;
  width: 40px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  line-height: 38px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer .play-icon {
  cursor: pointer;
  height: 48px;
  width: 48px;
  position: absolute;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 24px;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -24px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer .play-icon svg,
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer .play-icon img {
  width: 50px;
  height: 50px;
  fill: #faf7f7;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer .xg-icon-play {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer .xg-icon-pause,
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer[data-state="pause"] .xg-icon-play {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer[data-state="pause"] .xg-icon-pause {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-miniicon {
  position: relative;
  outline: none;
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-miniicon .name {
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  height: 20px;
  color: #fffc;
  line-height: 40px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-miniicon .name span {
  font-size: 13px;
  width: 60px;
  height: 20px;
  line-height: 18px;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 10px;
  display: inline-block;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mini {
  position: fixed;
  width: 320px;
  height: 180px;
  z-index: 91;
  box-shadow: 0 4px 7px 2px #0003;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mini:hover {
  cursor: move;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mini:hover .xg-mini-layer {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mini.xgplayer-ended .xg-mini-layer {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xg-mini-layer .play-icon {
  background: none;
  border-radius: initial;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-inactive {
  cursor: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-thumbnail {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview {
  display: none;
  position: absolute;
  width: 200px;
  margin: 0 auto;
  padding: 0 20px 30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
  font-size: 17px;
  text-align: center;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview span {
  line-height: 24px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview span.xg-cur {
  color: red;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-seek-show {
  transform: translate(-10px);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre {
  transform: rotate(180deg) translate(-5px);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-bar {
  width: 96px;
  height: 2px;
  margin: 8px auto 0;
  border-radius: 10px;
  box-sizing: content-box;
  background: rgba(255, 255, 255, 0.3);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-bar .xg-curbar {
  width: 0;
  height: 100%;
  background-color: red;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-bar.hide {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .mobile-thumbnail {
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .xg-top-note {
  position: absolute;
  height: 32px;
  width: 135px;
  top: 26px;
  left: 50%;
  margin-left: -78px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  color: #fff;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .xg-top-note span {
  display: block;
  line-height: 32px;
  height: 32px;
  font-size: 13px;
  text-align: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .xg-top-note i {
  color: red;
  margin: 0 5px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .xg-playbackrate {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger[data-xg-action="seeking"] .time-preview {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger[data-xg-action="playbackrate"] .xg-playbackrate {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .gradient {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.36) 20%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.24) 77%, rgba(0, 0, 0, 0.36) 83%, rgba(0, 0, 0, 0.6));
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .gradient.top {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.36) 20%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0) 70%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .gradient.bottom {
  background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.24) 77%, rgba(0, 0, 0, 0.36) 83%, rgba(0, 0, 0, 0.6));
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .gradient.none,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xgplayer-controls {
  background-image: initial;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-playing .gradient {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-inactive .gradient {
  background-image: initial;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xgmask {
  position: absolute;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  background-color: #0000;
}
@media (prefers-color-scheme: dark) {
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview {
    color: #fff;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview span.xg-cur {
    color: red;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview .xg-bar {
    background-color: #ffffff4d;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar {
    background-color: red;
  }
}
@keyframes loadingRotate {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes loadingDashOffset {
  0% {
    stroke-dashoffset: 236;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.ocean-vmok-plugin-oc-video-player-wrapper xg-loading-inner {
  display: block;
  height: 100%;
  width: 100%;
  transform-origin: center;
  animation: loadingRotate 1s 0.1s linear infinite;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-loading {
  display: none;
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-loading svg,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-loading img {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xgplayer-loading {
  width: 50px;
  height: 50px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-isloading .xgplayer-loading {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-nostart .xgplayer-loading,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-pause .xgplayer-loading,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-is-enter .xgplayer-loading,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-is-ended .xgplayer-loading,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-is-error .xgplayer-loading {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 50px;
  height: 12px;
  left: 0;
  right: 0;
  top: 0;
  outline: none;
  flex: 1;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-outer {
  position: relative;
  width: 100%;
  height: 2px;
  border-radius: 3px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .progress-list {
  display: flex;
  height: 100%;
  width: 100%;
  border-radius: inherit;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-inner {
  position: relative;
  flex: 1;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transition: height 0.2s ease-in, opacity 0.2s ease-out;
  border-radius: inherit;
  margin-right: 2px;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-inner:last-child,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-inner:only-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .inner-focus-point {
  background: #fff;
  position: relative;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .inner-focus-point:before,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .inner-focus-point:after {
  position: absolute;
  top: 0;
  content: " ";
  display: block;
  width: 2px;
  height: 300%;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  border-radius: 3px;
  background: #fff;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .inner-focus-point:before {
  left: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .inner-focus-point:after {
  right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-cache,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-played {
  display: block;
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-played {
  background: linear-gradient(-90deg, #fa1f41 0%, #e31106 100%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-cache {
  background: rgba(255, 255, 255, 0.5);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-btn {
  display: block;
  background: rgba(255, 94, 94, 0.304093);
  border: 0.5px solid rgba(255, 94, 94, 0.056545);
  box-shadow: 0 0 1px #ff000062;
  width: 20px;
  height: 20px;
  border-radius: 30px;
  left: 0;
  top: 50%;
  position: absolute;
  z-index: 1;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-btn:before {
  content: " ";
  display: block;
  position: relative;
  width: 12px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 30px;
  background: #ffffff;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-btn.active {
  border: 4px solid rgba(255, 94, 94, 0.064057);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-btn.active:before {
  box-shadow: 0 0 3px #f85959b0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-dot {
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 5px;
  top: 0px;
  background: white;
  border-radius: 6px;
  z-index: 16;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-dot .xgplayer-progress-tip {
  position: absolute;
  left: 25%;
  top: -40px;
  height: auto;
  line-height: 30px;
  width: auto;
  transform: scale(0.8) translate(-50%);
  background: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  cursor: default;
  white-space: nowrap;
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .flex-controls .xgplayer-progress {
  transform: translateY(0);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-btn {
  transform: translate(-50%, -50%) scale(0);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-outer {
  height: 3px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-inner {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .inner-focus-point:before,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .inner-focus-point:after {
  width: 3px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .inner-focus-highlight {
  background: rgba(255, 255, 255, 0.8);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer {
  height: 6px;
  margin-bottom: 3px;
  transition: height 0.3s ease, margin-bottom 0.3s ease;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn {
  transform: translate(-50%, -50%) scale(1);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:before,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:after {
  width: 6px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer {
  top: 9px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before {
  height: 6px;
  width: 6px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer {
  height: 4px;
}
@media (prefers-color-scheme: dark) {
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-inner {
    background-color: #ffffff4d;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress .inner-focus-highlight {
    background: rgba(255, 255, 255, 0.8);
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-btn {
    background: rgba(255, 94, 94, 0.304093);
    border: 0.5px solid rgba(255, 94, 94, 0.056545);
    box-shadow: 0 0 1px #ff000062;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-btn:before {
    background-color: #fff;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-played {
    background-color: linear-gradient(-90deg, #fa1f41 0%, #e31106 100%);
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-cache {
    background-color: #ffffff80;
  }
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-progress {
  display: none;
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0px;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-progress xg-mini-progress-played,
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-progress xg-mini-progress-cache {
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-progress xg-mini-progress-played {
  background: linear-gradient(-90deg, #fa1f41 0%, #e31106 100%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-progress xg-mini-progress-cache {
  background: rgba(255, 255, 255, 0.5);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-inactive .xg-mini-progress,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mini .xg-mini-progress {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-play .xg-icon-play {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-play .xg-icon-pause,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-play[data-state="pause"] .xg-icon-play {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-play[data-state="pause"] .xg-icon-pause,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-fullscreen .xg-exit-fullscreen {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-fullscreen .xg-get-fullscreen,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-fullscreen[data-state="full"] .xg-exit-fullscreen {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-fullscreen[data-state="full"] .xg-get-fullscreen {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-top-bar .xgplayer-back {
  position: relative;
  left: 0;
  top: 16px;
  width: 34px;
  height: 40px;
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-top-bar .xgplayer-back.show {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-time {
  min-width: 40px;
  font-size: 14px;
  font-family: PingFangSC-Semibold;
  color: #fff;
  text-align: center;
  display: inline-block;
  line-height: 40px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-time span {
  display: inline-block;
  line-height: 40px;
  height: 40px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-time .time-duration {
  color: #ffffff80;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-time .time-live-tag {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-time.xg-time-left {
  margin-left: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-time.xg-time-right {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-time {
  min-width: 30px;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume.slide-show .xgplayer-slider {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-slider {
  display: none;
  position: absolute;
  width: 28px;
  height: 92px;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 1px;
  bottom: 40px;
  outline: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-slider:after {
  content: " ";
  display: block;
  height: 15px;
  width: 28px;
  position: absolute;
  bottom: -15px;
  left: 0;
  z-index: 20;
  cursor: initial;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-value-label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  padding: 5px 0 0;
  font-size: 12px;
  background-color: #0000008a;
  color: #fff;
  text-align: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-bar,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-drag {
  display: block;
  position: absolute;
  bottom: 6px;
  left: 12px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100px;
  width: 4px;
  height: 76px;
  outline: none;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-drag {
  bottom: 0;
  left: 0;
  background: #fa1f41;
  max-height: 76px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-drag:after {
  content: " ";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #fff;
  box-shadow: 0 0 5px #00000042;
  position: absolute;
  border-radius: 50%;
  left: -2px;
  top: -4px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="normal"] .xg-volume {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="normal"] .xg-volume-small,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="normal"] .xg-volume-mute,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="small"] .xg-volume {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="small"] .xg-volume-small {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="small"] .xg-volume-mute,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="mute"] .xg-volume,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="mute"] .xg-volume-small {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="mute"] .xg-volume-mute {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-pip .xg-exit-pip {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-pip .xg-get-pip,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-pip[data-state="pip"] .xg-exit-pip {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-pip[data-state="pip"] .xg-get-pip {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-playnext {
  position: relative;
  display: none;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-playnext:hover {
  opacity: 0.85;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-playnext:hover .xgplayer-tips {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .lang-is-en .xgplayer-playnext .xgplayer-tips {
  margin-left: -25px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .lang-is-jp .xgplayer-playnext .xgplayer-tips {
  margin-left: -38px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-download {
  position: relative;
  display: block;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .lang-is-en .xgplayer-download .xgplayer-tips {
  margin-left: -32px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .lang-is-jp .xgplayer-download .xgplayer-tips {
  margin-left: -40px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-shot {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-definition {
  display: none;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-playbackrate {
  display: none;
  cursor: default;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen .xg-get-cssfull {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen[data-state="full"] .xg-get-cssfull {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen[data-state="full"] .xg-exit-cssfull {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-error {
  background: #000;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  color: #fff;
  text-align: center;
  line-height: 100%;
  justify-content: center;
  align-items: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-error .xgplayer-error-refresh {
  color: #fa1f41;
  padding: 0 3px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-error .xgplayer-error-text {
  line-height: 18px;
  margin: auto 6px 20px;
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-is-error .xgplayer-error {
  display: flex;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-prompt {
  display: block;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  padding: 6px 12px 5px;
  opacity: 0;
  left: 10px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50px;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #fff;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-prompt.show {
  display: block;
  opacity: 1;
  z-index: 10;
  pointer-events: initial;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-prompt.arrow {
  transform: translate(-50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-prompt.arrow:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.5);
  transform: translate(-50%, 100%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-prompt .highlight {
  display: inline-block;
  margin-left: 6px;
  color: red;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-error .xgplayer-prompt.show {
  display: none;
  opacity: 1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-spot {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #fff;
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-spot.mini {
  min-width: 6px;
  transform: translate(-50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xgplayer-spot {
  height: 3px;
  min-width: 3px;
  top: 50%;
  opacity: 1;
  transform: translateY(-50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xgplayer-spot.mini {
  min-width: 3px;
  transform: translate(-50%, -50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xgplayer-spot {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-info {
  position: absolute;
  left: 0;
  bottom: 100%;
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-info.short-line .xg-spot-line {
  height: 6px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-info.short-line .xg-spot-content {
  bottom: -4px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-info.hide {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xg-spot-info {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xg-spot-info.hide {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-line {
  position: relative;
  bottom: -7px;
  margin-left: 50%;
  display: block;
  width: 1px;
  height: 41px;
  background-color: #fff;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-point {
  display: none;
  position: relative;
  bottom: -4px;
  left: 50%;
  transform: translate(-50%);
  background: rgba(0, 0, 0, 0.54);
  font-size: 11px;
  color: #fff;
  padding: 4px 6px;
  border-radius: 4px;
  text-align: center;
  opacity: 0.85;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-content {
  position: relative;
  bottom: -7px;
  color: #fff;
  border-radius: 2px 2px 0 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-ext-text {
  position: relative;
  bottom: -7px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-thumbnail {
  position: relative;
  background-color: #111010;
  pointer-events: none;
  border-radius: 2px 2px 0 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-time {
  position: absolute;
  bottom: 2px;
  font-size: 12px;
  line-height: 16.8px;
  left: 50%;
  transform: translate(-50%);
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .progress-thumbnail {
  margin: 0 auto;
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-text {
  display: none;
  padding: 5px 8px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0 0 2px 2px;
  pointer-events: none;
  box-sizing: border-box;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .spot-inner-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 18px;
  font-size: 12px;
  max-height: 40px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-content.show-text .xg-spot-text {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .product .xg-spot-text {
  background: #3370ff;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .product .xg-spot-line {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 7px solid #3370ff;
  width: 0;
  height: 15px;
  left: -10px;
  background: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgvideo-preview {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s, opacity 0.3s;
  background-color: #000;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgvideo-preview .xgvideo-thumbnail {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgvideo-preview.show {
  opacity: 1;
  visibility: visible;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-dynamic-bg,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-dynamic-bg canvas,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-dynamic-bg xgmask,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-dynamic-bg xgfilter {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-dynamic-bg canvas {
  transform: translateZ(0);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-dynamic-bg xgmask {
  background: rgba(0, 0, 0, 0.7);
}
.ocean-vmok-plugin-oc-video-player-modal-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 120px;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-video-player-modal-wrapper .xgplayer.xgplayer-is-cssfullscreen {
  position: relative;
}
.ocean-vmok-plugin-oc-video-player-modal-wrapper .ocean-vmok-plugin-oc-video-player-modal-close {
  color: #fff;
  position: absolute;
  top: 32px;
  right: 32px;
  height: 48px;
  width: 48px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player {
  width: 100% !important;
  height: 100% !important;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-video-player-hide-start .ocean-vmok-plugin-xgplayer-start {
  display: none !important;
}
.ocean-vmok-plugin-oc-video-player-hide-replay .xgplayer-replay {
  display: none !important;
}
.ocean-vmok-plugin-oc-video-player-new .ocean-vmok-plugin-xgplayer-enter-spinner {
  width: 48px !important;
  height: 48px !important;
}
.ocean-vmok-plugin-oc-rolling-load {
  width: 100%;
  height: 100%;
  overflow: scroll;
  position: relative;
}
.ocean-vmok-plugin-oc-rolling-load .tools-vmok-plugin-infinite-scroll {
  overscroll-behavior: none;
}
.ocean-vmok-plugin-oc-rolling-load .ocean-vmok-plugin-oc-rolling-load-content {
  height: 100%;
}
.ocean-vmok-plugin-oc-rolling-load::-webkit-scrollbar {
  display: none;
}
.ocean-vmok-plugin-oc-rolling-load__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 80px 0;
}
.ocean-vmok-plugin-oc-rolling-load__append {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 8px 0;
}
.ocean-vmok-plugin-oc-rolling-load__append-text {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-rolling-load__append-xl .tools-vmok-plugin-inline-spin {
  height: 56px;
}
.ocean-vmok-plugin-oc-rolling-load__append-lg .tools-vmok-plugin-inline-spin {
  height: 36px;
}
.ocean-vmok-plugin-oc-rolling-load__append-md .tools-vmok-plugin-inline-spin {
  height: 18px;
}
.ocean-vmok-plugin-oc-rolling-load__append-sm .tools-vmok-plugin-inline-spin {
  height: 14px;
}
.ocean-vmok-plugin-oc-rolling-load__append-xs .tools-vmok-plugin-inline-spin {
  height: 12px;
}
.ocean-vmok-plugin-oc-rolling-load .tools-vmok-plugin-spin__content .tools-vmok-plugin-inline-spin {
  height: 18px;
}
.ocean-vmok-plugin-oc-asset-share-batch-add {
  border: 1px solid #dee0e3;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-asset-share-batch-add .ocean-vmok-plugin-tips-link {
  margin-bottom: 12px;
}
.ocean-vmok-plugin-oc-asset-share-batch-add o-textarea-plus {
  border: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-asset-share-batch-add-button {
  display: flex;
  justify-content: flex-end;
  height: 24px;
}
.ocean-vmok-plugin-oc-asset-share-drawer-header {
  font-weight: bold;
  font-size: 16px;
}
.ocean-vmok-plugin-oc-asset-share-drawer-content {
  border-radius: 12px;
  background: #fff;
  padding: 24px;
  min-height: 100%;
}
.ocean-vmok-plugin-oc-asset-share-drawer-content .ocean-vmok-plugin-oc-row-input {
  width: auto;
}
.ocean-vmok-plugin-oc-asset-share-drawer-content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-asset-share-drawer-content-header-append {
  cursor: pointer;
  height: 100%;
  padding: 0 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #f2f4f7;
  color: #31343b;
  border-color: #f2f4f7;
  white-space: nowrap;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-asset-share-batch-select {
  display: flex;
}
.ocean-vmok-plugin-oc-asset-share-batch-select-add {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-asset-share-batch-select o-textarea-plus {
  height: 278px;
}
.ocean-vmok-plugin-oc-asset-share-batch-select .ocean-vmok-plugin-o-textarea-plus__header {
  height: 38px !important;
}
.ocean-vmok-plugin-oc-asset-share-batch-select .ocean-vmok-plugin-oc-batch-upload-text-modal-footer-error-list {
  max-height: 150px;
}
.ocean-vmok-plugin-oc-asset-share-modal-batch-tip {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-asset-share-modal-group-select {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-asset-share-modal-share-type {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-asset-share-modal-share-type-select {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-asset-share-modal-share-company-select {
  margin-bottom: 24px;
  width: 504px;
}
.ocean-vmok-plugin-oc-asset-share-modal-share-company-select-text {
  height: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-asset-share-modal-search-bar {
  margin-top: 8px;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-asset-share-modal-search-bar-title {
  margin-bottom: 8px;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-asset-share-modal-search-bar-append {
  cursor: pointer;
  height: 100%;
  padding: 0 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #f2f4f7;
  color: #31343b;
  border-color: #f2f4f7;
  white-space: nowrap;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-asset-share-modal-id-input-guide {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-asset-share-modal-share-select {
  min-height: 320px;
}
.ocean-vmok-plugin-oc-asset-share-modal-share-select-disabled {
  flex-direction: column;
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dee0e3;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-account-switch {
  padding-bottom: 12px;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-disabled-mask {
  z-index: 20;
  position: absolute;
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  background-color: #dee0e3;
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-disabled-mask:hover {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-container {
  transition: all 0.3s;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-container-collapsed {
  margin-bottom: 0 !important;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-collapse {
  display: inline-block;
  margin-top: -8px;
  position: absolute;
  right: 16px;
  top: 56%;
  transform: translate(0, -50%);
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-aigc-title {
  padding: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-aigc-title .ocean-vmok-plugin-modal-icon {
  width: 58px;
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-aigc-title .ocean-vmok-plugin-introduce-text {
  margin-left: 8px;
  margin-top: 1px;
  font-size: 12px;
  color: #62656c;
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-modal-background {
  width: 100%;
  height: 296px;
  position: absolute;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-modal-background-icon {
  width: 328px;
  height: 165px;
  position: absolute;
  right: 0;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-content-container {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-content-container-tabs {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-create-anchor-info {
  display: inline-block;
  padding: 16px;
  background: #31343b;
  border-radius: 4px;
  width: 208px;
}
.ocean-vmok-plugin-create-anchor-info .ocean-vmok-plugin-create-anchor-info—type {
  display: flex;
  align-items: center;
  color: #ffffff;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.ocean-vmok-plugin-create-anchor-info .ocean-vmok-plugin-create-anchor-info—type .ocean-vmok-plugin-create-anchor-info-type-icon {
  font-size: 20px;
  margin-right: 8px;
}
.ocean-vmok-plugin-create-anchor-info .ocean-vmok-plugin-create-anchor-info—type .ocean-vmok-plugin-create-anchor-info-type-delimiter {
  width: 1px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.34);
  margin: 0 8px;
}
.ocean-vmok-plugin-create-anchor-info .ocean-vmok-plugin-create-anchor-info—type .ocean-vmok-plugin-create-anchor-info-type-details-names {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ocean-vmok-plugin-create-anchor-select .ocean-vmok-plugin-create-anchor-select-radio {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-create-anchor-select .ocean-vmok-plugin-create-anchor-info-row {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-create-anchor-select .ocean-vmok-plugin-create-anchor-filter-container {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-create-anchor-drawer-body .ocean-vmok-plugin-oc-create-material-card-content .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-top-right {
  width: 375px;
  top: 188px;
  left: 4px;
  right: auto;
  transform: scale(0.44);
  transform-origin: 0 0 0;
}
.ocean-vmok-plugin-create-anchor-drawer-body .ocean-vmok-plugin-oc-create-material-card-content .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-top-right .ocean-vmok-plugin-create-anchor-select-item-info {
  display: inline-flex;
  align-items: center;
  border-radius: 2px;
  padding: 4px;
  color: #ffffff;
  background: #292929;
}
.ocean-vmok-plugin-create-anchor-drawer-body .ocean-vmok-plugin-oc-create-material-card-content .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-top-right .ocean-vmok-plugin-create-anchor-select-item-info .ocean-vmok-plugin-create-anchor-select-item-icon {
  margin-right: 8px;
}
.ocean-vmok-plugin-create-anchor-drawer-body .ocean-vmok-plugin-oc-create-material-card-content .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-top-right .ocean-vmok-plugin-create-anchor-select-item-info .ocean-vmok-plugin-create-anchor-select-item-delimiter {
  width: 1px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.34);
  margin: 0 8px;
}
.ocean-vmok-plugin-create-material-list-filter-option-item {
  max-width: 60px;
}
.ocean-vmok-plugin-create-app-select {
  width: 432px;
}
.ocean-vmok-plugin-create-app-select-input-suffix {
  cursor: pointer;
  line-height: 22px;
  font-size: 14px;
  color: #0057ff;
  padding-left: 8px;
  border-left: 1px solid #dfe0e2;
}
.ocean-vmok-plugin-create-app-select-input-suffix[disabled="true"] {
  color: #badaff;
  cursor: not-allowed;
}
.ocean-vmok-plugin-create-app-select-modal-body {
  padding-bottom: 24px;
}
.ocean-vmok-plugin-create-app-select-modal-filter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.ocean-vmok-plugin-create-app-select-modal-nav {
  margin-bottom: 29px;
}
.ocean-vmok-plugin-oc-create-audience-district-radio {
  flex: 1;
}
.ocean-vmok-plugin-oc-create-audience-district-radio .tools-vmok-plugin-radio-group {
  flex-wrap: wrap;
  gap: 4px 8px;
}
.ocean-vmok-plugin-oc-create-audience-district .ocean-vmok-plugin-ml-16 {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-create-audience-district .ocean-vmok-plugin-before-radio {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.ocean-vmok-plugin-custom-select-wrapper {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: top;
}
.ocean-vmok-plugin-custom-select-wrapper-connect {
  margin: 0 8px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #31343b;
  font-weight: 400;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper-selected {
  padding: 10px 22px 10px 10px !important;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper {
  display: flex;
  flex-direction: row;
  padding: 10px;
  border-radius: 8px;
  background: #f5f7fa;
  position: relative;
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-checkbox {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 2;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 4px;
  color: #ffffff;
  background: #ffffff;
  border: 2px solid #dee0e3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-checkbox .ocean-vmok-plugin-oc-create-audio-card-select-checkbox-icon {
  margin-top: 4px;
  display: none;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-radio {
  position: absolute;
  z-index: 2;
  top: 0px;
  right: 0px;
  padding: 2px 4px;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-radio .tools-vmok-plugin-radio__inner {
  border-color: #dee0e3;
  border-width: 2px;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-close {
  display: none;
  position: absolute;
  right: -8px;
  top: -8px;
  color: #93969d;
  z-index: 3;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-closable:hover {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-wrapper {
  position: relative;
  margin-right: 8px;
  width: 40px;
  height: 40px;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-wrapper .ocean-vmok-plugin-oc-image-img {
  height: 100% !important;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: unset;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-mask {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.12);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-wrapper:hover .ocean-vmok-plugin-oc-create-audio-card-avatar-mask {
  background: rgba(0, 0, 0, 0.5);
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content .ocean-vmok-plugin-oc-create-audio-card-titile {
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content .ocean-vmok-plugin-oc-create-audio-card-tag-wrapper {
  margin-bottom: 4px;
  display: flex;
  flex-direction: row;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content .ocean-vmok-plugin-oc-create-audio-card-info .ocean-vmok-plugin-oc-create-audio-card-slider-wrapper {
  padding-left: 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content .ocean-vmok-plugin-oc-create-audio-card-info .ocean-vmok-plugin-oc-create-audio-card-slider-wrapper .ocean-vmok-plugin-oc-create-audio-card-slider {
  margin-top: 3px;
  margin-right: 8px;
  display: flex;
  flex: 1;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content .ocean-vmok-plugin-oc-create-audio-card-info .ocean-vmok-plugin-oc-create-audio-card-slider-wrapper .ocean-vmok-plugin-oc-create-audio-card-slider .tools-vmok-plugin-slider__rail {
  background: #ffffff;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content .ocean-vmok-plugin-oc-create-audio-card-info .ocean-vmok-plugin-oc-create-audio-card-slider-wrapper .ocean-vmok-plugin-oc-create-audio-card-slider .tools-vmok-plugin-slider__thumb {
  width: 12px !important;
  height: 12px !important;
  border-width: 3px !important;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content .ocean-vmok-plugin-oc-create-audio-card-info .ocean-vmok-plugin-oc-create-audio-card-slider-wrapper .tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__rail {
  background-color: #f5f7fa !important;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper:hover .ocean-vmok-plugin-oc-create-audio-card-close {
  display: block;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-select {
  border: 1px solid #f5f7fa;
  box-sizing: border-box;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-select:hover {
  border-color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-select:hover .ocean-vmok-plugin-oc-create-audio-card-select-checkbox {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-selected {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-selected .ocean-vmok-plugin-oc-create-audio-card-select-checkbox {
  background: #0057ff;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-selected .ocean-vmok-plugin-oc-create-audio-card-select-checkbox .ocean-vmok-plugin-oc-create-audio-card-select-checkbox-icon {
  display: block;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-selected .ocean-vmok-plugin-oc-create-audio-card-select-checkbox .ocean-vmok-plugin-oc-create-audio-card-select-radio .tools-vmok-plugin-radio__inner {
  background-color: #0057ff;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled {
  position: relative;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-wrapper .ocean-vmok-plugin-oc-create-audio-card-disabled-mask {
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  z-index: 3;
  border-radius: 4px;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-wrapper .ocean-vmok-plugin-oc-create-audio-card-disabled-mask:hover {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .tools-vmok-plugin-tag--default-fill {
  background: #93969d;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-select:hover {
  border-color: #f5f7fa;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-select:hover .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-checkbox {
  border-color: #f5f7fa;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-select:hover .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-radio .tools-vmok-plugin-radio__inner {
  border-color: #f5f7fa;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-selected .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-checkbox {
  background: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-selected .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-radio .tools-vmok-plugin-radio__inner {
  background: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-selected:hover .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-checkbox {
  background-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-selected:hover .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-radio .tools-vmok-plugin-radio__inner {
  background: #0057ff;
}
.ocean-vmok-plugin-oc-create-audience-age .ocean-vmok-plugin-create-more-wrapper-header__text {
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-audience-mobile-brand {
  width: 792px;
}
.ocean-vmok-plugin-oc-create-batch-select-input {
  width: 546px;
  margin-bottom: 13px;
}
.ocean-vmok-plugin-oc-create-batch-select-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-batch-select-panel {
  display: flex;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left {
  width: 546px;
  border-radius: 8px;
  border: solid 1px #e8eaed;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 37px;
  background-color: #f2f4f7;
  border-radius: 8px 8px 0 0;
  border-bottom: solid 1px #e8eaed;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-header-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-header-title {
  margin-left: 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-body {
  height: 281px;
  width: 100%;
  overflow-y: scroll;
  padding: 6px 0;
  position: relative;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-body-item {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 4px 12px;
  justify-content: space-between;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-body-item-one-line {
  height: 22px;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-body-item-prefix {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-body-item:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-body-all {
  padding: 8px 12px;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-body-all:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-empty {
  position: absolute;
  top: 96px;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-right {
  margin-left: 8px;
  width: 240px;
  height: 100%;
  border-radius: 8px;
  border: solid 1px #e8eaed;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-right-header {
  width: 100%;
  height: 38px;
  background-color: #f2f4f7;
  border-radius: 8px 8px 0 0;
  border-bottom: solid 1px #e8eaed;
  font-weight: 600;
  font-size: 14px;
  line-height: 38px;
  color: #31343b;
  padding-left: 12px;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-right-body {
  height: 280px;
  width: 100%;
  overflow-y: scroll;
  padding: 0 12px 12px 12px;
  position: relative;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-right-body-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-right-empty {
  position: absolute;
  top: 95px;
  width: calc(100% - 24px);
}
.ocean-vmok-plugin-oc-sidebar {
  box-sizing: border-box;
  position: absolute;
  width: 200px !important;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-oc-card-wrapper {
  height: calc(100vh - 102px);
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-sidebar::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.ocean-vmok-plugin-oc-sidebar::-webkit-scrollbar {
  width: 6px;
}
.ocean-vmok-plugin-oc-sidebar::-webkit-scrollbar-thumb {
  background-color: #e7e7e7;
  border-radius: 5px;
  background-clip: padding-box;
  min-height: 28px;
}
.ocean-vmok-plugin-oc-sidebar::-webkit-scrollbar-thumb:hover {
  background-color: #ddd;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left {
  padding: 12px 8px;
  width: 100%;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  height: 38px;
  width: 100%;
  line-height: 22px;
  padding-left: 40px;
  font-size: 14px;
  flex: 1;
  position: relative;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step:last-child {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-header {
  font-weight: bolder;
  color: #b9bcc3;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-item {
  color: #31343b;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-item::before {
  content: "";
  width: 4px;
  height: 4px;
  display: block;
  border-radius: 4px;
  background-color: #31343b;
  position: absolute;
  left: 19px;
  transition: all 0.2s;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-item.ocean-vmok-plugin-active,
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-item:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-item.ocean-vmok-plugin-active::before,
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-item:hover::before {
  background-color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #31343b;
  padding-left: 50px;
  margin: 8px 0;
  cursor: pointer;
  position: relative;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child__anchor {
  position: relative;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child__anchor::before {
  position: absolute;
  height: 100%;
  left: -16px;
  top: 0;
  background: #dee0e3;
  width: 2px;
  content: "";
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child .ocean-vmok-plugin-menu-left-step-child-item {
  margin-bottom: 12px;
  position: relative;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child .ocean-vmok-plugin-menu-left-step-child-item:last-child {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child .ocean-vmok-plugin-menu-left-step-child-item:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child .ocean-vmok-plugin-menu-left-step-child-item.ocean-vmok-plugin-active {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child .ocean-vmok-plugin-menu-left-step-child-item.ocean-vmok-plugin-active::before {
  position: absolute;
  height: 100%;
  left: -16px;
  top: 0;
  background: #0057ff;
  width: 2px;
  content: "";
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step .ocean-vmok-plugin-step,
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step .ocean-vmok-plugin-icon-name {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  color: #ffffff;
  background-color: #b9bcc3;
  text-align: center;
  display: inline-block;
  line-height: 18px;
  position: absolute;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step .ocean-vmok-plugin-step-status {
  width: 14px;
  height: 14px;
  line-height: 14px;
  right: 12px;
  left: inherit;
  position: absolute;
  color: #e34949;
  top: 50%;
  margin-top: -7px;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step .ocean-vmok-plugin-icon-name {
  color: #93969d;
  background-color: inherit;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step.ocean-vmok-plugin-done {
  cursor: auto;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step.ocean-vmok-plugin-done .ocean-vmok-plugin-menu-left-step-header {
  color: #31343b;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step.ocean-vmok-plugin-done .ocean-vmok-plugin-step {
  background-color: #e8f4ff;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step.ocean-vmok-plugin-done .ocean-vmok-plugin-icon-name {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step.ocean-vmok-plugin-active .ocean-vmok-plugin-menu-left-step-header {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step.ocean-vmok-plugin-active .ocean-vmok-plugin-step {
  background-color: #0057ff;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step.ocean-vmok-plugin-active .ocean-vmok-plugin-icon-name {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-layout .ocean-vmok-plugin-oc-layout__main-wrapper {
  padding-left: 200px;
}
/*
* 屏幕自适应
* < 1280 滚动条
* 1280-1440 小导航，左右自适应
* 1440-1920 大导航，左右自适应
* > 1902 大导航，左右定宽，1688
*/
.ocean-vmok-plugin-oc-sidebar-collapsed {
  width: 44px !important;
  position: absolute;
  transition: width 0s;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left {
  padding: 12px 0;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left__header {
  padding-left: 8px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-name,
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left-step-child {
  display: none;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left-step {
  padding: 0 8px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left-step .ocean-vmok-plugin-step {
  left: 4px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left-step-item {
  padding: 0;
  width: 36px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left-step-item::before {
  left: 10px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left-step-item.ocean-vmok-plugin-error::before {
  background-color: #e34949;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left-step-item .ocean-vmok-plugin-step-status {
  display: none !important;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-item {
  padding-left: 28px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-item .ocean-vmok-plugin-icon-name {
  margin-left: -6px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover {
  width: 200px !important;
  transition: width 0.1s;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-oc-card-wrapper {
  background-color: #ffffff !important;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left {
  padding: 12px 8px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left__header {
  padding-left: 0;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-name,
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step-child {
  display: block;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step {
  padding: 0;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step .ocean-vmok-plugin-step {
  left: 10px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step-item {
  padding-left: 40px;
  width: 100%;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step-item::before {
  left: 19px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step-item.ocean-vmok-plugin-error::before {
  background-color: #31343b;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step-item.ocean-vmok-plugin-error.ocean-vmok-plugin-active::before {
  background-color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step-item .ocean-vmok-plugin-step-status {
  display: block !important;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-item {
  padding-left: 40px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-item .ocean-vmok-plugin-icon-name {
  margin-left: 0px;
}
.ocean-vmok-plugin-oc-create-layout-collapsed .ocean-vmok-plugin-oc-layout__main-wrapper {
  padding-left: 44px;
}
.ocean-vmok-plugin-oc-create-calendar {
  position: relative;
}
.ocean-vmok-plugin-oc-create-calendar-checkout-today {
  position: absolute;
  right: 0;
  top: 8px;
}
.ocean-vmok-plugin-oc-create-calendar .tools-vmok-plugin-date__table {
  height: auto;
  width: auto;
  padding: 0;
}
.ocean-vmok-plugin-oc-create-calendar .tools-vmok-plugin-date__table .tools-vmok-plugin-date__row {
  gap: 4px;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-create-calendar .tools-vmok-plugin-date__table .tools-vmok-plugin-date__cell {
  height: 80px;
  width: 97px;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-create-calendar .tools-vmok-plugin-date-picker-panel {
  border: none;
  border-radius: 0;
}
.ocean-vmok-plugin-oc-create-calendar .tools-vmok-plugin-date__header {
  border-bottom: none;
  background-color: transparent;
  line-height: 28px;
}
.ocean-vmok-plugin-oc-create-calendar .tools-vmok-plugin-date__header .tools-vmok-plugin-date__header-label {
  flex: none;
  margin: 0 66px;
}
.ocean-vmok-plugin-oc-create-kv-info {
  width: 100%;
}
.ocean-vmok-plugin-oc-create-kv-info .ocean-vmok-plugin-oc-title + .ocean-vmok-plugin-content-wrapper {
  padding-top: 8px;
}
.ocean-vmok-plugin-oc-create-kv-info .ocean-vmok-plugin-content-wrapper-top .ocean-vmok-plugin-oc-key-value + .ocean-vmok-plugin-oc-key-value {
  margin-top: 12px !important;
}
.ocean-vmok-plugin-oc-create-kv-info .ocean-vmok-plugin-content-wrapper-left .ocean-vmok-plugin-oc-typography + .ocean-vmok-plugin-oc-typography {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-kv-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-oc-key-value-value {
  flex: 1;
}
.ocean-vmok-plugin-oc-create-kv-info .ocean-vmok-plugin-oc-create-kv-info-key {
  margin-right: 8px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-custom-package-wrapper {
  width: 792px;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #31343b;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-operate {
  display: flex;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-operate .ocean-vmok-plugin-oc-typography {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-operate .ocean-vmok-plugin-oc-typography:last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-include {
  display: inline-block;
  margin-right: 12px;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-exclude {
  display: inline-block;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-num {
  font-weight: 400;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-icon-disabled {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-icon {
  color: #62656c;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-icon span:hover {
  background: #e8f4ff;
  border-radius: 2px;
}
.ocean-vmok-plugin-oc-external-url {
  width: 100%;
  min-width: 570px;
}
.ocean-vmok-plugin-oc-external-url-top-operate {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-external-url-top-operate-text {
  margin-left: 8px;
  color: #62656c;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-external-url-list {
  overflow-y: auto;
  width: 100%;
}
.ocean-vmok-plugin-oc-external-url-item {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-external-url-item-input {
  display: flex;
  align-items: center;
  position: relative;
}
.ocean-vmok-plugin-oc-external-url-item-input-change {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #0057ff;
  margin-right: 3px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-external-url-item-input-button {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-external-url-item-input-after {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-external-url-item-input-change-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-external-url-item-input-delete {
  cursor: pointer;
  color: #93969d;
  line-height: 1em;
}
.ocean-vmok-plugin-oc-external-url-item-input-delete:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-external-url-item-input-delete-disabled {
  cursor: pointer;
  color: #93969d;
  display: flex;
}
.ocean-vmok-plugin-oc-external-url-item-card {
  display: flex;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-external-url-item-card-delete {
  cursor: pointer;
  color: #93969d;
  display: flex;
}
.ocean-vmok-plugin-oc-external-url-item-card-delete:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-external-url-item-card-delete-disabled {
  cursor: pointer;
  color: #93969d;
  display: flex;
}
.ocean-vmok-plugin-oc-external-url-add {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-external-url-plus {
  margin-right: 4px;
  color: #62656c;
}
.ocean-vmok-plugin-oc-external-url-drawer-body .ocean-vmok-plugin-oc-create-material-card-select-top-right {
  top: 50% !important;
  left: 50%;
  right: inherit !important;
  transform: translate(-50%, -50%);
  z-index: 10 !important;
}
.ocean-vmok-plugin-oc-create-inventory-info {
  width: 100%;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-oc-title + .ocean-vmok-plugin-content-wrapper {
  padding-top: 8px;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper {
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-title {
  display: flex;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-title-item {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-title-item-0 {
  width: 66px;
  padding-left: 8px;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-title-item-1,
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-title-item-2 {
  flex: 1;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-list {
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-list .ocean-vmok-plugin-oc-create-inventory-info-item + .ocean-vmok-plugin-oc-create-inventory-info-item {
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package {
  width: 792px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-type {
  display: flex;
  align-items: center;
  color: #31343b;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-info {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #31343b;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-info-operate {
  display: flex;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-info-operate .ocean-vmok-plugin-oc-typography {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-info-operate .ocean-vmok-plugin-oc-typography:last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-info-include {
  display: inline-block;
  margin-right: 12px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-info-exclude {
  display: inline-block;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-info-num {
  font-weight: 400;
}
.ocean-vmok-plugin-oc-create-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.ocean-vmok-plugin-oc-create-filter-bar .ocean-vmok-plugin-create-filter-bar-item-select .ocean-vmok-plugin-oc-select {
  display: flex;
}
.ocean-vmok-plugin-oc-item-card {
  display: flex;
  align-items: center;
  width: 544px;
  height: 64px;
  background-color: #f2f4f7;
  border-radius: 8px;
  position: relative;
}
.ocean-vmok-plugin-oc-item-card-errorMsg {
  color: #e5453f;
  font-size: 12px;
  line-height: 18px;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-item-card-error {
  background-color: #fdf2f2;
}
.ocean-vmok-plugin-oc-item-card-img-box {
  width: 27px;
  height: 48px;
  margin-left: 8px;
  margin-right: 8px;
  overflow: hidden;
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-item-card-img-box .ocean-vmok-plugin-oc-image-img {
  height: 100%;
}
.ocean-vmok-plugin-oc-item-card-img-box .ocean-vmok-plugin-oc-image {
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-item-card-img-box-img {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-item-card-info-title {
  display: flex;
  gap: 4px;
  align-self: center;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-item-card-info-title .ocean-vmok-plugin-oc-tag {
  margin-top: 1px;
}
.ocean-vmok-plugin-oc-item-card-info-extra,
.ocean-vmok-plugin-oc-item-card-info-vertical,
.ocean-vmok-plugin-oc-item-card-info-id {
  color: #93969d;
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-item-card-info-vertical-container {
  display: flex;
}
.ocean-vmok-plugin-oc-item-card-info-vertical {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-item-card-change {
  cursor: pointer;
  position: absolute;
  right: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #0057ff;
  display: flex;
  gap: 4px;
}
.ocean-vmok-plugin-oc-create-material-audit-suggest-panel-content {
  max-height: 250px;
  overflow-y: auto;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper {
  display: inline-block;
  transition: all 0.5s;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content {
  position: relative;
  border-radius: 8px;
  border: 2px solid #dee0e3;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-disabled-mask-horizontal {
  z-index: 2;
  position: absolute;
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  background-color: #fbfcfc;
  border-radius: 8px;
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-disabled-mask-horizontal:hover {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: relative;
  background: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-data {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-top {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  z-index: 2;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-top .ocean-vmok-plugin-oc-create-material-card-top-tag {
  display: flex;
  gap: 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-top .ocean-vmok-plugin-oc-create-material-card-top-tag .tools-vmok-plugin-tag--default-fill {
  background-color: rgba(50, 51, 53, 0.6);
  backdrop-filter: blur(2px);
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  font-size: 12px;
  color: #31343b;
  overflow: hidden;
  border-radius: 0 0 6px 6px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-bottom-tag {
  margin: 0 4px 4px 4px;
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-bottom-tag-horizontal {
  display: flex;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-bottom-tag-horizontal .tools-vmok-plugin-tag--default-fill {
  background-color: transparent;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-bottom-tag-playtime .ocean-vmok-plugin-oc-tag:last-child {
  flex-shrink: 0;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-audit {
  margin: 0 4px 4px 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tip {
  margin: 0 4px 4px 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tab {
  display: flex;
  flex-wrap: nowrap;
  height: 24px;
  width: 100%;
  background: #f2f4f7;
  box-shadow: 0px -7px 10px 0px rgba(0, 0, 0, 0.06);
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tab .ocean-vmok-plugin-oc-create-material-card-tab-item {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tab .ocean-vmok-plugin-oc-create-material-card-tab-item:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tab .ocean-vmok-plugin-oc-create-material-card-tab-item::after {
  content: "";
  height: 16px;
  width: 1px;
  background: #dee0e3;
  position: absolute;
  right: 0;
  top: 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tab .ocean-vmok-plugin-oc-create-material-card-tab-item:last-child::after {
  display: none;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tab .ocean-vmok-plugin-oc-create-material-card-tab-item-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tab .ocean-vmok-plugin-oc-create-material-card-tab-item-disabled:hover {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-aweme-info {
  display: flex;
  align-items: center;
  height: 26px;
  padding: 0 7px;
  background: rgba(26, 26, 27, 0.5);
  color: #ffffff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-aweme-info .ocean-vmok-plugin-oc-create-material-card-aweme-info-avatar {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-aweme-info .ocean-vmok-plugin-oc-create-material-card-aweme-info-avatar .ocean-vmok-plugin-oc-create-material-card-aweme-info-avatar-img {
  width: 16px;
  height: 16px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  border-radius: 0px 0px 8px 8px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 100%);
  height: 52px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__wrapper {
  margin: 0!important;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox,
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-radio {
  position: absolute;
  z-index: 2;
  top: 2px;
  right: 2px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-radio .tools-vmok-plugin-radio__inner {
  border-color: #dee0e3;
  border-width: 2px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-top-right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-top-right-select {
  right: 20px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-close {
  display: none;
  position: absolute;
  right: -8px;
  top: -8px;
  color: #93969d;
  z-index: 3;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-close .ocean-vmok-plugin-oc-create-material-card-close-icon {
  border-radius: 50%;
  background: #ffffff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-disabled-mask {
  z-index: 2;
  position: absolute;
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  background-color: #dee0e3;
  border-radius: 8px;
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-disabled-mask:hover {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-show-play {
  position: absolute;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-show-player {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-show-img {
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-show-img-media {
  overflow: hidden;
  height: 100%;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-show-img-media .ocean-vmok-plugin-oc-media-thumb-container {
  height: 100%!important;
  margin-left: -2px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-show-img-media-horizontal .ocean-vmok-plugin-oc-media-thumb-container {
  margin-left: 0;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-group-img-container__list {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90px;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-group-img-container__list .ocean-vmok-plugin-group-img-container__list__item {
  width: 26px;
  height: 26px;
  margin: 0 2px 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-group-img-container__list_4 {
  max-width: 60px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-group-img-container__list_3 {
  flex-wrap: wrap-reverse;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-select {
  border: 2px solid #dee0e3;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-select:hover {
  border-color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-selected {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-selected .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-selected .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-radio .tools-vmok-plugin-radio__inner {
  background-color: #0057ff;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-closable:hover {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-horizontal {
  display: flex;
  gap: 8px;
  padding: 8px;
  position: relative;
  border: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-horizontal .ocean-vmok-plugin-oc-create-material-card-close {
  display: none;
  position: absolute;
  right: -8px;
  top: -8px;
  color: #93969d;
  z-index: 3;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-horizontal .ocean-vmok-plugin-oc-create-material-card-close .ocean-vmok-plugin-oc-create-material-card-close-icon {
  border-radius: 50%;
  background: #ffffff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-horizontal .ocean-vmok-plugin-oc-create-material-card-horizontal-data {
  width: calc(100% - 100px);
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-horizontal .ocean-vmok-plugin-oc-create-material-card-horizontal-data .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-horizontal .ocean-vmok-plugin-oc-create-material-card-horizontal-data .ocean-vmok-plugin-oc-create-material-card-horizontal-data-name {
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-horizontal .ocean-vmok-plugin-oc-create-material-card-horizontal-data .ocean-vmok-plugin-oc-create-material-card-horizontal-data-name .ocean-vmok-plugin-oc-create-material-card-select-checkbox {
  margin-left: auto;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-horizontal .ocean-vmok-plugin-oc-create-material-card-horizontal-data .ocean-vmok-plugin-oc-create-material-card-horizontal-data-tags {
  display: flex;
  gap: 4px;
  margin-top: 4px;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-horizontal .ocean-vmok-plugin-oc-create-material-card-horizontal-data .ocean-vmok-plugin-oc-create-material-card-horizontal-data-tags-item {
  display: flex;
  gap: 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-horizontal .ocean-vmok-plugin-oc-create-material-card-horizontal-data .ocean-vmok-plugin-oc-create-material-card-horizontal-data-tags-popover {
  display: flex;
  gap: 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-horizontal .ocean-vmok-plugin-oc-create-material-card-horizontal-data .ocean-vmok-plugin-oc-create-material-card-horizontal-data-metric {
  display: flex;
  gap: 4px;
  margin-top: auto;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-horizontal .ocean-vmok-plugin-oc-create-material-card-horizontal-data .ocean-vmok-plugin-oc-create-material-card-horizontal-data-metric .ocean-vmok-plugin-oc-create-material-card-horizontal-data-metric-item {
  flex: 1;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-horizontal .ocean-vmok-plugin-oc-create-material-card-horizontal-data .ocean-vmok-plugin-oc-create-material-card-horizontal-data-tabs {
  display: flex;
  gap: 8px;
  margin-top: auto;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-selected {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-selected .ocean-vmok-plugin-oc-create-material-card-horizontal-data .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-selected .ocean-vmok-plugin-oc-create-material-card-horizontal-data .ocean-vmok-plugin-oc-create-material-card-select-radio .tools-vmok-plugin-radio__inner {
  background-color: #0057ff;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-name {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-sub {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-sub .ocean-vmok-plugin-oc-create-material-card-sub-text {
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-aweme-bottom {
  display: flex;
  align-items: center;
  margin-top: 2px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-aweme-bottom .ocean-vmok-plugin-oc-create-material-card-aweme-bottom-avatar {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-aweme-bottom .ocean-vmok-plugin-oc-create-material-card-aweme-bottom-avatar .ocean-vmok-plugin-oc-create-material-card-aweme-bottom-avatar-img {
  width: 16px;
  height: 16px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-count-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 2px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-count-info .ocean-vmok-plugin-oc-create-material-card-count-info-item {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-count-info .ocean-vmok-plugin-oc-create-material-card-count-info-icon-wrap {
  display: flex;
  align-items: center;
  margin-right: 2px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-carousel .ocean-vmok-plugin-oc-audio-player {
  position: absolute;
  right: 12px;
  bottom: 22px;
  z-index: 10000;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper:hover .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-close {
  display: block;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper:hover .ocean-vmok-plugin-oc-create-material-card-horizontal .ocean-vmok-plugin-oc-create-material-card-close {
  display: block;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .tools-vmok-plugin-tag--default-fill {
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-select {
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-select .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-select .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-radio .tools-vmok-plugin-radio__inner {
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-select:hover {
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-select:hover .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-select:hover .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-radio .tools-vmok-plugin-radio__inner {
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-selected {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-selected .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-selected .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-radio .tools-vmok-plugin-radio__inner {
  background: #0057ff;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-selected:hover {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-selected:hover .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-selected:hover .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-radio .tools-vmok-plugin-radio__inner {
  background: #0057ff;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-material-card-resize {
  transform: scale(1.5);
}
.ocean-vmok-plugin-oc-material-card-resize-zindex {
  z-index: 99;
  position: relative;
}
.ocean-vmok-plugin-oc-material-card-video-popover {
  padding: 0px !important;
  border-radius: 12px;
  line-height: 0;
  border-radius: 8px;
  overflow: hidden;
}
.vue-advanced-cropper {
  text-align: center;
  position: relative;
  user-select: none;
  max-height: 100%;
  max-width: 100%;
  direction: ltr;
}
.vue-advanced-cropper__stretcher {
  pointer-events: none;
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.vue-advanced-cropper__image {
  user-select: none;
  position: absolute;
  transform-origin: center;
  max-width: none !important;
}
.vue-advanced-cropper__background,
.vue-advanced-cropper__foreground {
  opacity: 1;
  background: black;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.vue-advanced-cropper__foreground {
  opacity: 0.5;
}
.vue-advanced-cropper__boundaries {
  opacity: 1;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.vue-advanced-cropper__cropper-wrapper {
  width: 100%;
  height: 100%;
}
.vue-advanced-cropper__image-wrapper {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}
.vue-advanced-cropper__stencil-wrapper {
  position: absolute;
}
.vue-handler-wrapper {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
}
.vue-handler-wrapper__draggable {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vue-handler-wrapper--west-north {
  cursor: nw-resize;
}
.vue-handler-wrapper--north {
  cursor: n-resize;
}
.vue-handler-wrapper--east-north {
  cursor: ne-resize;
}
.vue-handler-wrapper--east {
  cursor: e-resize;
}
.vue-handler-wrapper--east-south {
  cursor: se-resize;
}
.vue-handler-wrapper--south {
  cursor: s-resize;
}
.vue-handler-wrapper--west-south {
  cursor: sw-resize;
}
.vue-handler-wrapper--west {
  cursor: w-resize;
}
.vue-handler-wrapper--disabled {
  cursor: auto;
}
.vue-line-wrapper {
  background: none;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vue-line-wrapper--north,
.vue-line-wrapper--south {
  height: 12px;
  width: 100%;
  left: 0;
  transform: translateY(-50%);
}
.vue-line-wrapper--north {
  top: 0;
  cursor: n-resize;
}
.vue-line-wrapper--south {
  top: 100%;
  cursor: s-resize;
}
.vue-line-wrapper--east,
.vue-line-wrapper--west {
  width: 12px;
  height: 100%;
  transform: translateX(-50%);
  top: 0;
}
.vue-line-wrapper--east {
  left: 100%;
  cursor: e-resize;
}
.vue-line-wrapper--west {
  left: 0;
  cursor: w-resize;
}
.vue-line-wrapper--disabled {
  cursor: auto;
}
.vue-bounding-box {
  position: relative;
  height: 100%;
  width: 100%;
}
.vue-bounding-box__handler {
  position: absolute;
}
.vue-bounding-box__handler--west-north {
  left: 0;
  top: 0;
}
.vue-bounding-box__handler--north {
  left: 50%;
  top: 0;
}
.vue-bounding-box__handler--east-north {
  left: 100%;
  top: 0;
}
.vue-bounding-box__handler--east {
  left: 100%;
  top: 50%;
}
.vue-bounding-box__handler--east-south {
  left: 100%;
  top: 100%;
}
.vue-bounding-box__handler--south {
  left: 50%;
  top: 100%;
}
.vue-bounding-box__handler--west-south {
  left: 0;
  top: 100%;
}
.vue-bounding-box__handler--west {
  left: 0;
  top: 50%;
}
.vue-draggable-area {
  position: relative;
}
.vue-preview-result {
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  height: 100%;
  width: 100%;
}
.vue-preview-result__wrapper {
  position: absolute;
}
.vue-preview-result__image {
  pointer-events: none;
  position: relative;
  user-select: none;
  transform-origin: center;
  max-width: none !important;
}
.vue-simple-handler {
  display: block;
  background: white;
  height: 10px;
  width: 10px;
}
.vue-simple-line {
  background: none;
  transition: border 0.5s;
  border-color: rgba(255, 255, 255, 0.3);
  border-width: 0;
  border-style: solid;
}
.vue-simple-line--south,
.vue-simple-line--north {
  height: 0;
  width: 100%;
}
.vue-simple-line--east,
.vue-simple-line--west {
  height: 100%;
  width: 0;
}
.vue-simple-line--east {
  border-right-width: 1px;
}
.vue-simple-line--west {
  border-left-width: 1px;
}
.vue-simple-line--south {
  border-bottom-width: 1px;
}
.vue-simple-line--north {
  border-top-width: 1px;
}
.vue-simple-line--hover {
  opacity: 1;
  border-color: white;
}
.vue-preview {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.vue-preview--fill {
  width: 100%;
  height: 100%;
  position: absolute;
}
.vue-preview__wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
}
.vue-preview__image {
  pointer-events: none;
  position: absolute;
  user-select: none;
  transform-origin: center;
  max-width: none !important;
}
.vue-rectangle-stencil {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.vue-rectangle-stencil__preview {
  position: absolute;
  width: 100%;
  height: 100%;
}
.vue-rectangle-stencil--movable {
  cursor: move;
}
.vue-circle-stencil {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: content-box;
  cursor: move;
}
.vue-circle-stencil__preview {
  border-radius: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.vue-circle-stencil--movable {
  cursor: move;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-upload-image-tab {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools {
  height: 400px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-cropper {
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-cropper-multiple {
  width: 580px;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-list {
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-list .ocean-vmok-plugin-oc-create-material-crop-tools-list-item {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-list .ocean-vmok-plugin-oc-create-material-crop-tools-list-item:last-child {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-list .ocean-vmok-plugin-oc-create-material-crop-tools-list-item .ocean-vmok-plugin-oc-media-thumb-container {
  height: 90px !important;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-list .ocean-vmok-plugin-oc-create-material-crop-tools-list-item-select {
  position: relative;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-list .ocean-vmok-plugin-oc-create-material-crop-tools-list-item-select:after {
  content: "";
  width: 160px;
  height: 90px;
  box-sizing: border-box;
  border: 2px solid #0057ff;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.ocean-vmok-plugin-create-vue-advanced-cropper-background {
  background: transparent;
}
.ocean-vmok-plugin-create-material-crop-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ocean-vmok-plugin-create-material-crop-footer .ocean-vmok-plugin-oc-button-wrap {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-create-material-crop-tip {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-material-lib-body .ocean-vmok-plugin-oc-create-material-submit-bar-wrapper {
  padding: 0;
}
.ocean-vmok-plugin-oc-create-material-lib-body .ocean-vmok-plugin-oc-material-lib-upload-card {
  height: 100%;
}
.ocean-vmok-plugin-oc-create-material-lib-body .ocean-vmok-plugin-oc-material-lib-upload-card-wrapper {
  height: 100%;
  overflow: auto;
}
.ocean-vmok-plugin-oc-create-material-selected-wrapper .ocean-vmok-plugin-oc-create-material-selected-drag {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper {
  height: 64px;
  padding: 0;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-left {
  height: 100%;
  overflow: hidden;
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-left .ocean-vmok-plugin-oc-create-material-submit-bar-count {
  font-size: 14px;
  color: #31343b;
  margin-right: 5px;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-left .ocean-vmok-plugin-oc-create-material-submit-bar-list {
  height: 100%;
  line-height: 0;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 10px;
  padding-right: 10px;
  flex: 1;
  overflow-x: auto;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-left .ocean-vmok-plugin-oc-create-material-submit-bar-list .ocean-vmok-plugin-oc-create-material-submit-bar-list-item {
  position: relative;
  margin-right: 12px;
  background: #dee0e3;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-left .ocean-vmok-plugin-oc-create-material-submit-bar-list .ocean-vmok-plugin-oc-create-material-submit-bar-list-item:hover .ocean-vmok-plugin-oc-create-material-submit-bar-list-item-icon {
  display: block;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-left .ocean-vmok-plugin-oc-create-material-submit-bar-list .ocean-vmok-plugin-oc-create-material-submit-bar-list-item .ocean-vmok-plugin-oc-create-material-submit-bar-list-item-icon {
  position: absolute;
  color: #93969d;
  top: -5px;
  right: -6px;
  display: block;
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-left .ocean-vmok-plugin-oc-create-material-submit-bar-list .ocean-vmok-plugin-oc-create-material-submit-bar-list-item .ocean-vmok-plugin-oc-create-material-submit-bar-list-item-icon:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-btn-group .ocean-vmok-plugin-oc-button-wrap {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-list-img {
  width: 24px;
  height: 42px;
  object-fit: contain;
  border-radius: 2px;
}
.ocean-vmok-plugin-create-material-list {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-filter-container {
  background: #ffffff;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-before-filter {
  padding-bottom: 16px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-after-filter {
  padding-bottom: 16px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper {
  background: #ffffff;
  border-radius: 16px;
  padding: 24px 0 24px 24px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper .ocean-vmok-plugin-create-material-list-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-right: 24px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper .ocean-vmok-plugin-create-material-list-card-header .ocean-vmok-plugin-create-material-list-card-header-slot {
  flex: 1;
  margin-right: 8px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper .ocean-vmok-plugin-create-material-list-card-header .ocean-vmok-plugin-create-material-list-card-header-count {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: #93969d;
  margin-right: 8px;
  flex: 1;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper .ocean-vmok-plugin-create-material-list-card-header .ocean-vmok-plugin-create-material-list-sort {
  margin-left: auto;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper .ocean-vmok-plugin-create-material-list-card-header-sort-text {
  float: left;
  margin-right: 8px;
  line-height: 32px !important;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper .ocean-vmok-plugin-create-material-list-card-container-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 16px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper .ocean-vmok-plugin-oc-rolling-load__empty {
  height: 100% !important;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-pagination-list {
  position: relative;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-pagination-list .ocean-vmok-plugin-create-material-list-pagination-list-content {
  overflow: auto;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-pagination-list .ocean-vmok-plugin-create-material-list-pagination-list-content .ocean-vmok-plugin-create-material-list-card-container-body {
  height: 1px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-pagination-list .ocean-vmok-plugin-create-material-list-pagination-list-content .ocean-vmok-plugin-create-material-list-pagination-list-content-empty {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-pagination-list .ocean-vmok-plugin-create-material-list-pagination-list-pagination {
  padding-top: 12px;
  padding-right: 24px;
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-scroll-content {
  position: relative;
  flex: 1;
}
.ocean-vmok-plugin-create-material-list-flex {
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-create-material-list-flex-auto {
  flex: 1;
}
.ocean-vmok-plugin-oc-create-material-upload-audio-wrapper .ocean-vmok-plugin-oc-create-material-upload-audio-tab {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-material-upload-audio-wrapper .ocean-vmok-plugin-oc-create-material-upload-audio-select {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-create-material-upload-video-wrapper .ocean-vmok-plugin-oc-create-material-upload-video-tab {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-material-upload-video-wrapper .ocean-vmok-plugin-oc-create-material-upload-video-select {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-create-material-upload-image-wrapper .ocean-vmok-plugin-oc-create-material-upload-image-tab {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-material-upload-image-wrapper .ocean-vmok-plugin-oc-create-material-upload-image-select {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-create-num-info {
  width: 272px;
}
.ocean-vmok-plugin-oc-create-num-info .ocean-vmok-plugin-oc-title + .ocean-vmok-plugin-content-wrapper {
  padding-top: 8px;
}
.ocean-vmok-plugin-oc-create-num-info .ocean-vmok-plugin-content-wrapper {
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  display: inline-flex;
}
.ocean-vmok-plugin-oc-create-num-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-create-num-info-item {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-num-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-no-margin-bottom {
  margin-bottom: 0;
}
.ocean-vmok-plugin-create-more-wrapper-rolling-load {
  height: auto !important;
}
.ocean-vmok-plugin-create-more-wrapper-msg {
  margin-top: 8px;
}
.ocean-vmok-plugin-create-more-wrapper-header {
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-create-more-wrapper-header__text {
  font-size: 14px;
  display: flex;
  height: 22px;
  align-items: center;
}
.ocean-vmok-plugin-create-more-wrapper-header__text-span {
  color: #31343b;
  font-weight: 500;
}
.ocean-vmok-plugin-create-more-wrapper-header__text-popover {
  margin-left: 4px;
}
.ocean-vmok-plugin-create-more-wrapper-header-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-create-more-wrapper-header-right {
  display: flex;
}
.ocean-vmok-plugin-create-more-wrapper-header-right__button + .ocean-vmok-plugin-create-more-wrapper-header-right__button {
  margin-left: 8px;
}
.ocean-vmok-plugin-create-more-wrapper-search-icon {
  color: #93969d;
}
.ocean-vmok-plugin-create-more-wrapper-info {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}
.ocean-vmok-plugin-create-more-wrapper-info-item {
  display: flex;
  color: #62656c;
}
.ocean-vmok-plugin-create-more-wrapper-info span {
  font-size: 14px;
  line-height: 22px;
  color: #62656c;
}
.ocean-vmok-plugin-create-more-wrapper-info-item__fast-delete:hover {
  background: #c6dfff;
  border-radius: 2px;
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-create-more-wrapper-info-item__fast-delete:hover .ocean-vmok-plugin-create-more-wrapper-info-item__search-key {
  background: #c6dfff;
  color: #0057ff;
}
.ocean-vmok-plugin-create-more-wrapper-info-item__fast-delete-btn:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-create-more-wrapper-info-item__search-key {
  background: #e8f4ff;
  border-radius: 2px;
}
.ocean-vmok-plugin-create-more-wrapper-info-disabled .ocean-vmok-plugin-create-more-wrapper-info-item span {
  color: #b9bcc3;
}
.ocean-vmok-plugin-create-more-wrapper-info-disabled .ocean-vmok-plugin-create-more-wrapper-info-item__fast-delete:hover {
  color: #b9bcc3;
  background: none;
  cursor: not-allowed;
}
.ocean-vmok-plugin-create-more-wrapper-autocomplere {
  margin-top: 8px;
  max-width: 544px;
}
.ocean-vmok-plugin-create-more-wrapper-autocomplere__popper .tools-vmok-plugin-auto-complete-option {
  padding: 0;
}
.ocean-vmok-plugin-create-more-wrapper-autocomplere__popper-span {
  margin-left: 8px;
}
.ocean-vmok-plugin-create-more-wrapper-autocomplere__popper-span__search-key {
  color: #0057ff;
  font-weight: 600;
}
.ocean-vmok-plugin-create-more-wrapper-autocomplere__popper-option {
  width: 100%;
  padding: 6px 12px;
  display: flex;
}
div + .ocean-vmok-plugin-create-more-wrapper-collapse {
  margin-top: 8px;
}
.ocean-vmok-plugin-create-more-wrapper-collapse-open .ocean-vmok-plugin-oc-collapse__container:not(:empty) {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-phone-preview-wrap {
  padding: 12px;
  height: 662px;
  height: 100%;
  width: 100%;
  position: fixed;
  inset: 0px;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4);
}
.ocean-vmok-plugin-oc-phone-preview-wrap .ocean-vmok-plugin-oc-iframe-preview {
  position: absolute;
  width: 320px;
  height: 662px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 100% 100%;
  border: 14px solid white;
}
.ocean-vmok-plugin-oc-phone-preview-wrap_close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: rgba(26, 26, 27, 0.5);
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-product-card {
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 8px;
  background: #f5f7fa;
  box-sizing: border-box;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-image {
  margin: 8px 0 8px 8px;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-image .tools-vmok-plugin-image {
  height: 100%;
  display: block;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-image .tools-vmok-plugin-image .tools-vmok-plugin-image__img-container {
  height: 100%;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-image .tools-vmok-plugin-image .tools-vmok-plugin-image__img-container .tools-vmok-plugin-image__img {
  height: 100%;
  object-fit: contain;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-media-wrapper {
  padding: 8px 0 8px 8px;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content {
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  margin-left: 8px;
  margin-right: auto;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content .ocean-vmok-plugin-oc-create-product-card-content-top .ocean-vmok-plugin-oc-create-product-card-content-title-link {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content .ocean-vmok-plugin-oc-create-product-card-content-top .ocean-vmok-plugin-oc-create-product-card-content-title-link:hover {
  color: #2e7bff;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content .ocean-vmok-plugin-oc-create-product-card-content-top .ocean-vmok-plugin-oc-typography-value-int {
  vertical-align: middle;
  line-height: 1px;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content .ocean-vmok-plugin-oc-create-product-card-content-tag {
  display: inline-flex;
  justify-content: center;
  gap: 3px;
  margin-right: 4px;
  font-weight: normal;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content .ocean-vmok-plugin-oc-create-product-card-middle-content-tag {
  justify-content: left;
  margin: 4px 0;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content .ocean-vmok-plugin-oc-create-product-card-content-detail {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content .ocean-vmok-plugin-oc-create-product-card-content-detail .ocean-vmok-plugin-oc-create-product-card-content-detail-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-right {
  width: 28px;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-right .ocean-vmok-plugin-oc-create-product-card-right-checkbox {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-right-block {
  width: 8px;
}
.ocean-vmok-plugin-oc-create-product-card-fill .ocean-vmok-plugin-oc-create-product-card-image {
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-create-product-card-disabled {
  background: rgba(248, 248, 249, 0.5);
  border-color: rgba(248, 248, 249, 0.5);
}
.ocean-vmok-plugin-oc-create-product-card-disabled .ocean-vmok-plugin-oc-create-product-card-image {
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-create-product-card-selectable {
  border: 1px solid #b9bcc3;
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-create-product-card-selectable:hover {
  cursor: pointer;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-product-card-selectable.ocean-vmok-plugin-oc-create-product-card-disabled,
.ocean-vmok-plugin-oc-create-product-card-selectable.ocean-vmok-plugin-oc-create-product-card-disabled:hover {
  border-color: #f2f4f7;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-product-card-selected {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-product-card-selected-disabled {
  border-color: #badaff;
}
.ocean-vmok-plugin-oc-create-product-tabs-container {
  position: relative;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-inner {
  width: 100%;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-inner.ocean-vmok-plugin-product-tabs-inner-fixed {
  background: #fff;
  padding-top: 8px;
  box-shadow: 0px 8px 24px 0px #00000014;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-pre-block {
  position: absolute;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background: linear-gradient(90deg, #ffffff 0%, #ffffff 44.6%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-pre-block .ocean-vmok-plugin-oc-create-product-tabs-container-circle {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  box-shadow: 0px 3px 9px 0px #00000014;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-pre-block .ocean-vmok-plugin-oc-create-product-tabs-container-circle iconpark-icon {
  color: #31343b;
  margin-left: 4px;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-pre-block-no-selectable {
  background: linear-gradient(90deg, #f2f4f7 0%, #f2f4f7 44.6%, rgba(255, 255, 255, 0) 100%);
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-pre-block-no-selectable .ocean-vmok-plugin-oc-create-product-tabs-container-circle {
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-next-block {
  cursor: pointer;
  position: absolute;
  right: 0px;
  width: 50px;
  height: 50px;
  background: linear-gradient(270deg, #ffffff 0%, #ffffff 44.6%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-next-block .ocean-vmok-plugin-oc-create-product-tabs-container-circle {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  box-shadow: 0px 3px 9px 0px #00000014;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-next-block .ocean-vmok-plugin-oc-create-product-tabs-container-circle iconpark-icon {
  color: #31343b;
  margin-left: 4px;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-next-block-no-selectable {
  background: linear-gradient(270deg, #f2f4f7 0%, #f2f4f7 44.6%, rgba(255, 255, 255, 0) 100%);
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-next-block-no-selectable .ocean-vmok-plugin-oc-create-product-tabs-container-circle {
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs {
  display: flex;
  height: 59px;
  overflow-x: scroll;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-bg {
  border-radius: 8px;
  height: 49px;
  background: #fff;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-container-panel-block {
  height: 46px;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-container-panel-block:last-child .ocean-vmok-plugin-panel {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs::-webkit-scrollbar {
  display: none;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-tip {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  background: #f2f4f7;
  color: #62656c;
  font-size: 14px;
  border-radius: 8px;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty .ocean-vmok-plugin-create-product-add-empty-icon {
  margin-right: 5px;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty .ocean-vmok-plugin-create-product-add-right-top {
  display: block;
  position: absolute;
  right: -6px;
  top: -6px;
  color: #93969d;
  cursor: pointer;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty:hover {
  background: #e8eaed;
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty-disabled {
  background: #f5f7fa;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty-disabled:hover {
  background: #f5f7fa;
  color: #badaff;
  cursor: not-allowed;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty-error {
  background: #fdf2f2;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty-error:hover {
  background: #fdf2f2;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-single {
  position: relative;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-multiple .ocean-vmok-plugin-create-product-add-multiple-add {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-multiple .ocean-vmok-plugin-create-product-add-multiple-add .ocean-vmok-plugin-create-product-add-multiple-add-text {
  color: #62656c;
  font-size: 14px;
  margin-left: 8px;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-multiple .ocean-vmok-plugin-create-product-add-multiple-add .ocean-vmok-plugin-oc-over-count {
  color: #e34949;
}
.ocean-vmok-plugin-create-product-add-group-list {
  margin-top: 3px;
  padding-top: 6px;
}
.ocean-vmok-plugin-create-product-add-group-list .ocean-vmok-plugin-create-product-add-group-list-content {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-create-product-add-group-list-scroll {
  overflow-y: auto;
  max-height: 615px;
}
.ocean-vmok-plugin-create-product-add-group-list-scroll .ocean-vmok-plugin-create-product-add-group-list-content {
  padding-right: 7px;
}
.ocean-vmok-plugin-oc-create-preview {
  position: relative;
  width: 272px;
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-create-preview__title {
  display: flex;
  height: 24px;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-preview__content {
  width: 100%;
}
.ocean-vmok-plugin-oc-create-preview__content-header {
  padding-bottom: 12px;
}
.ocean-vmok-plugin-oc-create-preview__content-app {
  position: relative;
}
.ocean-vmok-plugin-oc-create-preview__content-app .tools-vmok-plugin-tabs__nav::before {
  display: none;
}
.ocean-vmok-plugin-oc-create-preview__content-app .tools-vmok-plugin-tabs__tab {
  margin-right: 16px;
  padding: 0;
}
.ocean-vmok-plugin-oc-create-preview__content-app .tools-vmok-plugin-tabs__tab:nth-last-child(2) {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-create-preview__content-app .tools-vmok-plugin-tabs__angle-left {
  padding-right: 8px;
  margin-top: -8px;
}
.ocean-vmok-plugin-oc-create-preview__content-app .tools-vmok-plugin-tabs__angle-right {
  padding-left: 8px;
  margin-top: -8px;
}
.ocean-vmok-plugin-oc-create-preview__content-app .ocean-vmok-plugin-oc-create-preview__tab-change {
  padding-bottom: 12px;
}
.ocean-vmok-plugin-oc-create-preview__content-app .ocean-vmok-plugin-tab-item {
  min-width: 32px;
  height: 43px;
  cursor: pointer;
  position: relative;
}
.ocean-vmok-plugin-oc-create-preview__content-app .ocean-vmok-plugin-tab-item::after {
  position: absolute;
  width: 16px;
  height: 2px;
  left: 50%;
  bottom: 0;
  margin-left: -8px;
  background: #0057ff;
  border-radius: 20px;
  content: "";
  display: none;
}
.ocean-vmok-plugin-oc-create-preview__content-app .ocean-vmok-plugin-tab-item .ocean-vmok-plugin-app-image {
  width: 32px;
  height: 32px;
  opacity: 0.4;
  border-radius: 6px;
  transition: opacity 0.3s;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}
.ocean-vmok-plugin-oc-create-preview__content-app .ocean-vmok-plugin-tab-item.ocean-vmok-plugin-active::after {
  display: block;
}
.ocean-vmok-plugin-oc-create-preview__content-app .ocean-vmok-plugin-tab-item.ocean-vmok-plugin-active .ocean-vmok-plugin-app-image {
  opacity: 1;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper,
.ocean-vmok-plugin-oc-create-preview__content-empty {
  width: 100%;
  height: 484px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main {
  height: 100%;
  width: 100%;
  position: relative;
  background-size: 100% 100%;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-ad-flex {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-bg {
  cursor: pointer;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-size: 100% 100%;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-contaniner {
  width: 100%;
  height: 100%;
  background-color: #666;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-small-text {
  zoom: 0.8;
  font-size: 12px;
  display: flex;
  justify-content: center;
  margin-top: 1px;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-aweme-avatar {
  position: absolute;
  width: 36px;
  height: 36px;
  z-index: 2;
  right: 4px;
  top: 192px;
  border-radius: 50%;
  border: 1px solid #fff;
  line-height: 48px;
  font-size: 24px;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-aweme-avatar img {
  width: 100%;
  height: 100%;
  display: block;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-promotion-info {
  color: #fff;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-ad-logo {
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14px;
  color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
  margin-left: 4px;
  flex: none;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-ad-logo:after {
  content: "广告";
  font-size: 12px;
  zoom: 0.83333333;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-ad-logo.ocean-vmok-plugin-dark {
  background: rgba(22, 24, 35, 0.05);
  color: rgba(22, 24, 35, 0.6);
}
.ocean-vmok-plugin-oc-create-preview .ocean-vmok-plugin-oc-typography {
  display: -webkit-inline-box !important;
}
.ocean-vmok-plugin-oc-create-preview-fade-enter-active,
.ocean-vmok-plugin-oc-create-preview-fade-leave-active {
  transition: opacity 0.3s ease-in-out;
}
.ocean-vmok-plugin-oc-create-preview-fade-enter-from,
.ocean-vmok-plugin-oc-create-preview-fade-leave-to {
  opacity: 0;
}
.ocean-vmok-plugin-oc-create-preview-fade-enter-to,
.ocean-vmok-plugin-oc-create-preview-fade-leave-from {
  opacity: 1;
}
.ocean-vmok-plugin-oc-create-video-list {
  height: 100%;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-video-list-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-create-video-list-top-title,
.ocean-vmok-plugin-oc-create-video-list-top-filter,
.ocean-vmok-plugin-oc-create-video-list-top-checkbox {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-video-list-top-title-box {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-video-list-top-title {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-create-video-list-pagination-list-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 16px;
}
.ocean-vmok-plugin-oc-create-video-list-pagination-list {
  position: relative;
}
.ocean-vmok-plugin-oc-create-video-list-pagination-list-content {
  overflow: auto;
}
.ocean-vmok-plugin-oc-create-video-list-pagination-list-content-empty {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-video-list-pagination-list-pagination {
  padding-top: 16px;
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-create-video-list .tools-vmok-plugin-page-select {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-create-product-img-add-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  color: #31343b;
  background-color: #f2f4f7;
  border-color: #f2f4f7;
  border-radius: 8px;
  width: 50px;
  height: 50px;
}
.ocean-vmok-plugin-oc-create-product-img-add-button:hover {
  color: #0057ff;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-product-img-add-button:hover .ocean-vmok-plugin-oc-create-product-img-add-text {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-product-img-add-button-disabled {
  background-color: #f5f7fa;
  border-color: #f5f7fa;
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-product-img-add-button-disabled:hover {
  cursor: not-allowed;
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-product-img-spliter {
  width: 1px;
  background-color: #dee0e3;
  position: absolute;
  right: -4.5px;
  top: 0;
  bottom: 0;
}
.ocean-vmok-plugin-oc-create-product-img-add-text {
  font-size: 14px;
  line-height: 20px;
  color: #31343b;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-product-img-add-text-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-product-img-list {
  display: flex;
  line-height: 0;
}
.ocean-vmok-plugin-oc-create-product-img-list-space {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 8px;
}
.ocean-vmok-plugin-oc-create-product-img-list-item {
  font-size: inherit;
  width: 50px;
  height: 50px;
  position: relative;
}
.ocean-vmok-plugin-oc-create-product-img-submit-bar-img {
  width: 32px !important;
  height: 32px !important;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-container {
  display: flex;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-container .ocean-vmok-plugin-oc-create-promotion-card-change-btn {
  margin-left: 12px;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-item {
  border-radius: 8px;
  display: flex;
  align-items: center;
  width: 248px;
  background: #f2f4f7;
  padding: 6px;
  position: relative;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-item.ocean-vmok-plugin-hover:hover {
  cursor: pointer;
  outline: 1px solid #0057ff;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-item.ocean-vmok-plugin-hover:hover .ocean-vmok-plugin-oc-create-promotion-card-close-btn {
  display: block;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-item .ocean-vmok-plugin-oc-create-promotion-card-close-btn {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-item .ocean-vmok-plugin-oc-create-promotion-card-item-img {
  flex-shrink: 0;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-item .ocean-vmok-plugin-oc-create-promotion-card-item-info {
  flex: 1;
  margin: 0 12px;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-item .ocean-vmok-plugin-oc-create-promotion-card-item-btn {
  flex-shrink: 0;
  width: 64px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 2px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  background: #ed5085;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-container-simple {
  position: relative;
  height: 32px;
  width: 432px;
  border-radius: 4px;
  background: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-container-simple-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-container-simple .ocean-vmok-plugin-oc-create-promotion-card-close-btn {
  position: absolute;
  display: none;
  top: -10px;
  right: -10px;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-empty-btn {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-container-simple-del:hover {
  cursor: pointer;
  outline: 1px solid #0057ff;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-container-simple-del:hover .ocean-vmok-plugin-oc-create-promotion-card-close-btn {
  display: block;
}
.ocean-vmok-plugin-oc-create-range-num-info {
  width: 272px;
}
.ocean-vmok-plugin-oc-create-range-num-info .ocean-vmok-plugin-oc-title + .ocean-vmok-plugin-content-wrapper {
  padding-top: 8px;
}
.ocean-vmok-plugin-oc-create-range-num-info-item + .ocean-vmok-plugin-oc-create-range-num-info-item {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-recommend-tag-under-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  font-size: 14px;
  gap: 0 8px;
}
.ocean-vmok-plugin-oc-create-recommend-tag-under-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ocean-vmok-plugin-oc-create-recommend-tag-under-tags .ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-range-picker .ocean-vmok-plugin-date-picker-wrapper {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-select-gear {
  padding: 12px;
}
.ocean-vmok-plugin-oc-create-select-gear-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
}
.ocean-vmok-plugin-oc-create-select-gear-title-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-select-gear-title-left-text {
  background: linear-gradient(133.49deg, #323439 -67.01%, #122b59 54.93%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 2px;
  font-size: 14px;
  line-height: 32px;
}
.ocean-vmok-plugin-oc-create-select-gear-title-left-text-popover {
  margin-left: 4px;
}
div + .ocean-vmok-plugin-oc-create-select-gear-title-after {
  margin-top: 6px;
}
div + .ocean-vmok-plugin-oc-create-select-gear-content {
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-create-select-gear-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #dee0e3;
  background: #fff;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-noradio {
  border: none;
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-noradio:hover {
  cursor: default !important;
  background-color: #f2f5fd;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-noradio:hover .ocean-vmok-plugin-oc-create-select-gear-content-item-button-text {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-noradio-disabled {
  background-color: #f5f7fa;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-noradio-disabled:hover {
  background-color: #f5f7fa;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-noradio-disabled:hover .ocean-vmok-plugin-oc-create-select-gear-content-item-button-text {
  cursor: not-allowed !important;
  color: #b9bcc3 !important;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-radio {
  margin-right: 12px;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-radio .tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner {
  background-color: #0057ff;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-active {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-disabled {
  border-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-disabled:hover {
  cursor: not-allowed !important;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-disabled:hover .tools-vmok-plugin-radio .tools-vmok-plugin-radio__inner {
  border-color: #f3f3f4 !important;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item:hover .tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item:hover .tools-vmok-plugin-radio .tools-vmok-plugin-radio__inner {
  border-color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-button-text {
  position: absolute;
  right: 16px;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-button-text-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-select-condition {
  width: 544px;
  border-radius: 8px;
  border: 1px solid #dee0e3;
  margin-top: -8px;
}
.ocean-vmok-plugin-oc-create-select-condition-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0px 12px 12px 12px;
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-create-select-condition-item {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
}
.ocean-vmok-plugin-oc-create-select-condition-item-title {
  padding-right: 12px;
}
.ocean-vmok-plugin-oc-create-select-condition-item-rule {
  padding-right: 12px;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value {
  width: 188px;
  padding-right: 12px;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value-text {
  display: flex;
  height: 34px;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  font-weight: 400;
  font-size: 14px;
  background: #f2f4f7;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value-text-disabled {
  background-color: #f5f7fa;
  border-color: #f5f7fa;
  color: #b9bcc3;
  box-shadow: none;
  animation: none;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value-text-tip {
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value-text-tip-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value-text-select {
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value-text-set {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value-input {
  height: 34px;
}
.ocean-vmok-plugin-oc-create-select-condition-item-remove-icon {
  cursor: pointer;
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-select-condition-item-remove-icon:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-select-condition-item-remove-icon:active {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-create-select-condition-header {
  display: flex;
  justify-content: space-between;
  height: 38px;
  padding: 8px 12px 0px 12px;
  background: #f2f4f7;
  border-bottom: 1px solid #dee0e3;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.ocean-vmok-plugin-oc-create-red-packet-card {
  min-width: 318px;
  height: 212px;
  position: relative;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-border {
  border: 3.5px solid #ff5c64;
  border-radius: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-header {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  height: 72px;
  z-index: 1;
  /* .@{oc-css-prefix}oc-create-red-packet-card-header-icon {
      width: 80px;
      height: 80px;
      position: absolute;
      right: 8px;
    } */
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-header .ocean-vmok-plugin-oc-create-red-packet-card-header-bg {
  width: 100%;
  height: 100%;
  border-radius: 12px 12px 0 0;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-header .ocean-vmok-plugin-oc-create-red-packet-card-header-data {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 10px 16px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-header .ocean-vmok-plugin-oc-create-red-packet-card-header-data .ocean-vmok-plugin-oc-create-red-packet-card-header-data-title {
  color: #fff;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-header .ocean-vmok-plugin-oc-create-red-packet-card-header-data .ocean-vmok-plugin-oc-create-red-packet-card-header-data-title .ocean-vmok-plugin-oc-create-red-packet-card-header-data-title-tag {
  margin-right: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-header .ocean-vmok-plugin-oc-create-red-packet-card-header-data .ocean-vmok-plugin-oc-create-red-packet-card-header-data-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content {
  margin-top: 72px;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #ff405f;
  position: relative;
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-top {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-top .ocean-vmok-plugin-oc-create-red-packet-card-content-title-text {
  font-size: 12px;
  align-self: end;
  margin-bottom: 5px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-top .ocean-vmok-plugin-oc-create-red-packet-card-content-unit {
  font-size: 14px;
  font-weight: bolder;
  margin: 4px 4px -4px 4px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-top .ocean-vmok-plugin-oc-create-red-packet-card-content-value {
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-top .ocean-vmok-plugin-oc-create-red-packet-card-content-value .ocean-vmok-plugin-oc-promotion-metric-card-number-val {
  font-size: 26px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-top .ocean-vmok-plugin-oc-create-red-packet-card-content-value .ocean-vmok-plugin-oc-promotion-metric-card-number-tail {
  font-size: 14px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-top .ocean-vmok-plugin-oc-create-red-packet-card-content-tag-list {
  margin-left: 4px;
  margin-bottom: -4px;
  display: flex;
  gap: 4px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-desc {
  font-size: 12px;
  color: #93969d;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-icon {
  position: absolute;
  width: 64px;
  height: 64px;
  right: 12px;
  top: 5px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-bottom {
  margin: 0px 16px;
  padding: 8px 0;
  border-top: 1px dashed rgba(255, 68, 80, 0.2);
  position: relative;
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-bottom .ocean-vmok-plugin-oc-create-red-packet-card-bottom-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-red-packet-card-gray .ocean-vmok-plugin-oc-create-red-packet-card-border {
  border-color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-red-packet-card-gray .ocean-vmok-plugin-oc-create-red-packet-card-content {
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-red-packet-card-gray .ocean-vmok-plugin-oc-create-red-packet-card-bottom {
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-create-red-packet-card-orange .ocean-vmok-plugin-oc-create-red-packet-card-border {
  border-color: #ff915a;
}
.ocean-vmok-plugin-oc-create-red-packet-card-orange .ocean-vmok-plugin-oc-create-red-packet-card-content {
  color: #ff5f40;
}
.ocean-vmok-plugin-oc-create-red-packet-card-orange .ocean-vmok-plugin-oc-create-red-packet-card-bottom {
  border-color: rgba(255, 68, 80, 0.2);
}
.ocean-vmok-plugin-oc-create-red-packet-card-auto-height {
  height: auto;
}
.ocean-vmok-plugin-oc-create-red-packet-card-auto-height .ocean-vmok-plugin-oc-create-red-packet-card-header {
  position: relative;
}
.ocean-vmok-plugin-oc-create-red-packet-card-auto-height .ocean-vmok-plugin-oc-create-red-packet-card-content {
  padding: 20px 0;
  margin-top: 0;
  height: auto;
}
.ocean-vmok-plugin-oc-create-select-ies-tag-wrapper {
  display: flex;
}
.ocean-vmok-plugin-oc-create-select-ies-desc-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: 2px;
}
.ocean-vmok-plugin-oc-create-select-ies-desc-wrapper .ocean-vmok-plugin-oc-key-value {
  margin: 0;
  margin-right: 12px;
  width: var(--descOptionsWidth);
}
.ocean-vmok-plugin-oc-create-select-ies-desc-wrapper .ocean-vmok-plugin-oc-key-value:last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-create-red-packet-line {
  min-width: 350px;
  height: 78px;
  position: relative;
  overflow: hidden;
  display: flex;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-border {
  border: 2px solid #FF3757;
  border-radius: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  background: #ffffff;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-left {
  width: 144px;
  z-index: 1;
  position: relative;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-left .ocean-vmok-plugin-oc-create-red-packet-line-left-bg {
  width: 100%;
  height: 100%;
  border-radius: 12px 0 0 12px;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-left .ocean-vmok-plugin-oc-create-red-packet-line-left-content {
  margin-right: 20px;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-left .ocean-vmok-plugin-oc-create-red-packet-line-left-content .ocean-vmok-plugin-oc-create-red-packet-line-left-title {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-left .ocean-vmok-plugin-oc-create-red-packet-line-left-content .ocean-vmok-plugin-oc-create-red-packet-line-left-desc {
  color: #ffffff;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  z-index: 5;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-right .ocean-vmok-plugin-oc-create-red-packet-line-right-title {
  margin-bottom: 4px;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-right .ocean-vmok-plugin-oc-create-red-packet-line-right-title .ocean-vmok-plugin-oc-create-red-packet-line-right-title-num {
  color: #31343b;
  font-size: 20px;
  font-style: oblique;
  font-family: "OC-OPPOSans-Bold";
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-create-red-packet-line-pink .ocean-vmok-plugin-oc-create-red-packet-line-border {
  border-color: rgba(227, 73, 73, 0.2);
}
.ocean-vmok-plugin-oc-create-red-packet-line-orange .ocean-vmok-plugin-oc-create-red-packet-line-border {
  border-color: #ff915a;
}
.ocean-vmok-plugin-oc-create-red-packet-line-red .ocean-vmok-plugin-oc-create-red-packet-line-border {
  border-color: #FF3757;
}
.ocean-vmok-plugin-oc-create-red-packet-line-auto-height {
  height: auto;
}
.ocean-vmok-plugin-oc-create-select-package .ocean-vmok-plugin-oc-create-select-package-card {
  width: 544px;
  border: 1px solid #dee0e3;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-create-select-package .ocean-vmok-plugin-oc-create-select-package-card .ocean-vmok-plugin-oc-create-select-package-card-header {
  height: 34px;
  padding: 0 12px;
  background-color: #f2f4f7;
  border-bottom: 1px solid #dee0e3;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #31343b;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-select-package .ocean-vmok-plugin-oc-create-select-package-card .ocean-vmok-plugin-oc-create-select-package-card-content {
  padding: 16px;
  max-height: 218px;
  overflow: auto;
}
.ocean-vmok-plugin-oc-create-select-package .ocean-vmok-plugin-oc-create-select-package-card .ocean-vmok-plugin-oc-create-select-package-card-content .ocean-vmok-plugin-oc-create-select-package-card-content-header {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-select-package .ocean-vmok-plugin-oc-create-select-package-card .ocean-vmok-plugin-oc-create-select-package-card-content .ocean-vmok-plugin-oc-empty {
  height: 218px;
}
.ocean-vmok-plugin-oc-create-select-placement .tools-vmok-plugin-cascader-panel__selection-block {
  height: unset;
}
.ocean-vmok-plugin-oc-create-select-placement .tools-vmok-plugin-cascader-panel__list-wrapper {
  max-height: 272px;
  overflow-y: scroll;
}
.ocean-vmok-plugin-oc-create-select-placement .ocean-vmok-plugin-create-select-placement-item {
  display: flex;
}
.ocean-vmok-plugin-oc-create-select-placement .ocean-vmok-plugin-create-select-placement-item-img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-create-select-placement .ocean-vmok-plugin-create-select-placement-item-name .ocean-vmok-plugin-oc-typography-bold {
  font-weight: 400;
}
.ocean-vmok-plugin-oc-create-text-render-audio {
  display: flex;
  position: relative;
  padding-right: 295px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-text-render-audio-left {
  padding-right: 24px;
  border-right: 1px solid #dfe0e2;
  width: 457px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ocean-vmok-plugin-oc-create-text-render-audio-left .ocean-vmok-plugin-oc-radio-group-plain .tools-vmok-plugin-radio-group {
  row-gap: 4px;
}
.ocean-vmok-plugin-oc-create-text-render-audio-right {
  position: absolute;
  right: 0;
  top: 0;
  overflow-y: auto;
  height: 100%;
  margin-left: 24px;
  width: 271px;
}
.ocean-vmok-plugin-oc-create-text-render-audio-right-body {
  margin-top: 16px;
  height: calc(100% - 38px);
}
.ocean-vmok-plugin-oc-create-text-render-audio-right-body:has(.ocean-vmok-plugin-oc-empty) {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-text-render-audio-right-body .ocean-vmok-plugin-audio-card + .ocean-vmok-plugin-audio-card {
  margin-top: 16px;
}
.ocean-vmok-plugin-oc-create-word-tag-click-div {
  height: 100%;
  position: relative;
  width: 80px;
  margin-left: 12px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-word-tag-click-div::before {
  content: "";
  width: 1px;
  height: 16px;
  background: #dee0e3;
  position: absolute;
  left: -12px;
  top: 3px;
}
.ocean-vmok-plugin-oc-create-word-tag-click {
  width: 0;
  height: 100%;
  white-space: nowrap;
  position: relative;
  left: -90px;
  font-size: 14px;
  color: #31343b;
  z-index: 10;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-word-tag-enter {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-create-word-tag-click-disabled {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-word-tag-suggest {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-create-word-tag-panel-info {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-word-tag-panel {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-word-tag-suggest-list .ocean-vmok-plugin-oc-create-word-tag-suggest-list-title {
  font-size: 14px;
  color: #93969d;
  padding-left: 12px;
  line-height: 34px;
}
.ocean-vmok-plugin-oc-create-word-tag-suggest-list .tools-vmok-plugin-list {
  border: none;
}
.ocean-vmok-plugin-oc-create-word-tag-suggest-list .tools-vmok-plugin-list .tools-vmok-plugin-list__header {
  display: none;
}
.ocean-vmok-plugin-oc-create-word-tag-suggest-list .tools-vmok-plugin-list .tools-vmok-plugin-list__body-scroller {
  max-height: 192px;
  height: auto;
}
.ocean-vmok-plugin-oc-create-word-tag-suggest-list .ocean-vmok-plugin-oc-create-word-tag-suggest-empty {
  padding: 20px 0;
}
.ocean-vmok-plugin-oc-create-word-tag-suggest-popper {
  padding: 6px 0;
}
.ocean-vmok-plugin-recommend-title-select-modal-tabs {
  margin: 24px 0px;
}
.ocean-vmok-plugin-oc-recommend-title-select-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-recommend-title-select-modal-footer .ocean-vmok-plugin-num {
  font-size: 14px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-recommend-title-select-modal-footer-button {
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-recommend-title-select-modal-footer-button .ocean-vmok-plugin-oc-button-wrap:nth-of-type(1) {
  margin-right: 8px;
}
.ocean-vmok-plugin-recommend-title-filter {
  position: relative;
}
.ocean-vmok-plugin-recommend-title-filter-select {
  position: absolute;
  top: 0px;
  right: 0px;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper {
  height: 240px;
  border: 1px dashed #dee0e3;
  background: #f2f4f7;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  position: relative;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper .ocean-vmok-plugin-oc-create-upload-select-desc .ocean-vmok-plugin-oc-create-upload-select-tip {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper .ocean-vmok-plugin-oc-create-upload-select-desc .ocean-vmok-plugin-oc-create-upload-select-tip .ocean-vmok-plugin-oc-create-upload-select-upload-icon {
  color: #62656c;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper .ocean-vmok-plugin-oc-create-upload-select-desc .ocean-vmok-plugin-oc-create-upload-select-tip .ocean-vmok-plugin-oc-create-upload-select-upload-text {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper .ocean-vmok-plugin-oc-create-upload-select-loading {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper .ocean-vmok-plugin-oc-create-upload-select-loading .ocean-vmok-plugin-oc-create-upload-select-loading-icon {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper-disabled {
  background: #f5f7fa;
}
.ocean-vmok-plugin-oc-create-upload-table-wrapper .tools-vmok-plugin-tr:hover .ocean-vmok-plugin-oc-promotion-operation-action-item {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-creative-title-group {
  width: 544px;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-top-operation {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-top-operation button {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-top-operation .ocean-vmok-plugin-total-add {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #666666;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-creative-title-item {
  position: relative;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-creative-title-item__delete {
  position: absolute;
  cursor: pointer;
  color: #93969d;
  right: -23px;
  display: flex;
  top: 8px;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-creative-title-item__delete:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-creative-title-item__delete-disabled {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-creative-title-item__delete-disabled:hover {
  color: #b9bcc3;
}
.ocean-vmok-plugin-creative-title-input {
  width: 554px;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal .ocean-vmok-plugin-tips-link {
  margin-bottom: 12px;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-inline-button {
  display: flex;
  margin: 8px 12px 8px 16px;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 8px;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-error-list {
  max-height: 50px;
  overflow-y: auto;
  flex: 1;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-button {
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-button .ocean-vmok-plugin-oc-button-wrap:nth-of-type(1) {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-error-list .ocean-vmok-plugin-error-valid-tip {
  color: #e34949;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-error-list .ocean-vmok-plugin-error-lines {
  font-size: 12px;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-error-list .ocean-vmok-plugin-error-lines span {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-error-list .ocean-vmok-plugin-error-lines span:after {
  display: inline-block;
  content: "，";
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-error-list .ocean-vmok-plugin-error-lines span:nth-last-child(1):after {
  display: none;
}
.ocean-vmok-plugin-oc-general-cascader-pop-filter-panel .tools-vmok-plugin-cascader-panel__main--border {
  border: none;
}
.ocean-vmok-plugin-oc-general-cascader-panel-filter {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-general-cascader-filter-input {
  padding: 12px;
  border-bottom: 1px solid #dee0e3;
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-general-cascader-panel-title {
  font-size: 14px;
  color: #31343b;
  font-weight: bolder;
  line-height: 38px;
  padding-left: 12px;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader {
  width: 980px;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-show-border {
  padding: 24px;
  border-radius: 0px 0px 4px 4px;
  border-right: 1px solid #dfe0e2;
  border-bottom: 1px solid #dfe0e2;
  border-left: 1px solid #dfe0e2;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-content {
  gap: 8px;
  flex-shrink: 0;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-content-select {
  display: flex;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-content-select-left {
  width: 686px;
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-content-select-right-item {
  background-color: #f4f4f5;
  margin: 8px 12px 0;
  border-radius: 4px;
  padding: 2px 16px;
  position: relative;
  color: #969aa0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* flex-direction: column; */
  gap: 8px 0;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-content-select-right-item-img {
  height: 32px;
  width: 32px;
  border-radius: 50%;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-content-select-right-item-close {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-content-search {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-material-per-second-view-chart_selector_wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-material-per-second-view-chart_chart_wrapper {
  position: relative;
  width: auto;
  padding: 0px;
  margin: 0px;
  border-width: 0px;
  cursor: auto;
}
.ocean-vmok-plugin-oc-material-per-second-view-chart_chart_wrapper .ocean-vmok-plugin-progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 20px;
  pointer-events: none;
  border-right: 1px solid #2e7bff;
  background: linear-gradient(270deg, rgba(42, 85, 229, 0.1) 0%, rgba(42, 85, 229, 0) 100%);
}
.ocean-vmok-plugin-oc-material-per-second-view-chart_chart_wrapper .ocean-vmok-plugin-progress-btn {
  position: absolute;
  width: 62px;
  background: #ffffff;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  line-height: 18px;
  padding: 2px 8px;
  font-weight: 600;
  font-size: 12px;
  transform: translate(-50%, 0);
  cursor: grabbing;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ocean-vmok-plugin-oc-material-per-second-view-chart_chart_wrapper .ocean-vmok-plugin-progress-btn .ocean-vmok-plugin-btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-material-per-second-view-chart_chart_wrapper .ocean-vmok-plugin-progress-btn .ocean-vmok-plugin-btn-wrapper .ocean-vmok-plugin-i-icon {
  display: block;
  height: 14px;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-message-content {
  height: 100%;
  overflow-y: auto;
  padding: 24px;
  box-sizing: border-box;
  background: #ffffff;
  position: relative;
}
.ocean-vmok-plugin-oc-message-content__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #31343b;
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-message-content__create-time {
  font-size: 14px;
  line-height: 22px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-message-content__detail {
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  margin-top: 24px;
}
.ocean-vmok-plugin-oc-message-content__detail a {
  color: #0057ff;
  text-decoration: none;
}
.ocean-vmok-plugin-oc-message-content__detail a:hover {
  color: #2e7bff;
}
.ocean-vmok-plugin-oc-message-drawer.ocean-vmok-plugin-oc-message-drawer__with-footer .ocean-vmok-plugin-message-drawer__pagination {
  bottom: 114px;
}
.ocean-vmok-plugin-oc-message-drawer__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -2px;
}
.ocean-vmok-plugin-oc-message-drawer__message-content {
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-message-drawer__pagination {
  width: 226px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: #ffffff;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #f2f4f7;
  box-shadow: 0px 6px 18px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-message-drawer__pagination-button .tools-vmok-plugin-button.tools-vmok-plugin-button--md {
  min-width: 0px;
  width: 68px;
}
.ocean-vmok-plugin-oc-message-drawer__pagination-indicator {
  flex: none;
  font-size: 14px;
  line-height: 18px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-message-list {
  display: flex;
  flex-direction: column;
  padding: 0px 12px;
}
.ocean-vmok-plugin-oc-message-list__read-all-button {
  flex: none;
  margin: 24px 0 12px 24px;
}
.ocean-vmok-plugin-oc-message-layout {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-message-layout__message-list-container {
  width: 476px;
  border-right: 1px solid #e8eaed;
  flex: none;
}
.ocean-vmok-plugin-oc-message-layout__message-content-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.ocean-vmok-plugin-oc-message-layout__footer {
  flex: none;
  height: 65px;
  border-top: 1px solid #e8eaed;
}
.ocean-vmok-plugin-nav-empty-drop {
  margin-top: 11px;
  max-height: none;
}
.ocean-vmok-plugin-nav-empty-drop .ocean-vmok-plugin-empty-dropdown-content {
  border-radius: 12px;
  background: #ffffff;
}
.ocean-vmok-plugin-navigator-dropdown-wrapper {
  position: relative;
}
.ocean-vmok-plugin-navigator-dropdown-wrapper .ocean-vmok-plugin-tag-number {
  position: absolute;
  top: -2px;
  left: 16px;
  margin: 0;
  color: #ffffff;
  background-color: #e34949;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 8px;
  font-size: 12px;
  padding: 0 4px;
  border: 1px solid text-white;
}
.ocean-vmok-plugin-navigator-dropdown-wrapper .ocean-vmok-plugin-tag-number__text {
  transform: scale(0.8);
  display: inline-block;
}
.ocean-vmok-plugin-navigator-dropdown-wrapper .ocean-vmok-plugin-tag-red {
  position: absolute;
  top: 6px;
  left: 24px;
  margin-left: 2px;
  background-color: #e34949;
  width: 6px;
  height: 6px;
  border-radius: 8px;
}
.ocean-vmok-plugin-navigator-dropdown-wrapper .ocean-vmok-plugin-dropdown-button {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  padding: 6px;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-dropdown-pop {
  margin-top: 11px;
  border-radius: 12px;
  background: #ffffff;
  max-height: none;
  padding: 8px 0;
  color: #31343b;
  font-size: 14px;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-oc-dropdown-item-text {
  width: 100%;
  display: block;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-oc-dropdown-item-text .ocean-vmok-plugin-oc-typography-color-inherit {
  display: block;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-oc-dropdown-item {
  padding: 3px 4px;
  font-size: 14px;
  text-align: center;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-oc-dropdown-content-footer {
  margin: 8px 16px 0 16px;
  text-align: center;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-navigator-dropdown-header {
  display: flex;
  height: 48px;
  padding: 7px 16px 13px;
  border-bottom: 1px solid #f2f4f7;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-navigator-dropdown-header .ocean-vmok-plugin-navigator-dropdown-header-left {
  display: flex;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-navigator-dropdown-header .ocean-vmok-plugin-dropdown-title {
  color: #31343b;
  font-size: 14px;
  font-weight: bolder;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-navigator-dropdown-header .ocean-vmok-plugin-dropdown-subtitle {
  margin-left: 8px;
  color: #93969d;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-navigator-dropdown-header .ocean-vmok-plugin-drop-message-footer-setting {
  color: #0057ff;
  right: 16px;
  cursor: pointer;
  position: absolute;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-dropdown-message-footer {
  height: 40px;
  border-top: 1px solid #f2f4f7;
  justify-content: space-between;
  align-items: center;
  display: flex;
  padding: 8px 16px 0px;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-dropdown-message-footer .ocean-vmok-plugin-drop-message-footer-all {
  color: #0057ff;
  left: 16px;
  line-height: 22px;
  position: absolute;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-dropdown-message-footer .ocean-vmok-plugin-drop-message-footer-ignore {
  color: #0057ff;
  line-height: 22px;
  right: 16px;
  cursor: pointer;
  position: absolute;
}
.ocean-vmok-plugin-navigator-pop {
  margin-top: 11px;
  padding: 8px 16px;
}
.ocean-vmok-plugin-nav-message-title-drop {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.ocean-vmok-plugin-navigator-dropdown-header-left .tools-vmok-plugin-button--text {
  color: #31343b !important;
  font-weight: bolder !important;
}
.ocean-vmok-plugin-nav-message-title-drop-content {
  padding: 6px auto;
  display: block;
}
.ocean-vmok-plugin-nav-message-title-drop-content .ocean-vmok-plugin-nav-message-title-drop-item {
  padding: 6px 12px;
  height: 34px;
}
.ocean-vmok-plugin-nav-message-title-drop-content .ocean-vmok-plugin-nav-message-title-drop-item:hover {
  cursor: pointer;
  background: #f2f4f7;
}
.ocean-vmok-plugin-navigator-dropdown-button-default {
  color: #93969d;
}
.ocean-vmok-plugin-navigator-dropdown-button-default:hover {
  background-color: rgba(42, 85, 229, 0.08);
}
.ocean-vmok-plugin-navigator-dropdown-button-transparent {
  color: #ffffff;
  opacity: 0.5;
}
.ocean-vmok-plugin-navigator-dropdown-button-transparent:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.ocean-vmok-plugin-navigator {
  min-width: 1280px;
  height: 64px;
  top: 0;
  text-align: left;
  display: flex;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left {
  height: 100%;
  position: relative;
  text-align: left;
  display: inline-flex;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu {
  margin-left: 12px;
  display: inline-flex;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-right {
  right: -2px;
  top: 0;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-left {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  margin-left: -2px;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-left,
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-right {
  color: #93969d;
  position: absolute;
  width: 24px;
  height: 24px;
  margin-top: 20px;
  z-index: 20001;
  flex-shrink: 0;
  border-radius: 999px;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-left .ocean-vmok-plugin-menu-arrow-right,
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-right .ocean-vmok-plugin-menu-arrow-right {
  margin: 7px 8px;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-left .ocean-vmok-plugin-menu-arrow-left,
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-right .ocean-vmok-plugin-menu-arrow-left {
  margin: 7px;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-menu-arrow:hover,
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-menu-arrow-bg-left:hover,
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-menu-arrow-bg-right:hover {
  cursor: pointer;
  color: #0057ff;
  z-index: 20004;
}
.ocean-vmok-plugin-navigator-logo {
  padding-left: 24px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  height: 100%;
}
.ocean-vmok-plugin-navigator-logo .ocean-vmok-plugin-logo {
  height: 40px;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-right {
  display: flex;
  height: 64px;
  position: absolute;
  flex-wrap: nowrap;
  height: 100%;
  align-items: center;
  right: 0;
  top: 0;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-right .ocean-vmok-plugin-navigator-right-tool {
  display: flex;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-right .ocean-vmok-plugin-navigator-right-line {
  width: 1px;
  height: 20px;
  margin-left: 16px;
  margin-right: 16px;
}
.ocean-vmok-plugin-navigator-entrance {
  justify-content: center;
  margin-left: 8px;
  margin-right: 24px;
  cursor: pointer;
}
.ocean-vmok-plugin-nav-right-tool-default .ocean-vmok-plugin-navigator-right-line {
  background: #b9bcc3;
}
.ocean-vmok-plugin-nav-right-tool-transparent .ocean-vmok-plugin-navigator-right-line {
  background: rgba(255, 255, 255, 0.5);
}
.ocean-vmok-plugin-nav-transparent {
  background: transparent;
}
.ocean-vmok-plugin-nav-white {
  background: white;
}
.ocean-vmok-plugin-nav-absolute {
  position: absolute;
}
.ocean-vmok-plugin-nav-relative {
  position: relative;
}
.ocean-vmok-plugin-nav-fixed {
  position: fixed;
}
.ocean-vmok-plugin-navigator-account {
  width: 280px;
  cursor: pointer;
  padding: 8px 16px;
  background-color: #fff;
}
.ocean-vmok-plugin-navigator-account .ocean-vmok-plugin-icon-copy {
  color: #93969d;
  display: none;
}
.ocean-vmok-plugin-navigator-account .ocean-vmok-plugin-icon-copy:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-account .ocean-vmok-plugin-icon-check {
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-account:hover {
  background-color: #f2f4f7;
  border-radius: 8px;
}
.ocean-vmok-plugin-navigator-account:hover .ocean-vmok-plugin-icon-copy {
  display: flex;
}
.ocean-vmok-plugin-navigator-account .ocean-vmok-plugin-default-avatar {
  line-height: 30px;
  text-align: center;
  font-weight: bolder;
  color: #fff;
  background-color: #0057ff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.ocean-vmok-plugin-navigator-account .ocean-vmok-plugin-oc-item-group-prefix,
.ocean-vmok-plugin-navigator-account .ocean-vmok-plugin-oc-item-group-suffix {
  align-self: center;
}
.ocean-vmok-plugin-navigator-list-message {
  position: relative;
  width: 560px;
}
.ocean-vmok-plugin-navigator-list-message-empty .ocean-vmok-plugin-oc-empty {
  height: 100%;
}
.ocean-vmok-plugin-navigator-list-message-body {
  overflow: auto;
}
.ocean-vmok-plugin-navigator-list-message-body .ocean-vmok-plugin-isRollingLoad {
  max-height: none;
}
.ocean-vmok-plugin-navigator-list-message-list {
  padding-top: 8px;
}
.ocean-vmok-plugin-navigator-list-message-spin-text {
  font-size: 12px;
  margin-left: 4px;
  align-items: center;
  color: #0057ff;
  display: flex;
}
.ocean-vmok-plugin-navigator-list-message-item-content {
  color: #93969d;
  font-size: 12px;
  line-height: 18px;
  margin-top: 8px;
}
.ocean-vmok-plugin-navigator-list-message-item {
  padding: 8px 16px;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-item-title-content {
  display: flex;
  align-content: space-between;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-item-title-content-left {
  display: flex;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-item-title-content-date {
  margin-left: auto;
  color: #93969d;
  font-size: 12px;
  flex: 0 0 auto;
  line-height: 18px;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-item-title-content .ocean-vmok-plugin-text {
  flex: 1;
}
.ocean-vmok-plugin-navigator-list-message-item:hover {
  background-color: #f2f4f7;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-list-message-item:hover .ocean-vmok-plugin-text {
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-list-message-item:hover .ocean-vmok-plugin-oc-item-group-content-title .ocean-vmok-plugin-oc-typography-type-text {
  font-size: 14px;
  font-weight: bolder;
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-text:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-tag {
  display: inline;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-read-status {
  display: flex;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #e34949;
}
.ocean-vmok-plugin-navigator-list-message-item .tools-vmok-plugin-tag {
  padding: 0 4px;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-oc-item-group-description {
  pointer-events: none;
  margin-top: 8px;
  padding-left: 10px;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-oc-item-group-content-title .ocean-vmok-plugin-oc-typography-type-text {
  font-size: 14px;
  font-weight: bolder;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-oc-item-group-content-title .ocean-vmok-plugin-oc-typography-type-text:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-date {
  color: #93969d;
  font-size: 12px;
  margin: 0;
  margin-left: 8px;
}
.ocean-vmok-plugin-navigator-list-message-item.ocean-vmok-plugin-read .ocean-vmok-plugin-oc-item-group-content-title .ocean-vmok-plugin-oc-typography-type-text {
  font-weight: normal;
}
.ocean-vmok-plugin-navigator-list-message-item.ocean-vmok-plugin-read .ocean-vmok-plugin-read-status {
  background-color: #dee0e3;
}
.ocean-vmok-plugin-navigator-tabs {
  padding: 16px;
  padding-bottom: 8px;
  background-color: #fff;
  display: flex;
}
.ocean-vmok-plugin-navigator-tabs-list {
  margin-right: 16px;
  padding-right: 16px;
  border-right: 1px solid #f2f4f7;
}
.ocean-vmok-plugin-navigator-tabs-list .ocean-vmok-plugin-navigator-tab {
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-tabs-list .ocean-vmok-plugin-navigator-tab:nth-last-child(1) {
  margin-bottom: 0;
}
.ocean-vmok-plugin-navigator-tabs-list .ocean-vmok-plugin-navigator-tab-active {
  color: #0057ff;
  background-color: #e8f4ff;
}
.ocean-vmok-plugin-navigator-user-button {
  width: 204px;
  border-radius: 34px;
  padding: 4px 8px;
}
.ocean-vmok-plugin-navigator-user-button .ocean-vmok-plugin-oc-item-group-suffix {
  margin-left: 0;
}
.ocean-vmok-plugin-navigator-user-button .ocean-vmok-plugin-down-arrow {
  transition: all 0.1s;
}
.ocean-vmok-plugin-navigator-user-pop {
  width: 280px;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-back {
  padding: 9px 16px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-back-button {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-back-button-span {
  margin-left: 2px;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-account-diver {
  height: 1px;
  width: 100%;
  background: #dfe0e2;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-current-account {
  padding: 16px;
  padding-right: 12px;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-current-account-info {
  margin-top: 10px;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-setting-list {
  margin: 0;
  padding: 8px 0;
  list-style: none;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-setting-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 16px;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-setting-list-item-content {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-setting-list-item .ocean-vmok-plugin-icon-check {
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-setting-list-item .ocean-vmok-plugin-item-icon {
  margin-right: 4px;
  height: 16px;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-setting-list-item:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-navigator-user:hover .ocean-vmok-plugin-down-arrow {
  transform: rotate(180deg);
}
.ocean-vmok-plugin-navigator-user-dropdown {
  max-height: none;
  border-radius: 12px;
  padding: 0;
  margin-top: 3px;
}
.ocean-vmok-plugin-navigator-user-transparent .ocean-vmok-plugin-down-arrow {
  color: rgba(255, 255, 255, 0.8);
}
.ocean-vmok-plugin-navigator-user-transparent .ocean-vmok-plugin-navigator-user-button:hover {
  background: rgba(255, 255, 255, 0.1);
}
.ocean-vmok-plugin-navigator-user-default .ocean-vmok-plugin-down-arrow {
  color: #93969d;
}
.ocean-vmok-plugin-navigator-user-default .ocean-vmok-plugin-navigator-user-button:hover {
  background: rgba(42, 85, 229, 0.08);
}
.ocean-vmok-plugin-oc-step-guides {
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  background-color: #fff;
}
.ocean-vmok-plugin-oc-step-guides-title {
  color: #31343b;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-step-guides-wrapper {
  width: 100%;
}
.ocean-vmok-plugin-oc-step-guides-wrapper-card {
  height: 90px !important;
  padding: 32px 0 8px 0;
}
.ocean-vmok-plugin-oc-step-guides-wrapper-link {
  height: 112px !important;
  margin-top: 24px;
  padding: 32px 0;
  border: 1px solid #dee0e3;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-step-guides-groups {
  display: flex;
  justify-content: center;
  position: relative;
  cursor: default;
}
.ocean-vmok-plugin-oc-step-guides-groups-item {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-step-guides-groups-item-info {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-step-guides-groups-item-info-desc {
  margin-left: 16px;
  text-align: left;
}
.ocean-vmok-plugin-oc-step-guides-groups-item-info-desc-title {
  color: #31343b;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  word-break: keep-all;
}
.ocean-vmok-plugin-oc-step-guides-groups-item-info-desc-auxiliary {
  margin-top: 8px;
  color: #93969d;
  font-size: 12px;
  line-height: 18px;
  word-break: keep-all;
}
.ocean-vmok-plugin-oc-step-guides-groups-item-divider {
  border-bottom: 2px dashed #dfe0e2;
}
.ocean-vmok-plugin-oc-step-guides-groups-arrow {
  position: absolute;
  cursor: pointer;
  top: calc(50% - 8px);
}
.ocean-vmok-plugin-oc-step-guides-groups-left-card {
  left: 0;
}
.ocean-vmok-plugin-oc-step-guides-groups-left-link {
  left: 16px;
}
.ocean-vmok-plugin-oc-step-guides-groups-right-card {
  right: 0;
}
.ocean-vmok-plugin-oc-step-guides-groups-right-link {
  right: 16px;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-white-close .tools-vmok-plugin-modal__close-icon {
  color: #ffffff !important;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-white-close .tools-vmok-plugin-modal__close-icon:hover {
  color: #0057ff !important;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-guide-modal-wrap .tools-vmok-plugin-modal {
  max-height: 640px;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
}
.ocean-vmok-plugin-oc-guide-modal-wrap .tools-vmok-plugin-modal .tools-vmok-plugin-modal__close-icon {
  color: #93969d;
}
.ocean-vmok-plugin-oc-guide-modal-wrap .tools-vmok-plugin-modal .tools-vmok-plugin-modal__close-icon:hover {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-header {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body-box + .ocean-vmok-plugin-oc-guide-modal-wrap-body-text {
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body-box-image {
  border-radius: 12px 12px 0px 0px;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body-box-image-radius {
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body-box-video-player .ocean-vmok-plugin-oc-video-player {
  border-radius: 12px 12px 0px 0px;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body-box-video-player-radius .ocean-vmok-plugin-oc-video-player {
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body-text {
  display: flex;
  justify-content: center;
  overflow: auto;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body-nopadding {
  padding: 0;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.ocean-vmok-plugin-oc-feedback {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  overflow: hidden;
  background: #fff;
  position: relative;
}
.ocean-vmok-plugin-oc-feedback-bg-icon {
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(-40deg) translate(20px, -10px);
}
.ocean-vmok-plugin-oc-feedback-info {
  background: linear-gradient(90deg, #e5f2ff 0%, #bfdfff 100%);
}
.ocean-vmok-plugin-oc-feedback-info-light {
  background: linear-gradient(180deg, #e5f2ff 0%, rgba(232, 240, 255, 0) 100%);
}
.ocean-vmok-plugin-oc-feedback-warning {
  background: linear-gradient(90deg, #fff4e4 0%, #ffe5a1 100%);
}
.ocean-vmok-plugin-oc-feedback-warning-light {
  background: linear-gradient(180deg, #fff5d0 0%, rgba(255, 245, 208, 0) 100%);
}
.ocean-vmok-plugin-oc-feedback-error {
  background: linear-gradient(90deg, #ffede3 0%, #ffc3c3 100%);
}
.ocean-vmok-plugin-oc-feedback-error-light {
  background: linear-gradient(180deg, #fdf2f2 0%, rgba(253, 242, 242, 0) 100%);
}
.ocean-vmok-plugin-oc-feedback-header {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-feedback-header-wrapper {
  margin-left: 12px;
}
.ocean-vmok-plugin-oc-feedback-header-title-text {
  font-size: 16px;
  font-weight: 600;
  color: #31343b;
  line-height: 24px;
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-feedback-header-title-num {
  font-size: 26px;
  font-weight: 700;
  line-height: 22px;
  font-family: OC-Number-Bold;
  margin-right: 3px;
}
.ocean-vmok-plugin-oc-feedback-header-title-num-info,
.ocean-vmok-plugin-oc-feedback-header-title-num-info-light {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-feedback-header-title-num-warning,
.ocean-vmok-plugin-oc-feedback-header-title-num-warning-light {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-feedback-header-title-num-error,
.ocean-vmok-plugin-oc-feedback-header-title-num-error-light {
  color: #e34949;
}
.ocean-vmok-plugin-oc-feedback-header-title-suffix {
  color: #101011;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-feedback-header-auxiliary {
  margin-top: 4px;
  color: #62656c;
  font-size: 12px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-feedback-suggest {
  width: 100%;
  border-radius: 12px;
  opacity: 1;
  z-index: 2;
  position: relative;
  background-color: #fff;
  padding: 16px;
}
.ocean-vmok-plugin-oc-feedback-suggest-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-feedback-suggest-title-left {
  font-size: 14px;
  font-weight: 600;
  color: #31343b;
  line-height: 22px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-feedback-suggest-title-left-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-feedback-suggest-title-right {
  font-size: 12px;
  color: #62656c;
  line-height: 18px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel .ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel-tab-wrap {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel .ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel-tab-wrap:last-of-type {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel .ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel-row-wrap {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel .ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel-row-wrap:last-of-type {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel .ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel-row-wrap .ocean-vmok-plugin-render-container {
  margin: 4px 0;
}
.ocean-vmok-plugin-oc-quick-operation {
  width: 100%;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #fff;
  border-radius: 12px;
  padding: 16px 0 16px 24px;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper > :not(:last-child) {
  margin-right: 40px;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-item {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-item-name {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary {
  color: #62656c;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-icon {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-popover {
  margin-left: 4px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-value {
  margin: 0 4px 0 8px;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-clickable:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-clickable:hover .ocean-vmok-plugin-oc-quick-operation-wrapper-primary-popover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-clickable:active {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-clickable:active .ocean-vmok-plugin-oc-quick-operation-wrapper-primary-icon {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-clickable:active .ocean-vmok-plugin-oc-quick-operation-wrapper-primary-value {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-clickable:active .ocean-vmok-plugin-oc-quick-operation-wrapper-primary-popover {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-quick-operation .ocean-vmok-plugin-oc-quick-operation-wrapper-primary-popover:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-quick-operation .ocean-vmok-plugin-oc-quick-operation-wrapper-primary-popover:active {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger {
  color: #62656c;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-icon {
  color: #e34949;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-popover {
  margin-left: 4px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-value {
  margin: 0 4px 0 8px;
  color: #e34949;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-clickable:hover {
  color: #e34949;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-clickable:hover .ocean-vmok-plugin-oc-quick-operation-wrapper-danger-popover {
  color: #e34949;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-clickable:active {
  color: #c71023;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-clickable:active .ocean-vmok-plugin-oc-quick-operation-wrapper-danger-icon {
  color: #c71023;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-clickable:active .ocean-vmok-plugin-oc-quick-operation-wrapper-danger-value {
  color: #c71023;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-clickable:active .ocean-vmok-plugin-oc-quick-operation-wrapper-danger-popover {
  color: #c71023;
}
.ocean-vmok-plugin-oc-quick-operation .ocean-vmok-plugin-oc-quick-operation-wrapper-danger-popover:hover {
  color: #e34949;
}
.ocean-vmok-plugin-oc-quick-operation .ocean-vmok-plugin-oc-quick-operation-wrapper-danger-popover:active {
  color: #c71023;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-wrapper .ocean-vmok-plugin-batch-edit-bid-budget-effect-type {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-wrapper .ocean-vmok-plugin-oc-promotion-data-card {
  padding: 0 !important;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-wrapper .ocean-vmok-plugin-change-value-input-group {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-wrapper .ocean-vmok-plugin-change-value-input-group .ocean-vmok-plugin-change-value-input-total {
  width: 50%;
  display: flex;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-wrapper .ocean-vmok-plugin-oc-promotion-data-card {
  padding: 0 !important;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-cell {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-cell .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value-edit {
  font-size: 12px;
  color: #31343b;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-cell .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value-edit .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value-edit-icon {
  margin-right: 4px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-cell .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value-desc {
  color: #93969d;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-cell .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value-msg {
  flex-basis: 100%;
  display: flex;
  justify-content: flex-end;
}
.tools-vmok-plugin-table-cell--right .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value-edit {
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell-data {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell-text {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell-icon {
  color: #62656c;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell-icon:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-poover-form .ocean-vmok-plugin-oc-radio-group {
  width: 100%;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-poover-form .tools-vmok-plugin-radio-item-group {
  width: 100%;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-poover-form .ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item {
  width: 50%;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-poover-form .tools-vmok-plugin-date-picker {
  width: 100% !important;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell-msg {
  display: flex;
  flex-basis: 100%;
  justify-content: flex-end;
}
.ocean-vmok-plugin-batch-edit-delivery-duration-effect-type {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-batch-edit-delivery-duration-unit {
  margin-left: 8px;
  color: #31343b;
  font-size: 14px;
}
.ocean-vmok-plugin-delivery-duration-cell-edit {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-delivery-duration-edit-icon {
  margin-left: 4px;
}
.ocean-vmok-plugin-delivery-duration-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-delivery-duration-info-slot {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-modal-wrap .ocean-vmok-plugin-oc-promotion-batch-edit-modal-body {
  position: relative;
  overflow-y: scroll;
}
.ocean-vmok-plugin-oc-modal-wrap .ocean-vmok-plugin-oc-promotion-batch-edit-modal-body-scroll-auto {
  overflow-y: auto;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer__left {
  display: flex;
  font-size: 12px;
  align-items: center;
  line-height: 18px;
  margin-right: 16px;
  width: 100%;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer__left-error {
  line-height: 18px;
  max-height: 40px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer__left-error-message {
  color: #e34949;
  float: left;
  height: 20px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer__left-error-all {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer__left-error-all:hover {
  background: rgba(227, 73, 73, 0.3);
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer__right {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-next-modal-footer {
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-next-modal-header .ocean-vmok-plugin-oc-modal-header-icon:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-next-modal-header span:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-header {
  font-size: 16px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-header .ocean-vmok-plugin-oc-popover-icon-wrapper {
  margin-left: 4px;
}
div + .ocean-vmok-plugin-oc-promotion-batch-edit-modal-table {
  margin-top: 20px;
}
.ocean-vmok-plugin-batch-edit-modal-table-scroll-row:hover .ocean-vmok-plugin-oc-promotion-operation span {
  color: #0057ff;
}
.ocean-vmok-plugin-batch-edit-modal-table-scroll-row:hover [name="oc-icon-light-edit"] {
  color: #0057ff;
}
.ocean-vmok-plugin-batch-edit-modal-table-scroll-row:hover .ocean-vmok-plugin-oc-promotion-operation .ocean-vmok-plugin-oc-promotion-operation-disabled-item {
  color: #93969d;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer-cancel-button {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-batch-edit-price-cell-edit {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-batch-edit-price-edit-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-batch-edit-price-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-price-unit-text {
  color: #93969d;
  padding-right: 8px;
}
.ocean-vmok-plugin-promotion-batch-edit-match-type-edit-cell {
  overflow: auto;
}
.ocean-vmok-plugin-promotion-batch-edit-match-type-edit-cell .tools-vmok-plugin-radio-item--checked {
  z-index: 1;
}
.ocean-vmok-plugin-promotion-batch-edit-district-table {
  margin-top: 24px;
}
.ocean-vmok-plugin-promotion-batch-edit-district-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-batch-ratio-cell-edit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-batch-ratio-edit-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-batch-ratio-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-batch-ratio-cell-edit-text {
  max-width: 85px;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar {
  height: 48px;
  border-radius: 4px;
  padding: 0px 16px 0px 16px;
  display: flex;
  background-color: rgba(42, 85, 229, 0.06);
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-num {
  font-weight: 600;
  font-size: 14px;
  color: #0057ff;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-groups {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-groups-divider {
  width: 1px;
  height: 12px;
  background-color: #b1caf6;
  margin: 0 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-groups-group {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-groups-group-item .tools-vmok-plugin-button--text {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-groups-group-item .tools-vmok-plugin-button--disabled {
  color: #badaff;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-groups-group > :nth-child(n) {
  margin-right: 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-groups-group > :last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-close {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-close:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-dropdown-popper {
  min-width: 200px;
  max-height: 350px;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-dropdown-popper .tools-vmok-plugin-dropdown-item {
  padding-left: 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-wrapper .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-effect-type {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell-edit {
  display: flex;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell-text {
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell-icon {
  margin-left: 4px;
  color: #62656c;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell-icon:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-value-msg {
  width: 100%;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-next-name {
  color: #31343b;
  font-size: 14px;
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-popover-content {
  max-height: 300px;
  overflow-y: auto;
}
.ocean-vmok-plugin-qc-promotion-campaign-modal-btn {
  display: inline-block;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-batch-edit-roi-goal-cell-edit {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-batch-edit-roi-goal-edit-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-batch-edit-roi-goal-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-batch-edit-roi-goal-cell-edit-ellipsis {
  max-width: 100px;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body {
  text-align: start;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-oc-promotion-budget-title-desc {
  font-size: 12px;
  line-height: 18px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-group-margin-bottom {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-group-margin-bottom + .ocean-vmok-plugin-oc-promotion-budget-extra {
  margin-top: -8px;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-oc-promotion-budget-reserved-info {
  margin-top: 8px;
  padding: 8px;
  background: #f2f4f7;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-oc-promotion-budget-reserved-info-num {
  font-weight: bolder;
  color: #31343b;
  margin: 0 4px;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-oc-promotion-budget-reserved-info-mr {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-oc-promotion-budget-reserved-info-btn {
  display: inline-block;
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-oc-promotion-budget-extra {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-promotion-bid-wrapper {
  text-align: right;
  width: 100%;
  min-width: auto;
  height: auto;
  min-height: auto;
}
.ocean-vmok-plugin-oc-promotion-bid-header {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: flex-end;
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-bid-header--icon {
  cursor: pointer;
  color: #0057ff;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-bid-header .ocean-vmok-plugin-edit-absolute {
  position: absolute;
  left: 0;
  height: 16px;
  z-index: 1;
  padding-right: 24px;
  background: linear-gradient(90deg, #f2f5fd 0%, #e8edfc 51.74%, rgba(234, 239, 253, 0) 100%);
}
.ocean-vmok-plugin-oc-promotion-bid-header .ocean-vmok-plugin-edit-disabled {
  cursor: not-allowed;
  color: #badaff;
  opacity: 0.46;
}
.ocean-vmok-plugin-oc-promotion-bid-header--title {
  font-family: 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
  font-style: normal;
  word-break: break-all;
  white-space: normal;
  font-size: 12px;
  line-height: 20px;
  color: #31343b;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-promotion-compare-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-promotion-compare-card .tools-vmok-plugin-spin__block-mask,
.ocean-vmok-plugin-oc-promotion-compare-card .tools-vmok-plugin-spin__block {
  z-index: 1800 !important;
}
.ocean-vmok-plugin-oc-promotion-compare-select-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-promotion-compare-select-container .ocean-vmok-plugin-select-container {
  position: relative;
  margin-right: 24px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-compare-select-container .ocean-vmok-plugin-select-container:last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-promotion-compare-select-container .ocean-vmok-plugin-select-container .ocean-vmok-plugin-color {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background-color: #0057ff;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-compare-select-container-popper {
  padding: 0;
  max-height: fit-content;
}
.ocean-vmok-plugin-oc-promotion-compare-select-item {
  padding: 5px 12px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-compare-select-extra .ocean-vmok-plugin-block {
  width: 12px;
  height: 12px;
  margin-right: 4px;
  border-radius: 1px;
}
.ocean-vmok-plugin-batch-revive-delivery-input-margin {
  margin: 24px 0 16px 0;
}
.ocean-vmok-plugin-batch-revive-delivery-input-tip {
  margin-bottom: 12px;
}
.ocean-vmok-plugin-batch-revive-delivery-cell-edit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ocean-vmok-plugin-batch-revive-delivery-edit-icon {
  margin-left: 4px;
}
.ocean-vmok-plugin-batch-revive-delivery-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-coupon-balance {
  height: 90px;
  display: flex;
  padding: 16px 24px;
  border-radius: 12px;
  background-color: #f5f7fa;
  min-width: 600px;
}
.ocean-vmok-plugin-oc-promotion-coupon-balance-total-wrapper {
  min-width: 180px;
}
.ocean-vmok-plugin-oc-promotion-coupon-balance-detail {
  padding-top: 8px;
  display: flex;
  align-items: end;
}
.ocean-vmok-plugin-oc-promotion-coupon-balance-line {
  width: 6px;
  height: 54px;
  margin: 0 16px;
}
.ocean-vmok-plugin-oc-template-list-popover {
  padding: 8px 0;
}
.ocean-vmok-plugin-oc-promotion-data-card {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-group {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-group .ocean-vmok-plugin-edit-absolute {
  display: flex;
  position: absolute;
  left: 0;
  height: 16px;
  z-index: 1;
  padding-right: 24px;
  background: linear-gradient(90deg, #f2f5fd 0%, #e8edfc 51.74%, rgba(234, 239, 253, 0) 100%);
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-group-title,
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-group-desc {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-group-title-right,
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-group-desc-right {
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-edit {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-edit .ocean-vmok-plugin-edit-icon + .ocean-vmok-plugin-edit-icon {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-edit .ocean-vmok-plugin-edit-icon {
  display: flex;
  align-self: center;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-tag-text {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-tag {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-invisible {
  visibility: hidden;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-visible {
  visibility: visible;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-edit-disabled {
  cursor: not-allowed;
  color: #badaff;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-edit-disabled svg {
  opacity: 0.46;
}
.ocean-vmok-plugin-oc-promotion-detail-card {
  page-break-inside: avoid;
}
.ocean-vmok-plugin-oc-promotion-detail-card:hover .ocean-vmok-plugin-oc-promotion-detail-card-header .ocean-vmok-plugin-oc-promotion-detail-card-header-left .ocean-vmok-plugin-oc-promotion-detail-card-header-icon-edit {
  display: block;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-header {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f5f7fa;
  border-radius: 8px;
  padding: 0 16px;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-header .ocean-vmok-plugin-oc-promotion-detail-card-header-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-header .ocean-vmok-plugin-oc-promotion-detail-card-header-left .ocean-vmok-plugin-oc-promotion-detail-card-header-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-header .ocean-vmok-plugin-oc-promotion-detail-card-header-left .ocean-vmok-plugin-oc-promotion-detail-card-header-icon-edit {
  display: none;
  margin-top: 2px;
  margin-left: 8px;
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-header .ocean-vmok-plugin-oc-promotion-detail-card-header-left .ocean-vmok-plugin-oc-promotion-detail-card-header-icon-edit:hover {
  color: #2e7bff;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-header .ocean-vmok-plugin-oc-promotion-detail-card-header-left .ocean-vmok-plugin-oc-promotion-detail-card-header-icon-edit.ocean-vmok-plugin-disabled {
  cursor: not-allowed;
  color: #badaff;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-body {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-body .ocean-vmok-plugin-oc-promotion-detail-card-body-item {
  display: flex;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-body .ocean-vmok-plugin-oc-promotion-detail-card-body-item .ocean-vmok-plugin-oc-promotion-detail-card-body-item-component {
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-body .ocean-vmok-plugin-oc-promotion-detail-card-body-item .ocean-vmok-plugin-oc-promotion-detail-card-body-item-label {
  min-width: 120px;
  max-width: 120px;
  margin-right: 16px;
  flex-shrink: 0;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-body .ocean-vmok-plugin-oc-promotion-detail-card-body-item-right {
  max-height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-promotion-data-overview .ocean-vmok-plugin-oc-promotion-data-overview-control-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-promotion-data-overview .ocean-vmok-plugin-oc-promotion-data-overview-control-bar .ocean-vmok-plugin-oc-control-bar-right {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-data-overview .ocean-vmok-plugin-oc-promotion-data-overview-control-bar .ocean-vmok-plugin-oc-control-bar-right .ocean-vmok-plugin-icon-popover-reference {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-promotion-data-overview .ocean-vmok-plugin-oc-promotion-data-overview-content {
  min-height: 86px;
}
.ocean-vmok-plugin-oc-promotion-data-overview-toggle-btn {
  width: 32px;
  height: 32px;
}
.ocean-vmok-plugin-oc-promotion-data-overview-toggle-btn .tools-vmok-plugin-button {
  min-width: 32px !important;
  height: 32px;
  padding: 0;
}
.ocean-vmok-plugin-oc-promotion-highlight-card {
  width: 100%;
  padding: 16px;
  background-color: #f2f5fd;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__header-left {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__header-left-title {
  padding-right: 4px;
  margin-right: -4px;
  background: linear-gradient(104deg, rgba(0, 65, 255, 0.72) 5.13%, rgba(66, 136, 255, 0.72) 94.28%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateX(0) skewX(-7deg);
  transform-origin: 0 0;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  display: flex;
  gap: 8px;
  position: relative;
  min-height: 82px;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content-item,
.ocean-vmok-plugin-oc-promotion-highlight-card__content-line {
  flex: none;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content-line {
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content-line::after {
  width: 1px;
  content: "";
  position: absolute;
  background: #dee0e3;
  top: 25%;
  bottom: 25%;
  left: 50%;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content::-webkit-scrollbar {
  width: 9px;
  height: 6px;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content::-webkit-scrollbar-thumb:hover {
  background-color: #b9bcc3;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__loading-text {
  color: #0057ff;
  font-size: 12px;
  line-height: 18px;
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-promotion-highlight-card.ocean-vmok-plugin-oc-promotion-highlight-card__theme-market {
  background-color: #fff4f1;
}
.ocean-vmok-plugin-oc-promotion-highlight-card.ocean-vmok-plugin-oc-promotion-highlight-card__theme-market .ocean-vmok-plugin-oc-promotion-highlight-card__header-left-title {
  background: linear-gradient(113deg, #ff6934 10.06%, #ff9663 80.47%);
  background-clip: text;
}
.ocean-vmok-plugin-oc-promotion-info-card-btn {
  display: inline-block;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo {
  font-size: 12px;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo .ocean-vmok-plugin-oc-promotion-live-adinfo-flex {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo .ocean-vmok-plugin-oc-promotion-live-adinfo-content {
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo-pointer {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo .ocean-vmok-plugin-oc-promotion-live-adinfo-text {
  max-width: calc(100% - 128px);
  overflow: hidden;
  padding-right: 16px;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo .ocean-vmok-plugin-oc-promotion-live-adinfo-img-wrap {
  position: relative;
  height: 32px;
  width: 32px;
  overflow: hidden;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  background-color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo .ocean-vmok-plugin-oc-promotion-live-adinfo-material {
  display: flex;
  align-items: center;
  width: 72px;
  color: #62656c;
  gap: 4px;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo .ocean-vmok-plugin-oc-promotion-live-adinfo-aweme {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar {
  padding: 16px;
  background: #f5f7fa;
  width: 100%;
  min-width: 1112px;
  min-height: 86px;
  border-radius: 12px;
  cursor: default;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-content-box {
  display: flex;
  flex-direction: row;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-spin-box {
  width: 100%;
  height: 100%;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-spin-box .ocean-vmok-plugin-oc-promotion-key-info-bar-loading-text {
  margin-left: 5px;
  color: #2e7bff;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-info-con {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-left-con {
  flex: 1;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-left-con .ocean-vmok-plugin-oc-promotion-key-info-bar-title-con {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-left-con .ocean-vmok-plugin-oc-promotion-key-info-bar-title-con .ocean-vmok-plugin-oc-promotion-key-info-bar-hover-show {
  position: relative;
  top: 2px;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-right-con {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-hover-show {
  margin-left: 4px;
  color: #0057ff;
  visibility: hidden;
  cursor: pointer;
  display: inline-block;
  align-items: center;
  height: 16px;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar:hover .ocean-vmok-plugin-oc-promotion-key-info-bar-hover-show {
  visibility: visible;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-detail {
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-detail .ocean-vmok-plugin-oc-promotion-media-group-detail-tag {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2000;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-detail .ocean-vmok-plugin-oc-promotion-media-group-detail-mark {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2000;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-detail .ocean-vmok-plugin-oc-promotion-media-group-list {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: #f2f4f7;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-detail .ocean-vmok-plugin-oc-promotion-media-group-list .ocean-vmok-plugin-oc-promotion-media-group-list-ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-detail .ocean-vmok-plugin-oc-promotion-media-group-list .ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-container {
  background-color: #dee0e3;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-detail .ocean-vmok-plugin-oc-promotion-media-group-list-disabled {
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 16px;
  color: #31343b;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-promotion-media-group-preview {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -8px;
}
.ocean-vmok-plugin-oc-promotion-media-group-preview .ocean-vmok-plugin-oc-promotion-media-group-preview-item {
  margin-left: 8px;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-promotion-media-group-preview-popover .ocean-vmok-plugin-oc-popover-body {
  max-height: 250px;
  overflow-y: auto;
  margin-bottom: -8px;
}
.ocean-vmok-plugin-oc-promotion-metric-card .ocean-vmok-plugin-oc-statistic-content {
  align-items: flex-end;
}
.ocean-vmok-plugin-oc-promotion-metric-popover {
  padding: 0;
}
.ocean-vmok-plugin-oc-promotion-metric-chart {
  height: 242px;
  width: 590px;
  display: flex;
  align-content: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-promotion-metric-card-separator {
  padding: 0 4px;
  display: block;
  line-height: 24px;
}
.ocean-vmok-plugin-metric-card-chart {
  min-width: 80px;
  margin-left: 8px;
  color: #93969d;
}
.ocean-vmok-plugin-metric-card-chart-icon {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-more-filter-modal {
  overflow: hidden;
}
.ocean-vmok-plugin-popover-footer {
  margin: 16px 8px 8px 0;
}
.ocean-vmok-plugin-oc-promotion-name-edit-textarea .tools-vmok-plugin-textarea__suffix {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.ocean-vmok-plugin-oc-promotion-operation-com {
  font-size: 12px;
  width: auto;
}
.ocean-vmok-plugin-oc-promotion-operation-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
.ocean-vmok-plugin-oc-promotion-operation-wrapper-direction-vertical {
  align-items: start;
  flex-direction: column;
  gap: 4px;
}
.ocean-vmok-plugin-oc-promotion-operation-wrapper .ocean-vmok-plugin-oc-promotion-operation-action-item {
  line-height: 18px;
}
.ocean-vmok-plugin-oc-promotion-operation-more-action {
  fill: #666;
  border-radius: 4px;
  cursor: pointer;
  height: 16px;
  vertical-align: -4px;
  width: 16px;
}
.ocean-vmok-plugin-oc-operation-no-padding {
  padding: 0;
}
.ocean-vmok-plugin-oc-promotion-operation-extra-operation {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-promotion-extra-operation-body {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  line-height: 34px;
  padding: 6px 0;
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-extra-operation-body .ocean-vmok-plugin-oc-promotion-operation-action-item,
.ocean-vmok-plugin-oc-promotion-extra-operation-body .ocean-vmok-plugin-oc-popover {
  height: 34px;
  padding: 0 16px;
  text-align: center;
  display: block;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-extra-operation-body .ocean-vmok-plugin-oc-promotion-operation-action-item:hover,
.ocean-vmok-plugin-oc-promotion-extra-operation-body .ocean-vmok-plugin-oc-popover:hover {
  background: #edf1fd;
}
.ocean-vmok-plugin-oc-promotion-step {
  display: flex;
}
.ocean-vmok-plugin-oc-promotion-step.ocean-vmok-plugin-vertical {
  flex-direction: column;
}
.ocean-vmok-plugin-oc-promotion-status-tag {
  display: flex;
  gap: 4px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo {
  font-size: 12px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-pointer {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-name {
  font-weight: 600;
  line-height: 18px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-ad-name,
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-id-fade {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-aweme-pop-wrap {
  height: 32px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-x-pop-wrap {
  height: 16px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-id {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-other {
  font-size: 12px;
  display: flex;
  margin-top: 4px;
  align-items: center;
  color: #62656c;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-other .ocean-vmok-plugin-oc-promotion-product-adinfo-close-icon {
  color: #b9bcc3;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-other img {
  max-height: 32px;
  max-width: 32px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-aweme {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-material {
  display: flex;
  align-items: center;
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-product-number {
  position: absolute;
  right: 0;
  height: 12px;
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  min-width: 16px;
  text-align: center;
  padding: 0 2px;
  bottom: 0;
  background-color: rgba(26, 26, 27, 0.5);
  border-top-left-radius: 4px;
  color: #fff;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-product {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-img-wrap {
  position: relative;
  height: 32px;
  width: 32px;
  overflow: hidden;
  border-radius: 4px;
  margin-right: 4px;
  display: flex;
  justify-content: center;
  background-color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-aweme-pop {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-aweme-pop img {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-ft12 {
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-ft14 {
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-title {
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-subtitle {
  font-size: 12px;
  line-height: 18px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-promotion-status-card {
  padding: 12px 8px 12px 16px;
  width: 100%;
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper {
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title,
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-desc {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-suffix,
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-desc .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-suffix,
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title .ocean-vmok-plugin-oc-promotion-status-card-wrapper-desc-suffix,
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-desc .ocean-vmok-plugin-oc-promotion-status-card-wrapper-desc-suffix {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title {
  gap: 4px;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-value {
  font-family: 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
  font-style: normal;
  word-break: break-all;
  white-space: normal;
  font-size: 12px;
  line-height: 20px;
  color: #31343b;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-value .ocean-vmok-plugin-list-style {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin-right: 4px;
  display: inline-flex;
  position: relative;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  border: 1px solid #ffffff;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-value .ocean-vmok-plugin-list-style-color-secondary {
  background: #93969d;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-value .ocean-vmok-plugin-list-style-color-primary {
  background: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-value .ocean-vmok-plugin-list-style-color-danger {
  background: #e34949;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-value .ocean-vmok-plugin-list-style-color-success {
  background: #0da600;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-value .ocean-vmok-plugin-list-style-color-warning {
  background: #eb9617;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-desc {
  padding-left: 12px;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-desc .ocean-vmok-plugin-oc-typography {
  padding-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-task-notice {
  position: fixed;
  top: 95px;
  right: 32px;
  width: 346px;
  font-size: 14px;
  z-index: 998;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.ocean-vmok-plugin-oc-promotion-task-notice__header {
  position: relative;
  color: #31343b;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-promotion-task-notice__header-ver {
  height: 12px;
  width: 1px;
  background: #e0e0e0;
  margin: 0 8px;
}
.ocean-vmok-plugin-oc-promotion-task-notice__header-close-icon {
  cursor: pointer;
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
}
.ocean-vmok-plugin-oc-promotion-task-notice__body {
  max-height: 245px;
  overflow: auto;
  min-height: 50px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ocean-vmok-plugin-oc-promotion-task-notice__body-item {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #31343b;
  gap: 4px;
  line-height: 18px;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-promotion-task-notice__body-item-left {
  width: 16px;
  height: 16px;
  position: relative;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-task-notice__body-item-left .ocean-vmok-plugin-oc-loading {
  width: 16px;
  height: 16px;
}
.ocean-vmok-plugin-oc-promotion-task-notice__body-item-left.ocean-vmok-plugin-success {
  color: #0da600;
}
.ocean-vmok-plugin-oc-promotion-task-notice__body-item-left.ocean-vmok-plugin-error {
  color: #e34949;
}
.ocean-vmok-plugin-oc-promotion-task-notice__body-item-left.ocean-vmok-plugin-warn {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-promotion-task-notice__footer {
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-promotion-title-bar {
  border-radius: 16px;
  background: #ffffff;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box {
  border-radius: 16px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-popover {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-text {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-icon {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-icon:after {
  display: inline-block;
  content: "";
  width: 1px;
  height: 16px;
  margin: 0 16px;
  background: #dfe0e2;
  border-radius: 2px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-icon:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-title-suffix {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-title-suffix:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 16px;
  margin: 0 16px;
  background: #dfe0e2;
  border-radius: 2px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-tabs-tab .ocean-vmok-plugin-tab--active {
  color: #0057ff;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-tabs {
  padding: 0 24px 16px 24px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-tabs-has-body {
  padding: 0 24px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-diver {
  height: 1px;
  background: #dfe0e2;
  margin: 0 24px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-body {
  padding: 24px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-has-top-top {
  margin-bottom: -24px;
  border-radius: 16px;
  padding-bottom: 24px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-has-top-box {
  border-radius: 16px;
  background: #ffffff;
}
.ocean-vmok-plugin-oc-promotion-title-bar-has-top-body {
  border-radius: 0 0 16px 16px;
  background: #ffffff;
}
.ocean-vmok-plugin-oc-promotion-tool-bar .ocean-vmok-plugin-oc-card-content {
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-promotion-tool-bar .ocean-vmok-plugin-oc-promotion-tool-bar-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-tool-bar .ocean-vmok-plugin-oc-promotion-tool-bar-left .ocean-vmok-plugin-oc-promotion-tool-bar-prefix-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 14px;
}
.ocean-vmok-plugin-oc-promotion-tool-bar .ocean-vmok-plugin-oc-promotion-tool-bar-left .ocean-vmok-plugin-oc-promotion-tool-bar-left-title-wrapper {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-tool-bar .ocean-vmok-plugin-oc-promotion-tool-bar-left .ocean-vmok-plugin-oc-promotion-tool-bar-left-title-wrapper .ocean-vmok-plugin-title-text {
  font-size: 18px;
  color: #31343b;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-promotion-tool-bar .ocean-vmok-plugin-oc-promotion-tool-bar-left .ocean-vmok-plugin-oc-promotion-tool-bar-left-title-wrapper-separator:after {
  display: inline-block;
  content: "";
  width: 2px;
  height: 12px;
  margin: 0 16px;
  background: #b9bcc3;
  border-radius: 2px;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-dropdown {
  margin-right: 32px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-dropdown-line::before {
  display: inline-block;
  content: "";
  width: 2px;
  height: 12px;
  margin: 0 16px;
  background: #b9bcc3;
  border-radius: 2px;
}
.ocean-vmok-plugin-oc-report-comment-wrapper {
  display: flex;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-avatar {
  /* flex: 0 0 44px; */
  width: 44px;
  height: 44px;
  margin-right: 16px;
  border-radius: 50%;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-avatar img {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-info {
  /* flex: 1 1 auto; */
  width: calc(100% - 44px - 16px);
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-info .ocean-vmok-plugin-comment-user {
  font-weight: 600;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-info .ocean-vmok-plugin-comment-user .ocean-vmok-plugin-reply-text {
  color: #93969d;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-info .ocean-vmok-plugin-comment-text {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-info .ocean-vmok-plugin-time-row {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-info .ocean-vmok-plugin-time-row .ocean-vmok-plugin-time {
  color: #93969d;
  /* 基础字体/Regular/12px */
  font-size: 12px;
  font-weight: 400;
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-info .ocean-vmok-plugin-time-row .ocean-vmok-plugin-comment-tag {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-report-live-card {
  border-radius: 8px;
  background: #fff;
  padding: 16px;
}
.ocean-vmok-plugin-oc-report-live-card-up {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-live-card-up-left {
  display: flex;
  align-items: center;
  width: 100%;
}
.ocean-vmok-plugin-oc-report-live-card-up-left-right {
  margin-left: 12px;
  width: 100%;
}
.ocean-vmok-plugin-oc-report-live-card-up-left-right-review {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-report-live-card-up-left-right span + div {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-report-live-card-up-left-right-bottom {
  display: flex;
}
.ocean-vmok-plugin-oc-report-live-card-up-left-right-bottom span + span {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-report-live-card-up-right {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 0 12px;
}
.ocean-vmok-plugin-oc-report-live-card-up-right div + div {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-report-live-card-down {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.ocean-vmok-plugin-oc-report-live-card-down-item {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.ocean-vmok-plugin-oc-report-live-card-down-item-bottom {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-live-card-down-item0 {
  width: 36%;
}
.ocean-vmok-plugin-oc-report-live-card-down-item1 {
  width: 24%;
}
.ocean-vmok-plugin-oc-report-live-card-down-item2 {
  width: 40%;
}
.ocean-vmok-plugin-oc-report-live-card-middel {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-skeleton-line {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-skeleton-line-row {
  background-color: #f2f4f7;
  border-radius: 2px;
  height: 16px;
}
.ocean-vmok-plugin-oc-skeleton-line-row-dark {
  background-color: #e8eaed;
}
#emoji-tooltip-wrapper {
  background: #1d2129;
  border-radius: 2px;
  filter: alpha(opacity=70);
  padding: 8px 12px;
  position: fixed;
  -webkit-transform: translateX(calc(-50% + 2px)) translateY(-5px);
  transform: translateX(calc(-50% + 2px)) translateY(-5px);
  z-index: 9999999;
}
#emoji-tooltip-wrapper span {
  border-color: #1d2129 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  filter: alpha(opacity=70);
  height: 0;
  left: 50px;
  position: absolute;
  top: -10px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}
#emoji-tooltip-wrapper p {
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}
#emoji-mobile {
  border-radius: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: none;
  transform: none;
}
#emoji-mobile .emoji-item,
#emoji-mobile .recent-item {
  height: 8vw;
  width: 8vw;
}
#emoji-mobile .dynamic-item {
  cursor: pointer;
  height: 11vw;
  margin: 3px;
  overflow: hidden;
  position: relative;
  width: 11vw;
}
#emoji-mobile .empty-item {
  width: 8vw;
}
.emoji-lable {
  height: 28px;
  opacity: 0.7;
  width: 28px;
}
.emoji-title {
  color: #fff;
  display: block;
  font-size: 12px;
  line-height: 2;
}
.emoji-lable:hover {
  color: blue;
  cursor: pointer;
  opacity: 1;
}
.emoji-panel {
  -webkit-touch-callout: none;
  border: 0.5px;
  border-radius: 15px;
  bottom: 100%;
  box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2);
  display: none;
  overflow: hidden;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-user-select: none;
  user-select: none;
}
.emoji-panel .empty-item {
  height: 0;
  margin: 3px;
  width: 25px;
}
.emoji-panel.current {
  display: block;
}
.emoji-panel .emoji-page-bar {
  bottom: 0;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
}
.emoji-panel .emoji-page-dot {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  display: block;
  height: 6px;
  margin: 3px;
  position: relative;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 6px;
}
.emoji-panel .emoji-page-dot.current {
  background: blue;
}
.emoji-panel .emoji-page-dot:hover {
  cursor: pointer;
}
.emoji-panel-total {
  -webkit-overflow-scrolling: touch;
  display: block;
  padding: 10px;
  position: relative;
}
.emoji-panel-total::-webkit-scrollbar {
  width: 2px;
}
.emoji-panel-total::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.5);
  border-radius: 10px;
  width: 2px;
}
.emoji-panel-total::-webkit-scrollbar-track {
  background: hsla(0, 0%, 100%, 0.2);
  border-radius: 0;
}
.emoji-panel-total .emoji-panel-dynamic .emoji-panel-items {
  background-color: inherit;
}
.emoji-panel-total .emoji-panel-dynamic .emoji-line {
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.emoji-panel-items {
  -webkit-overflow-scrolling: touch;
  background: inherit;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 9999;
}
.emoji-panel-items::-webkit-scrollbar {
  width: 2px;
}
.emoji-panel-items::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.5);
  border-radius: 10px;
  width: 2px;
}
.emoji-panel-items::-webkit-scrollbar-track {
  background: hsla(0, 0%, 100%, 0.2);
  border-radius: 0;
}
.emoji-panel-items .emoji-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.emoji-panel-items .emoji-page {
  display: none;
  margin: 10px 0 5px;
  width: 100%;
}
.emoji-panel-items .emoji-page.current {
  display: block;
}
.emoji-panel-items .emoji-page .emoji-item {
  cursor: pointer;
  margin: 3px;
  width: 25px;
}
.emoji-panel-recent {
  border-top: 1px solid #eee;
  box-sizing: border-box;
  display: block;
  height: 70px;
  padding: 5px 10px;
}
.emoji-panel-recent-title {
  display: block;
  font-size: 12px;
  line-height: 2;
}
.emoji-panel-recent-items .emoji-line {
  display: flex;
}
.emoji-panel-recent-items .emoji-line .recent-item {
  cursor: pointer;
  height: 25px;
  margin: 3px;
  width: 25px;
}
.emoji-panel-recent-items .emoji-line .recent-item:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.emoji-item {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 25px;
  width: 25px;
}
.emoji-line {
  display: flex;
  justify-content: space-between;
}
.emoji-line .recent-item {
  cursor: pointer;
  height: 25px;
  margin: 3px;
}
.emoji-line .dynamic-item {
  cursor: pointer;
  height: 36px;
  margin: 3px;
  overflow: hidden;
  position: relative;
  width: 36px;
}
.emoji-line .dynamic-item span {
  width: 100%;
}
.emoji-line .dynamic-item .gif-wrapper {
  height: 100%;
}
.emoji-line .dynamic-item img {
  height: auto!important;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 110% !important;
}
[class*=emoji-item__] {
  background-repeat: no-repeat;
  background-size: 200px;
}
#emoji-mobile [class*=emoji-item__] {
  background-size: 64vw;
}
.emoji-panel .emoji-item__0 {
  background-image: url(https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/sprites_a_60.png~tplv-gjr78lqtd0-10.image);
}
.emoji-panel .emoji-item__1 {
  background-image: url(https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/sprites_b_60.png~tplv-gjr78lqtd0-10.image);
}
.emoji-panel--sg .emoji-item__0 {
  background-image: url(https://p19-live-sg.ibyteimg.com/tos-alisg-i-j963mrpdmh/sprites_a_60.png~tplv-j963mrpdmh-image.image);
}
.emoji-panel--sg .emoji-item__0.use-webp {
  background-image: url(https://p19-live-sg.ibyteimg.com/tos-alisg-i-j963mrpdmh/sprites_a_60.png~tplv-j963mrpdmh-image.webp);
}
.emoji-panel--sg .emoji-item__1 {
  background-image: url(https://p19-live-sg.ibyteimg.com/tos-alisg-i-j963mrpdmh/sprites_b_60.png~tplv-j963mrpdmh-image.image);
}
.emoji-panel--sg .emoji-item__1.use-webp {
  background-image: url(https://p19-live-sg.ibyteimg.com/tos-alisg-i-j963mrpdmh/sprites_b_60.png~tplv-j963mrpdmh-image.webp);
}
.emoji-item__col-0 {
  background-position-x: 0 !important;
}
.emoji-item__row-0 {
  background-position-y: 0 !important;
}
.emoji-item__col-1 {
  background-position-x: -25px !important;
}
.emoji-item__row-1 {
  background-position-y: -25px !important;
}
.emoji-item__col-2 {
  background-position-x: -50px !important;
}
.emoji-item__row-2 {
  background-position-y: -50px !important;
}
.emoji-item__col-3 {
  background-position-x: -75px !important;
}
.emoji-item__row-3 {
  background-position-y: -75px !important;
}
.emoji-item__col-4 {
  background-position-x: -100px !important;
}
.emoji-item__row-4 {
  background-position-y: -100px !important;
}
.emoji-item__col-5 {
  background-position-x: -125px !important;
}
.emoji-item__row-5 {
  background-position-y: -125px !important;
}
.emoji-item__col-6 {
  background-position-x: -150px !important;
}
.emoji-item__row-6 {
  background-position-y: -150px !important;
}
.emoji-item__col-7 {
  background-position-x: -175px !important;
}
.emoji-item__row-7 {
  background-position-y: -175px !important;
}
#emoji-mobile .emoji-item__col-0 {
  background-position-x: 0 !important;
}
#emoji-mobile .emoji-item__row-0 {
  background-position-y: 0 !important;
}
#emoji-mobile .emoji-item__col-1 {
  background-position-x: -8vw !important;
}
#emoji-mobile .emoji-item__row-1 {
  background-position-y: -8vw !important;
}
#emoji-mobile .emoji-item__col-2 {
  background-position-x: -16vw !important;
}
#emoji-mobile .emoji-item__row-2 {
  background-position-y: -16vw !important;
}
#emoji-mobile .emoji-item__col-3 {
  background-position-x: -24vw !important;
}
#emoji-mobile .emoji-item__row-3 {
  background-position-y: -24vw !important;
}
#emoji-mobile .emoji-item__col-4 {
  background-position-x: -32vw !important;
}
#emoji-mobile .emoji-item__row-4 {
  background-position-y: -32vw !important;
}
#emoji-mobile .emoji-item__col-5 {
  background-position-x: -40vw !important;
}
#emoji-mobile .emoji-item__row-5 {
  background-position-y: -40vw !important;
}
#emoji-mobile .emoji-item__col-6 {
  background-position-x: -48vw !important;
}
#emoji-mobile .emoji-item__row-6 {
  background-position-y: -48vw !important;
}
#emoji-mobile .emoji-item__col-7 {
  background-position-x: -56vw !important;
}
#emoji-mobile .emoji-item__row-7 {
  background-position-y: -56vw !important;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper {
  width: 100%;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper {
  position: relative;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .tools-vmok-plugin-input-group {
  width: 100%;
  max-width: 100% !important;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .tools-vmok-plugin-textarea__wrapper {
  position: relative;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .tools-vmok-plugin-textarea__prefix {
  position: absolute;
  bottom: 0px;
  left: 4px;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .tools-vmok-plugin-textarea__suffix {
  position: absolute;
  bottom: 0;
  right: 4px;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .tools-vmok-plugin-textarea {
  height: calc(100% - 20px);
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .ocean-vmok-plugin-emoji-container {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .ocean-vmok-plugin-emoji-container .ocean-vmok-plugin-emoji-btn {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .ocean-vmok-plugin-emoji-container .ocean-vmok-plugin-emoji-btn.ocean-vmok-plugin-disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .ocean-vmok-plugin-emoji-container .emoji-panel {
  background-color: #ffffff;
  z-index: 10;
  bottom: unset;
  top: 0;
  left: 200px;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .ocean-vmok-plugin-emoji-container .emoji-panel .emoji-panel-total {
  height: 300px !important;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .ocean-vmok-plugin-emoji-container .emoji-panel .emoji-title {
  color: unset;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .ocean-vmok-plugin-emoji-container .emoji-panel .emoji-panel-dynamic .emoji-panel-items {
  height: unset;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-insert-wrapper {
  width: 100%;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-insert-wrapper .ocean-vmok-plugin-insert-row {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-insert-wrapper .ocean-vmok-plugin-insert-row .ocean-vmok-plugin-insert-prefix {
  max-width: 90px;
  color: #93969d;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-insert-wrapper .ocean-vmok-plugin-insert-row .ocean-vmok-plugin-insert-data {
  flex: 1;
  display: flex;
  margin-right: 12px;
  height: 20px;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-insert-wrapper .ocean-vmok-plugin-insert-row .ocean-vmok-plugin-insert-data .ocean-vmok-plugin-insert-data-item-typography {
  margin-left: 8px;
  min-width: 20px;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-insert-wrapper .ocean-vmok-plugin-insert-row .ocean-vmok-plugin-insert-data .ocean-vmok-plugin-insert-data-item-typography:nth-child(1) {
  margin-left: 0;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-insert-wrapper .ocean-vmok-plugin-insert-row .ocean-vmok-plugin-insert-suffix {
  max-width: 80px;
  align-items: flex-start;
  text-align: right;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-maxlength {
  color: #93969d;
}
.ocean-vmok-plugin-report-select-range-picker {
  display: flex;
}
.ocean-vmok-plugin-report-select-range-picker .ocean-vmok-plugin-oc-select .tools-vmok-plugin-input__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ocean-vmok-plugin-report-select-range-picker .ocean-vmok-plugin-oc-select .tools-vmok-plugin-input__wrapper--focused {
  z-index: 1;
}
.ocean-vmok-plugin-report-select-range-picker .ocean-vmok-plugin-oc-range-picker .tools-vmok-plugin-custom-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ocean-vmok-plugin-report-select-range-picker-select-line {
  width: 1px;
  height: 32px;
  background: #f2f4f7;
}
.ocean-vmok-plugin-report-select-range-picker-select-line:after {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  margin-top: 7px;
  background-color: #dee0e3;
}
.ocean-vmok-plugin-report-metrics-calculate-tab {
  width: 100%;
  display: flex;
}
.ocean-vmok-plugin-report-metrics-calculate-tab .ocean-vmok-plugin-summary-card {
  flex: 1;
  border-top: 0px;
  border-right: 0px;
}
.ocean-vmok-plugin-report-metrics-calculate-tab .ocean-vmok-plugin-summary-card:hover {
  border-top: 4px solid #0057ff !important;
  padding-top: 12px;
  background: linear-gradient(180deg, #eff5ff 0%, rgba(239, 245, 255, 0) 100%) !important;
}
.ocean-vmok-plugin-report-metrics-calculate-tab .ocean-vmok-plugin-summary-card:hover .ocean-vmok-plugin-report-metrics-calculate-tab-card-icon {
  top: calc(50% - 12px);
}
.ocean-vmok-plugin-oc-report-script-analysis {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-header {
  width: 100%;
  height: 24px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-collapse {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-body {
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  background: #f5f7fa;
}
.ocean-vmok-plugin-oc-report-live-avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-live-avatar .ocean-vmok-plugin-oc-report-live-avatar-content {
  position: relative;
}
.ocean-vmok-plugin-oc-report-live-avatar .ocean-vmok-plugin-oc-report-live-avatar-content-live {
  border-radius: 50%;
  border: 1px solid #ff1764;
}
.ocean-vmok-plugin-oc-report-live-avatar .ocean-vmok-plugin-oc-report-live-avatar-content-live-img {
  border-radius: 50%;
  border: 1px solid #fff;
}
.ocean-vmok-plugin-oc-report-live-avatar .ocean-vmok-plugin-oc-report-live-avatar-content-icon {
  position: absolute;
  top: -5px;
  left: -1px;
  border-radius: 3px;
}
.ocean-vmok-plugin-oc-report-live-avatar-tag {
  display: flex;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid #fff;
  margin-top: -14px;
}
.ocean-vmok-plugin-report-select-date-picker-wrapper {
  display: flex;
}
.ocean-vmok-plugin-report-select-date-picker-wrapper .ocean-vmok-plugin-oc-select .tools-vmok-plugin-input__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ocean-vmok-plugin-report-select-date-picker-wrapper .ocean-vmok-plugin-oc-select .tools-vmok-plugin-input__wrapper--focused {
  z-index: 1;
}
.ocean-vmok-plugin-report-select-date-picker-wrapper .tools-vmok-plugin-date-picker .tools-vmok-plugin-input__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ocean-vmok-plugin-report-select-date-picker-select-line {
  width: 1px;
  height: 32px;
  background: #f2f4f7;
}
.ocean-vmok-plugin-report-select-date-picker-select-line:after {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  margin-top: 7px;
  background-color: #dee0e3;
}
.ocean-vmok-plugin-oc-report-template-card {
  z-index: 1;
  position: relative;
  border-radius: 8px;
  width: 177px;
  cursor: pointer;
  background: linear-gradient(85deg, #dee8ff 7.46%, #ecf2ff 90.49%);
}
.ocean-vmok-plugin-oc-report-template-card-box {
  padding: 12px;
  border-radius: 8px;
  background: transparent;
  position: relative;
  min-height: 92px;
}
.ocean-vmok-plugin-oc-report-template-card-box-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.ocean-vmok-plugin-oc-report-template-card-box-desc {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-report-template-card-box-title-len2 {
  width: 112px !important;
}
.ocean-vmok-plugin-oc-report-template-card-box-title-len1 {
  width: 96px !important;
}
.ocean-vmok-plugin-oc-report-template-card-box:hover {
  z-index: 2;
  border: 1px solid #0057ff;
  padding: 11px;
}
.ocean-vmok-plugin-oc-report-template-card-right-top {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 3px 5px;
  border-radius: 0px 8px;
  background: #f2f7ff;
}
.ocean-vmok-plugin-oc-report-template-card-right-bottom {
  position: absolute;
  right: 0;
  bottom: -6px;
  z-index: 1;
}
.ocean-vmok-plugin-oc-report-creative-analysis-header {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-skeleton-shape {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-skeleton-shape-dark {
  background-color: #e8eaed;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: #f2f4f7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper:hover .ocean-vmok-plugin-oc-file-select-card-del {
  display: block;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper .ocean-vmok-plugin-oc-file-select-card-del {
  position: absolute;
  top: -6px;
  right: -6px;
  color: #93969d;
  cursor: pointer;
  display: none;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper .ocean-vmok-plugin-oc-file-select-card-add {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper .ocean-vmok-plugin-oc-file-select-card-add .ocean-vmok-plugin-oc-file-select-card-add-text {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper .ocean-vmok-plugin-oc-file-select-card-uploading {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper .ocean-vmok-plugin-oc-file-select-card-uploading .ocean-vmok-plugin-oc-file-select-card-uploading-text {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper .ocean-vmok-plugin-oc-file-select-card-error {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  padding: 0 16px;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper .ocean-vmok-plugin-oc-file-select-card-error .ocean-vmok-plugin-oc-file-select-card-error-icon {
  margin-bottom: 8px;
  color: #e34949;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper:hover .ocean-vmok-plugin-oc-file-select-card-add {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-file-select-card-error {
  background: #fdf2f2;
}
.ocean-vmok-plugin-oc-file-select-card-disabled {
  background: #f5f7fa;
}
.ocean-vmok-plugin-oc-file-select-card-disabled .ocean-vmok-plugin-oc-file-select-card-add {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-file-select-card-disabled:hover {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-file-select-card-disabled:hover .ocean-vmok-plugin-oc-file-select-card-add {
  color: #b9bcc3;
}
.tools-vmok-plugin-image-preview {
  z-index: 999999;
}
.tools-vmok-plugin-image-preview__img {
  max-width: calc(100% - 120px);
  max-height: calc(100% - 120px);
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: relative;
  background-color: #f2f4f7;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper:hover .ocean-vmok-plugin-oc-media-upload-preview-card-del {
  display: block;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper:hover .ocean-vmok-plugin-oc-media-upload-preview-card-operate {
  display: flex;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper:hover .ocean-vmok-plugin-oc-media-upload-preview-card-play {
  display: none;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper .tools-vmok-plugin-image {
  position: absolute;
  width: 0;
  height: 0;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper .ocean-vmok-plugin-oc-media-upload-preview-card-del {
  position: absolute;
  top: -6px;
  right: -6px;
  z-index: 3;
  color: #93969d;
  cursor: pointer;
  display: none;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper .ocean-vmok-plugin-oc-media-upload-preview-card-play {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 1;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper .ocean-vmok-plugin-oc-media-upload-preview-card-operate {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 8px;
  background-color: rgba(26, 26, 27, 0.5);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  z-index: 2;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper .ocean-vmok-plugin-oc-media-upload-preview-card-operate .ocean-vmok-plugin-oc-media-upload-preview-card-operate-icon {
  margin-left: 16px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper .ocean-vmok-plugin-oc-media-upload-preview-card-operate .ocean-vmok-plugin-oc-media-upload-preview-card-operate-icon:first-child {
  margin-left: 0;
}
.ocean-vmok-plugin-oc-audio-upload {
  margin-left: 16px;
  margin-bottom: 8px;
  position: relative;
  width: 100%;
}
.ocean-vmok-plugin-oc-audio-upload__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 320px;
  height: 32px;
  padding: 5px 8px;
  padding-right: 32px;
  border-radius: 4px;
  background-color: #f2f4f7;
  position: relative;
}
.ocean-vmok-plugin-oc-audio-upload__info__delete__hide {
  padding-right: 8px;
}
.ocean-vmok-plugin-oc-audio-upload__info__name {
  display: flex;
  align-items: center;
  color: #31343b;
  font-size: 14px;
  overflow: hidden;
  flex: 1;
}
.ocean-vmok-plugin-oc-audio-upload__info__name iconpark-icon {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-audio-upload__info__name__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: calc(100% - 40px);
}
.ocean-vmok-plugin-oc-audio-upload__info__name__text__fail {
  color: #e34949;
}
.ocean-vmok-plugin-oc-audio-upload__info__uploading,
.ocean-vmok-plugin-oc-audio-upload__info__success,
.ocean-vmok-plugin-oc-audio-upload__info__fail {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-audio-upload__info__fail .ocean-vmok-plugin-oc-fail-tips {
  color: #e34949;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-audio-upload__info__delete {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  right: 8px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-audio-upload__after {
  position: absolute;
  left: 320px;
  top: 0;
}
.ocean-vmok-plugin-oc-file-select-card-uploading-text {
  color: #0057ff;
  font-size: 12px;
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-audio-upload {
  margin-left: 16px;
  margin-bottom: 8px;
  width: 100%;
}
.ocean-vmok-plugin-oc-audio-upload__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 320px;
  height: 32px;
  padding: 5px 8px;
  padding-right: 32px;
  border-radius: 8px;
  background-color: #f2f4f7;
  position: relative;
}
.ocean-vmok-plugin-oc-audio-upload__info__delete__hide {
  padding-right: 8px;
}
.ocean-vmok-plugin-oc-audio-upload__info__name {
  display: flex;
  align-items: center;
  color: #31343b;
  font-size: 14px;
  overflow: hidden;
  flex: 1;
}
.ocean-vmok-plugin-oc-audio-upload__info__name iconpark-icon {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-audio-upload__info__name__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: calc(100% - 40px);
}
.ocean-vmok-plugin-oc-audio-upload__info__uploading,
.ocean-vmok-plugin-oc-audio-upload__info__success,
.ocean-vmok-plugin-oc-audio-upload__info__fail {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-audio-upload__info__fail .ocean-vmok-plugin-fail-tips {
  color: #e34949;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-audio-upload__info__delete {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  right: 8px;
}
.ocean-vmok-plugin-oc-audio-upload__after {
  position: absolute;
  left: 320px;
  top: 0;
}
.ocean-vmok-plugin-oc-collapse__button {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-collapse__button.ocean-vmok-plugin-oc-collapse__button-reverse {
  flex-direction: row-reverse;
}
.ocean-vmok-plugin-oc-collapse__button-text {
  margin: 0 4px;
}
.ocean-vmok-plugin-oc-collapse__button:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-collapse__wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  color: #31343b;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-collapse__wrapper-primary {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-collapse__wrapper-card {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 0;
  background-color: #f2f4f7;
  cursor: pointer;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-collapse__wrapper-card:hover {
  background-color: #e8eaed;
}
.ocean-vmok-plugin-oc-collapse__wrapper-card .ocean-vmok-plugin-oc-collapse__button {
  width: 100%;
  text-align: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-collapse__wrapper-bottom,
.ocean-vmok-plugin-oc-collapse__wrapper-top {
  justify-content: center;
}
.ocean-vmok-plugin-oc-collapse__wrapper-bottom-start,
.ocean-vmok-plugin-oc-collapse__wrapper-top-start {
  justify-content: flex-start;
}
.ocean-vmok-plugin-oc-collapse__wrapper-bottom-end,
.ocean-vmok-plugin-oc-collapse__wrapper-top-end {
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-audio-player {
  color: #fff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-breadcrumb-select-group {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-breadcrumb-select-group-media {
  margin-right: 6px;
}
.ocean-vmok-plugin-oc-breadcrumb-select .tools-vmok-plugin-select__options {
  max-height: inherit;
}
.ocean-vmok-plugin-oc-breadcrumb-select .tools-vmok-plugin-custom-input__content {
  align-items: center;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu {
  padding-right: 12px;
  overflow-y: auto;
  height: 100%;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-item,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu__header {
  height: 40px;
  border-radius: 12px;
  transition: padding-left 0.2s;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu--collapsed .tools-vmok-plugin-menu-content,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu--collapsed .tools-vmok-plugin-sub-menu__header {
  padding-left: 12px !important;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content {
  padding-right: 8px;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content__icon,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu__icon {
  color: #93969d;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-item,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-item:last-child,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu:last-child {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content:hover .tools-vmok-plugin-menu-content__icon {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content:hover {
  background-color: rgba(42, 85, 229, 0.06);
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu--collapsed .tools-vmok-plugin-sub-menu:hover {
  background-color: rgba(42, 85, 229, 0.06);
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu--collapsed .tools-vmok-plugin-sub-menu-active,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu--collapsed .tools-vmok-plugin-sub-menu-active:hover,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content--active,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content--active:hover {
  background-color: #ffffff;
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu--collapsed .tools-vmok-plugin-sub-menu-active .tools-vmok-plugin-menu-content__icon,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu--collapsed .tools-vmok-plugin-sub-menu-active:hover .tools-vmok-plugin-menu-content__icon,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content--active .tools-vmok-plugin-menu-content__icon,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content--active:hover .tools-vmok-plugin-menu-content__icon {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu .tools-vmok-plugin-sub-menu__header:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu .tools-vmok-plugin-sub-menu__header:hover .tools-vmok-plugin-sub-menu__icon {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu .tools-vmok-plugin-sub-menu__header {
  color: #31343b;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu-active .tools-vmok-plugin-sub-menu__header {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu-active .tools-vmok-plugin-sub-menu__header .tools-vmok-plugin-sub-menu__icon {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu__list .tools-vmok-plugin-menu-content {
  padding-left: 40px !important;
}
.ocean-vmok-plugin-oc-side-bar-item {
  display: flex;
}
.ocean-vmok-plugin-oc-side-bar-item-icon {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-side-bar-item-disabled .tools-vmok-plugin-menu-content,
.ocean-vmok-plugin-oc-side-bar-item-disabled .tools-vmok-plugin-menu-content:hover {
  color: #b9bcc3;
  cursor: not-allowed;
  background-color: inherit;
}
.ocean-vmok-plugin-oc-side-bar-item-disabled .tools-vmok-plugin-menu-content__icon {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-side-bar-item-last {
  margin-bottom: 0 !important;
}
.tools-vmok-plugin-menu-popper__inner {
  border-radius: 12px;
  min-width: 180px;
}
.tools-vmok-plugin-menu-popper__inner .tools-vmok-plugin-sub-menu__popper-title {
  height: 30px;
  margin-bottom: 15px;
}
.tools-vmok-plugin-menu-popper__inner .tools-vmok-plugin-menu-item {
  height: 30px;
  margin-bottom: 10px;
}
.tools-vmok-plugin-menu-popper__inner .tools-vmok-plugin-sub-menu__list {
  margin: 0;
  padding: 8px;
}
.tools-vmok-plugin-menu-popper__inner .tools-vmok-plugin-menu-content {
  height: 30px;
  border-radius: 8px;
}
.tools-vmok-plugin-menu-popper__inner .tools-vmok-plugin-menu-content:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-menu-popper__inner .tools-vmok-plugin-menu-content--active {
  background-color: inherit;
}
.ocean-vmok-plugin-oc-sub-side-bar-item {
  padding: 0 16px;
  display: flex;
  align-items: center;
  height: 32px;
  transition: color 0.1s, background-color 0.1s;
}
.ocean-vmok-plugin-oc-sub-side-bar-item.ocean-vmok-plugin-cursor {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-sub-side-bar-item.ocean-vmok-plugin-cursor:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-sub-side-bar-item.ocean-vmok-plugin-active {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-sub-side-bar-item .ocean-vmok-plugin-oc-sub-side-bar-icon {
  margin-left: 6px;
}
.ocean-vmok-plugin-oc-sub-side-bar-item .ocean-vmok-plugin-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #e34949;
  margin-top: -20px;
}
.ocean-vmok-plugin-oc-sub-side-bar-item .ocean-vmok-plugin-num {
  text-align: right;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-switch-card-item {
  border-radius: 8px;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  background-color: #f2f4f7;
  border: 1px solid #f2f4f7;
  height: 98px;
}
.ocean-vmok-plugin-oc-switch-card-item-header {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-switch-card-item-header .ocean-vmok-plugin-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-switch-card-item-header-tag {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-switch-card-item-content {
  display: flex;
  flex-direction: column;
  padding: 11px 15px;
  position: relative;
  z-index: 10;
  flex: 1;
}
.ocean-vmok-plugin-oc-switch-card-item-content-align-baseline {
  align-items: baseline;
}
.ocean-vmok-plugin-oc-switch-card-item-content-align-start {
  align-items: flex-start;
}
.ocean-vmok-plugin-oc-switch-card-item-content-align-end {
  align-items: flex-end;
}
.ocean-vmok-plugin-oc-switch-card-item-content-align-center {
  align-items: center;
}
.ocean-vmok-plugin-oc-switch-card-item-badge {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  background-color: #0057ff;
  color: #ffffff;
  border-radius: 0px 8px;
  padding: 0 4px;
  line-height: 20px;
  font-size: 12px;
  zoom: 0.8333;
}
.ocean-vmok-plugin-oc-switch-card-item-desc {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-switch-card-item-desc-space {
  padding-right: 56px;
}
.ocean-vmok-plugin-oc-switch-card-item-bg {
  width: 64px;
  height: 100%;
  flex: none;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-small {
  height: 100%;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-xsmall {
  height: 100%;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-xsmall .ocean-vmok-plugin-oc-switch-card-item-content {
  padding: 11px 15px;
  flex: 1;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-xsmall .ocean-vmok-plugin-oc-switch-card-item-desc {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-switch-card-item--checked-icon {
  position: absolute;
  right: 4px;
  top: 1px;
  z-index: 11;
}
.ocean-vmok-plugin-oc-switch-card-item--help {
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 11;
}
.ocean-vmok-plugin-oc-switch-card-item--help .ocean-vmok-plugin-oc-tag-market .tools-vmok-plugin-tag {
  border-radius: 0px 4px 0px 6px;
}
.ocean-vmok-plugin-oc-switch-card-item--market-bit {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -8px;
  top: -8px;
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
  height: 16px;
  background: linear-gradient(90deg, #ff4450 0%, #ff7a48 100%);
  border-radius: 8px 8px 8px 0px;
  padding: 0 4px;
}
.ocean-vmok-plugin-oc-switch-card-item--market-bit span {
  zoom: 83.33%;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-active {
  border: 1px solid #0057ff;
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-disabled {
  cursor: not-allowed;
  background-color: #f5f7fa;
  border: 1px solid #f5f7fa;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-disabled.ocean-vmok-plugin-active {
  border: 1px solid #badaff;
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-disabled .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-disabled .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover {
  background-color: #badaff;
  border-color: #badaff;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-disabled .ocean-vmok-plugin-oc-switch-card-item-option-bg,
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-disabled .ocean-vmok-plugin-icon {
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-disabled .ocean-vmok-plugin-oc-switch-card-item-badge {
  background-color: #badaff;
}
.ocean-vmok-plugin-oc-switch-card-item:hover:not(.ocean-vmok-plugin-active):not(.ocean-vmok-plugin-disabled) {
  background-color: #f5f7fa;
  border: 1px solid #f5f7fa;
}
.ocean-vmok-plugin-oc-tree-control-item {
  position: relative;
  padding: 0;
  cursor: pointer;
  list-style: none;
  margin: 2px 0;
}
.ocean-vmok-plugin-oc-tree-control-item__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 8px;
}
.ocean-vmok-plugin-oc-tree-control-item__item--icon {
  width: 16px;
  height: 16px;
  position: relative;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-tree-control-item__item--icon:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-tree-control-item__item--icon .ocean-vmok-plugin-oc-loading {
  height: 100%;
}
.ocean-vmok-plugin-oc-tree-control-item__item--icon-switcher {
  transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
.ocean-vmok-plugin-oc-tree-control-item__item--icon-switcher.ocean-vmok-plugin-open {
  transform: rotate(0deg);
}
.ocean-vmok-plugin-oc-tree-control-item__item--icon-switcher.ocean-vmok-plugin-hidden {
  visibility: hidden;
}
.ocean-vmok-plugin-oc-tree-control-item__item--highlight {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0 4px;
  padding: 0 8px;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-tree-control-item__item--highlight:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-tree-control-item__item--checkbox {
  vertical-align: 0;
}
.ocean-vmok-plugin-oc-tree-control-item__item--title {
  padding: 8px 0;
  line-height: 38px;
  display: flex;
  align-items: center;
  flex: 1;
}
.ocean-vmok-plugin-oc-tree-control-item__item--highlight-disabled {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-tree-control-item__item--highlight-selected,
.ocean-vmok-plugin-oc-tree-control-item__item--highlight-selected:hover {
  background-color: #f2f5fd;
}
.ocean-vmok-plugin-oc-tree-control-item__item--highlight-selected .ocean-vmok-plugin-oc-typography-color-default,
.ocean-vmok-plugin-oc-tree-control-item__item--highlight-selected:hover .ocean-vmok-plugin-oc-typography-color-default {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-tree-control-item__children {
  padding-left: 18px;
}
.ocean-vmok-plugin-oc-operation-expand {
  margin: 0 0 0 4px;
  cursor: pointer;
  color: #0057ff;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-oc-operation-icon {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-typography-list-style {
  width: 8px;
  height: 8px;
  flex: 1;
  display: inline-block;
  margin-right: 4px;
  background-color: #fff;
  position: relative;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  border: 1px solid #ffffff;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-circle {
  border-radius: 100%;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-primary {
  background: #0057ff;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-danger {
  background: #e34949;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-success {
  background: #0da600;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-warning {
  background: #eb9617;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-auxiliary {
  background: #62656c;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-secondary {
  background: #93969d;
}
.ocean-vmok-plugin-oc-create-aweme-star-container {
  width: 792px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-footer {
  border: none !important;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-fans-num {
  font-weight: 400;
  font-size: 12px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-star-select {
  padding: 12px;
  padding-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-stars-table {
  position: relative;
  height: 292px;
  overflow: auto;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-stars-table .ocean-vmok-plugin-table-title {
  display: flex;
  align-items: center;
  padding: 0 0 8px 12px;
  font-size: 12px;
  color: #93969d;
  font-weight: 400;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table {
  position: relative;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-head {
  border-bottom: 1px solid #dee0e3;
  height: 38px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-body {
  overflow: auto;
  height: 308px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-head,
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-row {
  display: flex;
  padding: 9px 12px;
  font-size: 14px;
  color: #31343b;
  font-weight: 400;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-head > *,
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-row > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-head .ocean-vmok-plugin-name,
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-row .ocean-vmok-plugin-name {
  width: 100px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-head .ocean-vmok-plugin-count,
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-row .ocean-vmok-plugin-count {
  width: 60px;
  margin-left: 8px;
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-head .ocean-vmok-plugin-oc-popover span,
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-row .ocean-vmok-plugin-oc-popover span {
  display: flex;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-empty-stars {
  height: 260px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-right-panel-header {
  display: flex;
  height: 38px;
  padding-left: 12px;
  align-items: center;
  background: #f2f4f7;
  font-weight: 500;
  color: #31343b;
  font-size: 14px;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-star-cascader-panel-footer-show {
  height: 305px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-star-cascader-panel-footer-hide {
  height: 343px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-star-cascader-panel .tools-vmok-plugin-cascader-panel__main--border {
  overflow: hidden;
  border: none;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-star-cascader-panel-unselected .tools-vmok-plugin-cascader-panel__selection-block {
  min-height: 345px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-star-cascader-panel-selected .tools-vmok-plugin-cascader-panel__selection-block {
  min-height: 305px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container--footer .ocean-vmok-plugin-left-panel .ocean-vmok-plugin-footer {
  border-top: 1px solid #dee0e3 !important;
}
.ocean-vmok-plugin-oc-asset-share-drawer-all-account-search {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-asset-share-drawer-all-account-right {
  text-align: right;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-empty-container {
  justify-content: center;
  flex-direction: column;
  height: 185px;
  border-radius: 8px;
  opacity: 0.8;
  background: #ffffff;
  padding-top: 8px;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container {
  position: relative;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list {
  width: 100%;
  display: flex;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list .ocean-vmok-plugin-candidate-item {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list .ocean-vmok-plugin-candidate-item-large {
  height: 184px;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list .ocean-vmok-plugin-candidate-item-small {
  height: 142px;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list .ocean-vmok-plugin-more-btn {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list .ocean-vmok-plugin-more-btn.ocean-vmok-plugin-disabled {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list .ocean-vmok-plugin-more-btn .ocean-vmok-plugin-button-box {
  width: 35px;
  height: 100%;
  background: #ffffffcc;
  border-radius: 4px;
  position: relative;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list .ocean-vmok-plugin-more-btn .ocean-vmok-plugin-button-box .ocean-vmok-plugin-button-content {
  color: #93969d;
  font-size: 14px;
  line-height: 22px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-pre-page-btn-wrapper,
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-next-page-btn-wrapper {
  width: 32px;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 10;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-pre-page-btn-wrapper {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-next-page-btn-wrapper {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  right: 0;
  top: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-pre-page-btn,
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-next-page-btn {
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 50%;
  color: #31343b;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-calendar-custom-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
  border-radius: 8px;
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-calendar-custom-wrapper-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ocean-vmok-plugin-oc-create-calendar-custom-wrapper-content-description {
  color: #93969d;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-create-calendar-custom-active {
  background-color: #ffffff;
  border: 1px solid #0057ff;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-calendar-custom-in-week {
  background-color: #e8f4ff;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-calendar-custom-in-week-grap {
  opacity: 40%;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-calendar-custom-in-month {
  background-color: #f5f7fa;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-calendar-custom-hover {
  background-color: #e8eaed;
}
.ocean-vmok-plugin-oc-create-calendar-custom-disabled {
  color: #dee0e3;
}
.ocean-vmok-plugin-oc-create-inventory-info-item {
  display: flex;
  align-items: center;
  padding: 8px 14px 8px 8px;
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-create-inventory-info-item .ocean-vmok-plugin-img {
  display: flex;
  align-items: center;
  width: 66px;
}
.ocean-vmok-plugin-oc-create-inventory-info-item .ocean-vmok-plugin-img .ocean-vmok-plugin-test {
  width: 28px;
}
.ocean-vmok-plugin-oc-create-inventory-info-item .ocean-vmok-plugin-img .ocean-vmok-plugin-oc-popover {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-create-inventory-info-item .ocean-vmok-plugin-num,
.ocean-vmok-plugin-oc-create-inventory-info-item .ocean-vmok-plugin-cnt {
  display: flex;
  align-items: center;
  flex: 1;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table {
  margin-top: 8px;
  display: flex;
  height: 322px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-left {
  border: 1px solid #dee0e3;
  border-radius: 8px;
  overflow: hidden;
  width: 546px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-left .tools-vmok-plugin-cascader-panel__main--border {
  border: 0px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-left .ocean-vmok-plugin-oc-audience-package-table-name {
  display: flex;
  align-items: center;
  padding-left: 12px;
  height: 42px;
  position: relative;
  top: -1px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right {
  width: 240px;
  margin-left: 8px;
  border: 1px solid #dee0e3;
  border-radius: 8px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right .ocean-vmok-plugin-brand-package-exhibition {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right .ocean-vmok-plugin-brand-package-exhibition-header {
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  background-color: #f2f4f7;
  border-bottom: 1px solid #dee0e3;
  font-size: 14px;
  line-height: 36px;
  color: #31343b;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right .ocean-vmok-plugin-brand-package-exhibition-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 12px;
  max-height: 283px;
  overflow: auto;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right .ocean-vmok-plugin-brand-package-exhibition-body-empty {
  margin: auto;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right .ocean-vmok-plugin-brand-package-exhibition-body-item {
  margin-top: 8px;
  width: 100%;
  height: 26px;
  background-color: #f2f4f7;
  border-radius: 4px;
  padding: 1px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right .ocean-vmok-plugin-brand-package-exhibition-body-item iconpark-icon {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right .ocean-vmok-plugin-brand-package-exhibition-body-item:last-child {
  margin-bottom: 12px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-tab-single .tools-vmok-plugin-tabs__bar--show {
  display: none;
}
.ocean-vmok-plugin-oc-create-brand-package-table {
  position: relative;
  width: 544px;
}
.ocean-vmok-plugin-oc-create-brand-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-th {
  background-color: #fff;
  height: 32px;
  padding: 0 0 0 12px;
  font-size: 14px;
  line-height: 22px;
  border-bottom: 1px solid #e8eaed;
}
.ocean-vmok-plugin-oc-create-brand-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tbody {
  padding: 6px 0;
  overflow-y: scroll;
}
.ocean-vmok-plugin-oc-create-brand-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tbody .tools-vmok-plugin-tr:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-brand-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tbody .tools-vmok-plugin-tr:hover .tools-vmok-plugin-td {
  background: transparent;
}
.ocean-vmok-plugin-oc-create-brand-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tbody .tools-vmok-plugin-td {
  padding: 5px 0 5px 12px;
  border: none;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-create-brand-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tbody .tools-vmok-plugin-td:nth-of-type(2) {
  padding: 0px;
}
.ocean-vmok-plugin-brand-package-table-header-tab {
  margin: 0 12px;
  height: 36px;
}
.ocean-vmok-plugin-oc-tip-tag-wrapper {
  padding: 2px 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #31343b;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-tip-tag-wrapper .ocean-vmok-plugin-oc-tip-tag-icon {
  margin-right: 2px;
}
.ocean-vmok-plugin-oc-tip-tag-info {
  background: #e8f4ff;
}
.ocean-vmok-plugin-oc-tip-tag-info .ocean-vmok-plugin-oc-tip-tag-icon {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-tip-tag-success {
  background: #ecf8eb;
}
.ocean-vmok-plugin-oc-tip-tag-success .ocean-vmok-plugin-oc-tip-tag-icon {
  color: #0da600;
}
.ocean-vmok-plugin-oc-tip-tag-warning {
  background: #fff9e0;
}
.ocean-vmok-plugin-oc-tip-tag-warning .ocean-vmok-plugin-oc-tip-tag-icon {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-tip-tag-danger {
  background: #fdf2f2;
}
.ocean-vmok-plugin-oc-tip-tag-danger .ocean-vmok-plugin-oc-tip-tag-icon {
  color: #e34949;
}
.ocean-vmok-plugin-oc-tip-tag-xs {
  padding: 2px 4px;
}
.ocean-vmok-plugin-oc-tip-tag-sm {
  padding: 5px 4px;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-oc-tabs {
  background: #f2f4f7;
  border-radius: 8px 8px 0 0;
  border-top: 1px solid #dee0e3;
  border-left: 1px solid #dee0e3;
  border-right: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-oc-tabs .tools-vmok-plugin-tabs__nav {
  padding-left: 16px;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-oc-tabs .ocean-vmok-plugin-switch-text {
  font-size: 14px;
  line-height: 22px;
  color: #62656c;
  margin-right: 12px;
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-oc-tabs .tools-vmok-plugin-tabs__extra-content {
  align-items: center;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-city-tab {
  padding: 7px 0;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-create-audience-district-city .tools-vmok-plugin-cascader-panel__main {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ocean-vmok-plugin-oc-create-audience-district-city .tools-vmok-plugin-cascader-panel__main .ocean-vmok-plugin-create-audience-district-city__label-extra > span {
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-after-cascader {
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-create-more-wrapper-header-left {
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-audience-district-city__header {
  margin-left: 12px;
  font-size: 14px;
  height: 22px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-audience-district-city__header-span {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-title-no-bgcolor .tools-vmok-plugin-cascader-panel__selection-header {
  background: none;
}
.ocean-vmok-plugin-oc-create-audience-district-city-disabled .ocean-vmok-plugin-title-no-bgcolor .tools-vmok-plugin-cascader-panel__selection-header {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-audience-district-business {
  display: flex;
  flex-direction: row;
}
.ocean-vmok-plugin-oc-create-audience-district-business__map .arco-input-search .arco-input-group {
  width: 544px;
}
.ocean-vmok-plugin-oc-create-audience-district-business__map .arco-input-search .arco-input-group .arco-input-inner-wrapper {
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-create-audience-district-business__map .arco-input-search .arco-input-group .arco-input-group-prefix {
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-audience-district-business__map .ocean-vmok-plugin-amap-maps .ocean-vmok-plugin-text {
  color: #0057ff !important;
}
.ocean-vmok-plugin-oc-create-audience-district-business__map .amap-container {
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-create-audience-district-business-disabled-all {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: not-allowed;
  z-index: 151;
}
.ocean-vmok-plugin-oc-create-audience-district-county__header {
  margin-left: 12px;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-create-audience-district-county__header-span {
  font-size: 14px;
  color: #31343b;
  font-weight: 500;
}
.ocean-vmok-plugin-oc-create-audience-district-county .ocean-vmok-plugin-after-cascader {
  margin-top: 8px;
  display: flex;
  align-items: flex-start;
}
.ocean-vmok-plugin-oc-create-audience-district-county .ocean-vmok-plugin-after-cascader-span {
  font-size: 14px;
  color: #31343b;
  font-weight: 500;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-create-audience-district-store {
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-create-audience-district-store-disabled {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-audience-district-store-disabled-all {
  z-index: 151;
}
.ocean-vmok-plugin-oc-create-audience-district-store__map .ocean-vmok-plugin-arco-spin {
  display: block;
}
.ocean-vmok-plugin-oc-create-audience-district-store__map .ocean-vmok-plugin-arco-input-search,
.ocean-vmok-plugin-oc-create-audience-district-store__map .ocean-vmok-plugin-arco-input-group {
  display: none;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card {
  width: 340px;
  padding: 16px;
  border-radius: 8px;
  background: #ffffff;
  position: absolute;
  bottom: 290px;
  right: 16px;
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-footer div + div {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider {
  display: flex;
  margin-top: 16px;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-title {
  font-size: 12px;
  line-height: 18px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-box {
  position: relative;
  width: 248px;
  padding-bottom: 26px;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-box-text {
  position: absolute;
  top: 12px;
  left: 50%;
  color: #0057ff;
  font-size: 12px;
  line-height: 18px;
  transform: translate(-50%, 0px);
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-box .tools-vmok-plugin-slider__track,
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-box .tools-vmok-plugin-slider__rail {
  height: 2px;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-box .tools-vmok-plugin-slider__thumb {
  width: 12px;
  height: 12px;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-box .tools-vmok-plugin-slider__marks {
  top: 12px;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-box .tools-vmok-plugin-slider__marks span {
  font-size: 12px;
  line-height: 18px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-audience-district-store__bar {
  padding: 12px;
  position: absolute;
  bottom: 44px;
  right: 16px;
  left: 16px;
  z-index: 1;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}
.ocean-vmok-plugin-oc-create-audience-district-store__bar .ocean-vmok-plugin-oc-msg-icon {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-asset-share-modal-failed-task-footer {
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area-w-100 {
  width: 100%;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area-label-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area-selected {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area .tools-vmok-plugin-cascader-exb {
  height: 320px;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area .tools-vmok-plugin-cascader-panel__selection-header {
  background-color: #f2f4f7;
  height: 38px !important;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area .tools-vmok-plugin-cascader-exb__header {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area .tools-vmok-plugin-cascader-panel__selection-block {
  height: 318px;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area-cas {
  height: 320px;
  display: flex;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area-cas-panel {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-create-product-tabs {
  display: flex;
  height: 70px;
  overflow-x: scroll;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel {
  background-color: #fff;
  box-shadow: 0px 4px 12px 0px #00000014;
  height: 50px;
  position: relative;
  border: 1px solid #b9bcc3;
  border-radius: 8px;
  margin-right: 12px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel .ocean-vmok-plugin-oc-create-product-tabs-panel-product-detail {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel .ocean-vmok-plugin-oc-create-product-tabs-panel-product-detail .ocean-vmok-plugin-oc-create-product-tabs-panel-img-block {
  width: 48px;
  height: 48px;
  padding: 4px 0 4px 4px;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel .ocean-vmok-plugin-oc-create-product-tabs-panel-product-detail .ocean-vmok-plugin-oc-create-product-tabs-panel-img-block .ocean-vmok-plugin-oc-create-product-tabs-panel-img {
  position: relative;
  border-radius: 4px;
  width: 40px;
  height: 40px;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel .ocean-vmok-plugin-oc-create-product-tabs-panel-product-detail .ocean-vmok-plugin-oc-create-product-tabs-panel-img-block .ocean-vmok-plugin-oc-create-product-tabs-panel-img-info {
  position: absolute;
  left: 4px;
  bottom: 4px;
  line-height: 16px;
  width: 40px;
  font-size: 10px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0 0 4px 4px;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel .ocean-vmok-plugin-oc-create-product-tabs-panel-product-detail .ocean-vmok-plugin-oc-create-product-tabs-panel-product-name {
  padding: 0px 8px;
  max-height: 40px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 这里是超出几行省略 */
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel:hover {
  color: #2e7bff;
  border: 1px solid #2e7bff;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel:hover .ocean-vmok-plugin-oc-create-product-tabs-panel-arrow {
  border-top: 1px solid #2e7bff;
  border-left: 1px solid #2e7bff;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-warning {
  color: #eb9617;
  border: 1px solid #eb9617;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-warning .ocean-vmok-plugin-oc-create-product-tabs-panel-arrow {
  border-top: 1px solid #eb9617;
  border-left: 1px solid #eb9617;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-error {
  color: #e34949;
  border: 1px solid #e34949;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-error .ocean-vmok-plugin-oc-create-product-tabs-panel-arrow {
  border-top: 1px solid #e34949;
  border-left: 1px solid #e34949;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-active {
  border: 1px solid #0057ff;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-active .ocean-vmok-plugin-oc-create-product-tabs-panel-arrow {
  border-top: 1px solid #0057ff;
  border-left: 1px solid #0057ff;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel-arrow {
  box-sizing: content-box;
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  transform: rotate(-135deg);
  border-bottom: 1px solid transparent;
  height: 6px;
  width: 6px;
  border-top: 1px solid #b9bcc3;
  border-left: 1px solid #b9bcc3;
  border-right: 1px solid transparent;
  background: #fff;
  display: block;
  content: "";
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel-no-selectable {
  background-color: #f2f4f7;
  box-shadow: unset;
  cursor: unset;
  border: unset;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel-no-selectable:hover {
  color: #31343b;
  border: unset;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel-no-selectable:hover .ocean-vmok-plugin-oc-create-product-tabs-panel-arrow {
  border-top: 1px solid #b9bcc3;
  border-left: 1px solid #b9bcc3;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel-no-selectable .ocean-vmok-plugin-warning,
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel-no-selectable .ocean-vmok-plugin-error,
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel-no-selectable .ocean-vmok-plugin-active {
  color: #31343b;
  border: unset;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-main {
  margin-top: 8px;
  display: flex;
  height: 322px;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-main-left {
  border: 1px solid #e8eaed;
  border-radius: 8px;
  overflow: hidden;
  width: 546px;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-main-right {
  width: 240px;
  margin-left: 8px;
  border: 1px solid #e8eaed;
  border-radius: 8px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-package-exhibition {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ocean-vmok-plugin-oc-package-exhibition-header {
  display: flex;
  justify-content: space-between;
  padding: 8px 12px;
  background-color: #f2f4f7;
  border-bottom: 1px solid #e8eaed;
}
.ocean-vmok-plugin-oc-package-exhibition-header span {
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-package-exhibition-tab .tools-vmok-plugin-tabs__nav {
  padding-left: 12px;
}
.ocean-vmok-plugin-oc-package-exhibition-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 12px;
  max-height: 253px;
  overflow: auto;
}
.ocean-vmok-plugin-oc-package-exhibition-body-empty {
  margin: auto;
}
.ocean-vmok-plugin-oc-package-exhibition-body-item {
  margin-top: 12px;
  height: 24px;
  background-color: #f2f4f7;
  border-radius: 4px;
  padding: 1px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-package-exhibition-body-item-right {
  flex: none;
  margin-left: 4px;
  font-size: 0;
}
.ocean-vmok-plugin-oc-package-exhibition-body-item:last-child {
  margin-bottom: 12px;
}
.ocean-vmok-plugin-oc-package-table-header-tab {
  margin: 0 12px;
  height: 36px;
}
.ocean-vmok-plugin-oc-package-table {
  position: relative;
  width: 544px;
}
.ocean-vmok-plugin-oc-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-th {
  background-color: #fff;
  height: 32px;
  padding: 0 0 0 12px;
  font-size: 14px;
  line-height: 22px;
  border-bottom: 1px solid #e8eaed;
}
.ocean-vmok-plugin-oc-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tbody {
  padding: 6px 0;
}
.ocean-vmok-plugin-oc-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tbody .tools-vmok-plugin-td {
  padding: 5px 0 5px 12px;
  border: none;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-package-hide-th .tools-vmok-plugin-th {
  display: none;
}
.ocean-vmok-plugin-oc-package-hide-tab .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tr .tools-vmok-plugin-th {
  background-color: #f2f4f7;
  height: 38px;
}
.ocean-vmok-plugin-oc-package-table-btn-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-right: 12px;
}
.ocean-vmok-plugin-oc-package-table-btn-wrapper .ocean-vmok-plugin-oc-button-wrap {
  margin-right: 14px;
}
.ocean-vmok-plugin-oc-package-table-btn-wrapper .ocean-vmok-plugin-oc-button-wrap:last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-create-num-info-item {
  width: 128px;
}
.ocean-vmok-plugin-oc-create-num-info-item .ocean-vmok-plugin-title,
.ocean-vmok-plugin-oc-create-num-info-item .ocean-vmok-plugin-content {
  display: flex;
  align-items: baseline;
  gap: 3px;
}
.ocean-vmok-plugin-oc-create-num-info-item .ocean-vmok-plugin-title-num,
.ocean-vmok-plugin-oc-create-num-info-item .ocean-vmok-plugin-content-num {
  font-size: 24px;
  line-height: 34px;
}
.ocean-vmok-plugin-oc-create-num-info-item .ocean-vmok-plugin-title {
  align-items: center;
}
.ocean-vmok-plugin-oc-create-num-info-item .ocean-vmok-plugin-title + .ocean-vmok-plugin-content {
  margin-top: 4px;
}
@font-face {
  font-family: "OC-OPPOSans";
  src: url("//lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_ui/OPPOSans-R-subset.ttf");
  font-display: swap;
}
@font-face {
  font-family: "OC-OPPOSans-Bold";
  src: url("//lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_ui/OPPOSans-B-subset.ttf");
  font-display: swap;
}
@font-face {
  font-family: "OC-Number-Regular";
  src: url("//lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_ui/OPPOSans-R-subset.ttf");
  font-display: swap;
}
@font-face {
  font-family: "OC-Number-Bold";
  src: url("//lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_ui/OPPOSans-B-subset.ttf");
  font-display: swap;
}
@font-face {
  font-family: "MF YuanHei";
  src: url("//lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_ui/MFYuanHei-Regular.otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.tools-vmok-plugin-message__content {
  align-items: flex-start;
  line-height: 18px;
  max-width: 640px;
}
.tools-vmok-plugin-message__content .tools-vmok-plugin-message__text {
  text-align: left;
  margin-left: 4px;
}
.tools-vmok-plugin-message__content .tools-vmok-plugin-message__icon {
  margin-top: 2px;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-modal-confirm-title {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  line-height: 24px;
  margin-top: -3px;
}
.ocean-vmok-plugin-oc-modal-confirm-title .ocean-vmok-plugin-oc-modal-confirm-icon {
  font-size: 18px;
  margin-right: 8px;
  margin-top: 3px;
}
.ocean-vmok-plugin-oc-modal-confirm-title .ocean-vmok-plugin-oc-modal-confirm-icon[name="oc-icon-info"] {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-modal-confirm-title .ocean-vmok-plugin-oc-modal-confirm-icon[name="oc-icon-success"] {
  color: #0da600;
}
.ocean-vmok-plugin-oc-modal-confirm-title .ocean-vmok-plugin-oc-modal-confirm-icon[name="oc-icon-warning"] {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-modal-confirm-title .ocean-vmok-plugin-oc-modal-confirm-icon[name="oc-icon-close-one"] {
  color: #e34949;
}
.ocean-vmok-plugin-oc-modal-confirm-body-with-icon {
  padding-left: 27px;
}
.ocean-bg {
  background: linear-gradient(84deg, #F0F8FF -73.41%, #E8F4FF 91.31%);
}
.ocean-bg-img {
  z-index: 0;
  position: relative;
  background: linear-gradient(84deg, #F0F8FF -73.41%, #E8F4FF 91.31%);
}
.ocean-bg-img:after {
  z-index: -1;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/ocean_bg_ripple.png') no-repeat;
  mix-blend-mode: color-burn;
  background-size: 840px 320px;
  background-position: top right;
}
.ocean-vmok-plugin-oc-not-support {
  background: #ffffff;
  display: flex;
}
.ocean-vmok-plugin-oc-product-card-wrapper {
  background: #f2f4f7;
  border-radius: 8px;
  height: 80px;
  display: flex;
  position: relative;
  border: 1px solid transparent;
  box-sizing: content-box;
}
.ocean-vmok-plugin-oc-product-card-wrapper:hover {
  background: #f2f4f7;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-product-card-wrapper:hover .ocean-vmok-plugin-oc-product-card-del {
  display: block;
}
.ocean-vmok-plugin-oc-product-card-wrapper-media {
  padding: 8px;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-desc {
  flex: 1;
  display: flex;
  align-self: center;
  flex-direction: column;
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-desc .ocean-vmok-plugin-oc-product-card-desc-name-narrow {
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-desc .ocean-vmok-plugin-oc-product-card-desc-bottom-tags {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 4px;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-opt {
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-opt .ocean-vmok-plugin-oc-product-card-opt-edit {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-del {
  position: absolute;
  right: -8px;
  top: -8px;
  color: #93969d;
  display: none;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-right-top {
  display: block;
  position: absolute;
  right: -6px;
  top: -6px;
  color: #93969d;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-left-top {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-product-card-wrapper-disabled {
  background: #f5f7fa;
}
.ocean-vmok-plugin-oc-product-card-wrapper-disabled:hover {
  background: #f5f7fa;
  border-color: transparent;
}
.ocean-vmok-plugin-oc-product-card-wrapper-error {
  background: #fdf2f2;
}
.ocean-vmok-plugin-oc-product-card-wrapper-error:hover {
  background: #fdf2f2;
}
.ocean-vmok-plugin-oc-product-card-desc-name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-product-card-desc-name .ocean-vmok-plugin-oc-product-card-desc-name-tags {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-metric-card-number .ocean-vmok-plugin-oc-typography {
  display: inline-block;
  vertical-align: bottom;
}
.ocean-vmok-plugin-oc-upload-table-name-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ocean-vmok-plugin-oc-upload-table-name-wrapper .ocean-vmok-plugin-oc-upload-table-name-right {
  margin-left: 16px;
  min-width: 0;
}
.ocean-vmok-plugin-oc-upload-table-name-wrapper .ocean-vmok-plugin-oc-upload-table-name-right .ocean-vmok-plugin-oc-upload-table-name-text {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-upload-table-name-wrapper .ocean-vmok-plugin-oc-upload-table-name-right .ocean-vmok-plugin-oc-upload-table-name-text .ocean-vmok-plugin-oc-upload-table-name-edit-icon {
  margin-left: 5px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-upload-table-name-wrapper .ocean-vmok-plugin-oc-upload-table-name-right .ocean-vmok-plugin-oc-upload-table-name-progress {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ocean-vmok-plugin-oc-upload-table-name-wrapper .ocean-vmok-plugin-oc-upload-table-name-right .ocean-vmok-plugin-oc-upload-table-name-progress .ocean-vmok-plugin-oc-upload-table-name-progress-success {
  color: #0da600;
  margin-left: 12px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list {
  margin: 16px -24px 0;
  max-height: 318px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-oc-recommend-modal-title-total {
  padding: 0 24px 16px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-byted-checkbox-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item {
  padding-left: 8px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item:hover .ocean-vmok-plugin-similar-title {
  display: block;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_content {
  padding: 0px 24px 4px;
  height: 100%;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_content .ocean-vmok-plugin-recommend-title-checkbox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_content .ocean-vmok-plugin-recommend-title-checkbox .ocean-vmok-plugin-row-wrapper {
  width: 100%;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_content .ocean-vmok-plugin-recommend-title-checkbox .ocean-vmok-plugin-checkbox-item {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_content .ocean-vmok-plugin-no-data-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_content .ocean-vmok-plugin-no-data-wrapper img {
  width: 320px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_content .ocean-vmok-plugin-no-data-wrapper .ocean-vmok-plugin-no-data-tips {
  color: #999999;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item {
  position: relative;
  height: 38px;
  line-height: 38px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0 8px;
  margin: 0;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item::first-child {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item label {
  height: 22px;
  margin: 2px 0;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item .ocean-vmok-plugin-list_item_text {
  width: 360px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item .ocean-vmok-plugin-list_item_text .ocean-vmok-plugin-content {
  overflow: hidden;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item .ocean-vmok-plugin-list_item_text .ocean-vmok-plugin-content p {
  margin: 0;
  display: inline-block;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item .ocean-vmok-plugin-list_item_text .ocean-vmok-plugin-similar-title {
  display: none;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: #edf1f5;
  padding-left: 14px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item:hover {
  background: #edf1f5;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item .ocean-vmok-plugin-checkbox-disabled {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item .ocean-vmok-plugin-checkbox-disabled:hover {
  background: transparent;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item .ocean-vmok-plugin-checkbox-disabled:hover .ocean-vmok-plugin-similar-title {
  display: none;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-no-hover:hover {
  background: transparent;
}
.ocean-vmok-plugin-highlight-keyword {
  color: red;
  font-weight: 500;
}
.ocean-vmok-plugin-oc-create-material-card-carousel-content-wrapper {
  height: 100%;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-material-card-carousel-content-wrapper-footer {
  padding-top: 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 100%);
}
.ocean-vmok-plugin-oc-create-material-card-carousel-content-wrapper-show-img {
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-material-card-carousel-content-wrapper-audio-voice {
  color: #ffffff;
  position: absolute;
  bottom: 16px;
  right: 7px;
  z-index: 3;
}
.ocean-vmok-plugin-oc-create-range-num-info-item {
  display: flex;
  align-items: flex-end;
}
.ocean-vmok-plugin-oc-create-range-num-info-item .ocean-vmok-plugin-num {
  font-size: 28px;
  line-height: 34px;
}
.ocean-vmok-plugin-oc-create-range-num-info-item .ocean-vmok-plugin-oc-typography + .ocean-vmok-plugin-oc-typography {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-create-range-num-info-item .ocean-vmok-plugin-extra {
  width: 24px;
  display: flex;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-preview-operating {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10001 !important;
}
.ocean-vmok-plugin-oc-create-preview-operating-bg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9;
}
.ocean-vmok-plugin-oc-create-preview-operating-tips {
  width: 100%;
  position: absolute;
  text-align: center;
  z-index: 11;
  top: 8px;
  opacity: 1;
}
.ocean-vmok-plugin-oc-create-preview-operating-tips-main {
  background-color: #ffffff;
  padding: 4px 8px;
  border-radius: 20px;
  display: inline-block;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);
  font-size: 0;
}
.ocean-vmok-plugin-oc-create-preview-operating-tips iconpark-icon {
  vertical-align: middle;
  margin-top: -1px;
}
.ocean-vmok-plugin-oc-create-preview-operating-tips span {
  color: #31343b;
  font-size: 12px;
  zoom: 0.83333;
  line-height: 14px;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-create-preview-operating-tips-name {
  font-weight: 600;
}
.ocean-vmok-plugin-oc-create-preview-operating-mask {
  position: absolute;
  width: 150px;
  height: 20px;
  left: 7px;
  bottom: 112px;
  z-index: 10;
}
.ocean-vmok-plugin-oc-create-preview-operating-mask::after {
  border-radius: 4px;
  background: radial-gradient(rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.5) 100%);
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  content: "";
  position: absolute;
  filter: blur(1px);
  animation-delay: 1s;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-name: breathing1;
}
.ocean-vmok-plugin-oc-create-preview-operating-mask em {
  position: absolute;
  width: 25px;
  height: 25px;
  color: #fff;
  animation-delay: 1s;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.ocean-vmok-plugin-oc-create-preview-operating-mask-top {
  left: -11px;
  top: -11px;
  animation-name: breathingTop;
}
.ocean-vmok-plugin-oc-create-preview-operating-mask-right {
  right: -11px;
  top: -11px;
  transform: rotate(90deg);
  animation-name: breathingRight;
}
.ocean-vmok-plugin-oc-create-preview-operating-mask-bottom {
  right: -11px;
  bottom: -11px;
  transform: rotate(-180deg);
  animation-name: breathingBottom;
}
.ocean-vmok-plugin-oc-create-preview-operating-mask-left {
  left: -11px;
  bottom: -11px;
  transform: rotate(-90deg);
  animation-name: breathingLeft;
}
/* 定义@keyframes动画 */
@keyframes breathingTop {
  0% {
    transform: translateX(0px) translateY(0px);
  }
  50% {
    transform: translateX(2px) translateY(2px);
  }
  100% {
    transform: translateX(0px) translateY(0px);
  }
}
@keyframes breathingRight {
  0% {
    transform: translateX(0px) translateY(0px) rotate(90deg);
  }
  50% {
    transform: translateX(-2px) translateY(2px) rotate(90deg);
  }
  100% {
    transform: translateX(0px) translateY(0px) rotate(90deg);
  }
}
@keyframes breathingBottom {
  0% {
    transform: translateX(0px) translateY(0px) rotate(-180deg);
  }
  50% {
    transform: translateX(-2px) translateY(-2px) rotate(-180deg);
  }
  100% {
    transform: translateX(0px) translateY(0px) rotate(-180deg);
  }
}
@keyframes breathingLeft {
  0% {
    transform: translateX(0px) translateY(0px) rotate(-90deg);
  }
  50% {
    transform: translateX(2px) translateY(-2px) rotate(-90deg);
  }
  100% {
    transform: translateX(0px) translateY(0px) rotate(-90deg);
  }
}
/* 定义@keyframes动画 */
@keyframes breathing1 {
  0% {
    opacity: 1;
    /* 完全不透明 */
  }
  50% {
    opacity: 0;
    /* 半透明 */
  }
  100% {
    opacity: 1;
    /* 完全不透明 */
  }
}
.ocean-vmok-plugin-oc-message-list-message {
  display: flex;
  padding: 12px;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-message-list-message:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-message-list-message.ocean-vmok-plugin-selected {
  background-color: #e8f4ff;
}
.ocean-vmok-plugin-oc-message-list-message.ocean-vmok-plugin-unread .ocean-vmok-plugin-oc-message-list-message__title {
  font-weight: 600;
}
.ocean-vmok-plugin-oc-message-list-message__dot-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: none;
  margin-top: 3px;
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-message-list-message__read-dot {
  width: 6px;
  height: 6px;
  background: #e34949;
  border-radius: 50%;
}
.ocean-vmok-plugin-oc-message-list-message__read-dot.ocean-vmok-plugin-oc-message-list-message__is-read {
  background: #cdd1d8;
}
.ocean-vmok-plugin-oc-message-list-message__title {
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-message-list-message__desc {
  font-weight: 400;
  font-size: 12px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-message-list-message__tag-wrapper {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-message-list-message__tag {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-message-list-message__create-time {
  color: #93969d;
  margin-top: 4px;
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper {
  border-radius: 8px;
  border: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-header {
  padding: 0 12px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dee0e3;
  border-radius: 8px 8px 0 0;
  background: #f2f4f7;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-header .ocean-vmok-plugin-oc-tag-panel-header-num {
  font-weight: bolder;
  font-size: 14px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 12px;
  margin: 0 -8px -8px 0;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item {
  width: calc(33% - 8px);
  margin: 0 8px 8px 0;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item .ocean-vmok-plugin-oc-tag-panel-list-item-tag {
  height: 24px;
  padding: 0px 8px;
  border-radius: 4px;
  background: #f2f4f7;
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item .ocean-vmok-plugin-oc-tag-panel-list-item-tag-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item .ocean-vmok-plugin-oc-tag-panel-list-item-tag .ocean-vmok-plugin-oc-tag-panel-list-item-close {
  color: #93969d;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item .ocean-vmok-plugin-oc-tag-panel-list-item-tag-with-desc {
  height: 54px;
  padding: 6px 12px;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item .ocean-vmok-plugin-oc-tag-panel-list-item-tag-disabled {
  background: #f5f7fa;
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item .ocean-vmok-plugin-oc-tag-panel-list-item-tag-disabled .ocean-vmok-plugin-oc-tag-panel-list-item-close {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description {
  width: 100%;
  margin: 0 8px 8px 0;
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-tag-content {
  width: 30%;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-tag-content .ocean-vmok-plugin-oc-tag-panel-list-item-tag {
  height: 24px;
  padding: 0px 8px;
  margin-right: 12px;
  margin-bottom: 4px;
  border-radius: 4px;
  background: #f2f4f7;
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-tag-content .ocean-vmok-plugin-oc-tag-panel-list-item-tag .ocean-vmok-plugin-oc-tag-panel-list-item-close {
  color: #93969d;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-tag-content .ocean-vmok-plugin-oc-tag-panel-list-item-tag-with-desc {
  height: 54px;
  padding: 6px 12px;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-description {
  flex: 1;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-description .ocean-vmok-plugin-oc-tag-panel-list-item-description-input {
  color: #62656c;
  margin-bottom: 2px;
  height: 24px;
  padding-left: 0;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-tag-disabled {
  background: #f5f7fa;
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-tag-disabled .ocean-vmok-plugin-oc-tag-panel-list-item-close {
  color: #b9bcc3;
  cursor: not-allowed;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip {
  width: 200px;
  padding: 16px;
  display: flex;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__video {
  width: 55px;
  height: 96px;
  border-radius: 4px;
  overflow: hidden;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__info {
  margin-left: 10px;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #31343b;
  margin-bottom: 12px;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__point-list {
  color: #31343b;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__point {
  display: flex;
  font-weight: 500;
  line-height: 18px;
  height: 20px;
  font-size: 12px;
  align-items: center;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__point span + span {
  margin-left: 8px;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__point .ocean-vmok-plugin-point-color {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  vertical-align: middle;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__point + .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__point {
  margin-top: 8px;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip.ocean-vmok-plugin-type-vertical {
  width: 137px;
  flex-direction: column;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip.ocean-vmok-plugin-type-vertical .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__video {
  width: 96px;
  height: 55px;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip.ocean-vmok-plugin-type-vertical .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__info {
  margin-left: 0;
  margin-top: 10px;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip.ocean-vmok-plugin-type-horizontal .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-bidword-keyword-modal-label {
  margin-right: 6px;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-bidword-keyword-modal-input {
  display: inline-block;
  width: 288px;
}
.ocean-vmok-plugin-oc-bidword-keyword-modal-inputlen {
  color: #666;
  font-size: 12px;
  padding-left: 8px;
}
.ocean-vmok-plugin-oc-bidword-modal-footer {
  display: flex;
  flex-direction: row-reverse;
}
.ocean-vmok-plugin-oc-bidword-modal-footer-button {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-recommend-title-drop {
  border-radius: 8px;
  padding: 16px;
}
.ocean-vmok-plugin-oc-recommend-title-drop .ocean-vmok-plugin-new-look-more {
  display: flex;
  justify-content: space-between;
  min-height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #0057ff;
  cursor: pointer;
  padding-bottom: 4px;
}
.ocean-vmok-plugin-oc-recommend-title-drop .ocean-vmok-plugin-new-look-more-padding {
  padding-bottom: 8px;
}
.ocean-vmok-plugin-oc-recommend-title-drop .ocean-vmok-plugin-new-look-error {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-recommend-title-drop .ocean-vmok-plugin-suggestion-list .ocean-vmok-plugin-suggestion-item {
  width: 100%;
  color: #31343b;
  font-size: 14px;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-recommend-title-drop .ocean-vmok-plugin-suggestion-list .ocean-vmok-plugin-suggestion-item:hover {
  background: #f8f8f8;
}
.ocean-vmok-plugin-dynamic-word-select-modal-words-popover {
  max-height: 200px;
  overflow: scroll;
}
.ocean-vmok-plugin-dynamic-work-tips {
  margin-bottom: 10px;
}
.ocean-vmok-plugin-dynamic-word-modal {
  padding-bottom: 24px !important;
}
.ocean-vmok-plugin-dynamic-word-modal-tabs {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-dynamic-word-modal .tools-vmok-plugin-tr .ocean-vmok-plugin-insert .tools-vmok-plugin-button--text {
  color: #31343b;
}
.ocean-vmok-plugin-dynamic-word-modal .tools-vmok-plugin-tr:hover .ocean-vmok-plugin-insert .tools-vmok-plugin-button--text {
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-first-con::-webkit-scrollbar {
  width: 0 !important;
}
.ocean-vmok-plugin-navigator-first-con {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  overflow-x: hidden;
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-dropdown {
  margin-left: 8px;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled {
  cursor: not-allowed;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button {
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button {
  padding: 9px 12px;
  display: flex;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag .ocean-vmok-plugin-first-con-a,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled .ocean-vmok-plugin-first-con-a,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button .ocean-vmok-plugin-first-con-a {
  font-size: 14px;
  position: relative;
  display: block;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag .ocean-vmok-plugin-first-con-red,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled .ocean-vmok-plugin-first-con-red,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button .ocean-vmok-plugin-first-con-red {
  height: 6px;
  width: 6px;
  background: #e34949;
  border-radius: 50%;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag .ocean-vmok-plugin-first-con-text,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled .ocean-vmok-plugin-first-con-text,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button .ocean-vmok-plugin-first-con-text {
  display: flex;
  vertical-align: middle;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag .ocean-vmok-plugin-first-con-p,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled .ocean-vmok-plugin-first-con-p,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button .ocean-vmok-plugin-first-con-p {
  line-height: 22px;
  font-size: 14px;
  white-space: nowrap;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag .ocean-vmok-plugin-navigator-first-con-down,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled .ocean-vmok-plugin-navigator-first-con-down,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button .ocean-vmok-plugin-navigator-first-con-down {
  margin-left: 4px !important;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag:hover,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button:hover {
  border-radius: 8px;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-p-default-flag {
  display: flex;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-p-default-flag firefly-new-badge {
  margin-left: 4px !important;
  display: inline-flex;
  align-self: center !important;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-is-mark-item {
  font-weight: bolder;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-line {
  display: inline-block;
  height: 4px;
  width: 16px;
  position: absolute;
  border-radius: 2px;
  margin: 4px auto 0;
  left: 0;
  right: 0;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-header {
  padding: 24px 24px 0;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-footer .ocean-vmok-plugin-menu-dropdown-footer-divider {
  width: 100%;
  height: 1px;
  background: #f2f4f7;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-footer .ocean-vmok-plugin-menu-dropdown-footer-content {
  padding: 12px 24px;
  align-content: space-between;
  display: flex;
  align-items: self-start;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-footer .ocean-vmok-plugin-menu-dropdown-footer-left {
  display: flex;
  align-items: self-start;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-footer .ocean-vmok-plugin-menu-dropdown-footer-left .ocean-vmok-plugin-menu-dropdown-footer-left-icon {
  color: #93969d;
  align-items: self-start;
  display: flex;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-footer .ocean-vmok-plugin-menu-dropdown-footer-hint {
  color: #31343b;
  font-size: 12px;
  line-height: 18px;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-footer .ocean-vmok-plugin-menu-dropdown-footer-option {
  margin-left: auto;
  flex: 0 0 auto;
  color: #0057ff;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  display: flex;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-footer .ocean-vmok-plugin-menu-dropdown-footer-option .ocean-vmok-plugin-menu-dropdown-footer-option-more {
  margin-left: 16px;
}
.ocean-vmok-plugin-navigator_dopdown {
  max-height: fit-content !important;
  box-shadow: 0px 6px 18px 0 rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px !important;
  padding: 0px !important;
  margin-top: 7px !important;
}
.ocean-vmok-plugin-navigator_en_dopdown {
  max-height: fit-content !important;
  box-shadow: 0px 6px 18px 0 rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px !important;
  transform: translate3d(0px, 57px, 0px) !important;
  padding: 0px !important;
  width: calc(100vw - 48px) !important;
  margin: 7px 24px 0px 24px !important;
}
.ocean-vmok-plugin-navigator-first-con-item-flag firefly-new-badge {
  margin-left: 4px !important;
  display: inline-flex;
  align-self: center !important;
}
.ocean-vmok-plugin-navigator-first-con-down {
  margin-left: 4px;
}
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-navigator-first-con-item-flag-disabled .ocean-vmok-plugin-first-con-p {
  color: rgba(255, 255, 255, 0.3);
}
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-navigator-first-con-item-flag .ocean-vmok-plugin-first-con-p,
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-first-con-item-button .ocean-vmok-plugin-first-con-p {
  color: rgba(255, 255, 255, 0.8);
}
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-is-mark-item {
  color: #ffffff !important;
}
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-is-mark-item icon,
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-is-mark-item .ocean-vmok-plugin-first-con-p,
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-is-mark-item div,
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-is-mark-item iconpark-icon {
  color: #ffffff !important;
}
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-is-common-item {
  color: #ffffff !important;
}
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-navigator-first-con-item-flag:hover,
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-first-con-item-button:hover {
  background: rgba(255, 255, 255, 0.1);
}
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-first-con-line {
  background: #ffffff !important;
}
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-navigator-first-con-item-flag-disabled .ocean-vmok-plugin-first-con-p {
  color: #b9bcc3;
}
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-navigator-first-con-item-flag .ocean-vmok-plugin-first-con-p,
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-first-con-item-button .ocean-vmok-plugin-first-con-p {
  color: #31343b;
}
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-is-mark-item {
  color: #0057ff !important;
}
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-is-mark-item icon,
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-is-mark-item .ocean-vmok-plugin-first-con-p,
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-is-mark-item iconpark-icon {
  color: #0057ff !important;
}
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-is-common-item {
  color: #93969d;
}
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-navigator-first-con-item-flag:hover,
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-first-con-item-button:hover {
  background: rgba(42, 85, 229, 0.08);
}
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-first-con-line {
  background: #0057ff;
}
.ocean-vmok-plugin-navigator-user-account-info .ocean-vmok-plugin-default-avatar {
  line-height: 30px;
  text-align: center;
  font-weight: bolder;
  color: #fff;
  background-color: #0057ff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.ocean-vmok-plugin-navigator-user-account-info .ocean-vmok-plugin-oc-item-group-description {
  pointer-events: none;
  width: 140px;
}
.ocean-vmok-plugin-navigator-user-account-info .ocean-vmok-plugin-oc-item-group-prefix,
.ocean-vmok-plugin-navigator-user-account-info .ocean-vmok-plugin-oc-item-group-suffix {
  align-self: center;
}
.ocean-vmok-plugin-navigator-user-account-info .ocean-vmok-plugin-account-info-suffix {
  margin-right: 8px;
}
.ocean-vmok-plugin-navigator-user-account-info-title-transparent .ocean-vmok-plugin-oc-typography-color-default,
.ocean-vmok-plugin-navigator-user-account-info-title-transparent .ocean-vmok-plugin-oc-typography-value-int {
  color: #fff;
}
.ocean-vmok-plugin-navigator-user-account-info-description-transparent {
  color: rgba(255, 255, 255, 0.5);
}
.ocean-vmok-plugin-navigator-user-account-info-description-transparent .ocean-vmok-plugin-oc-typography-color-secondary {
  color: rgba(255, 255, 255, 0.5) !important;
}
.ocean-vmok-plugin-general-multi-level-adv-select {
  width: 686px;
}
.ocean-vmok-plugin-general-multi-level-adv-select .ocean-vmok-plugin-general-multi-level-adv-select-ml-8 {
  margin-left: 8px;
}
.ocean-vmok-plugin-general-multi-level-adv-select .ocean-vmok-plugin-general-multi-level-adv-select-text-gray {
  color: #93969d;
}
.ocean-vmok-plugin-general-multi-level-adv-select-title {
  background-color: #f2f4f7;
  height: 38px;
  line-height: 38px;
  padding-left: 12px;
  border-radius: 8px 8px 0 0;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-general-multi-level-group-select {
  width: 686px;
}
.ocean-vmok-plugin-general-multi-level-group-select-title {
  background-color: #f2f4f7;
  height: 38px;
  line-height: 38px;
  padding-left: 12px;
  border-radius: 8px 8px 0 0;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-audience-package-row-empty {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-audience-package-row-empty .ocean-vmok-plugin-oc-popover {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-form-mode {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-age-edit .ocean-vmok-plugin-oc-popover span {
  line-height: 0;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-age-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-info-card-container {
  display: flex;
}
.ocean-vmok-plugin-oc-info-card-container.ocean-vmok-plugin-align-center {
  align-items: center;
}
.ocean-vmok-plugin-oc-info-card-container .ocean-vmok-plugin-left-area.ocean-vmok-plugin-sp-line {
  padding-right: 16px;
  border-right: 1px solid #e5e5e5;
}
.ocean-vmok-plugin-oc-info-card-container .ocean-vmok-plugin-right-area {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-info-card-container .ocean-vmok-plugin-info-item {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-info-card-container .ocean-vmok-plugin-info-item.ocean-vmok-plugin-hori-center {
  justify-content: center;
}
.ocean-vmok-plugin-oc-change-value-input-wrapper .ocean-vmok-plugin-input-rule-type {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-change-value-input-wrapper .ocean-vmok-plugin-input-rule-type-append {
  min-width: 30px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #93969d;
  background: #f2f4f7;
  border-radius: 0px 8px 8px 0px;
}
.ocean-vmok-plugin-oc-change-value-input-wrapper .ocean-vmok-plugin-input-rule-type-dropdown {
  min-width: 50px;
}
.ocean-vmok-plugin-oc-change-value-input-wrapper .ocean-vmok-plugin-input-rule-type-dropdown .tools-vmok-plugin-button--text {
  color: #31343b;
}
.ocean-vmok-plugin-age-edit .ocean-vmok-plugin-oc-popover span {
  line-height: 0;
}
.ocean-vmok-plugin-age-edit .ocean-vmok-plugin-age-edit-select .tools-vmok-plugin-select__options > .tools-vmok-plugin-option:first-child .tools-vmok-plugin-option__action {
  display: none;
}
.ocean-vmok-plugin-promotion-batch-edit-age-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-negative-words-box {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-promotion-detail-card-img-text-tag-wrapper {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-detail-card-img-text-tag-wrapper-img {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-detail-card-img-text-tag-wrapper-tag {
  margin-left: 8px;
  margin-top: 1px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-template-list-wrapper {
  width: 220px;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-item {
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 18px;
  color: #31343b;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-item:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-item.ocean-vmok-plugin-selected {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-item.ocean-vmok-plugin-disabled {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-label {
  padding: 6px 12px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-divider {
  margin: 4px 12px 4px 12px;
  border-top: 1px solid #dfe0e2;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-list {
  max-height: 320px;
  overflow-y: auto;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-list .ocean-vmok-plugin-custom-template-list .ocean-vmok-plugin-custom-template-item {
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-list .ocean-vmok-plugin-custom-template-list .ocean-vmok-plugin-custom-template-item .ocean-vmok-plugin-actions {
  display: flex;
  color: #93969d;
  margin-left: 16px;
  visibility: hidden;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-list .ocean-vmok-plugin-custom-template-list .ocean-vmok-plugin-custom-template-item .ocean-vmok-plugin-actions .ocean-vmok-plugin-operation-icon:hover {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-list .ocean-vmok-plugin-custom-template-list .ocean-vmok-plugin-custom-template-item:hover .ocean-vmok-plugin-actions {
  visibility: visible;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-list .ocean-vmok-plugin-system-template-list .ocean-vmok-plugin-system-template-item {
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-oc-template-list-custom-btn .ocean-vmok-plugin-oc-button-wrap {
  width: 100%;
  height: 32px;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-oc-template-list-custom-btn .ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button {
  width: 100%;
}
.ocean-vmok-plugin-oc-system-template-popover .ocean-vmok-plugin-select-metrics-tip {
  color: #31343b;
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-system-template-popover .ocean-vmok-plugin-select-metrics-tip .ocean-vmok-plugin-title {
  font-weight: 600;
}
.ocean-vmok-plugin-oc-custom-column-modal-body {
  display: flex;
  padding: 0;
  overflow: hidden !important;
  margin: 0 24px;
  border: 1px solid #dee0e3;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container {
  display: flex;
  flex-flow: column;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-metric-search {
  border-right: 1px solid #dee0e3;
  border-bottom: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-metric-search .tools-vmok-plugin-input__wrapper {
  border: none;
  background-color: unset;
  border-radius: unset;
  box-shadow: unset;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom {
  display: flex;
  flex: 1;
  max-height: 529px;
  overflow: auto;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-empty-wrapper {
  width: 671px;
  border-right: 1px solid #dee0e3;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-tabs {
  border-right: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .tools-vmok-plugin-tabs__nav {
  padding-left: 12px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-menu-list {
  width: 200px;
  height: 100%;
  background: #f5f7fa;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-metric-select-container {
  overflow-y: auto;
  width: 471px;
  padding: 16px 16px 0 16px;
  border-right: 1px solid #dee0e3;
  height: 100%;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-metric-select-container .ocean-vmok-plugin-metric-select-area .ocean-vmok-plugin-first-title {
  display: flex;
  align-items: center;
  height: 22px;
  line-height: 22px;
  font-weight: 600;
  font-size: 14px;
  color: #31343b;
  margin-bottom: 12px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-metric-select-container .ocean-vmok-plugin-metric-select-area .ocean-vmok-plugin-select-list .ocean-vmok-plugin-second-title {
  height: 32px;
  display: flex;
  align-items: center;
  padding-left: 12px;
  margin-bottom: 12px;
  background-color: #f2f4f7;
  border-radius: 2px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-metric-select-container .ocean-vmok-plugin-metric-select-area .ocean-vmok-plugin-select-list .ocean-vmok-plugin-metric-item-checkbox-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8px 16px;
  padding-left: 12px;
  padding-bottom: 16px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-metric-select-container .ocean-vmok-plugin-metric-select-area .ocean-vmok-plugin-select-list .ocean-vmok-plugin-metric-item-checkbox-wrapper .ocean-vmok-plugin-metric-item-checkbox .tools-vmok-plugin-checkbox__label {
  color: #62656c;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(1),
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(2) {
  max-height: 529px;
  overflow: auto;
  height: 100%;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(1) .ocean-vmok-plugin-oc-space,
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(2) .ocean-vmok-plugin-oc-space,
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(1) .ocean-vmok-plugin-oc-space-item:nth-of-type(1),
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(2) .ocean-vmok-plugin-oc-space-item:nth-of-type(1) {
  height: 100%;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(1) .ocean-vmok-plugin-first-title .ocean-vmok-plugin-oc-space,
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(2) .ocean-vmok-plugin-first-title .ocean-vmok-plugin-oc-space {
  height: auto;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-left-container-space > .ocean-vmok-plugin-oc-space-item:nth-of-type(1) {
  min-height: 30px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-tabs-left-container .ocean-vmok-plugin-left-container-bottom {
  height: 491px !important;
  overflow: auto;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-tabs-left-container .ocean-vmok-plugin-left-container-bottom > .ocean-vmok-plugin-oc-space > .ocean-vmok-plugin-oc-space-item:nth-of-type(1) {
  height: auto !important;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-tabs-left-container .ocean-vmok-plugin-left-container-bottom > .ocean-vmok-plugin-oc-space > .ocean-vmok-plugin-oc-space-item:nth-of-type(2) {
  height: 491px !important;
  overflow: auto;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-tabs-left-container .ocean-vmok-plugin-left-container-bottom > .ocean-vmok-plugin-oc-space > .ocean-vmok-plugin-oc-space-item:nth-of-type(2) > .ocean-vmok-plugin-oc-space > .ocean-vmok-plugin-oc-space-item:nth-of-type(2) {
  height: 100% !important;
  overflow: auto;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container {
  width: 280px;
  max-height: 566px;
  padding: 16px;
  overflow-y: auto;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-title {
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-title .ocean-vmok-plugin-text {
  height: 22px;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list {
  padding-top: 16px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-frozen-item-list .ocean-vmok-plugin-selected-item,
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-selected-item-list .ocean-vmok-plugin-selected-item {
  cursor: move;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-frozen-item-list .ocean-vmok-plugin-selected-item:not(:first-child),
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-selected-item-list .ocean-vmok-plugin-selected-item:not(:first-child) {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-frozen-list-tip-popover-reference {
  flex: 1;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-frozen-list-tip-wrapper {
  margin-top: 12px;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-frozen-list-tip-wrapper .ocean-vmok-plugin-frozen-list-tip {
  display: flex;
  align-items: center;
  flex: 1;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-frozen-list-tip-wrapper .ocean-vmok-plugin-frozen-list-tip .ocean-vmok-plugin-text {
  padding: 0 8px;
  flex-grow: 0;
  color: #93969d;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-frozen-list-tip-wrapper .ocean-vmok-plugin-frozen-list-tip .ocean-vmok-plugin-line {
  flex-grow: 1;
  height: 0;
  border: 0.5px solid #dee0e3;
}
.ocean-vmok-plugin-oc-custom-column-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-custom-column-modal-footer .ocean-vmok-plugin-template-name-input {
  position: relative;
}
.ocean-vmok-plugin-oc-custom-column-modal-footer .ocean-vmok-plugin-template-name-input .ocean-vmok-plugin-tip {
  position: absolute;
  font-size: 10px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-custom-column-modal-footer .ocean-vmok-plugin-template-name-input .ocean-vmok-plugin-tip.ocean-vmok-plugin-error {
  color: #e34949;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-body__result-status .ocean-vmok-plugin-oc-icon-success {
  color: #0da600;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-body__result-status .ocean-vmok-plugin-oc-icon-close-one {
  color: #e34949;
}
.ocean-vmok-plugin-oc-promotion-step-item {
  text-align: center;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical {
  text-align: left;
  display: flex;
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-content {
  padding: 0 0 0 10px;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-icon-wrap {
  align-items: flex-start;
  justify-content: left;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-title {
  margin-top: 0;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-title .ocean-vmok-plugin-tips-icon {
  position: absolute;
  top: 50%;
  margin-left: 3px;
  color: #dee0e3;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-title .ocean-vmok-plugin-iconpark-icon {
  display: block;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-line {
  height: 100%;
  position: absolute;
  top: 0;
  margin-top: -1px;
  left: 0;
  width: 2px;
  z-index: 1;
  background-color: #c1c1c1;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-line.ocean-vmok-plugin-last-item {
  height: 100%;
  width: 2px;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-line.ocean-vmok-plugin-first-item {
  height: 100%;
  width: 2px;
  left: 0;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-content {
  padding: 0 10px;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-title {
  color: #31343b;
  font-size: 14px;
  display: inline-block;
  margin-top: 10px;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  line-height: 18px;
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-title .ocean-vmok-plugin-tips-icon {
  position: absolute;
  top: 50%;
  margin-left: 3px;
  color: #dee0e3;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-title .ocean-vmok-plugin-iconpark-icon {
  display: block;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-line {
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0;
  height: 2px;
  z-index: 1;
  background-color: #c1c1c1;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-line.ocean-vmok-plugin-last-item {
  width: 50%;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-line.ocean-vmok-plugin-first-item {
  width: 50%;
  right: 0;
  left: auto;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-desc {
  color: #93969d;
  font-size: 12px;
  line-height: 18px;
  margin: 4px auto 0px;
  display: flex;
  justify-content: center;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-icon {
  position: relative;
  z-index: 2;
  background: #fff;
  border-radius: 50%;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-icon-wrap {
  width: 100%;
  height: 20px;
  display: flex;
  justify-content: center;
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-arrow-name {
  cursor: pointer;
  font-size: 12px;
  color: #62656c;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-arrow-name-icon {
  color: #93969d;
}
.ocean-vmok-plugin-oc-promotion-operation-action-item {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-operation-disabled-item {
  color: #93969d;
  cursor: not-allowed;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-promotion-operation-disabled-msg {
  color: #31343b;
}
.ocean-vmok-plugin-oc-more-filter-modal-footer {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: right;
}
.ocean-vmok-plugin-oc-more-filter-modal-footer .ocean-vmok-plugin-reset-icon {
  cursor: pointer;
  color: #0057ff;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: right;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-more-filter-modal-footer .ocean-vmok-plugin-reset-icon iconpark-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-more-filter-modal-footer .ocean-vmok-plugin-cancel-btn {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body {
  border: 1px solid #dee0e3;
  border-radius: 12px;
  display: flex;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content {
  width: 200px;
  max-height: calc(100vh - 80px - 70px - 80px);
  overflow: auto;
  background: #f5f7fa;
  padding: 12px 0;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item {
  width: 100%;
  line-height: 32px;
  position: relative;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item .ocean-vmok-plugin-title-item-text {
  padding-left: 16px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item .ocean-vmok-plugin-sub-title-item {
  position: relative;
  font-weight: 400;
  padding-left: 32px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item .ocean-vmok-plugin-sub-title-item.ocean-vmok-plugin-active {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item .ocean-vmok-plugin-sub-title-item.ocean-vmok-plugin-active .ocean-vmok-plugin-title-item-active-left {
  display: block;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item.ocean-vmok-plugin-group-title {
  font-weight: 600;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item.ocean-vmok-plugin-active {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item.ocean-vmok-plugin-active .ocean-vmok-plugin-title-item-active-left {
  display: block;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item .ocean-vmok-plugin-title-item-active-left {
  background-color: #0057ff;
  height: 20px;
  width: 2px;
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
}
.ocean-vmok-plugin-oc-more-filter-modal-body.ocean-vmok-plugin-full-width {
  border: none;
}
.ocean-vmok-plugin-oc-more-filter-modal-body.ocean-vmok-plugin-full-width .ocean-vmok-plugin-right-content {
  width: 854px;
  padding: 0;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content {
  padding: 16px;
  max-height: calc(100vh - 80px - 70px - 80px);
  overflow: auto;
  width: calc(100% - 200px);
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content.ocean-vmok-plugin-only-right {
  width: 100%;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-config-area {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-config-area .ocean-vmok-plugin-group-filter-item {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-config-area .ocean-vmok-plugin-group-filter-item:last-child {
  margin-bottom: 0px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-config-area .ocean-vmok-plugin-sub-filter-item-title {
  font-weight: 600;
  color: #31343b;
  margin: 16px 0 16px;
  border-radius: 3px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-filter-item-title {
  margin-bottom: 16px;
  font-size: 14px;
  color: #31343b;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-group:not(:first-child) {
  border-top: 1px solid #dfe0e2;
  padding-top: 24px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-group .ocean-vmok-plugin-filter-item-title {
  font-size: 16px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item:last-child .ocean-vmok-plugin-config-area {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-more-filter-pop-body {
  display: flex;
  border: none;
  max-width: 840px;
  margin: 8px;
}
.ocean-vmok-plugin-oc-more-filter-pop-body .ocean-vmok-plugin-right-content {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 24px;
}
.ocean-vmok-plugin-oc-more-filter-pop-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-config-area {
  width: 264px;
}
.ocean-vmok-plugin-oc-more-filter-pop-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-filter-item-title {
  margin-bottom: 8px;
  font-size: 14px;
  color: #31343b;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-more-filter-tile-body {
  display: flex;
  border: none;
  gap: 0 40px;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 8px 16px;
  width: 100%;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item {
  display: flex;
  align-items: center;
  gap: 0 16px;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-reset-icon {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  line-height: 32px;
  color: #0057ff;
  cursor: pointer;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-filter-item-title {
  margin-bottom: 8px;
  font-size: 14px;
  color: #31343b;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .tools-vmok-plugin-range-picker {
  width: 320px !important;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .tools-vmok-plugin-range-picker .tools-vmok-plugin-custom-input__after .tools-vmok-plugin-icon {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input--fill {
  background: rgba(42, 85, 229, 0.06);
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--focused,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--focused,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input--fill:hover,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-custom-input--fill:hover,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input--fill:active,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-custom-input--fill:active,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input--fill:focus,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-custom-input--fill:focus {
  border: 1px solid transparent;
  box-shadow: none;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .ocean-vmok-plugin-oc-typography-color-default,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .ocean-vmok-plugin-oc-typography-color-default,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input__after,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-custom-input__after,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-select__arrow,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-select__arrow,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input__clear,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-custom-input__clear,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input__content,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-custom-input__content,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-input__wrapper--unstyle,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-input__wrapper--unstyle {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-filter-btn-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-filter-count-num {
  width: 16px;
  height: 16px;
  background: #0057ff;
  border-radius: 50%;
  font-size: 14px;
  margin-left: 8px;
  font-weight: 600;
  color: #fff;
  line-height: 16px;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-suggestion-con {
  color: #0057ff;
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-text-con {
  display: inline-flex;
  align-items: center;
  color: #62656c;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-key-value-con {
  color: #62656c;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-key-value-con .ocean-vmok-plugin-key-con-item {
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-key-value-con .ocean-vmok-plugin-value-con-item {
  color: #31343b;
  display: inline-flex;
  align-items: center;
  font-weight: bolder;
  font-family: "PingFang SC";
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-form-wrapper .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-form-type {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-form-wrapper .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-form-mode {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-promotion-data-tag {
  display: flex;
  align-items: center;
  margin: 0 4px;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-dropdown-btn {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-dropdown-btn .ocean-vmok-plugin-dropdown-btn-name {
  font-size: 18px;
  font-weight: 600;
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-dropdown-btn .ocean-vmok-plugin-dropdown-btn-icon {
  margin-left: 4px;
  transition: transform 0.2s;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-dropdown-btn .ocean-vmok-plugin-dropdown-btn-icon-rotate {
  transform: rotate(180deg);
}
.ocean-vmok-plugin-oc-promotion-tool-bar-key-value {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-key-value.ocean-vmok-plugin-oc-promotion-tool-bar-key-value-vertical {
  flex-direction: column;
  gap: 4px;
  align-items: self-start;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-key-value-content {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-live-card-horizontal {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-report-live-card-horizontal-middle {
  flex-grow: 1;
  margin-top: 0 !important;
}
.ocean-vmok-plugin-oc-report-live-card-horizontal-left + .ocean-vmok-plugin-oc-report-live-card-horizontal-middle,
.ocean-vmok-plugin-oc-report-live-card-horizontal-middle + .ocean-vmok-plugin-oc-report-live-card-horizontal-right {
  margin-left: 72px;
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card {
  position: relative;
  height: 100px;
  display: flex;
  flex-direction: column;
  padding: 16px;
  cursor: pointer;
  border: 1px solid var(--borderColor);
  background: var(--bgColor);
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-header {
  height: 22px;
  cursor: pointer;
  display: flex;
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-value {
  flex: 1;
  margin-top: 8px;
  display: flex;
  align-items: baseline;
  color: #31343b;
  font-family: OPPOSans;
  font-weight: 400;
  font-style: normal;
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-value .ocean-vmok-plugin-int-value {
  font-size: 16px;
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-value .ocean-vmok-plugin-decimal-value {
  font-size: 12px;
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-ratio {
  height: 18px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  left: -10px;
  top: calc(50% - 10px);
  border-radius: 12.5px;
  border: 1px solid #dee0e3;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  color: var(--iconColor);
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-selected {
  border-top: 4px solid #0057ff !important;
  border-bottom: 0px;
  border-left: 0px;
  padding-top: 12px;
  background: linear-gradient(180deg, #E5F2FF 0%, rgba(232, 240, 255, 0) 100%);
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-selected .ocean-vmok-plugin-report-metrics-calculate-tab-card-icon {
  top: calc(50% - 12px);
}
/* 后一个兄弟节点 */
.ocean-vmok-plugin-report-metrics-calculate-tab-card-selected + .ocean-vmok-plugin-report-metrics-calculate-tab-card {
  border-bottom-left-radius: 16px !important;
}
/* 前一个兄弟节点 */
.ocean-vmok-plugin-report-metrics-calculate-tab-card:has( + .ocean-vmok-plugin-report-metrics-calculate-tab-card-selected) {
  border-bottom-right-radius: 16px !important;
  border-right: 1px solid var(--borderColor) !important;
}
.ocean-vmok-plugin-preview-douyin-bk {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-new-1.png");
  opacity: 0.5;
}
.ocean-vmok-plugin-preview-douyin.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-bg,
.ocean-vmok-plugin-preview-douyin.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-bg {
  z-index: 10000 !important;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-oc-video-player-wrapper,
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-img-container__content {
  background-color: #161823;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-logo.png");
  background-size: 200px 221px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-contaniner-right {
  display: flex;
  width: 41.103px;
  height: 293.596px;
  position: absolute;
  right: 0;
  bottom: var(--creativeMaterialBottom);
  z-index: 2;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-contaniner-right::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-avatar.png");
  opacity: 0.5;
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-aweme-avatar {
  background-color: #000;
  top: 0 !important;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-aweme-plus-icon {
  position: absolute;
  top: 25px;
  right: 13px;
  z-index: 10;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-aweme-avatar-bg {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-avatar-bg.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  content: "";
  position: absolute;
  right: 4px;
  top: 0;
  z-index: 9;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-creative-info {
  position: absolute;
  bottom: var(--creativeMaterialBottom);
  left: 9px;
  width: 188px;
  z-index: 3;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-title {
  margin-top: 9px;
  z-index: 2;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-desc {
  z-index: 2;
  color: #ffffff;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-live-btn {
  width: 197px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fe2c55;
  font-size: 12px;
  color: #fff;
  border-radius: 2px;
  margin-top: 5px;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-shopping-cart {
  width: 146px;
  height: 20px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  border-radius: 2px;
  background: rgba(50, 51, 53, 0.4);
  color: #ffffff;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-shopping-cart-icon {
  width: 14px;
  height: 14px;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-shopping-cart .ocean-vmok-plugin-product-name {
  zoom: 0.75;
  margin-left: 4px;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-oc-ai-info {
  display: flex;
  color: #ffffff;
  font-size: 12px;
  align-items: center;
  line-height: 14px;
  margin-top: 4px;
  gap: 4px;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-oc-live-button {
  background-color: #fe2c55;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-search-list {
  width: 100%;
  height: 29px;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-search-word1.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
  bottom: 39px;
  left: 0;
  padding-left: 26px;
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  padding-right: 20px;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-search-list .ocean-vmok-plugin-search-word {
  zoom: 0.75;
}
.ocean-vmok-plugin-preview-douyin.ocean-vmok-plugin-image-mode-awemePhoto .ocean-vmok-plugin-preview-douyin-bk {
  top: -2px;
  left: 0;
}
.ocean-vmok-plugin-preview-douyin.ocean-vmok-plugin-image-mode-awemePhoto .ocean-vmok-plugin-creative-info {
  bottom: calc(var(--creativeMaterialBottom) + 6px);
}
.ocean-vmok-plugin-preview-douyin.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-bg-live {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-live-2.png");
  opacity: 1;
}
.ocean-vmok-plugin-preview-douyin.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-contaniner-live {
  position: absolute;
  bottom: 48px;
  left: 8px;
  right: 8px;
  color: #ffffff;
  display: flex;
  height: auto;
  width: auto;
  flex-direction: column;
  z-index: 2;
  background-color: inherit;
  gap: 4px;
}
.ocean-vmok-plugin-preview-douyin.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-title {
  margin-top: 0;
}
.ocean-vmok-plugin-preview-douyin-search-bk {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-search-new1.png");
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer video {
  object-fit: cover;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-creative-type-double-row .ocean-vmok-plugin-preview-douyin-search-bk {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-search-double2.png");
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-oc-creative-preview-image {
  background-color: #161823;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-logo.png");
  background-size: 100px 111px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-creative-info {
  position: relative;
  padding: 103px 12px 10px;
  color: #161823;
  bottom: inherit;
  left: 0;
  z-index: 2;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-user-info {
  width: 214px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-user-info .ocean-vmok-plugin-source {
  margin-left: 5px;
  font-weight: 400;
  font-size: 14px;
  margin-top: 0;
  zoom: 0.7778;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  margin-top: 2px;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-user-info .ocean-vmok-plugin-source em {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: rgba(22, 24, 35, 0.6);
  margin-top: 4px;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-user-info .ocean-vmok-plugin-aweme-avatar {
  position: relative;
  top: 0;
  left: 0;
  width: 29px;
  height: 29px;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-title {
  zoom: 0.9075;
  font-weight: 300;
  line-height: 18px;
  margin-top: 4px;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-promotion-card {
  width: 100%;
  zoom: 0.83;
  margin-top: 8px;
  position: relative;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-card-image {
  width: 42px;
  height: 42px;
  margin-left: -12px;
  border-radius: 0;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item {
  background: rgba(22, 24, 35, 0.03);
  color: #161823;
  padding: 6px 12px;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-title {
  zoom: 0.9;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-desc {
  zoom: 0.8333;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-card-button {
  background: #fe2c55;
  border-radius: 4px;
  padding: 0 4px;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-comment-img {
  width: 100%;
  margin-top: 8px;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-verticalVideo:not(.ocean-vmok-plugin-creative-type-double-row) .ocean-vmok-plugin-oc-creative-preview-image,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-awemePhoto:not(.ocean-vmok-plugin-creative-type-double-row) .ocean-vmok-plugin-oc-creative-preview-image {
  width: 164px;
  height: 218px;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-verticalVideo:not(.ocean-vmok-plugin-creative-type-double-row) .ocean-vmok-plugin-create-preview-blue-flow,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-awemePhoto:not(.ocean-vmok-plugin-creative-type-double-row) .ocean-vmok-plugin-create-preview-blue-flow {
  width: 164px;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-feedsLive:not(.ocean-vmok-plugin-creative-type-double-row) .ocean-vmok-plugin-oc-creative-preview-image {
  width: 164px;
  height: 218px;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-oc-creative-preview-image {
  background: #161823;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-logo.png");
  background-size: 100px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-feedsLive.ocean-vmok-plugin-creative-type-double-row .ocean-vmok-plugin-oc-creative-preview-image {
  background-size: 60px auto;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-feedsLive.ocean-vmok-plugin-creative-type-double-row .ocean-vmok-plugin-oc-creative-preview-image__tag {
  left: inherit;
  right: 4px;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-preview-douyin-search-bk,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-preview-douyin-search-bk {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-mall.png");
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-product-info,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-product-info {
  display: flex;
  width: 124px;
  height: 189px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 6px;
  background-color: #ffffff;
  position: absolute;
  left: 8px;
  top: 96px;
  padding: 0;
  overflow: hidden;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-product-info-img,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-product-info-img {
  width: 124px;
  height: 124px;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/product.png");
  background-position: center;
  background-size: 100%;
  background-color: #f5f6f9;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-product-info-img img,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-product-info-img img {
  width: 100%;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-product-info-title,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-product-info-title {
  color: #161823;
  zoom: 0.8333;
  padding: 5px 7px;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-product-info-price,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-product-info-price {
  color: #fe2c55;
  font-size: 18px;
  position: absolute;
  bottom: 9px;
  left: 5px;
  zoom: 0.75;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-product-info-price em,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-product-info-price em {
  font-size: 16px;
  font-style: normal;
  margin-right: 3px;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-product-info-price .ocean-vmok-plugin-oc-typography-color-default,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-product-info-price .ocean-vmok-plugin-oc-typography-color-default {
  color: #fe2c55;
}
.ocean-vmok-plugin-preview-union-game {
  position: relative;
  height: 100%;
  background: #030301;
  border-radius: 8px;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-oc-creative-preview-image {
  height: 100%;
  background-color: #030301;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  z-index: 3;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/union-game-logo.png");
  background-size: 114px 114px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-union-game-bk {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/ohayoo-bg.png");
  background-position: center top;
  background-size: 100% auto !important;
  background-repeat: no-repeat;
  height: 120px !important;
  z-index: 4 !important;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item {
  border-radius: 0;
  color: #161823;
  background-color: #fff;
  height: 58px;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-image {
  width: 42px;
  height: 42px;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-title,
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-desc {
  zoom: 1;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-button {
  line-height: 26px;
  height: 26px;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card.ocean-vmok-plugin-new {
  right: 12px;
  left: 12px;
  top: 75px;
  bottom: inherit;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card.ocean-vmok-plugin-new .ocean-vmok-plugin-promotion-card-item {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  height: 48px;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card.ocean-vmok-plugin-new .ocean-vmok-plugin-card-image {
  width: 32px;
  height: 32px;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card.ocean-vmok-plugin-new .ocean-vmok-plugin-card-desc {
  margin-top: -2px;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card.ocean-vmok-plugin-new .ocean-vmok-plugin-card-button {
  line-height: 24px;
  height: 24px;
}
.ocean-vmok-plugin-preview-union-game.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-oc-creative-preview-image img,
.ocean-vmok-plugin-preview-union-game.ocean-vmok-plugin-image-mode-smallImage .ocean-vmok-plugin-oc-creative-preview-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.ocean-vmok-plugin-preview-union .ocean-vmok-plugin-creative-info,
.ocean-vmok-plugin-preview-union .ocean-vmok-plugin-oc-creative-preview-image {
  width: 100%;
  height: 100%;
  margin-top: 0;
}
.ocean-vmok-plugin-preview-union .ocean-vmok-plugin-oc-creative-preview-image {
  background-color: #161823;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/union-logo.png");
  background-size: 57px 57px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-union .ocean-vmok-plugin-bg:after {
  width: 22px;
  height: 22px;
}
.ocean-vmok-plugin-preview-union .ocean-vmok-plugin-union-logo {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 1px;
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  font-size: 12px;
  z-index: 4;
  width: 58px;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  zoom: 0.6;
}
.ocean-vmok-plugin-preview-union .ocean-vmok-plugin-union-ad-close {
  color: rgba(50, 51, 53, 0.2);
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 4;
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-preview-union-bk,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-preview-union-bk {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/union-new.png");
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info {
  position: absolute;
  top: 149px;
  left: 0;
  right: 0;
  padding: 0 12px;
  height: 201px;
  z-index: 3;
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-title,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-title {
  color: #62656c;
  height: 20px;
  margin-top: 4px;
  font-weight: 400;
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-oc-creative-preview-image,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-oc-creative-preview-image {
  height: 140px;
  overflow: hidden;
  border-radius: 4px;
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-preview-union-bk,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-preview-union-bk {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/union-vertical.png");
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-creative-info,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-creative-info {
  position: absolute;
  width: 99px;
  height: 216px;
  top: 24px;
  left: 23px;
  z-index: 3;
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image {
  height: 176px;
  overflow: hidden;
  border-radius: 2px;
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-title,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-title {
  zoom: 0.8;
  color: #62656c;
  margin-top: 4px;
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-title .ocean-vmok-plugin-oc-typography,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-title .ocean-vmok-plugin-oc-typography {
  line-height: 16px;
}
.ocean-vmok-plugin-preview-homed-bg {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/homed-vertical.png");
  background-size: 100% 100%;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.ocean-vmok-plugin-preview-homed-bg.ocean-vmok-plugin-video {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/homed.png");
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info {
  position: absolute;
  right: 2.5px;
  top: 102px;
  background-color: #ffffff;
  border-radius: 3px;
  width: 131px;
  height: 239px;
  overflow: hidden;
  z-index: 2;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 176px;
  position: relative;
  overflow: hidden;
  margin-top: 0;
  background-color: #161823;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/homed-logo.png");
  background-size: 57px 57px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image .ocean-vmok-plugin-ad-logo {
  position: absolute;
  z-index: 6;
  right: 6px;
  bottom: 6px;
  background: rgba(26, 28, 31, 0.2);
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-info-section {
  height: 63px;
  width: 100%;
  padding: 6px 5px;
  color: #222;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-info-section .ocean-vmok-plugin-info-scale {
  width: 138%;
  transform: scale(0.72);
  transform-origin: 0 0;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-info-section .ocean-vmok-plugin-title {
  height: 40px;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-info-section .ocean-vmok-plugin-source {
  display: flex;
  margin-top: 10px !important;
  color: #999;
  align-items: center;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-info-section .ocean-vmok-plugin-source .ocean-vmok-plugin-aweme-avatar {
  position: static;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-contaniner {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/homed-logo.png");
  background-size: 114px 114px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-aweme-avatar {
  top: 216px;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-aweme-plus-icon {
  position: absolute;
  top: 243px;
  right: 16px;
  z-index: 10;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-promotion-card {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-promotion-info {
  position: absolute;
  bottom: 13px;
  left: 9px;
  width: 208px;
  z-index: 3;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-desc {
  align-items: flex-end;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-desc-text {
  zoom: 0.83333333;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-desc .ocean-vmok-plugin-ad-logo {
  margin-bottom: 2px;
}
.ocean-vmok-plugin-preview-toutiao-search {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-search.png");
  padding-top: 102px;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ocean-vmok-plugin-preview-toutiao-search-bg {
  background-color: #ffffff;
  border-radius: 11px 11px 0 0;
  flex: 1;
  width: 260px;
}
.ocean-vmok-plugin-preview-toutiao-search-bottom {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 40px;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-search-bottom.png");
  background-size: 100% auto;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info {
  background-color: #ffffff;
  border-radius: 11px;
  width: 260px;
  padding: 12px;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image {
  width: 100%;
  height: 135px;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 0;
  background-color: #161823;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-logo.png");
  background-size: 57px 57px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image .ocean-vmok-plugin-ad-logo {
  position: absolute;
  z-index: 6;
  right: 9px;
  top: 9px;
  background: rgba(0, 0, 0, 0.08);
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image .ocean-vmok-plugin-bg:after {
  width: 22px;
  height: 22px;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-title .ocean-vmok-plugin-oc-typography {
  line-height: 18px;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-card-button {
  display: flex;
  width: 100%;
  padding: 6px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #f04142;
  border-radius: 6px;
  border: 0.725px solid rgba(240, 65, 66, 0.12);
  background: rgba(240, 65, 66, 0.05);
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-promote-card-action {
  display: flex;
  align-items: center;
  color: #5e6570;
  font-size: 12px;
  zoom: 0.83;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-promote-card-action .ocean-vmok-plugin-icon {
  margin-right: 3px;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-creative-info-abstract {
  margin-top: 6px;
  color: #222;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-image-wrapper {
  white-space: nowrap;
  display: flex;
  width: 100%;
  overflow-x: auto;
  height: 64px;
  background-color: #161823;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-logo.png");
  background-size: 26px 26px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-image-wrapper::-webkit-scrollbar {
  height: 0;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-image-wrapper .ocean-vmok-plugin-image-content {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  position: relative;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-image-wrapper .ocean-vmok-plugin-image-content img {
  border-radius: 4px;
  width: 64px;
  height: 64px;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-image-wrapper .ocean-vmok-plugin-image-content-pic {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-oc-creative-preview-image {
  width: 163.2px;
  height: 239.36px;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-card-button {
  width: 163.2px;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-oc-creative-preview-image {
  height: 101.547px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-oc-creative-preview-image img {
  height: auto;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-searchMini .ocean-vmok-plugin-creative-main,
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-creative-main {
  display: flex;
  align-items: self-start;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-searchMini .ocean-vmok-plugin-creative-info-abstract,
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-creative-info-abstract {
  flex: 1;
  margin-top: 0;
  zoom: 0.9;
  margin-right: 9px;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-searchShop .ocean-vmok-plugin-creative-info-abstract {
  margin-top: 0;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-searchMini .ocean-vmok-plugin-oc-creative-preview-image {
  width: 72.533px;
  height: 47.872px;
  background-size: 26px 26px;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-oc-creative-preview-image {
  width: 62.382px;
  height: 82.692px;
  background-size: 26px 26px;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-user-name,
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-searchMini .ocean-vmok-plugin-user-name,
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-user-name,
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-searchLarge .ocean-vmok-plugin-user-name,
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-searchShop .ocean-vmok-plugin-user-name,
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-smallImage .ocean-vmok-plugin-user-name {
  color: #5e6570;
  zoom: 0.83;
}
.ocean-vmok-plugin-preview-toutiao .ocean-vmok-plugin-aweme-avatar {
  top: 242px !important;
}
.ocean-vmok-plugin-preview-toutiao .ocean-vmok-plugin-name {
  display: flex;
  align-items: center;
  gap: 5px;
  zoom: 0.85;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-video,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-image,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-image.png");
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-creative-info {
  position: absolute;
  top: 184px;
  left: 0;
  right: 0;
  padding: 11px;
  font-size: 0;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-oc-creative-preview-image,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-oc-creative-preview-image,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-oc-creative-preview-image {
  width: 100%;
  height: 136px;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 5px;
  background-color: #161823;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-logo.png");
  background-size: 57px 57px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-name,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-name,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-name {
  zoom: 1;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-source,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-source,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-source {
  zoom: 0.725;
  margin-top: 8px;
  width: 210px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-bg:after,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-bg:after,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-bg:after {
  width: 22px;
  height: 22px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-video.png");
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-creative-info {
  top: 180px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-oc-creative-preview-image {
  width: 124.032px;
  height: 165.376px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-smallImage {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-small.png");
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-smallImage .ocean-vmok-plugin-creative-info {
  position: absolute;
  top: 188px;
  left: 0;
  right: 0;
  padding: 10px 11px;
  font-size: 0;
  display: flex;
  align-items: flex-start;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-smallImage .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-left-section {
  flex: 1;
  height: 63.595px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 6px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-smallImage .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image {
  width: 81.661px;
  height: 63.595px;
  margin-top: 0;
  background-color: #161823;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-logo.png");
  background-size: 26px 26px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-live-tags {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-live-tags .ocean-vmok-plugin-tags {
  color: #fff;
  font-size: 10px;
  padding: 2px 4px;
  border-radius: 2px;
  display: flex;
  gap: 2px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-live-tags .ocean-vmok-plugin-douyin-tags {
  background-color: #f04142;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-creative-info {
  height: 100%;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-oc-creative-preview-image {
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  margin-top: 0;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-info-section {
  position: absolute;
  bottom: 13px;
  width: 210px;
  left: 9px;
  right: 9px;
  z-index: 3;
  color: #ffffff;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-user-info {
  display: flex;
  align-items: center;
  height: 28px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive:after {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-live-bg.png");
  background-size: 100% 100%;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  z-index: 2;
  border-radius: 5px;
}
.ocean-vmok-plugin-preview-fanqie {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/fanqie.png");
  display: flex;
}
.ocean-vmok-plugin-preview-fanqie .ocean-vmok-plugin-creative-info {
  width: 226px;
  height: 402px;
  position: absolute;
  left: 23px;
  top: 35px;
}
.ocean-vmok-plugin-preview-fanqie .ocean-vmok-plugin-oc-creative-preview-image {
  height: 100%;
  background-color: #212121;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/fanqie-logo2.png");
  background-size: 114px 114px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-fanqie .ocean-vmok-plugin-promotion-info {
  position: absolute;
  left: 11px;
  bottom: 11px;
  right: 11px;
  z-index: 10;
}
.ocean-vmok-plugin-preview-fanqie .ocean-vmok-plugin-promotion-info .ocean-vmok-plugin-promotion-card-item {
  background: rgba(0, 0, 0, 0.5);
}
.ocean-vmok-plugin-preview-fanqie .ocean-vmok-plugin-promotion-info .ocean-vmok-plugin-card-title {
  zoom: 0.85;
}
.ocean-vmok-plugin-preview-fanqie .ocean-vmok-plugin-fanqie-logo {
  width: 202px;
  height: 19px;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/fanqie-tips.png");
  background-size: 100% auto;
  position: absolute;
  top: 9px;
  left: 11px;
  right: 11px;
  z-index: 5;
}
.ocean-vmok-plugin-preview-fanqie.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-oc-creative-preview-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.ocean-vmok-plugin-preview-xigua .ocean-vmok-plugin-oc-creative-preview-image {
  width: 100%;
  border-radius: 0;
  background-color: #161823;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/xiguan-logo.png");
  background-size: 114px 114px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-xigua .ocean-vmok-plugin-aweme-avatar {
  width: 23px !important;
  height: 23px !important;
  left: 10px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/xigua.png");
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info {
  position: absolute;
  top: 167px;
  left: 0;
  right: 0;
  padding: 13px 0;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-right-section,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-right-section {
  margin-left: 33px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-aweme-avatar,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-aweme-avatar {
  top: 15px !important;
  height: 26px !important;
  width: 26px !important;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-source,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-source {
  color: #93969d;
  zoom: 0.9;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-title,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-title {
  line-height: 16px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image {
  height: 152px;
  margin-top: 6px;
  background-size: 57px 57px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-title,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-title {
  padding: 0 9px;
  height: 48px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-promote-card-action,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-promote-card-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 9px;
  margin-top: 8px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-promote-card-action .ocean-vmok-plugin-source,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-promote-card-action .ocean-vmok-plugin-source {
  color: #31343b;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-promote-card-action .ocean-vmok-plugin-card-button,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-promote-card-action .ocean-vmok-plugin-card-button {
  border-radius: 1.451px;
  background: rgba(0, 0, 0, 0.04);
  width: 55.125px;
  height: 20.309px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0c0d0f;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-bg:after,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-bg:after {
  width: 22px;
  height: 22px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-creative-info,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-creative-info {
  height: 100%;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-aweme-avatar,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-aweme-avatar {
  position: relative;
  top: 0;
  left: 0;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-oc-creative-preview-image,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-oc-creative-preview-image {
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  margin-top: 0;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-info-section,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-info-section {
  position: absolute;
  bottom: 58px;
  width: 210px;
  left: 9px;
  right: 9px;
  z-index: 3;
  color: #ffffff;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-source,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-source {
  margin-left: 10px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-user-info,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-user-info {
  display: flex;
  align-items: center;
  height: 32px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-title,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-title {
  zoom: 0.833;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-bg {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/xigua-vertical.png");
  z-index: 1000 !important;
  opacity: 0.5;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-live-tags {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-live-tags .ocean-vmok-plugin-tags {
  color: #fff;
  font-size: 10px;
  padding: 2px 4px;
  border-radius: 2px;
  display: flex;
  gap: 2px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-live-tags .ocean-vmok-plugin-douyin-tags {
  background-image: linear-gradient(102deg, #f38 8.67%, #f35 88.75%);
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-live-tags .ocean-vmok-plugin-from-tags {
  background-color: rgba(0, 0, 0, 0.3);
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive:after {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/xigua-vertical.png");
  background-size: 100% 100%;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  z-index: 1000 !important;
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-report-script-analysis-script {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-script-header {
  width: 100%;
  height: 24px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-script-body {
  width: 100%;
}
.ocean-vmok-plugin-oc-report-script-analysis-script-body > span {
  display: inline;
}
.ocean-vmok-plugin-oc-report-script-analysis-formula {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-formula-header {
  width: 100%;
  height: 22px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-formula-body {
  width: 100%;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-formula-formula-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-formula-formula-item-title {
  height: 20px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-formula-formula-item-title-label {
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
.ocean-vmok-plugin-oc-report-script-analysis-formula-formula-item-line {
  width: calc(100% - 10px);
  height: 1px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to right, transparent 6px, #d7e0fb 6px, #d7e0fb calc(100% - 6px), transparent calc(100% - 6px));
}
.ocean-vmok-plugin-oc-report-script-analysis-formula-formula-item-content {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion {
  width: 100%;
  display: flex;
  align-items: center;
  background: #f5f7fa;
  padding: 16px;
  border-radius: 11px;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion-item {
  height: 22px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion-item:last-of-type {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion-item-tag {
  text-decoration-color: #fab426;
  text-decoration-thickness: 4px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion-item-separator-my {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion-item-separator-bench {
  color: #ff734d;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion-operations {
  margin-right: 24px;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table {
  display: grid;
  grid-template-rows: 30px 30px 100px 100px;
  gap: 8px;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-header {
  background: #f5f7fa;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-header-main {
  grid-row-start: 1;
  grid-row-end: 3;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-header-sub {
  grid-column-end: -1;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-header-child {
  grid-row-start: 2;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item-label {
  background-color: #f5f7fa;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  text-align: center;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item-label-my {
  grid-row-start: 3;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item-label-bench {
  grid-row-start: 4;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item {
  border: 1px solid #dee0e3;
  border-radius: 4px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item-my {
  grid-row-start: 3;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item-my-selected {
  border: 1.5px solid #0057ff;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item-bench {
  grid-row-start: 4;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item-bench-selected {
  border: 1.5px solid #ff734d;
}
@keyframes v-ocean-spin-loading-rotate {
  to {
    transform: rotate(360deg);
  }
}
.ocean-vmok-plugin-oc-loading-icon {
  color: #2e7bff;
  display: inline-flex;
  transform: rotate(0);
  animation: v-ocean-spin-loading-rotate 0.8s infinite linear;
}
.ocean-vmok-plugin-oc-switch-card-item-option-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container {
  display: flex;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-left-panel,
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-right-panel {
  height: 386px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-left-panel .ocean-vmok-plugin-content,
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-right-panel .ocean-vmok-plugin-content {
  flex-grow: 1;
  overflow-y: auto;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-left-panel .ocean-vmok-plugin-footer,
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-right-panel .ocean-vmok-plugin-footer {
  border-top: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-left-panel .ocean-vmok-plugin-header {
  border-radius: 8px 8px 0 0;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-right-panel {
  width: 240px;
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .tools-vmok-plugin-cascader-panel__selection-header {
  font-weight: 400;
  background-color: unset;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .tools-vmok-plugin-cascader-panel__main {
  border-radius: 0;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-action-interest-tab {
  height: 36px;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .tools-vmok-plugin-tabs__nav::before {
  background-color: #e8eaed !important;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .tools-vmok-plugin-tabs__nav-list-scroll-container {
  transform: translateX(12px);
}
.ocean-vmok-plugin-oc-create-action-interest-selected-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #31343b;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-action-interest-selected-info .ocean-vmok-plugin-selected-info-left {
  display: flex;
}
.ocean-vmok-plugin-oc-create-action-interest-selected-info .ocean-vmok-plugin-selected-info-item {
  margin-right: 12px;
}
.ocean-vmok-plugin-oc-create-action-interest-cell {
  line-height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-create-action-interest-form-conainer {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-action-interest-form-conainer .ocean-vmok-plugin-action-form {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #31343b;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-action-interest-form-conainer .ocean-vmok-plugin-action-form .ocean-vmok-plugin-select {
  margin: 0 12px;
}
.ocean-vmok-plugin-oc-create-action-interest-form-conainer .ocean-vmok-plugin-action-form .tools-vmok-plugin-custom-input {
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-create-action-interest-loading-container {
  position: relative;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-left-panel-footer {
  margin: 8px 0;
  padding: 0 12px;
  font-size: 12px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-left-panel-footer .ocean-vmok-plugin-title {
  color: #31343b;
  font-weight: 400;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-left-panel-footer .ocean-vmok-plugin-title .ocean-vmok-plugin-title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-left-panel-footer .ocean-vmok-plugin-title .ocean-vmok-plugin-title-link {
  font-size: 12px;
  font-weight: 400;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-left-panel-footer .ocean-vmok-plugin-description {
  color: #93969d;
  margin-top: 4px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-left-panel-footer .ocean-vmok-plugin-description .ocean-vmok-plugin-keywords {
  overflow: hidden;
  height: 22px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-left-panel-footer .ocean-vmok-plugin-description .ocean-vmok-plugin-keywords > div {
  display: inline-block;
  font-size: 12px;
  margin-right: 14px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-header {
  color: #31343b;
  padding: 2px 12px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dee0e3;
  font-size: 14px;
  height: 32px;
  word-break: keep-all;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-header-filter {
  width: 76px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-header-filter .tools-vmok-plugin-button--text {
  color: #31343b !important;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-table-content {
  overflow: auto;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-table-content .ocean-vmok-plugin-operation {
  display: flex;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-table-content .ocean-vmok-plugin-operation-item {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-table-content .ocean-vmok-plugin-operation-item:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-oc-popover span {
  display: flex;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-action-interest-table-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dee0e3;
  align-items: center;
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  padding: 0 12px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-action-interest-table-header .ocean-vmok-plugin-label {
  color: #31343b;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-action-interest-table-header .ocean-vmok-plugin-description {
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-action-interest-table-content {
  overflow: auto;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-header {
  display: flex;
  padding: 0 12px;
  height: 36px;
  align-items: center;
  background: #f5f7fa;
  font-weight: 500;
  font-size: 14px;
  color: #31343b;
  border-bottom: 1px solid #dee0e3;
  border-radius: 8px 8px 0 0;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-oc-over-count {
  color: #e34949;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-footer-content {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-category-content .tools-vmok-plugin-cascader-panel__selection-block {
  height: 281px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-category-content .tools-vmok-plugin-cascader-panel__main--border {
  border: none;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-header-filter .tools-vmok-plugin-button--text {
  color: #31343b !important;
}
.ocean-vmok-plugin-oc-create-action-interest-table-content .ocean-vmok-plugin-content {
  position: relative;
}
.ocean-vmok-plugin-oc-create-action-interest-modal-footer {
  height: auto;
  min-height: 80px;
}
.ocean-vmok-plugin-oc-create-action-interest-modal-footer .ocean-vmok-plugin-footer-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-action-interest-modal-footer .ocean-vmok-plugin-error-line .ocean-vmok-plugin-text {
  font-size: 12px;
  color: #e34949;
}
.ocean-vmok-plugin-oc-create-action-interest-modal-footer .ocean-vmok-plugin-footer-container-left {
  display: flex;
  flex-direction: column;
  width: 544px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-action-interest-modal-footer .ocean-vmok-plugin-line-text {
  color: #0057ff;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-create-aweme-star-input {
  width: calc(100% - 248px);
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container {
  width: 100%;
  margin-left: 0 !important;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 56px;
  padding: 0 24px 0 12px;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container img {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .tools-vmok-plugin-checkbox {
  width: 100%;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .tools-vmok-plugin-checkbox__label {
  width: 100%;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .tools-vmok-plugin-checkbox {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container:hover {
  background-color: #e8eaed;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .ocean-vmok-plugin-checkbox-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .ocean-vmok-plugin-checkbox-option .ocean-vmok-plugin-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .ocean-vmok-plugin-checkbox-option .ocean-vmok-plugin-left .ocean-vmok-plugin-avatar {
  margin-right: 8px;
  height: 32px;
  width: 32px;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .ocean-vmok-plugin-checkbox-option .ocean-vmok-plugin-left .ocean-vmok-plugin-title {
  width: 280px;
  color: #31343b;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .ocean-vmok-plugin-checkbox-option .ocean-vmok-plugin-left .ocean-vmok-plugin-description {
  color: #93969d;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-create-aweme-star-select-filter {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 14px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-aweme-star-select-filter .ocean-vmok-plugin-behaviors-select {
  width: 180px;
  margin: 0 12px;
}
.ocean-vmok-plugin-oc-create-aweme-star-select-filter .ocean-vmok-plugin-behaviors-select .tools-vmok-plugin-custom-input {
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-create-aweme-star-select-filter .ocean-vmok-plugin-time-select {
  width: 96px;
  margin: 0 12px;
}
.ocean-vmok-plugin-word-insert-top {
  border-top: 1px solid #dee0e3;
  padding-top: 8px;
}
.ocean-vmok-plugin-word-insert-wrapper {
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-word-insert-wrapper .ocean-vmok-plugin-each-word {
  margin: 0 5px;
  cursor: pointer;
}
.ocean-vmok-plugin-word-insert-wrapper .ocean-vmok-plugin-add-link-more {
  margin-right: 0;
}
.ocean-vmok-plugin-word-insert-wrapper .ocean-vmok-plugin-keyword {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-word-insert-wrapper .ocean-vmok-plugin-ad-link-text-btn {
  color: #0057ff;
  font-weight: 400;
  cursor: pointer;
  font-size: 14px;
}
.ocean-vmok-plugin-word-insert-wrapper .ocean-vmok-plugin-word-and-keyword {
  display: flex;
  font-size: 14px;
}
.ocean-vmok-plugin-word-insert-wrapper .ocean-vmok-plugin-word-and-keyword .ocean-vmok-plugin-insert-tips {
  color: #93969d;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-2 {
  padding: 24px;
  display: flex;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-2 .ocean-vmok-plugin-menu-dropdown-content-banner {
  border-radius: 4px;
  margin-left: 24px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 {
  padding: 24px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 .ocean-vmok-plugin-navigator-menu-dropdown-content-3-1-flag {
  min-width: 180px;
  padding: 4px 8px;
  display: flex;
  line-height: 22px;
  font-size: 14px;
  vertical-align: middle;
  align-items: self-start;
  color: #31343b;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 .ocean-vmok-plugin-navigator-menu-dropdown-content-3-1-flag:hover {
  background: #f2f4f7;
  border-radius: 4px;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 .ocean-vmok-plugin-menu-dropdown-content-3-item {
  display: flex;
  color: #93969d;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 .ocean-vmok-plugin-menu-dropdown-content-3-icon {
  margin-right: 8px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 .ocean-vmok-plugin-menu-dropdown-content-3-name {
  color: #93969d;
  font-size: 14px;
  line-height: 22px;
  font-weight: bolder;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 .ocean-vmok-plugin-sub-childern-item-icon-flag {
  margin-left: 4px;
  align-self: center;
  display: flex;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 .ocean-vmok-plugin-menu-dropdown-content-divider {
  width: 100%;
  height: 1px;
  background: #dfe0e2;
  margin-top: 8px;
  margin-bottom: 12px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 {
  padding: 8px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item-disabled oc-icon,
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item-disabled iconpark-icon {
  color: #b9bcc3;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item-disabled :hover {
  cursor: not-allowed;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item {
  color: #31343b;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item oc-icon,
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item iconpark-icon {
  color: #93969d;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item-disabled,
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item {
  padding: 4px 8px;
  display: flex;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item-disabled span,
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item span {
  margin-left: 4px;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item:hover {
  cursor: pointer;
  background: #f2f4f7;
  border-radius: 4px;
}
.ocean-vmok-plugin-navigator-is-mark-item oc-icon,
.ocean-vmok-plugin-navigator-is-mark-item iconpark-icon,
.ocean-vmok-plugin-navigator-is-mark-item oc-typography,
.ocean-vmok-plugin-navigator-is-mark-item span {
  color: #0057ff !important;
}
.ocean-vmok-plugin-menu-dropdown-footer-left-icon {
  margin-top: 3px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3-1-flag firefly-new-badge {
  margin-left: 4px !important;
  display: inline-flex;
  align-self: center !important;
}
.ocean-vmok-plugin-oc-scene-item-container {
  background: #f5f7fa;
  padding: 12px;
  display: flex;
  align-items: center;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-scene-item-container .ocean-vmok-plugin-scene-item {
  margin-right: 24px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-scene-item-container .ocean-vmok-plugin-scene-item .ocean-vmok-plugin-key-box {
  font-size: 12px;
  margin-right: 3px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-scene-item-container .ocean-vmok-plugin-scene-item .ocean-vmok-plugin-value-box {
  font-size: 12px;
  color: #62656c;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-scene-item-container .tools-vmok-plugin-select--text .tools-vmok-plugin-select__text-wrapper {
  color: #62656c;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-promotion-info-card-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-info-card-img.ocean-vmok-plugin-red-light {
  border: 1px solid #fe2c55;
}
.ocean-vmok-plugin-oc-promotion-info-card-tags {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-promotion-info-card-actions {
  margin-left: 8px;
  font-size: 12px;
  color: #0057ff;
  cursor: pointer;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-promotion-info-card-title {
  line-height: 22px;
  font-size: 14px;
  font-weight: 600;
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-info-card-text-value {
  display: flex;
  align-items: center;
  font-size: 12px;
  width: 100%;
  line-height: 18px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-promotion-info-card-text-value .ocean-vmok-plugin-text {
  margin-right: 3px;
}
.ocean-vmok-plugin-oc-promotion-info-card-text {
  display: flex;
  align-items: center;
  font-size: 12px;
  width: 100%;
  line-height: 18px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-filter-echo-item {
  background: rgba(42, 85, 229, 0.06);
  border-radius: 8px;
  display: flex;
  cursor: pointer;
  padding: 6px 8px;
  height: 32px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  color: #0057ff;
  max-width: 264px;
}
.ocean-vmok-plugin-oc-filter-echo-item .ocean-vmok-plugin-echo-num {
  height: 24px;
  width: 24px;
  margin: 0 8px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
}
.ocean-vmok-plugin-oc-filter-echo-body .tools-vmok-plugin-cascader-panel__main--border {
  border: none;
}
.ocean-vmok-plugin-oc-filter-echo-body .tools-vmok-plugin-cascader-panel__selection-block {
  height: auto;
}
.ocean-vmok-plugin-oc-filter-echo-body .ocean-vmok-plugin-oc-filter-select-filter,
.ocean-vmok-plugin-oc-filter-echo-body .ocean-vmok-plugin-oc-filter-echo-cascader {
  margin: -16px;
}
.ocean-vmok-plugin-oc-filter-echo-item-text {
  overflow: hidden;
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ocean-vmok-plugin-oc-filter-delete-icon {
  height: 14px;
  width: 14px;
  margin-left: 4px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-filter-more-filter-echo-popover {
  max-height: 195px;
  overflow: auto;
}
.ocean-vmok-plugin-oc-filter-template-list-body {
  width: 200px;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-filter-template-list-body .ocean-vmok-plugin-template-item {
  width: 100%;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-filter-template-list-body .ocean-vmok-plugin-template-item:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-filter-template-list-body .ocean-vmok-plugin-custom-action {
  text-align: center;
  color: #0057ff;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
}
.ocean-vmok-plugin-oc-filter-template-list-body .ocean-vmok-plugin-sp {
  width: 100%;
  height: 1px;
  margin: 4px 0;
  background: #dee0e3;
}
.ocean-vmok-plugin-previe-media {
  width: 100%;
  height: 100%;
  position: relative;
}
.ocean-vmok-plugin-previe-media .ocean-vmok-plugin-bg {
  z-index: 10;
}
.ocean-vmok-plugin-previe-media::after {
  content: "";
  width: 44px;
  height: 44px;
  padding: 0;
  background-image: url("https://p1-ad.byteimg.com/tos-cn-i-yt5q7rszul/6878d3d4beb84b8497875378600e72e4~tplv-yt5q7rszul-image.image");
  background-size: 100% 100%;
  background-color: initial;
  border-radius: 0;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  filter: drop-shadow(0px 4.41012049px 11.02530003px rgba(0, 0, 0, 0.25));
  display: none;
  position: absolute;
}
.ocean-vmok-plugin-previe-media .xgplayer-start,
.ocean-vmok-plugin-previe-media xg-start-inner {
  display: none !important;
}
.ocean-vmok-plugin-previe-media.ocean-vmok-plugin-pause::after {
  display: block;
}
.ocean-vmok-plugin-img-container__content-tag {
  background-color: rgba(22, 24, 35, 0.34);
  border-radius: 4px;
  padding: 3px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 15px;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 4;
  zoom: 0.72533333;
}
.ocean-vmok-plugin-img-container .ocean-vmok-plugin-oc-carousel-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-img-container .ocean-vmok-plugin-oc-media-graphic-item-thumb {
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-img-container .ocean-vmok-plugin-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ocean-vmok-plugin-img-container .ocean-vmok-plugin-oc-carousel-footer {
  z-index: 9;
}
.ocean-vmok-plugin-oc-title-suffix-wrapper {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-title-suffix-wrapper .ocean-vmok-plugin-question-popover-reference {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-title-suffix-wrapper .ocean-vmok-plugin-question-popover-reference .ocean-vmok-plugin-oc-popover-icon-wrapper {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-title-suffix-wrapper .ocean-vmok-plugin-question-popover-reference .ocean-vmok-plugin-oc-popover-icon-wrapper:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-title-suffix-wrapper .ocean-vmok-plugin-title-jump-icon {
  display: flex;
  align-items: center;
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-title-suffix-wrapper .ocean-vmok-plugin-title-jump-icon .ocean-vmok-plugin-text {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.ocean-vmok-plugin-oc-title-suffix-wrapper .ocean-vmok-plugin-title-jump-icon .ocean-vmok-plugin-oc-icon-share-wrapper {
  display: flex;
}
.ocean-vmok-plugin-oc-guide-tag-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}
.ocean-vmok-plugin-oc-guide-tag-wrapper .ocean-vmok-plugin-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #e34949;
  margin-top: -15px;
}
.ocean-vmok-plugin-oc-selected-item-wrapper {
  height: 28px;
  padding: 4px 8px 4px 12px;
  background-color: #f2f4f7;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-selected-item-wrapper .ocean-vmok-plugin-tag {
  margin-right: 8px;
  color: #62656c;
}
.ocean-vmok-plugin-oc-selected-item-wrapper .ocean-vmok-plugin-text {
  flex: 1;
}
.ocean-vmok-plugin-oc-selected-item-wrapper .ocean-vmok-plugin-delete-btn-wrapper {
  display: flex;
}
.ocean-vmok-plugin-oc-selected-item-wrapper .ocean-vmok-plugin-delete-btn-wrapper .ocean-vmok-plugin-delete-btn:hover {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-selected-item-wrapper .ocean-vmok-plugin-delete-btn-wrapper .ocean-vmok-plugin-delete-btn.ocean-vmok-plugin-disabled {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-anchor-card-item,
.ocean-vmok-plugin-promotion-card-item {
  width: 100%;
  padding: 6px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  background: rgba(34, 34, 34, 0.6);
  color: #fff;
}
.ocean-vmok-plugin-anchor-card-item {
  height: 34px;
  gap: 6px;
  zoom: 0.83;
}
.ocean-vmok-plugin-anchor-card-item .ocean-vmok-plugin-card-image,
.ocean-vmok-plugin-anchor-card-item .ocean-vmok-plugin-card-tag,
.ocean-vmok-plugin-anchor-card-item .ocean-vmok-plugin-card-desc {
  flex: none;
}
.ocean-vmok-plugin-anchor-card-item .ocean-vmok-plugin-card-desc-line {
  height: 8px;
  width: 1px;
  border: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}
.ocean-vmok-plugin-anchor-card-item .ocean-vmok-plugin-card-tag {
  opacity: 0.75;
}
.ocean-vmok-plugin-anchor-card-item .ocean-vmok-plugin-card-image {
  width: 18px;
  height: 18px;
  font-size: 0;
}
.ocean-vmok-plugin-anchor-card-item .ocean-vmok-plugin-card-image img {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-promotion-card-item {
  height: 42px;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-image,
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-button {
  flex: none;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-image {
  width: 28px;
  height: 28px;
  background-color: #ffffff;
  border-radius: 4px;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-image img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-container {
  margin: 0 7px;
  flex: 1;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-title {
  margin-top: 0;
  font-weight: 500;
  zoom: 0.75;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-desc {
  width: 110%;
  zoom: 0.66666;
  opacity: 0.6;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-button {
  background: #fe2c55;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  text-align: center;
  height: 19px;
  color: #ffffff;
  min-width: 42.75px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-button .ocean-vmok-plugin-button-text {
  padding: 0 4.5px;
  zoom: 0.75;
}
.ocean-vmok-plugin-search-creative-main {
  position: absolute;
  width: 128px;
  height: 221px;
  right: 5px;
  top: 100px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.ocean-vmok-plugin-search-creative-main .ocean-vmok-plugin-oc-creative-preview-image {
  height: 170px;
  overflow: hidden;
  background-color: #161823;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.ocean-vmok-plugin-search-creative-main .ocean-vmok-plugin-ad-logo {
  color: rgba(255, 255, 255, 0.85) !important;
  background: rgba(0, 0, 0, 0.08) !important;
  font-size: 12px;
  padding: 0 6px;
  zoom: 0.6;
  position: absolute;
  right: 5px;
  top: 255px;
}
.ocean-vmok-plugin-search-creative-main .ocean-vmok-plugin-title {
  zoom: 0.833;
  color: #161823;
  margin-top: 0 !important;
}
.ocean-vmok-plugin-search-creative-main .ocean-vmok-plugin-title .ocean-vmok-plugin-oc-typography {
  line-height: 17px;
}
.ocean-vmok-plugin-search-creative-main .ocean-vmok-plugin-creative-info-user {
  zoom: 0.75;
  color: rgba(22, 24, 35, 0.75);
}
.ocean-vmok-plugin-search-creative-main .ocean-vmok-plugin-creative-info-user iconpark-icon {
  display: none;
}
.ocean-vmok-plugin-search-creative-main .ocean-vmok-plugin-card-button {
  background-color: rgba(254, 44, 85, 0.08);
  border-radius: 6px;
  width: 100%;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  color: #fe2c55;
  font-weight: 500;
  zoom: 0.6;
}
.ocean-vmok-plugin-oc-creative-preview-image {
  width: 100%;
  height: 133.461px;
  overflow: hidden;
  margin-top: 8px;
  border-radius: 6px;
  position: relative;
}
.ocean-vmok-plugin-oc-creative-preview-image__tag,
.ocean-vmok-plugin-oc-creative-preview-image__ai {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 10;
}
.ocean-vmok-plugin-oc-creative-preview-image__ai {
  padding: 0 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14px;
  color: #fff;
  background: rgba(22, 24, 35, 0.34);
  border-radius: 2px;
  line-height: 14px;
}
.ocean-vmok-plugin-oc-creative-preview-image__ai:after {
  content: "AI生成";
  font-size: 12px;
  zoom: 0.7;
}
.ocean-vmok-plugin-create-preview-blue-flow {
  width: 100%;
  height: auto;
  padding: 0;
  z-index: 10;
  position: relative;
  margin-top: -23px;
}
.ocean-vmok-plugin-create-preview-blue-flow__link {
  background-color: #fe2c55;
  display: flex;
  height: 23px;
  align-items: center;
  justify-content: space-between;
  color: rgba(255, 255, 255, 0.9);
  font-size: 10px;
  padding: 0 8px;
}
.ocean-vmok-plugin-create-preview-blue-flow__link-left {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-create-preview-blue-flow__link-left img {
  width: 12px;
  height: 12px;
}
.ocean-vmok-plugin-create-preview-blue-flow__container {
  background-color: rgba(22, 24, 35, 0.03);
  height: 43.52px;
  border-radius: 0 0 4px 4px;
  display: flex;
}
.ocean-vmok-plugin-create-preview-blue-flow__container-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  position: relative;
  padding: 4px 6px;
}
.ocean-vmok-plugin-create-preview-blue-flow__container-item .ocean-vmok-plugin-flow-title {
  color: rgba(22, 24, 35, 0.75);
  font-size: 9px;
}
.ocean-vmok-plugin-create-preview-blue-flow__container-item .ocean-vmok-plugin-flow-num {
  color: #fe2c55;
  font-size: 10px;
  margin-top: -2px;
}
.ocean-vmok-plugin-create-preview-blue-flow__container-item:not(:last-child)::after {
  content: "";
  width: 0.7px;
  height: 18.858px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(22, 24, 35, 0.12);
}
.ocean-vmok-plugin-create-preview-blue-flow .ocean-vmok-plugin-ad-logo {
  margin-top: 10px;
  display: inline-flex !important;
  margin-left: 0 !important;
}
.ocean-vmok-plugin-creative-info-user {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-creative-info-user .ocean-vmok-plugin-oc-user-info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-creative-info-user .ocean-vmok-plugin-user-avatar {
  position: relative;
  width: 23px;
  height: 23px;
  margin-right: 4px;
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-creative-info-user .ocean-vmok-plugin-user-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.ocean-vmok-plugin-live-btn {
  border: 0.725px solid rgba(255, 255, 255, 0.2);
  padding: 3px;
  border-radius: 50px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 172px;
  color: #fff;
  z-index: 10001;
}
.ocean-vmok-plugin-live-btn-main {
  width: 122px;
  height: 28px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.725px solid rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
}
.ocean-vmok-plugin-oc-create-action-interest-table-content {
  font-size: 14px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-action-interest-table-content .ocean-vmok-plugin-table-item {
  display: flex;
  padding: 0px 12px;
  height: 32px;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-action-interest-table-content .ocean-vmok-plugin-table-item:hover {
  background: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-action-interest-table-content .ocean-vmok-plugin-empty {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-action-interest-breadcrumb {
  max-width: 230px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-action-interest-breadcrumb .tools-vmok-plugin-button {
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-action-interest-breadcrumb .tools-vmok-plugin-button:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-action-interest-breadcrumb > * {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-action-interest-breadcrumb .ocean-vmok-plugin-breadcrumb-cell {
  height: 25px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 14px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-input {
  width: 544px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-icon {
  margin-left: 8px;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result {
  position: absolute;
  top: 40px;
  max-height: 321px;
  width: 544px;
  overflow: auto;
  padding-top: 4px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-label {
  color: #93969d;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 12px;
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-bottom: 8px;
  padding: 4px 16px 4px 12px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item .ocean-vmok-plugin-item-info {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item .ocean-vmok-plugin-num {
  color: #93969d;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item .ocean-vmok-plugin-buttons {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item .ocean-vmok-plugin-buttons .ocean-vmok-plugin-left-button {
  margin-right: 12px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item .ocean-vmok-plugin-buttons .ocean-vmok-plugin-disabled-left-button {
  cursor: not-allowed;
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item .ocean-vmok-plugin-buttons > div {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-aweme-star-auto-complete {
  position: absolute;
  top: 40px;
  width: 544px;
  max-height: 321px;
  padding-top: 12px;
  overflow: auto;
  background-color: #ffffff;
  line-height: 18px;
  border-radius: 4px;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  z-index: 3;
}
.ocean-vmok-plugin-oc-create-aweme-star-auto-complete .ocean-vmok-plugin-label {
  color: #93969d;
  font-size: 12px;
  padding: 0 12px;
  font-weight: 400;
  line-height: 18px;
}
.ocean-vmok-plugin-navigator_en_space {
  display: flex !important;
  flex: 1 1 0 !important;
  justify-content: space-between !important;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-menu-dropdown-content-banner {
  border-radius: 4px;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item {
  min-width: 180px;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-title {
  display: flex;
  color: #93969d;
  margin-bottom: 4px;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-name {
  font-weight: bolder;
  color: #31343b;
  line-height: 22px;
  padding: 4px 8px;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern {
  margin-left: 16px;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern .ocean-vmok-plugin-navigator-sub-childern-item-flag {
  min-width: 164px;
  padding: 4px 8px;
  color: #31343b;
  display: flex;
  vertical-align: middle;
  align-items: self-start;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern .ocean-vmok-plugin-navigator-sub-childern-item-flag:hover {
  background: #f2f4f7;
  border-radius: 4px;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern-item-is-mark {
  color: #0057ff !important;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern-item-is-mark icon,
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern-item-is-mark span,
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern-item-is-mark oc-typography,
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern-item-is-mark iconpark-icon {
  color: #0057ff !important;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern-item-new,
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern-item-icon-flag {
  margin-left: 4px;
  align-self: center;
  display: flex;
}
.ocean-vmok-plugin-navigator-sub-childern-item-flag firefly-new-badge {
  margin-left: 4px !important;
  display: inline-flex;
  align-self: center !important;
}
.ocean-vmok-plugin-oc-filter-checkbox-list {
  display: flex;
  flex-flow: wrap;
  gap: 8px 0;
}
.ocean-vmok-plugin-oc-filter-checkbox-list .ocean-vmok-plugin-checkbox-item {
  display: flex;
  align-items: center;
  width: 33.33%;
}
.ocean-vmok-plugin-oc-filter-checkbox-list .ocean-vmok-plugin-checkbox-item-normal {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-filter-checkbox-list .ocean-vmok-plugin-checkbox-item-text {
  margin-left: 8px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-filter-radio-list {
  display: flex;
  flex-flow: wrap;
}
.ocean-vmok-plugin-oc-filter-radio-list .ocean-vmok-plugin-radio-item {
  display: flex;
  align-items: center;
  min-width: 33.33%;
  margin-bottom: 8px;
  padding-right: 8px;
}
.ocean-vmok-plugin-oc-filter-radio-list .ocean-vmok-plugin-radio-item .ocean-vmok-plugin-radio-item-normal {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-filter-radio-list .ocean-vmok-plugin-radio-item-text {
  margin-left: 8px;
  cursor: pointer;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-filter-tile-compare-body .tools-vmok-plugin-cascader-panel__main--border {
  border: none;
}
.ocean-vmok-plugin-oc-filter-tile-compare-body .tools-vmok-plugin-cascader-panel__selection-block {
  height: auto;
}
.ocean-vmok-plugin-oc-filter-tile-compare-body .ocean-vmok-plugin-footer {
  margin-top: 16px;
}
.ocean-vmok-plugin-oc-filter-tile-campare-target {
  width: 264px;
}
.ocean-vmok-plugin-oc-filter-cascader-filter {
  width: 264px;
}
.ocean-vmok-plugin-oc-filter-select-filter .ocean-vmok-plugin-oc-row-cascader .tools-vmok-plugin-cascader-panel .tools-vmok-plugin-cascader-panel__main {
  width: unset;
}
.ocean-vmok-plugin-oc-filter-select-filter .tools-vmok-plugin-cascader-panel__selection-block {
  min-width: 200px;
}
.ocean-vmok-plugin-oc-filter-select-filter .tools-vmok-plugin-cascader-panel__main {
  flex: unset;
  min-width: 264px;
}
.ocean-vmok-plugin-oc-filter-compare-filter {
  display: flex;
  flex-flow: wrap;
}
.ocean-vmok-plugin-oc-filter-compare-filter .ocean-vmok-plugin-type-select {
  margin-right: 8px;
  width: 96px;
}
.ocean-vmok-plugin-oc-filter-compare-filter .ocean-vmok-plugin-sp {
  margin: 0 8px;
  color: #dee0e3;
  line-height: 32px;
}
.ocean-vmok-plugin-oc-filter-compare-filter-input {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-filter-compare-filter-input .ocean-vmok-plugin-oc-promotion-more-filter-error {
  color: #e34949;
  position: static;
  font-size: 12px;
  word-break: break-all;
}
.ocean-vmok-plugin-oc-filter-date-range-filter-primary {
  display: flex;
  align-items: center;
  background: rgba(42, 85, 229, 0.06);
  border-radius: 8px;
  padding-right: 8px;
}
.ocean-vmok-plugin-oc-filter-date-range-filter-primary .tools-vmok-plugin-custom-input--fill {
  background: transparent;
}
.ocean-vmok-plugin-oc-filter-date-range-filter-delete-icon {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #0057ff;
}
.ocean-vmok-plugin-search-icon-area {
  display: flex;
}
.ocean-vmok-plugin-oc-filter-select-input {
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-more-filter-error {
  color: #e34949;
  position: absolute;
  font-size: 12px;
  word-wrap: break-word;
}
.ocean-vmok-plugin-oc-filter-select-input-input {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.ocean-vmok-plugin-search-icon-area {
  display: flex;
}
.ocean-vmok-plugin-oc-filter-input-filter {
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-more-filter-error {
  color: #e34949;
  position: absolute;
  font-size: 12px;
  word-wrap: break-word;
}
.ocean-vmok-plugin-oc-filter-footer {
  margin-top: 16px;
}
.ocean-vmok-plugin-oc-filter-echo-cascader .ocean-vmok-plugin-oc-row-cascader .tools-vmok-plugin-cascader-panel .tools-vmok-plugin-cascader-panel__main {
  width: unset;
}
.ocean-vmok-plugin-oc-filter-echo-cascader .tools-vmok-plugin-cascader-panel__selection-block {
  min-width: 200px;
}
.ocean-vmok-plugin-oc-filter-echo-cascader .tools-vmok-plugin-cascader-panel__main {
  flex: unset;
  min-width: 264px;
}
.ocean-vmok-plugin-oc-create-aweme-star-row {
  padding: 0 12px;
  height: 56px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-aweme-star-row:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-aweme-star-row .ocean-vmok-plugin-avatar {
  height: 32px;
  width: 32px;
  margin-right: 8px;
  border-radius: 50%;
}
.ocean-vmok-plugin-oc-create-aweme-star-row .ocean-vmok-plugin-name {
  color: #31343b;
  font-size: 14px;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-create-aweme-star-row .ocean-vmok-plugin-num {
  color: #93969d;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-filter-checkbox-list-drop {
  display: flex;
}
.ocean-vmok-plugin-oc-filter-checkbox-list-drop .ocean-vmok-plugin-oc-dropdown-wrapper {
  margin-left: 8px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-filter-checkbox-list-drop .tools-vmok-plugin-button--text {
  color: inherit;
}
.ocean-vmok-plugin-checkbox-list-drop-item {
  padding: 6px 12px;
  cursor: pointer;
}
.ocean-vmok-plugin-checkbox-list-drop-item:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-filter-radio-list-drop {
  display: flex;
}
.ocean-vmok-plugin-oc-filter-radio-list-drop .ocean-vmok-plugin-oc-dropdown-wrapper {
  margin-left: 8px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-filter-radio-list-drop .tools-vmok-plugin-button--text {
  color: inherit;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
/* fade */
.tools-vmok-plugin-fade-enter-active,
.tools-vmok-plugin-fade-leave-active {
  transition: opacity 0.15s linear;
}
.tools-vmok-plugin-fade-enter-from,
.tools-vmok-plugin-fade-leave-to {
  opacity: 0 !important;
}
.tools-vmok-plugin-fade-enter-to,
.tools-vmok-plugin-fade-leave-from {
  opacity: 1 !important;
}
/* collapse-y */
.tools-vmok-plugin-collapse-y-enter-active,
.tools-vmok-plugin-collapse-y-leave-active {
  transition: height 0.2s;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
/* 滚动条样式 */
/* 全局命名空间 */
/* active */
/* normal */
/* hover or focus */
/* disabled */
/* fill bg */
/* active bg */
/* 中性色 */
/* font-face */
@font-face {
  font-family: "OC-OPPOSans";
  src: url("//lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_ui/OPPOSans-R-subset.ttf");
}
@font-face {
  font-family: "OC-OPPOSans-Bold";
  src: url("//lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_ui/OPPOSans-B-subset.ttf");
}
/* font-family */
/* font-size */
/* line-height */
/* text color 中性色 */
/* #333 */
/* #666 */
/* text color 白色 */
/* background color */
/* drawer & modal mask background */
/* Border */
/*  Border  width */
/* width of the border for a component */
/* style of a components border */
/* border-radius */
/* 动效时间 待UI提供最终结论 */
/* 动效曲线 待UI提供最终结论 */
/* shadow */
/* z-index */
/* space */
/* base border outline a component */
/*  split border inside a component */
/* disabled stroke background & color */
/* disabled fill background & color */
/* ScrollBar */
/* list item hover background */
/* checkbox or radio exit */
/* expand arrow exit */
/*  item group indent 12 */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* Alert */
.tools-vmok-plugin-alert {
  position: relative;
  font-size: 12px;
  padding: 6px 16px;
  border-radius: 4px;
  display: flex;
  align-items: flex-start;
}
.tools-vmok-plugin-alert__icon {
  display: flex;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  margin-top: 2px;
}
.tools-vmok-plugin-alert__main-wrapper {
  flex: 1;
}
.tools-vmok-plugin-alert__close {
  cursor: pointer;
  display: flex;
  margin-top: 2px;
  margin-left: 8px;
}
.tools-vmok-plugin-alert__close .tools-vmok-plugin-alert__close-icon {
  width: 16px;
  height: 16px;
  color: #31343b;
}
.tools-vmok-plugin-alert__title {
  font-size: 12px;
  line-height: 18px;
  color: #31343b;
  font-weight: 600;
}
.tools-vmok-plugin-alert__description {
  font-size: 12px;
  line-height: 18px;
  color: #31343b;
}
.tools-vmok-plugin-alert--info {
  background-color: #e8f4ff;
}
.tools-vmok-plugin-alert--info .tools-vmok-plugin-alert__icon {
  color: #0057ff;
}
.tools-vmok-plugin-alert--info.tools-vmok-plugin-alert--border {
  border: 1px solid #badaff;
}
.tools-vmok-plugin-alert--info .tools-vmok-plugin-alert__banner-icon {
  background-color: #0057ff;
  color: #ffffff;
}
.tools-vmok-plugin-alert--success {
  background-color: #ecf8eb;
}
.tools-vmok-plugin-alert--success .tools-vmok-plugin-alert__icon {
  color: #0da600;
}
.tools-vmok-plugin-alert--success.tools-vmok-plugin-alert--border {
  border: 1px solid #83dbb2;
}
.tools-vmok-plugin-alert--success .tools-vmok-plugin-alert__banner-icon {
  background-color: #0da600;
  color: #ffffff;
}
.tools-vmok-plugin-alert--danger {
  background-color: #fdf2f2;
}
.tools-vmok-plugin-alert--danger .tools-vmok-plugin-alert__icon {
  color: #e34949;
}
.tools-vmok-plugin-alert--danger.tools-vmok-plugin-alert--border {
  border: 1px solid #f5bbbb;
}
.tools-vmok-plugin-alert--danger .tools-vmok-plugin-alert__banner-icon {
  background-color: #e34949;
  color: #ffffff;
}
.tools-vmok-plugin-alert--warning {
  background-color: #fff9e0;
}
.tools-vmok-plugin-alert--warning .tools-vmok-plugin-alert__icon {
  color: #eb9617;
}
.tools-vmok-plugin-alert--warning.tools-vmok-plugin-alert--border {
  border: 1px solid #ffdd60;
}
.tools-vmok-plugin-alert--warning .tools-vmok-plugin-alert__banner-icon {
  background-color: #eb9617;
  color: #ffffff;
}
.tools-vmok-plugin-alert--text {
  display: inline-flex;
  padding: initial;
  border: initial;
  background-color: initial;
}
.tools-vmok-plugin-alert--banner {
  background-color: #ffffff;
  border: 1px solid #e8eaed;
}
.tools-vmok-plugin-alert--banner .tools-vmok-plugin-alert__banner-icon {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: -7px;
  margin-right: 12px;
  margin-bottom: -7px;
  margin-left: -17px;
  align-self: stretch;
}
.tools-vmok-plugin-alert--rtl {
  direction: rtl;
}
.tools-vmok-plugin-alert--rtl .tools-vmok-plugin-alert__icon {
  margin-left: 8px;
  margin-right: 0;
}
.tools-vmok-plugin-alert--rtl .tools-vmok-plugin-alert__close {
  margin-right: 8px;
  margin-left: 0;
}
.tools-vmok-plugin-alert--rtl .tools-vmok-plugin-alert__banner-icon {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-top: -7px;
  margin-right: -17px;
  margin-bottom: -7px;
  margin-left: 12px;
}
.tools-vmok-plugin-anchor {
  position: relative;
  padding-left: 2px;
}
.tools-vmok-plugin-anchor__track {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background: #e8eaed;
  width: 2px;
}
.tools-vmok-plugin-anchor__track .tools-vmok-plugin-anchor__ink {
  display: none;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid #0057ff;
  background-color: #ffffff;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.15s ease-in-out;
}
.tools-vmok-plugin-anchor__track .tools-vmok-plugin-anchor__ink--active {
  display: block;
}
.tools-vmok-plugin-anchor-link {
  padding: 6px 0 6px 12px;
}
.tools-vmok-plugin-anchor-link__title {
  text-decoration: none;
  text-overflow: ellipsis;
  font-size: 12px;
  height: 20px;
  line-height: 18px;
  color: #31343b;
  white-space: nowrap;
  overflow: hidden;
}
.tools-vmok-plugin-anchor-link--active .tools-vmok-plugin-anchor-link__title,
.tools-vmok-plugin-anchor-link:hover .tools-vmok-plugin-anchor-link__title {
  color: #0057ff;
}
.tools-vmok-plugin-auto-complete-option {
  display: flex;
  align-self: stretch;
  color: #31343b;
  cursor: pointer;
}
.tools-vmok-plugin-auto-complete-option__action {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-auto-complete-option__content {
  flex: 1;
  align-items: center;
}
.tools-vmok-plugin-auto-complete-option__content--ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tools-vmok-plugin-auto-complete-option__expand {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-auto-complete-option__expand--icon {
  color: #31343b;
}
.tools-vmok-plugin-auto-complete-option.tools-vmok-plugin-auto-complete-option--grouped {
  padding-left: 24px;
  padding-right: 24px;
}
.tools-vmok-plugin-auto-complete-option--single.tools-vmok-plugin-auto-complete-option--selected {
  color: #0057ff;
}
.tools-vmok-plugin-auto-complete-option.tools-vmok-plugin-auto-complete-option--disabled {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-auto-complete-option.tools-vmok-plugin-auto-complete-option--disabled .tools-vmok-plugin-auto-complete-option__expand--icon {
  color: #b9bcc3;
}
.tools-vmok-plugin-auto-complete-option.tools-vmok-plugin-auto-complete-option--disabled.tools-vmok-plugin-auto-complete-option--single.tools-vmok-plugin-auto-complete-option--selected {
  color: #badaff;
}
.tools-vmok-plugin-auto-complete-option:hover:not(.tools-vmok-plugin-auto-complete-option--disabled) {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-auto-complete-option--xs {
  line-height: 18px;
  font-size: 12px;
  padding: 3px 12px;
}
.tools-vmok-plugin-auto-complete-option--sm {
  line-height: 18px;
  font-size: 12px;
  padding: 5px 12px;
}
.tools-vmok-plugin-auto-complete-option--md {
  line-height: 22px;
  font-size: 14px;
  padding: 6px 12px;
}
.tools-vmok-plugin-auto-complete-option--lg {
  line-height: 24px;
  font-size: 16px;
  padding: 7px 12px;
}
.tools-vmok-plugin-auto-complete-option--xl {
  line-height: 26px;
  font-size: 18px;
  padding: 8px 12px;
}
.tools-vmok-plugin-auto-complete-option--rtl {
  direction: rtl;
}
.tools-vmok-plugin-auto-complete-option--rtl .tools-vmok-plugin-auto-complete-option__action {
  margin-right: 0;
  margin-left: 8px;
}
.tools-vmok-plugin-auto-complete-option--rtl .tools-vmok-plugin-auto-complete-option__expand {
  margin-left: 0;
  margin-right: 8px;
}
.tools-vmok-plugin-auto-complete {
  display: inline-flex;
  width: 100%;
}
.tools-vmok-plugin-auto-complete__options {
  max-height: 192px;
  overflow-y: auto;
  padding: 6px 0;
  display: none;
}
.tools-vmok-plugin-auto-complete__options--show {
  display: block;
}
.tools-vmok-plugin-auto-complete__options::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-auto-complete__options::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-auto-complete__options::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-auto-complete__options::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-auto-complete__empty {
  height: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-auto-complete__loading {
  height: 192px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tools-vmok-plugin-auto-complete__popper {
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  display: none;
  background-color: #ffffff;
}
.tools-vmok-plugin-auto-complete__popper--show {
  display: block;
}
.tools-vmok-plugin-auto-complete__popper-header {
  border-bottom: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-auto-complete__popper-footer {
  border-top: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-auto-complete__popper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-avatar {
  position: relative;
  background-color: #e8eaed;
  color: #ffffff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tools-vmok-plugin-avatar--circle {
  border-radius: 50%;
}
.tools-vmok-plugin-avatar--square {
  border-radius: 6px;
}
.tools-vmok-plugin-avatar--img {
  background: transparent;
}
.tools-vmok-plugin-avatar__img {
  width: 100%;
  height: 100%;
  display: block;
}
/* badge */
.tools-vmok-plugin-badge {
  display: inline-flex;
  position: relative;
  font-size: 14px;
}
.tools-vmok-plugin-badge__count {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  z-index: 3;
  font-size: 12px;
  line-height: 18px;
  border-radius: 9px;
  color: #ffffff;
  background: #e34949;
  padding: 0 6px;
  min-width: 20px;
  text-align: center;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.tools-vmok-plugin-badge.tools-vmok-plugin-badge--standalone .tools-vmok-plugin-badge__count,
.tools-vmok-plugin-badge.tools-vmok-plugin-badge--standalone .tools-vmok-plugin-badge__dot {
  position: relative;
  transform: none;
  top: auto;
}
.tools-vmok-plugin-badge.tools-vmok-plugin-badge--standalone .tools-vmok-plugin-badge__count:not(:last-of-type) {
  min-width: 0;
  padding: 0;
}
.tools-vmok-plugin-badge__dot {
  top: 0;
  right: 0;
  position: absolute;
  transform: translate(50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e34949;
}
.tools-vmok-plugin-badge__status--info {
  background: #0057ff;
}
.tools-vmok-plugin-badge__status--success {
  background: #0da600;
}
.tools-vmok-plugin-badge__status--warning {
  background: #eb9617;
}
.tools-vmok-plugin-badge__status--danger {
  background: #e34949;
}
.tools-vmok-plugin-badge__status--default {
  background: #f5f7fa;
}
.tools-vmok-plugin-badge.tools-vmok-plugin-badge--rtl:not(.tools-vmok-plugin-badge--standalone) {
  direction: rtl;
}
.tools-vmok-plugin-badge.tools-vmok-plugin-badge--rtl:not(.tools-vmok-plugin-badge--standalone) .tools-vmok-plugin-badge__count,
.tools-vmok-plugin-badge.tools-vmok-plugin-badge--rtl:not(.tools-vmok-plugin-badge--standalone) .tools-vmok-plugin-badge__dot {
  direction: ltr;
  left: 0;
  right: auto;
  transform: translate(-50%, -50%);
}
/* new breadcrumb token */
.tools-vmok-plugin-breadcrumb {
  display: flex;
}
.tools-vmok-plugin-breadcrumb-item {
  display: flex;
  text-decoration: none;
}
.tools-vmok-plugin-breadcrumb-item__content {
  color: #93969d;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  cursor: pointer;
}
.tools-vmok-plugin-breadcrumb-item__content:hover {
  color: #0057ff;
}
.tools-vmok-plugin-breadcrumb-item__content:focus,
.tools-vmok-plugin-breadcrumb-item__content:active {
  color: #003fd2;
}
.tools-vmok-plugin-breadcrumb-item__separator {
  margin: 0 6.5px;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
  color: #93969d;
}
.tools-vmok-plugin-breadcrumb-item:last-child .tools-vmok-plugin-breadcrumb-item__content {
  color: #31343b;
  font-weight: 400;
  cursor: unset;
}
.tools-vmok-plugin-breadcrumb-item:last-child .tools-vmok-plugin-breadcrumb-item__content:hover {
  color: #31343b;
}
.tools-vmok-plugin-breadcrumb-item:last-child .tools-vmok-plugin-breadcrumb-item__content:focus,
.tools-vmok-plugin-breadcrumb-item:last-child .tools-vmok-plugin-breadcrumb-item__content:active {
  color: #31343b;
}
.tools-vmok-plugin-breadcrumb-item:last-child .tools-vmok-plugin-breadcrumb-item__separator {
  display: none;
}
.tools-vmok-plugin-breadcrumb--rtl {
  direction: rtl;
}
/* Button */
/* button  z-index */
/* Button padding */
@keyframes bui-button-primary-fill-focus-wave {
  from {
    box-shadow: 0 0 0 0 rgba(0, 87, 255, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(0, 87, 255, 0);
  }
}
@keyframes bui-button-info-fill-focus-wave {
  from {
    box-shadow: 0 0 0 0 rgba(0, 87, 255, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(0, 87, 255, 0);
  }
}
@keyframes bui-button-success-fill-focus-wave {
  from {
    box-shadow: 0 0 0 0 rgba(13, 166, 0, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(13, 166, 0, 0);
  }
}
@keyframes bui-button-warning-fill-focus-wave {
  from {
    box-shadow: 0 0 0 0 rgba(235, 150, 23, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(235, 150, 23, 0);
  }
}
@keyframes bui-button-danger-fill-focus-wave {
  from {
    box-shadow: 0 0 0 0 rgba(227, 73, 73, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(227, 73, 73, 0);
  }
}
.tools-vmok-plugin-button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  outline: none;
  border-radius: 4px;
  border: 1px solid transparent;
  user-select: none;
  appearance: none;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: text-bottom;
}
.tools-vmok-plugin-button--default-fill {
  color: #31343b;
  background-color: #f2f4f7;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-button--default-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill[data-motion-wave="before"]::before {
  color: #f2f4f7;
}
.tools-vmok-plugin-button--default-fill:hover {
  color: #0057ff;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--default-fill:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill:hover[data-motion-wave="before"]::before {
  color: #f5f7fa;
}
.tools-vmok-plugin-button--default-fill:focus {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #e8eaed;
  transition: background-color 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--default-fill:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill:focus[data-motion-wave="before"]::before {
  color: #e8eaed;
}
.tools-vmok-plugin-button--default-fill:active {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #f5f7fa;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--default-fill:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill:active[data-motion-wave="before"]::before {
  color: #f5f7fa;
}
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:active {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #e8eaed;
}
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #e8eaed;
}
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:active,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:focus {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before {
  color: #f5f7fa;
}
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--primary-fill {
  color: #ffffff;
  background-color: #0057ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--primary-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--primary-fill:hover {
  color: #ffffff;
  background-color: #2e7bff;
  border-color: #2e7bff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--primary-fill:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill:hover[data-motion-wave="before"]::before {
  color: #2e7bff;
}
.tools-vmok-plugin-button--primary-fill:active {
  color: #ffffff;
  background-color: #003fd2;
  border-color: #003fd2;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--primary-fill:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--primary-fill:focus {
  color: #ffffff;
  background-color: #2e7bff;
  border-color: #2e7bff;
  animation: bui-button-focus-wave-effect-primary 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-primary-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--primary-fill:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill:focus[data-motion-wave="before"]::before {
  color: #2e7bff;
}
@keyframes bui-button-focus-wave-effect-primary {
  from {
    box-shadow: 0 0 0 0 rgba(46, 123, 255, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(46, 123, 255, 0);
  }
}
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:active {
  color: #ffffff;
  background-color: #2e7bff;
  border-color: #2e7bff;
}
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #2e7bff;
}
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:active {
  color: #e8f4ff;
  background-color: #badaff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--info-fill {
  color: #ffffff;
  background-color: #0057ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--info-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--info-fill:hover {
  color: #ffffff;
  background-color: #2e7bff;
  border-color: #2e7bff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--info-fill:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill:hover[data-motion-wave="before"]::before {
  color: #2e7bff;
}
.tools-vmok-plugin-button--info-fill:focus {
  color: #ffffff;
  background-color: #003fd2;
  border-color: #003fd2;
  animation: bui-button-focus-wave-effect-info 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-info-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--info-fill:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill:focus[data-motion-wave="before"]::before {
  color: #003fd2;
}
@keyframes bui-button-focus-wave-effect-info {
  from {
    box-shadow: 0 0 0 0 rgba(0, 63, 210, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(0, 63, 210, 0);
  }
}
.tools-vmok-plugin-button--info-fill:active {
  color: #ffffff;
  background-color: #003fd2;
  border-color: #003fd2;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--info-fill:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:active {
  color: #ffffff;
  background-color: #003fd2;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:active {
  color: #e8f4ff;
  background-color: #badaff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--warning-fill {
  color: #ffffff;
  background-color: #eb9617;
  border-color: #eb9617;
}
.tools-vmok-plugin-button--warning-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill[data-motion-wave="before"]::before {
  color: #eb9617;
}
.tools-vmok-plugin-button--warning-fill:hover {
  color: #ffffff;
  background-color: #f6b70c;
  border-color: #f6b70c;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--warning-fill:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill:hover[data-motion-wave="before"]::before {
  color: #f6b70c;
}
.tools-vmok-plugin-button--warning-fill:focus {
  color: #ffffff;
  background-color: #f6b70c;
  border-color: #f6b70c;
  animation: bui-button-focus-wave-effect-warning 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-warning-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--warning-fill:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill:focus[data-motion-wave="before"]::before {
  color: #f6b70c;
}
@keyframes bui-button-focus-wave-effect-warning {
  from {
    box-shadow: 0 0 0 0 rgba(246, 183, 12, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(246, 183, 12, 0);
  }
}
.tools-vmok-plugin-button--warning-fill:active {
  color: #ffffff;
  background-color: #e28e11;
  border-color: #e28e11;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--warning-fill:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill:active[data-motion-wave="before"]::before {
  color: #e28e11;
}
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:active {
  color: #ffffff;
  background-color: #f6b70c;
  border-color: #f6b70c;
}
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #f6b70c;
}
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:active {
  color: #fff9e0;
  background-color: #ffdd60;
  border-color: #ffdd60;
}
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #ffdd60;
}
.tools-vmok-plugin-button--danger-fill {
  color: #ffffff;
  background-color: #e34949;
  border-color: #e34949;
}
.tools-vmok-plugin-button--danger-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill[data-motion-wave="before"]::before {
  color: #e34949;
}
.tools-vmok-plugin-button--danger-fill:hover {
  color: #ffffff;
  background-color: #ea7979;
  border-color: #ea7979;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--danger-fill:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill:hover[data-motion-wave="before"]::before {
  color: #ea7979;
}
.tools-vmok-plugin-button--danger-fill:focus {
  color: #ffffff;
  background-color: #ea7979;
  border-color: #ea7979;
  animation: bui-button-focus-wave-effect-danger 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-danger-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--danger-fill:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill:focus[data-motion-wave="before"]::before {
  color: #ea7979;
}
@keyframes bui-button-focus-wave-effect-danger {
  from {
    box-shadow: 0 0 0 0 rgba(234, 121, 121, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(234, 121, 121, 0);
  }
}
.tools-vmok-plugin-button--danger-fill:active {
  color: #ffffff;
  background-color: #c71023;
  border-color: #c71023;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--danger-fill:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill:active[data-motion-wave="before"]::before {
  color: #c71023;
}
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:active {
  color: #ffffff;
  background-color: #ea7979;
  border-color: #ea7979;
}
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #ea7979;
}
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:active {
  color: #fdf2f2;
  background-color: #f5bbbb;
  border-color: #f5bbbb;
}
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #f5bbbb;
}
.tools-vmok-plugin-button--success-fill {
  color: #ffffff;
  background-color: #0da600;
  border-color: #0da600;
}
.tools-vmok-plugin-button--success-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill[data-motion-wave="before"]::before {
  color: #0da600;
}
.tools-vmok-plugin-button--success-fill:hover {
  color: #ffffff;
  background-color: #09b160;
  border-color: #09b160;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--success-fill:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill:hover[data-motion-wave="before"]::before {
  color: #09b160;
}
.tools-vmok-plugin-button--success-fill:focus {
  color: #ffffff;
  background-color: #09b160;
  border-color: #09b160;
  animation: bui-button-focus-wave-effect-success 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-success-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--success-fill:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill:focus[data-motion-wave="before"]::before {
  color: #09b160;
}
@keyframes bui-button-focus-wave-effect-success {
  from {
    box-shadow: 0 0 0 0 rgba(9, 177, 96, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(9, 177, 96, 0);
  }
}
.tools-vmok-plugin-button--success-fill:active {
  color: #ffffff;
  background-color: #007430;
  border-color: #007430;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--success-fill:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill:active[data-motion-wave="before"]::before {
  color: #007430;
}
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:active {
  color: #ffffff;
  background-color: #09b160;
  border-color: #09b160;
}
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #09b160;
}
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:active {
  color: #ecf8eb;
  background-color: #83dbb2;
  border-color: #83dbb2;
}
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #83dbb2;
}
.tools-vmok-plugin-button--default-stroke {
  color: #31343b;
  background-color: #ffffff;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-button--default-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke[data-motion-wave="before"]::before {
  color: #dfe0e2;
}
.tools-vmok-plugin-button--default-stroke:hover {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--default-stroke:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke:hover[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--default-stroke:focus {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-primary-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--default-stroke:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke:focus[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--default-stroke:active {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-button--default-stroke:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:active {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:active,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:focus {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before {
  color: #dfe0e2;
}
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--primary-stroke {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--primary-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #2e7bff;
  background-color: #ffffff;
  border-color: #2e7bff;
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #2e7bff;
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
  animation: bui-button-focus-wave-effect-primary 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-primary-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #003fd2;
}
@keyframes bui-button-focus-wave-effect-primary {
  from {
    box-shadow: 0 0 0 0 rgba(46, 123, 255, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(46, 123, 255, 0);
  }
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:active {
  color: #badaff;
  background-color: #ffffff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--success-stroke {
  color: #0da600;
  background-color: #ffffff;
  border-color: #0da600;
}
.tools-vmok-plugin-button--success-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke[data-motion-wave="before"]::before {
  color: #0da600;
}
.tools-vmok-plugin-button--success-stroke:hover {
  color: #09b160;
  background-color: #ffffff;
  border-color: #09b160;
}
.tools-vmok-plugin-button--success-stroke:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke:hover[data-motion-wave="before"]::before {
  color: #09b160;
}
.tools-vmok-plugin-button--success-stroke:focus {
  color: #007430;
  background-color: #ffffff;
  border-color: #007430;
  animation: bui-button-focus-wave-effect-success 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-success-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--success-stroke:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke:focus[data-motion-wave="before"]::before {
  color: #007430;
}
@keyframes bui-button-focus-wave-effect-success {
  from {
    box-shadow: 0 0 0 0 rgba(9, 177, 96, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(9, 177, 96, 0);
  }
}
.tools-vmok-plugin-button--success-stroke:active {
  color: #007430;
  background-color: #ffffff;
  border-color: #007430;
}
.tools-vmok-plugin-button--success-stroke:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke:active[data-motion-wave="before"]::before {
  color: #007430;
}
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:active {
  color: #007430;
  background-color: #ffffff;
  border-color: #007430;
}
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #007430;
}
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:active {
  color: #83dbb2;
  background-color: #ecf8eb;
  border-color: #83dbb2;
}
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #83dbb2;
}
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #83dbb2;
  background-color: #ecf8eb;
  border-color: #83dbb2;
}
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #83dbb2;
}
.tools-vmok-plugin-button--warning-stroke {
  color: #eb9617;
  background-color: #ffffff;
  border-color: #eb9617;
}
.tools-vmok-plugin-button--warning-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke[data-motion-wave="before"]::before {
  color: #eb9617;
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #f6b70c;
  background-color: #ffffff;
  border-color: #f6b70c;
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #f6b70c;
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #e28e11;
  background-color: #ffffff;
  border-color: #e28e11;
  animation: bui-button-focus-wave-effect-warning 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-warning-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #e28e11;
}
@keyframes bui-button-focus-wave-effect-warning {
  from {
    box-shadow: 0 0 0 0 rgba(246, 183, 12, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(246, 183, 12, 0);
  }
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #e28e11;
  background-color: #ffffff;
  border-color: #e28e11;
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #e28e11;
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #e28e11;
  background-color: #ffffff;
  border-color: #e28e11;
}
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #e28e11;
}
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:active {
  color: #ffdd60;
  background-color: #fff9e0;
  border-color: #ffdd60;
}
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #ffdd60;
}
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #ffdd60;
  background-color: #fff9e0;
  border-color: #ffdd60;
}
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #ffdd60;
}
.tools-vmok-plugin-button--danger-stroke {
  color: #e34949;
  background-color: #ffffff;
  border-color: #e34949;
}
.tools-vmok-plugin-button--danger-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke[data-motion-wave="before"]::before {
  color: #e34949;
}
.tools-vmok-plugin-button--danger-stroke:hover {
  color: #ea7979;
  background-color: #ffffff;
  border-color: #ea7979;
}
.tools-vmok-plugin-button--danger-stroke:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke:hover[data-motion-wave="before"]::before {
  color: #ea7979;
}
.tools-vmok-plugin-button--danger-stroke:focus {
  color: #c71023;
  background-color: #ffffff;
  border-color: #c71023;
  animation: bui-button-focus-wave-effect-danger 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-danger-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--danger-stroke:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke:focus[data-motion-wave="before"]::before {
  color: #c71023;
}
@keyframes bui-button-focus-wave-effect-danger {
  from {
    box-shadow: 0 0 0 0 rgba(234, 121, 121, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(234, 121, 121, 0);
  }
}
.tools-vmok-plugin-button--danger-stroke:active {
  color: #c71023;
  background-color: #ffffff;
  border-color: #c71023;
}
.tools-vmok-plugin-button--danger-stroke:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke:active[data-motion-wave="before"]::before {
  color: #c71023;
}
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:active {
  color: #c71023;
  background-color: #ffffff;
  border-color: #c71023;
}
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #c71023;
}
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:active {
  color: #f5bbbb;
  background-color: #fdf2f2;
  border-color: #f5bbbb;
}
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #f5bbbb;
}
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #f5bbbb;
  background-color: #fdf2f2;
  border-color: #f5bbbb;
}
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #f5bbbb;
}
.tools-vmok-plugin-button--info-stroke {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--info-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--info-stroke:hover {
  color: #2e7bff;
  background-color: #ffffff;
  border-color: #2e7bff;
}
.tools-vmok-plugin-button--info-stroke:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke:hover[data-motion-wave="before"]::before {
  color: #2e7bff;
}
.tools-vmok-plugin-button--info-stroke:focus {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
  animation: bui-button-focus-wave-effect-info 2s cubic-bezier(0.08, 0.82, 0.17, 1);
  transition: all 0.1s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: bui-button-info-fill-focus-wave 2s cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tools-vmok-plugin-button--info-stroke:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke:focus[data-motion-wave="before"]::before {
  color: #003fd2;
}
@keyframes bui-button-focus-wave-effect-info {
  from {
    box-shadow: 0 0 0 0 rgba(0, 63, 210, 0.2);
  }
  to {
    box-shadow: 0 0 0 6px rgba(0, 63, 210, 0);
  }
}
.tools-vmok-plugin-button--info-stroke:active {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--info-stroke:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:active {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:active {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--default-light-fill {
  color: #31343b;
  background-color: #f2f4f7;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-button--default-light-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill[data-motion-wave="before"]::before {
  color: #f2f4f7;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):hover {
  color: #0057ff;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #f5f7fa;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):focus {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #e8eaed;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #e8eaed;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):active {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #e8eaed;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #e8eaed;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #e8eaed;
}
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #e8eaed;
}
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:active {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #f5f7fa;
}
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #f5f7fa;
}
.tools-vmok-plugin-button--default-light-stroke {
  color: #31343b;
  background-color: #f2f4f7;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-button--default-light-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke[data-motion-wave="before"]::before {
  color: #dfe0e2;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #003fd2;
  background-color: #ffffff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:active {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #dfe0e2;
}
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--default-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #dfe0e2;
}
.tools-vmok-plugin-button--primary-light-fill {
  color: #0057ff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):hover {
  color: #2e7bff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):focus {
  color: #003fd2;
  background-color: #b6ddfd;
  border-color: #b6ddfd;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #b6ddfd;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):active {
  color: #003fd2;
  background-color: #b6ddfd;
  border-color: #b6ddfd;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #b6ddfd;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #003fd2;
  background-color: #b6ddfd;
  border-color: #b6ddfd;
}
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #b6ddfd;
}
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:active {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--primary-light-stroke {
  color: #0057ff;
  background-color: #e8f4ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--primary-light-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #2e7bff;
  background-color: #e8f4ff;
  border-color: #2e7bff;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #2e7bff;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #003fd2;
  background-color: #e8f4ff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #003fd2;
  background-color: #e8f4ff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #003fd2;
  background-color: #e8f4ff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:active {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--primary-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--success-light-fill {
  color: #0da600;
  background-color: #ecf8eb;
  border-color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill[data-motion-wave="before"]::before {
  color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):hover {
  color: #09b160;
  background-color: #ecf8eb;
  border-color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):focus {
  color: #007430;
  background-color: #a6e5c8;
  border-color: #a6e5c8;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #a6e5c8;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):active {
  color: #007430;
  background-color: #a6e5c8;
  border-color: #a6e5c8;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #a6e5c8;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #007430;
  background-color: #a6e5c8;
  border-color: #a6e5c8;
}
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #a6e5c8;
}
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:active {
  color: #83dbb2;
  background-color: #ecf8eb;
  border-color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #83dbb2;
  background-color: #ecf8eb;
  border-color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #ecf8eb;
}
.tools-vmok-plugin-button--success-light-stroke {
  color: #0da600;
  background-color: #ecf8eb;
  border-color: #0da600;
}
.tools-vmok-plugin-button--success-light-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke[data-motion-wave="before"]::before {
  color: #0da600;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #09b160;
  background-color: #ecf8eb;
  border-color: #09b160;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #09b160;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #007430;
  background-color: #ecf8eb;
  border-color: #007430;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #007430;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #007430;
  background-color: #ecf8eb;
  border-color: #007430;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #007430;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #007430;
  background-color: #ecf8eb;
  border-color: #007430;
}
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #007430;
}
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:active {
  color: #83dbb2;
  background-color: #ecf8eb;
  border-color: #83dbb2;
}
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #83dbb2;
}
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #83dbb2;
  background-color: #ecf8eb;
  border-color: #83dbb2;
}
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--success-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #83dbb2;
}
.tools-vmok-plugin-button--warning-light-fill {
  color: #eb9617;
  background-color: #fff9e0;
  border-color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill[data-motion-wave="before"]::before {
  color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):hover {
  color: #f6b70c;
  background-color: #fff9e0;
  border-color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):focus {
  color: #e28e11;
  background-color: #ffeba1;
  border-color: #ffeba1;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #ffeba1;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):active {
  color: #e28e11;
  background-color: #ffeba1;
  border-color: #ffeba1;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #ffeba1;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #e28e11;
  background-color: #ffeba1;
  border-color: #ffeba1;
}
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #ffeba1;
}
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:active {
  color: #ffdd60;
  background-color: #fff9e0;
  border-color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #ffdd60;
  background-color: #fff9e0;
  border-color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #fff9e0;
}
.tools-vmok-plugin-button--warning-light-stroke {
  color: #eb9617;
  background-color: #fff9e0;
  border-color: #eb9617;
}
.tools-vmok-plugin-button--warning-light-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke[data-motion-wave="before"]::before {
  color: #eb9617;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #f6b70c;
  background-color: #fff9e0;
  border-color: #f6b70c;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #f6b70c;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #e28e11;
  background-color: #fff9e0;
  border-color: #e28e11;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #e28e11;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #e28e11;
  background-color: #fff9e0;
  border-color: #e28e11;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #e28e11;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #e28e11;
  background-color: #fff9e0;
  border-color: #e28e11;
}
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #e28e11;
}
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:active {
  color: #ffdd60;
  background-color: #fff9e0;
  border-color: #ffdd60;
}
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #ffdd60;
}
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #ffdd60;
  background-color: #fff9e0;
  border-color: #ffdd60;
}
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--warning-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #ffdd60;
}
.tools-vmok-plugin-button--danger-light-fill {
  color: #e34949;
  background-color: #fdf2f2;
  border-color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill[data-motion-wave="before"]::before {
  color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):hover {
  color: #ea7979;
  background-color: #fdf2f2;
  border-color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):focus {
  color: #c71023;
  background-color: #f8cfcf;
  border-color: #f8cfcf;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #f8cfcf;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):active {
  color: #c71023;
  background-color: #f8cfcf;
  border-color: #f8cfcf;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #f8cfcf;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #c71023;
  background-color: #f8cfcf;
  border-color: #f8cfcf;
}
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #f8cfcf;
}
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:active {
  color: #f5bbbb;
  background-color: #fdf2f2;
  border-color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #f5bbbb;
  background-color: #fdf2f2;
  border-color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #fdf2f2;
}
.tools-vmok-plugin-button--danger-light-stroke {
  color: #e34949;
  background-color: #fdf2f2;
  border-color: #e34949;
}
.tools-vmok-plugin-button--danger-light-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke[data-motion-wave="before"]::before {
  color: #e34949;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #ea7979;
  background-color: #fdf2f2;
  border-color: #ea7979;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #ea7979;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #c71023;
  background-color: #fdf2f2;
  border-color: #c71023;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #c71023;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #c71023;
  background-color: #fdf2f2;
  border-color: #c71023;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #c71023;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #c71023;
  background-color: #fdf2f2;
  border-color: #c71023;
}
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #c71023;
}
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:active {
  color: #f5bbbb;
  background-color: #fdf2f2;
  border-color: #f5bbbb;
}
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #f5bbbb;
}
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #f5bbbb;
  background-color: #fdf2f2;
  border-color: #f5bbbb;
}
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--danger-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #f5bbbb;
}
.tools-vmok-plugin-button--info-light-fill {
  color: #0057ff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-fill[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):hover {
  color: #2e7bff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):focus {
  color: #003fd2;
  background-color: #b6ddfd;
  border-color: #b6ddfd;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #b6ddfd;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):active {
  color: #003fd2;
  background-color: #b6ddfd;
  border-color: #b6ddfd;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #b6ddfd;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #003fd2;
  background-color: #b6ddfd;
  border-color: #b6ddfd;
}
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #b6ddfd;
}
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:active {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-fill.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #e8f4ff;
}
.tools-vmok-plugin-button--info-light-stroke {
  color: #0057ff;
  background-color: #e8f4ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-button--info-light-stroke[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke[data-motion-wave="before"]::before {
  color: #0057ff;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):hover {
  color: #2e7bff;
  background-color: #e8f4ff;
  border-color: #2e7bff;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):hover[data-motion-wave="before"]::before {
  color: #2e7bff;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):focus {
  color: #003fd2;
  background-color: #e8f4ff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):focus[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):active {
  color: #003fd2;
  background-color: #e8f4ff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled):active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active {
  color: #003fd2;
  background-color: #e8f4ff;
  border-color: #003fd2;
}
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke:not(.tools-vmok-plugin-button--disabled).tools-vmok-plugin-button--checked:active[data-motion-wave="before"]::before {
  color: #003fd2;
}
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:focus,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:active {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked {
  color: #badaff;
  background-color: #e8f4ff;
  border-color: #badaff;
}
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:hover.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:focus.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--loading:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--info-light-stroke.tools-vmok-plugin-button--disabled:active.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before {
  color: #badaff;
}
.tools-vmok-plugin-button--dashed {
  border-style: dashed;
}
.tools-vmok-plugin-button--text {
  color: #0057ff;
  background-color: transparent;
  border-color: transparent;
}
.tools-vmok-plugin-button--text[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--text:hover {
  color: #2e7bff;
  background-color: transparent;
  border-color: transparent;
}
.tools-vmok-plugin-button--text:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text:hover[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--text:focus {
  color: #2e7bff;
  background-color: transparent;
  border-color: transparent;
  animation: none;
}
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text:focus[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--text:active,
.tools-vmok-plugin-button--text:active:focus,
.tools-vmok-plugin-button--text:active:hover {
  color: #003fd2;
  background-color: transparent;
  border-color: transparent;
}
.tools-vmok-plugin-button--text:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text:active:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text:active:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text:active:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text:active:hover[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled:focus {
  color: #badaff;
  background-color: transparent;
  border-color: transparent;
}
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--xs,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--sm,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--md,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--lg,
.tools-vmok-plugin-button--text.tools-vmok-plugin-button--xl {
  padding: 0;
  min-width: auto;
}
.tools-vmok-plugin-button--link {
  color: #0057ff;
  background-color: transparent;
  border-color: transparent;
  border: none;
}
.tools-vmok-plugin-button--link[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--link:hover {
  color: #2e7bff;
  background-color: transparent;
  border-color: transparent;
  text-decoration: underline;
}
.tools-vmok-plugin-button--link:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link:hover[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--checked,
.tools-vmok-plugin-button--link:focus {
  color: #2e7bff;
  background-color: transparent;
  border-color: transparent;
  animation: none;
  text-decoration: underline;
}
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--checked[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--checked[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link:focus[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--link:active,
.tools-vmok-plugin-button--link:active:focus,
.tools-vmok-plugin-button--link:active:hover {
  color: #003fd2;
  background-color: transparent;
  border-color: transparent;
  text-decoration: underline;
}
.tools-vmok-plugin-button--link:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link:active:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link:active:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link:active:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link:active:hover[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:active,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:active,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:focus,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:focus {
  color: #badaff;
  background-color: transparent;
  border-color: transparent;
}
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:hover[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:active[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:focus[data-motion-wave="after"]::after,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:hover[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:active[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--loading:focus[data-motion-wave="before"]::before,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--disabled:focus[data-motion-wave="before"]::before {
  color: transparent;
}
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--xs,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--sm,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--md,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--lg,
.tools-vmok-plugin-button--link.tools-vmok-plugin-button--xl {
  padding: 0;
  min-width: auto;
}
.tools-vmok-plugin-button--xs {
  min-width: 56px;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-button--sm {
  min-width: 56px;
  padding: 4px 16px;
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-button--md {
  min-width: 88px;
  padding: 4px 16px;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-button--lg {
  min-width: 120px;
  padding: 6px 16px;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-button--xl {
  min-width: 140px;
  padding: 7px 16px;
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-button--circle.tools-vmok-plugin-button--xs,
.tools-vmok-plugin-button--square.tools-vmok-plugin-button--xs {
  min-width: 24px;
  width: 24px;
  height: 24px;
  padding-left: 0;
  padding-right: 0;
}
.tools-vmok-plugin-button--circle.tools-vmok-plugin-button--sm,
.tools-vmok-plugin-button--square.tools-vmok-plugin-button--sm {
  min-width: 28px;
  width: 28px;
  height: 28px;
  padding-left: 0;
  padding-right: 0;
}
.tools-vmok-plugin-button--circle.tools-vmok-plugin-button--md,
.tools-vmok-plugin-button--square.tools-vmok-plugin-button--md {
  min-width: 32px;
  width: 32px;
  height: 32px;
  padding-left: 0;
  padding-right: 0;
}
.tools-vmok-plugin-button--circle.tools-vmok-plugin-button--lg,
.tools-vmok-plugin-button--square.tools-vmok-plugin-button--lg {
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding-left: 0;
  padding-right: 0;
}
.tools-vmok-plugin-button--circle.tools-vmok-plugin-button--xl,
.tools-vmok-plugin-button--square.tools-vmok-plugin-button--xl {
  min-width: 40px;
  width: 40px;
  height: 40px;
  padding-left: 0;
  padding-right: 0;
}
.tools-vmok-plugin-button--circle {
  border-radius: 50%;
}
.tools-vmok-plugin-button--round.tools-vmok-plugin-button--xs {
  border-radius: 24px;
  min-width: 24px;
}
.tools-vmok-plugin-button--round.tools-vmok-plugin-button--sm {
  border-radius: 28px;
  min-width: 28px;
}
.tools-vmok-plugin-button--round.tools-vmok-plugin-button--md {
  border-radius: 32px;
  min-width: 32px;
}
.tools-vmok-plugin-button--round.tools-vmok-plugin-button--lg {
  border-radius: 36px;
  min-width: 36px;
}
.tools-vmok-plugin-button--round.tools-vmok-plugin-button--xl {
  min-width: 40px;
  border-radius: 40px;
}
.tools-vmok-plugin-button--block {
  display: block;
  width: 100%;
}
.tools-vmok-plugin-button.tools-vmok-plugin-button--disabled,
.tools-vmok-plugin-button.tools-vmok-plugin-button--disabled:hover,
.tools-vmok-plugin-button.tools-vmok-plugin-button--disabled:focus {
  animation: none;
  cursor: not-allowed;
}
.tools-vmok-plugin-button--loading,
.tools-vmok-plugin-button--loading:hover,
.tools-vmok-plugin-button--loading:focus {
  animation: none;
}
.tools-vmok-plugin-button--loading .tools-vmok-plugin-button__loading-icon {
  margin-right: 4px;
}
.tools-vmok-plugin-button--active {
  z-index: 3;
}
.tools-vmok-plugin-button--rtl {
  direction: rtl;
}
.tools-vmok-plugin-button--rtl .tools-vmok-plugin-button__loading-icon {
  margin-right: 0;
  margin-left: 4px;
}
/* card */
.tools-vmok-plugin-card {
  background: #ffffff;
  border-radius: 4px;
}
.tools-vmok-plugin-card__header {
  font-size: 16px;
  padding: 16px 24px;
  color: #31343b;
  border-radius: 4px 4px 0 0;
  line-height: 24px;
}
.tools-vmok-plugin-card__body {
  padding: 16px 24px;
  font-size: 14px;
  color: #62656c;
  line-height: 22px;
}
.tools-vmok-plugin-card--shadowed {
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.tools-vmok-plugin-card--bordered {
  border-width: 1px;
  border-style: solid;
  border-color: #dee0e3;
}
.tools-vmok-plugin-card--hover {
  transition: box-shadow 0.3s;
}
.tools-vmok-plugin-card--hover:hover {
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.tools-vmok-plugin-cascader-panel {
  display: flex;
  align-self: stretch;
}
.tools-vmok-plugin-cascader-panel__main {
  display: flex;
  flex: 1;
  align-self: stretch;
  border-radius: 4px;
  overflow-x: auto;
}
.tools-vmok-plugin-cascader-panel__main::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-cascader-panel__main::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-cascader-panel__main::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-cascader-panel__main::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-cascader-panel__main--border {
  border: 1px solid #dee0e3;
}
.tools-vmok-plugin-cascader-panel__selection-block {
  flex: 1;
  height: 230px;
  display: flex;
  flex-direction: column;
}
.tools-vmok-plugin-cascader-panel__selection-block--has-cascader {
  min-width: 200px;
  height: 192px;
}
.tools-vmok-plugin-cascader-panel__selection-block:not(:last-of-type) {
  border-right: 1px solid #dee0e3;
}
.tools-vmok-plugin-cascader-panel__selection-header {
  display: flex;
  align-items: center;
  height: 38px;
  padding: 0 12px;
  border-bottom: 1px solid #dee0e3;
  background-color: #f2f4f7;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  font-weight: 600;
}
.tools-vmok-plugin-cascader-panel__list-wrapper {
  flex: 1;
  overflow-y: auto;
}
.tools-vmok-plugin-cascader-panel__list-wrapper::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-cascader-panel__list-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-cascader-panel__list-wrapper::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-cascader-panel__list-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-cascader-panel__placeholder {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tools-vmok-plugin-cascader-panel__loading {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0057ff;
}
.tools-vmok-plugin-cascader-panel__selection-list {
  margin: 0;
  list-style: none;
  padding: 6px 0;
}
.tools-vmok-plugin-cascader-panel__selection-list:not(:last-child) {
  padding-bottom: 0;
}
.tools-vmok-plugin-cascader-panel__selection-item {
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.tools-vmok-plugin-cascader-panel__selection-item:hover {
  background-color: #f2f4f7;
  cursor: pointer;
}
.tools-vmok-plugin-cascader-panel__selection-item .tools-vmok-plugin-cascader-panel__item-label {
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 0;
  color: #31343b;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tools-vmok-plugin-cascader-panel__selection-item .tools-vmok-plugin-cascader-panel__item-label:not(:first-child) {
  margin-left: 8px;
}
.tools-vmok-plugin-cascader-panel__selection-item--active,
.tools-vmok-plugin-cascader-panel__selection-item--active .tools-vmok-plugin-cascader-panel__item-label,
.tools-vmok-plugin-cascader-panel__selection-item--active .tools-vmok-plugin-cascader-panel__angle {
  color: #0057ff;
}
.tools-vmok-plugin-cascader-panel__selection-item--selected,
.tools-vmok-plugin-cascader-panel__selection-item--selected .tools-vmok-plugin-cascader-panel__item-label,
.tools-vmok-plugin-cascader-panel__selection-item--selected .tools-vmok-plugin-cascader-panel__angle {
  color: #0057ff;
}
.tools-vmok-plugin-cascader-panel__selection-item--disabled,
.tools-vmok-plugin-cascader-panel__selection-item--disabled .tools-vmok-plugin-cascader-panel__item-label,
.tools-vmok-plugin-cascader-panel__selection-item--disabled .tools-vmok-plugin-cascader-panel__angle {
  color: #cdd1d8;
  cursor: not-allowed;
}
.tools-vmok-plugin-cascader-panel__selection-item--disabled:hover,
.tools-vmok-plugin-cascader-panel__selection-item--disabled .tools-vmok-plugin-cascader-panel__item-label:hover,
.tools-vmok-plugin-cascader-panel__selection-item--disabled .tools-vmok-plugin-cascader-panel__angle:hover {
  background-color: none;
}
.tools-vmok-plugin-cascader-panel__selection-item--disabled.tools-vmok-plugin-cascader-panel__selection-item--selected,
.tools-vmok-plugin-cascader-panel__selection-item--disabled.tools-vmok-plugin-cascader-panel__selection-item--selected .tools-vmok-plugin-cascader-panel__item-label {
  color: #badaff;
}
.tools-vmok-plugin-cascader-panel__angle {
  flex-shrink: 0;
  color: #93969d;
}
.tools-vmok-plugin-cascader-panel .tools-vmok-plugin-cascader-panel__angle-un-expand {
  color: #cdd1d8;
  cursor: not-allowed;
}
.tools-vmok-plugin-cascader-panel__infinite-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  font-size: 12px;
  color: #0057ff;
}
.tools-vmok-plugin-cascader-panel__infinite-loading-label {
  margin-left: 4px;
}
.tools-vmok-plugin-cascader-panel__panel-title {
  position: relative;
}
.tools-vmok-plugin-cascader-panel__panel-title-content {
  height: 38px;
  background: #f2f4f7;
  width: 100%;
  position: absolute;
  margin-bottom: -38px;
  border-radius: 4px 4px 0 0;
  border: 1px solid #dee0e3;
  border-bottom: none;
}
.tools-vmok-plugin-cascader-panel--rtl {
  direction: rtl;
}
.tools-vmok-plugin-cascader-panel--rtl .tools-vmok-plugin-cascader-panel__selection-block:not(:last-of-type) {
  border-right: none;
  border-left: 1px solid #dee0e3;
}
.tools-vmok-plugin-cascader-panel--rtl .tools-vmok-plugin-cascader-panel__item-label:not(:first-child) {
  margin-left: none;
  margin-right: 8px;
}
.tools-vmok-plugin-cascader-panel--rtl .tools-vmok-plugin-cascader-panel__infinite-loading-label {
  margin-left: none;
  margin-right: 4px;
}
.tools-vmok-plugin-cascader-exb {
  display: flex;
  flex-direction: column;
  width: 200px;
  border: 1px solid #dee0e3;
  border-radius: 4px;
  margin-left: 16px;
  height: 230px;
}
.tools-vmok-plugin-cascader-exb__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
  padding: 0 12px;
  border-bottom: 1px solid #dee0e3;
  background-color: #f2f4f7;
  font-size: 14px;
  color: #31343b;
  font-weight: 600;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tools-vmok-plugin-cascader-exb__list-wrap {
  flex: 1 0;
  overflow: auto;
}
.tools-vmok-plugin-cascader-exb__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.tools-vmok-plugin-cascader-exb__list {
  list-style: none;
  padding: 8px 12px;
  margin: 0;
}
.tools-vmok-plugin-cascader-exb__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 26px;
  background-color: #f2f4f7;
  border-radius: 4px;
  color: #31343b;
  font-size: 14px;
  padding: 0 8px;
  overflow: hidden;
}
.tools-vmok-plugin-cascader-exb__item-fade-enter-active,
.tools-vmok-plugin-cascader-exb__item-fade-leave-active {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-cascader-exb__item-fade-enter-from,
.tools-vmok-plugin-cascader-exb__item-fade-leave-to {
  opacity: 0;
  max-height: 0;
}
.tools-vmok-plugin-cascader-exb__item-fade-enter-to,
.tools-vmok-plugin-cascader-exb__item-fade-leave-from {
  max-height: 26px;
  opacity: 1;
}
.tools-vmok-plugin-cascader-exb__item-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tools-vmok-plugin-cascader-exb__item .tools-vmok-plugin-cascader-exb__close {
  color: #93969d;
  cursor: pointer;
  flex-shrink: 0;
}
.tools-vmok-plugin-cascader-exb__item:not(:first-of-type) {
  margin-top: 8px;
}
.tools-vmok-plugin-cascader-exb--rtl {
  direction: rtl;
  margin-left: 16px;
  margin-right: 16px;
}
.tools-vmok-plugin-cascader-panel-search__filter {
  border-bottom: 1px solid #e8eaed;
  margin-bottom: 8px;
}
.tools-vmok-plugin-cascader-panel-search__filter-icon {
  color: #93969d;
}
.tools-vmok-plugin-cascader-panel-search__results {
  max-height: 192px;
  overflow-y: auto;
  padding: 6px 0;
}
.tools-vmok-plugin-cascader-panel-search__results::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-cascader-panel-search__results::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-cascader-panel-search__results::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-cascader-panel-search__results::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-cascader-panel-search__em {
  color: #0057ff;
  font-style: normal;
}
.tools-vmok-plugin-cascader-panel-search__text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.tools-vmok-plugin-cascader-panel-search__loading {
  color: #0057ff;
  height: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-cascader-panel-search-option {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  align-items: center;
  cursor: default;
}
.tools-vmok-plugin-cascader-panel-search-option .tools-vmok-plugin-cascader-panel-search-option__action {
  margin-right: 8px;
}
.tools-vmok-plugin-cascader-panel-search-option:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-cascader-panel-search-option--rtl {
  direction: rtl;
}
.tools-vmok-plugin-cascader-panel-search-option--rtl .tools-vmok-plugin-cascader-search-option__action {
  margin-left: 8px;
  margin-right: 0;
}
.tools-vmok-plugin-cascader-search__filter {
  border-bottom: 1px solid #e8eaed;
}
.tools-vmok-plugin-cascader-search__filter-icon {
  color: #93969d;
}
.tools-vmok-plugin-cascader-search__results {
  max-height: 192px;
  overflow-y: auto;
  padding: 6px 0;
}
.tools-vmok-plugin-cascader-search__results::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-cascader-search__results::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-cascader-search__results::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-cascader-search__results::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-cascader-search__em {
  color: #0057ff;
  font-style: normal;
}
.tools-vmok-plugin-cascader-search__text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.tools-vmok-plugin-cascader-search__loading {
  color: #0057ff;
  height: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-cascader-search-option {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  align-items: center;
  cursor: default;
}
.tools-vmok-plugin-cascader-search-option .tools-vmok-plugin-cascader-search-option__action {
  margin-right: 8px;
}
.tools-vmok-plugin-cascader-search-option:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-cascader-search-option--rtl {
  direction: rtl;
}
.tools-vmok-plugin-cascader-search-option--rtl .tools-vmok-plugin-cascader-search-option__action {
  margin-left: 8px;
  margin-right: 0;
}
.tools-vmok-plugin-cascader {
  display: inline-flex;
  width: 100%;
  position: relative;
  vertical-align: bottom;
}
.tools-vmok-plugin-cascader__tips {
  text-align: center;
  user-select: none;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 22px;
  min-width: 26px;
  border-radius: 13px;
  padding: 1px 8px;
  margin-right: 4px;
}
.tools-vmok-plugin-cascader__arrow {
  color: #93969d;
}
.tools-vmok-plugin-cascader__arrow--open {
  transform: rotate(180deg);
}
.tools-vmok-plugin-cascader__input:not(.tools-vmok-plugin-input__wrapper--disabled) {
  cursor: pointer;
}
.tools-vmok-plugin-cascader__tag-content {
  max-width: calc(100% - 14px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tools-vmok-plugin-cascader__empty {
  height: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-cascader--stroke .tools-vmok-plugin-cascader__tips {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-cascader--stroke.tools-vmok-plugin-cascader--disabled .tools-vmok-plugin-cascader__tips {
  background-color: #f7f9fc;
  color: #cdd1d8;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-cascader--fill .tools-vmok-plugin-cascader__tips {
  background-color: #ffffff;
  color: #31343b;
  border-color: #ffffff;
}
.tools-vmok-plugin-cascader--fill.tools-vmok-plugin-cascader--disabled .tools-vmok-plugin-cascader__tips {
  background-color: #f5f7fa;
  color: #b9bcc3;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-cascader--text {
  color: #31343b;
  width: auto;
  cursor: pointer;
}
.tools-vmok-plugin-cascader--text:hover,
.tools-vmok-plugin-cascader--text .tools-vmok-plugin-cascader__text-wrapper--active {
  color: #0057ff;
}
.tools-vmok-plugin-cascader--text:hover:active,
.tools-vmok-plugin-cascader--text .tools-vmok-plugin-cascader__text-wrapper--active:active {
  color: #003fd2;
}
.tools-vmok-plugin-cascader--text .tools-vmok-plugin-cascader__text-wrapper {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
}
.tools-vmok-plugin-cascader--text .tools-vmok-plugin-cascader__arrow {
  margin-right: 0;
}
.tools-vmok-plugin-cascader--text.tools-vmok-plugin-cascader--disabled,
.tools-vmok-plugin-cascader--text.tools-vmok-plugin-cascader--disabled:hover {
  color: #cdd1d8;
  cursor: not-allowed;
}
.tools-vmok-plugin-cascader--xs {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-cascader--xs .tools-vmok-plugin-cascader__tips {
  font-size: 12px;
  line-height: 18px;
  min-width: 22px;
  border-radius: 11px;
  padding: 1px 8px;
}
.tools-vmok-plugin-cascader--sm {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-cascader--sm .tools-vmok-plugin-cascader__tips {
  font-size: 12px;
  line-height: 18px;
  min-width: 22px;
  border-radius: 11px;
  padding: 1px 8px;
}
.tools-vmok-plugin-cascader--md {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader--lg {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader--xl {
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-cascader--disabled .tools-vmok-plugin-cascader__tips {
  background-color: #f7f9fc;
  color: #cdd1d8;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-cascader--disabled .tools-vmok-plugin-cascader__arrow {
  color: #cdd1d8;
}
.tools-vmok-plugin-cascader__popper {
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  display: none;
  background-color: #ffffff;
}
.tools-vmok-plugin-cascader__popper--show {
  display: block;
}
.tools-vmok-plugin-cascader__popper-header {
  border-bottom: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader__popper-footer {
  border-top: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader--rtl {
  direction: rtl;
}
.tools-vmok-plugin-cascader--rtl .tools-vmok-plugin-cascader__tips {
  margin-right: 0;
  margin-left: 4px;
}
.tools-vmok-plugin-cascader__popper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-cascader-fade-enter-active,
.tools-vmok-plugin-cascader-fade-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.tools-vmok-plugin-cascader-fade-enter-from,
.tools-vmok-plugin-cascader-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-cascader-fade-enter-to,
.tools-vmok-plugin-cascader-fade-leave-from {
  opacity: 1;
}
.tools-vmok-plugin-cascader-panel-search {
  display: inline-flex;
  width: 100%;
  position: relative;
  vertical-align: bottom;
}
.tools-vmok-plugin-cascader-panel-search__tips {
  text-align: center;
  user-select: none;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 22px;
  min-width: 26px;
  border-radius: 13px;
  padding: 1px 8px;
  margin-right: 4px;
}
.tools-vmok-plugin-cascader-panel-search__arrow {
  color: #93969d;
}
.tools-vmok-plugin-cascader-panel-search__arrow--open {
  transform: rotate(180deg);
}
.tools-vmok-plugin-cascader-panel-search__input:not(.tools-vmok-plugin-input__wrapper--disabled) {
  cursor: pointer;
}
.tools-vmok-plugin-cascader-panel-search__tag-content {
  max-width: calc(100% - 14px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tools-vmok-plugin-cascader-panel-search__empty {
  height: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-cascader-panel-search--stroke .tools-vmok-plugin-cascader-panel-search__tips {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-cascader-panel-search--stroke.tools-vmok-plugin-cascader-panel-search--disabled .tools-vmok-plugin-cascader-panel-search__tips {
  background-color: #f7f9fc;
  color: #cdd1d8;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-cascader-panel-search--fill .tools-vmok-plugin-cascader-panel-search__tips {
  background-color: #ffffff;
  color: #31343b;
  border-color: #ffffff;
}
.tools-vmok-plugin-cascader-panel-search--fill.tools-vmok-plugin-cascader-panel-search--disabled .tools-vmok-plugin-cascader-panel-search__tips {
  background-color: #f5f7fa;
  color: #b9bcc3;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-cascader-panel-search--text {
  color: #31343b;
  width: auto;
  cursor: pointer;
}
.tools-vmok-plugin-cascader-panel-search--text:hover,
.tools-vmok-plugin-cascader-panel-search--text .tools-vmok-plugin-cascader-panel-search__text-wrapper--active {
  color: #0057ff;
}
.tools-vmok-plugin-cascader-panel-search--text:hover:active,
.tools-vmok-plugin-cascader-panel-search--text .tools-vmok-plugin-cascader-panel-search__text-wrapper--active:active {
  color: #003fd2;
}
.tools-vmok-plugin-cascader-panel-search--text .tools-vmok-plugin-cascader-panel-search__text-wrapper {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
}
.tools-vmok-plugin-cascader-panel-search--text .tools-vmok-plugin-cascader-panel-search__arrow {
  margin-right: 0;
}
.tools-vmok-plugin-cascader-panel-search--text.tools-vmok-plugin-cascader-panel-search--disabled,
.tools-vmok-plugin-cascader-panel-search--text.tools-vmok-plugin-cascader-panel-search--disabled:hover {
  color: #cdd1d8;
  cursor: not-allowed;
}
.tools-vmok-plugin-cascader-panel-search--xs {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-cascader-panel-search--xs .tools-vmok-plugin-cascader-panel-search__tips {
  font-size: 12px;
  line-height: 18px;
  min-width: 22px;
  border-radius: 11px;
  padding: 1px 8px;
}
.tools-vmok-plugin-cascader-panel-search--sm {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-cascader-panel-search--sm .tools-vmok-plugin-cascader-panel-search__tips {
  font-size: 12px;
  line-height: 18px;
  min-width: 22px;
  border-radius: 11px;
  padding: 1px 8px;
}
.tools-vmok-plugin-cascader-panel-search--md {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader-panel-search--lg {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader-panel-search--xl {
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-cascader-panel-search--disabled .tools-vmok-plugin-cascader-panel-search__tips {
  background-color: #f7f9fc;
  color: #cdd1d8;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-cascader-panel-search--disabled .tools-vmok-plugin-cascader-panel-search__arrow {
  color: #cdd1d8;
}
.tools-vmok-plugin-cascader-panel-search__popper {
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  display: none;
  background-color: #ffffff;
}
.tools-vmok-plugin-cascader-panel-search__popper--show {
  display: block;
}
.tools-vmok-plugin-cascader-panel-search__popper-header {
  border-bottom: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader-panel-search__popper-footer {
  border-top: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-cascader-panel-search--rtl {
  direction: rtl;
}
.tools-vmok-plugin-cascader-panel-search--rtl .tools-vmok-plugin-cascader-panel-search__tips {
  margin-right: 0;
  margin-left: 4px;
}
.tools-vmok-plugin-cascader-panel-search__popper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-cascader-panel-search-fade-enter-active,
.tools-vmok-plugin-cascader-panel-search-fade-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.tools-vmok-plugin-cascader-panel-search-fade-enter-from,
.tools-vmok-plugin-cascader-panel-search-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-cascader-panel-search-fade-enter-to,
.tools-vmok-plugin-cascader-panel-search-fade-leave-from {
  opacity: 1;
}
.tools-vmok-plugin-cascader__popper-wrapper {
  display: none;
}
.tools-vmok-plugin-cascader__popper-wrapper--show {
  display: block;
}
/* Checkbox */
.tools-vmok-plugin-checkbox-option {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  cursor: default;
  border-radius: 2px;
}
.tools-vmok-plugin-checkbox-option--stroke {
  color: #62656c;
}
.tools-vmok-plugin-checkbox-option--stroke:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-checkbox-option--stroke:active {
  background-color: #e8eaed;
}
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--checked,
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--checked:hover,
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--checked:active {
  background-color: #e8f4ff;
  color: #0057ff;
}
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--disabled,
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--disabled:hover,
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--disabled:active {
  cursor: not-allowed;
  background-color: transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--checked.tools-vmok-plugin-checkbox-option--disabled,
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--checked.tools-vmok-plugin-checkbox-option--disabled:hover,
.tools-vmok-plugin-checkbox-option--stroke.tools-vmok-plugin-checkbox-option--checked.tools-vmok-plugin-checkbox-option--disabled:active {
  background-color: #e8f4ff;
  color: #badaff;
}
.tools-vmok-plugin-checkbox-option--fill {
  color: #62656c;
}
.tools-vmok-plugin-checkbox-option--fill:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-checkbox-option--fill:active {
  background-color: #cdd1d8;
}
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--checked,
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--checked:hover,
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--checked:active {
  background-color: #ffffff;
  color: #0057ff;
}
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--disabled,
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--disabled:hover,
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--disabled:active {
  cursor: not-allowed;
  background-color: transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--checked.tools-vmok-plugin-checkbox-option--disabled,
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--checked.tools-vmok-plugin-checkbox-option--disabled:hover,
.tools-vmok-plugin-checkbox-option--fill.tools-vmok-plugin-checkbox-option--checked.tools-vmok-plugin-checkbox-option--disabled:active {
  background-color: #ffffff;
  color: #badaff;
}
.tools-vmok-plugin-checkbox-option--checked::after {
  content: "";
  position: absolute;
  right: 1px;
  top: -2px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #0057ff;
  transform: rotate(-45deg);
  border-radius: 2px;
}
.tools-vmok-plugin-checkbox-option--checked.tools-vmok-plugin-checkbox-option--disabled::after {
  border-left-color: #badaff;
}
.tools-vmok-plugin-checkbox-option--single::after {
  display: none;
}
.tools-vmok-plugin-checkbox-option--xs {
  font-size: 12px;
  line-height: 18px;
  padding: 0 12px;
}
.tools-vmok-plugin-checkbox-option--sm {
  font-size: 12px;
  line-height: 18px;
  padding: 1px 12px;
}
.tools-vmok-plugin-checkbox-option--md {
  font-size: 14px;
  line-height: 22px;
  padding: 2px 12px;
}
.tools-vmok-plugin-checkbox-option--lg {
  font-size: 14px;
  line-height: 22px;
  padding: 4px 12px;
}
.tools-vmok-plugin-checkbox-option--xl {
  font-size: 16px;
  line-height: 24px;
  padding: 5px 12px;
}
.tools-vmok-plugin-checkbox-group {
  display: inline-flex;
  position: relative;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:not(:last-child) {
  margin-right: -1px;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button::after {
  content: "";
  position: absolute;
  right: 1px;
  top: -2px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #dee0e3;
  transform: rotate(-45deg);
  border-radius: 2px;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--single::after {
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:hover,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:focus,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:active {
  z-index: 1;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:hover::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:focus::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button:active::after {
  border-left-color: #0057ff;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked:hover,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked:focus,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked:active {
  z-index: 3;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked:hover::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked:focus::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button--checked:active::after {
  border-left-color: #0057ff;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button[disabled]:hover::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button[disabled]:focus::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button[disabled]:active::after {
  border-left-color: #dee0e3;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button[disabled].tools-vmok-plugin-checkbox-button--checked::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button[disabled].tools-vmok-plugin-checkbox-button--checked:hover::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button[disabled].tools-vmok-plugin-checkbox-button--checked:focus::after,
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox-button[disabled].tools-vmok-plugin-checkbox-button--checked:active::after {
  border-left-color: #badaff;
}
.tools-vmok-plugin-checkbox-group .tools-vmok-plugin-checkbox:not(:first-child) {
  margin-left: 16px;
}
.tools-vmok-plugin-checkbox-option-group {
  display: inline-flex;
  border-radius: 4px;
  padding: 0 2px;
}
.tools-vmok-plugin-checkbox-option-group.tools-vmok-plugin-checkbox-group--stroke {
  border: 1px solid #dee0e3;
  background-color: #ffffff;
}
.tools-vmok-plugin-checkbox-option-group.tools-vmok-plugin-checkbox-group--fill {
  border: 1px solid #f2f4f7;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-checkbox-option-group .tools-vmok-plugin-checkbox-option--xs {
  margin: 2px 2px;
}
.tools-vmok-plugin-checkbox-option-group .tools-vmok-plugin-checkbox-option--sm {
  margin: 3px 2px;
}
.tools-vmok-plugin-checkbox-option-group .tools-vmok-plugin-checkbox-option--md {
  margin: 3px 2px;
}
.tools-vmok-plugin-checkbox-option-group .tools-vmok-plugin-checkbox-option--lg {
  margin: 3px 2px;
}
.tools-vmok-plugin-checkbox-option-group .tools-vmok-plugin-checkbox-option--xl {
  margin: 3px 2px;
}
.tools-vmok-plugin-checkbox-item-group {
  display: inline-flex;
  border-radius: 4px;
}
.tools-vmok-plugin-checkbox-item-group.tools-vmok-plugin-checkbox-group--stroke::before {
  z-index: 1;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin-top: 8px;
  border-radius: 4px;
  border: 1px solid #dee0e3;
}
.tools-vmok-plugin-checkbox-item-group.tools-vmok-plugin-checkbox-group--stroke.tools-vmok-plugin-checkbox-group--disabled::before {
  border: 1px solid #f2f4f7;
}
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item:not(:first-child):not(:last-child),
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item:not(:first-child):not(:last-child)::after {
  border-radius: 0;
}
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item:not(:last-child) {
  margin-right: -1px;
}
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item:first-child:not(:last-child),
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item:first-child:not(:last-child)::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item:last-child:not(:first-child),
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item:last-child:not(:first-child)::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item--initial + .tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item--initial::before {
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #dee0e3;
}
.tools-vmok-plugin-checkbox-group--rtl {
  direction: rtl;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-button {
  margin-right: 0;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-button:not(:first-child) {
  margin-right: -1px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-button:first-child:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-button:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox:first-child {
  margin-left: 0;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox:not(:last-child) {
  margin-left: 16px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item {
  margin-right: 0;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item:not(:first-child) {
  margin-right: -1px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item:first-child:not(:last-child),
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item:first-child:not(:last-child)::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item:last-child:not(:first-child),
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item:last-child:not(:first-child)::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item .tools-vmok-plugin-checkbox-item__checkbox {
  margin-right: 0;
  margin-left: 4px;
}
.tools-vmok-plugin-checkbox-group--rtl .tools-vmok-plugin-checkbox-item .tools-vmok-plugin-checkbox-item--empty .tools-vmok-plugin-checkbox-item__checkbox {
  margin-left: 0;
}
.tools-vmok-plugin-checkbox-item {
  display: inline-flex;
  position: relative;
  cursor: pointer;
  border-radius: 8px;
}
.tools-vmok-plugin-checkbox-item--stroke {
  background-color: #ffffff;
  color: #31343b;
}
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--border-initial::after {
  z-index: inherit;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #dfe0e2;
}
.tools-vmok-plugin-checkbox-item--stroke:hover {
  color: #0057ff;
  background-color: #ffffff;
}
.tools-vmok-plugin-checkbox-item--stroke:hover::after {
  z-index: 1;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #0057ff;
}
.tools-vmok-plugin-checkbox-item--stroke:focus,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--checked {
  color: #0057ff;
  background-color: #ffffff;
}
.tools-vmok-plugin-checkbox-item--stroke:focus::after,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #0057ff;
}
.tools-vmok-plugin-checkbox-item--stroke:active {
  color: #003fd2;
  background-color: #ffffff;
}
.tools-vmok-plugin-checkbox-item--stroke:active::after {
  z-index: 1;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #003fd2;
}
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled:hover,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled:focus,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled:active {
  color: #93969d;
  background-color: #f5f7fa;
  cursor: not-allowed;
}
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled::after,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled:hover::after,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled:focus::after,
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled:active::after {
  z-index: inherit;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #dfe0e2;
}
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled.tools-vmok-plugin-checkbox-item--checked {
  color: #badaff;
  background-color: #ffffff;
}
.tools-vmok-plugin-checkbox-item--stroke.tools-vmok-plugin-checkbox-item--disabled.tools-vmok-plugin-checkbox-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #badaff;
}
.tools-vmok-plugin-checkbox-item--fill {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-checkbox-item--fill:hover {
  background-color: #f5f7fa;
  color: #0057ff;
}
.tools-vmok-plugin-checkbox-item--fill:active {
  background-color: #f5f7fa;
  color: #003fd2;
}
.tools-vmok-plugin-checkbox-item--fill:focus,
.tools-vmok-plugin-checkbox-item--fill.tools-vmok-plugin-checkbox-item--checked {
  background-color: #ffffff;
  color: #0057ff;
}
.tools-vmok-plugin-checkbox-item--fill:focus::after,
.tools-vmok-plugin-checkbox-item--fill.tools-vmok-plugin-checkbox-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #0057ff;
}
.tools-vmok-plugin-checkbox-item--fill.tools-vmok-plugin-checkbox-item--disabled {
  background-color: #f5f7fa;
  color: #93969d;
  cursor: not-allowed;
}
.tools-vmok-plugin-checkbox-item--fill.tools-vmok-plugin-checkbox-item--disabled.tools-vmok-plugin-checkbox-item--checked {
  color: #badaff;
  background-color: #ffffff;
}
.tools-vmok-plugin-checkbox-item--fill.tools-vmok-plugin-checkbox-item--disabled.tools-vmok-plugin-checkbox-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #badaff;
}
.tools-vmok-plugin-checkbox-item--divider-initial + .tools-vmok-plugin-checkbox-item--divider-initial::before {
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #dee0e3;
}
.tools-vmok-plugin-checkbox-item--xs {
  font-size: 12px;
  line-height: 18px;
  padding: 3px 16px;
}
.tools-vmok-plugin-checkbox-item--sm {
  font-size: 12px;
  line-height: 18px;
  padding: 5px 16px;
}
.tools-vmok-plugin-checkbox-item--md {
  font-size: 14px;
  line-height: 22px;
  padding: 5px 16px;
}
.tools-vmok-plugin-checkbox-item--lg {
  font-size: 14px;
  line-height: 22px;
  padding: 7px 16px;
}
.tools-vmok-plugin-checkbox-item--xl {
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
}
.tools-vmok-plugin-checkbox-item .tools-vmok-plugin-checkbox-item__checkbox {
  margin-right: 4px;
}
.tools-vmok-plugin-checkbox-item--empty .tools-vmok-plugin-checkbox-item__checkbox {
  margin-right: 0;
}
.tools-vmok-plugin-checkbox {
  display: inline-flex;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
}
.tools-vmok-plugin-checkbox__wrapper {
  position: relative;
  display: inline-block;
}
.tools-vmok-plugin-checkbox__input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__checked-icon {
  display: none;
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__indeterminate-icon {
  display: none;
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__inner {
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #b9bcc3;
  border-radius: 4px;
  transition: all ease-in-out 0.1s;
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #45445b;
  background-color: #ffffff;
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__inner:active {
  background-color: rgba(56, 55, 79, 0.1);
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__label {
  color: #31343b;
  word-break: break-all;
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__label:hover {
  color: #31343b;
}
.tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__label:active {
  color: #31343b;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner {
  color: #ffffff;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #38374f;
  background-color: #38374f;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__checked-icon {
  display: block;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner {
  color: #ffffff;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #38374f;
  background-color: #38374f;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__indeterminate-icon {
  display: block;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__label,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__label {
  color: #31343b;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__label:hover,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__label:hover {
  color: #31343b;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__label:active,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__label:active {
  color: #31343b;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled:hover {
  cursor: not-allowed;
  color: #cdd1d8;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled .tools-vmok-plugin-checkbox__inner,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled:hover .tools-vmok-plugin-checkbox__inner {
  border-color: #f3f3f4;
  background-color: #f5f7fa;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled .tools-vmok-plugin-checkbox__label,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled .tools-vmok-plugin-checkbox__label:hover,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled .tools-vmok-plugin-checkbox__label:active {
  color: #b9bcc3;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner {
  border-color: #b3b2bb;
  background-color: #b3b2bb;
}
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__label,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__label,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__label:hover,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__label:hover,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__label:active,
.tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__label:active {
  color: #b9bcc3;
}
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner {
  border-color: #e8f4ff;
  background-color: #e8f4ff;
  color: #0057ff;
}
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover,
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #e8f4ff;
  background-color: #e8f4ff;
  color: #2e7bff;
}
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover,
.tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #e8f4ff;
  background-color: #e8f4ff;
  color: #badaff;
}
.tools-vmok-plugin-checkbox--xl {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-checkbox--xl .tools-vmok-plugin-checkbox__wrapper {
  margin: 1px 0;
}
.tools-vmok-plugin-checkbox--xl .tools-vmok-plugin-checkbox__inner {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-checkbox--xl .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__checked-icon,
.tools-vmok-plugin-checkbox--xl .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__indeterminate-icon {
  font-size: 18px;
}
.tools-vmok-plugin-checkbox--xl .tools-vmok-plugin-checkbox__label {
  margin: 0 8px;
}
.tools-vmok-plugin-checkbox--lg {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-checkbox--lg .tools-vmok-plugin-checkbox__wrapper {
  margin: 1px 0;
}
.tools-vmok-plugin-checkbox--lg .tools-vmok-plugin-checkbox__inner {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-checkbox--lg .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__checked-icon,
.tools-vmok-plugin-checkbox--lg .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__indeterminate-icon {
  font-size: 18px;
}
.tools-vmok-plugin-checkbox--lg .tools-vmok-plugin-checkbox__label {
  margin: 0 8px;
}
.tools-vmok-plugin-checkbox--md {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-checkbox--md .tools-vmok-plugin-checkbox__wrapper {
  margin: 3px 0;
}
.tools-vmok-plugin-checkbox--md .tools-vmok-plugin-checkbox__inner {
  width: 16px;
  height: 16px;
}
.tools-vmok-plugin-checkbox--md .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__checked-icon,
.tools-vmok-plugin-checkbox--md .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__indeterminate-icon {
  font-size: 14px;
}
.tools-vmok-plugin-checkbox--md .tools-vmok-plugin-checkbox__label {
  margin: 0 8px;
}
.tools-vmok-plugin-checkbox--sm {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-checkbox--sm .tools-vmok-plugin-checkbox__wrapper {
  margin: 2px 0;
}
.tools-vmok-plugin-checkbox--sm .tools-vmok-plugin-checkbox__inner {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-checkbox--sm .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__checked-icon,
.tools-vmok-plugin-checkbox--sm .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__indeterminate-icon {
  font-size: 12px;
}
.tools-vmok-plugin-checkbox--sm .tools-vmok-plugin-checkbox__label {
  margin: 0 8px;
}
.tools-vmok-plugin-checkbox--xs {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-checkbox--xs .tools-vmok-plugin-checkbox__wrapper {
  margin: 3px 0;
}
.tools-vmok-plugin-checkbox--xs .tools-vmok-plugin-checkbox__inner {
  width: 12px;
  height: 12px;
}
.tools-vmok-plugin-checkbox--xs .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__checked-icon,
.tools-vmok-plugin-checkbox--xs .tools-vmok-plugin-checkbox__inner .tools-vmok-plugin-checkbox__indeterminate-icon {
  font-size: 10px;
}
.tools-vmok-plugin-checkbox--xs .tools-vmok-plugin-checkbox__label {
  margin: 0 8px;
}
.tools-vmok-plugin-checkbox--rtl {
  direction: rtl;
}
.tools-vmok-plugin-collapse-item {
  overflow: hidden;
}
.tools-vmok-plugin-collapse-item--border {
  border: 1px solid #dee0e3;
  border-top: none;
}
.tools-vmok-plugin-collapse-item--disabled {
  cursor: not-allowed;
}
.tools-vmok-plugin-collapse-item--disabled .tools-vmok-plugin-collapse-item__header,
.tools-vmok-plugin-collapse-item--disabled .tools-vmok-plugin-collapse-item__icon-wrapper {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-collapse-item__icon-wrapper {
  display: inline-flex;
  align-items: center;
  transition: transform 0.2s;
  color: #93969d;
}
.tools-vmok-plugin-collapse-item__icon-wrapper--start {
  margin-right: 16px;
}
.tools-vmok-plugin-collapse-item__icon-wrapper--end {
  margin-left: 16px;
}
.tools-vmok-plugin-collapse-item__icon {
  transform: rotate(90deg);
}
.tools-vmok-plugin-collapse-item__icon--open {
  transform: rotate(-90deg);
}
.tools-vmok-plugin-collapse-item__body {
  color: #31343b;
  padding: 16px 32px;
  font-size: 14px;
  line-height: 22px;
  word-break: break-all;
}
.tools-vmok-plugin-collapse-item__body--border {
  border-top: 1px solid #dee0e3;
}
.tools-vmok-plugin-collapse-item__header {
  position: relative;
  display: flex;
  align-self: stretch;
  align-items: center;
  cursor: pointer;
  padding: 12px 16px;
  color: #31343b;
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
  background: #ffffff;
}
.tools-vmok-plugin-collapse-item__header .tools-vmok-plugin-collapse-item__title {
  flex: 1;
  overflow: hidden;
}
.tools-vmok-plugin-collapse-item--rtl {
  direction: rtl;
}
.tools-vmok-plugin-collapse-item--rtl .tools-vmok-plugin-collapse-item__icon-wrapper--start {
  margin-right: 0;
  margin-left: 16px;
}
.tools-vmok-plugin-collapse-item--rtl .tools-vmok-plugin-collapse-item__icon-wrapper--end {
  margin-left: 0;
  margin-right: 16px;
}
.tools-vmok-plugin-collapse {
  position: relative;
}
.tools-vmok-plugin-collapse-item:first-of-type {
  border-radius: 4px 4px 0 0;
}
.tools-vmok-plugin-collapse-item:last-of-type {
  border-radius: 0 0 4px 4px;
}
.tools-vmok-plugin-collapse-item--border:first-of-type {
  border-top: 1px solid #dee0e3;
}
.tools-vmok-plugin-collapse-item--border:last-of-type {
  border-bottom: 1px solid #dee0e3;
}
.tools-vmok-plugin-collapse--rtl {
  direction: rtl;
}
.tools-vmok-plugin-count-down {
  display: flex;
  flex-direction: column;
}
.tools-vmok-plugin-count-down__title {
  font-size: 12px;
}
.tools-vmok-plugin-count-down__time {
  font-size: 30px;
  font-weight: 600;
  line-height: 44px;
  margin-top: 3px;
}
.tools-vmok-plugin-date {
  display: inline-flex;
  flex-direction: column;
  min-width: 288px;
}
.tools-vmok-plugin-date--box {
  position: relative;
}
.tools-vmok-plugin-date__mask {
  position: absolute;
  z-index: 100;
  display: none;
  background: rgba(51, 51, 51, 0.05);
  border: 1px solid #c1c1c1;
}
.tools-vmok-plugin-date__header {
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  background-color: #f2f4f7;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #31343b;
  border-bottom: 1px solid #dee0e3;
}
.tools-vmok-plugin-date__header-label {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.tools-vmok-plugin-date__header-btn {
  cursor: pointer;
  margin: 0 2px;
}
.tools-vmok-plugin-date__header-btn:hover {
  color: #0057ff;
}
.tools-vmok-plugin-date__header-btn:active {
  color: #003fd2;
}
.tools-vmok-plugin-date__header-btn-not-click {
  cursor: unset;
}
.tools-vmok-plugin-date__header-btn-not-click:hover {
  color: #31343b;
}
.tools-vmok-plugin-date__header-next-icon,
.tools-vmok-plugin-date__header-prev-icon {
  user-select: none;
  color: #31343b;
  cursor: pointer;
  font-size: 16px;
}
.tools-vmok-plugin-date__header-next-icon:hover,
.tools-vmok-plugin-date__header-prev-icon:hover {
  color: #0057ff;
}
.tools-vmok-plugin-date__header-next-icon:active,
.tools-vmok-plugin-date__header-prev-icon:active {
  color: #003fd2;
}
.tools-vmok-plugin-date__header-next-icon--hidden,
.tools-vmok-plugin-date__header-prev-icon--hidden {
  visibility: hidden;
}
.tools-vmok-plugin-date__header-prev-month {
  margin-left: 8px;
}
.tools-vmok-plugin-date__header-prev-month-disabled {
  color: #e8eaed;
  cursor: not-allowed;
}
.tools-vmok-plugin-date__header-prev-month-disabled:hover {
  color: #e8eaed;
}
.tools-vmok-plugin-date__header-next-month {
  margin-right: 8px;
}
.tools-vmok-plugin-date__body {
  display: flex;
}
.tools-vmok-plugin-date__table {
  border: none;
  border-spacing: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 288px;
  height: 240px;
  padding: 16px 16px;
}
.tools-vmok-plugin-date__day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  flex: 1;
}
.tools-vmok-plugin-date__row {
  flex: 1;
  display: flex;
}
.tools-vmok-plugin-date__cell {
  position: relative;
  display: inline-flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-date__cell-inner {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b9bcc3;
  border-radius: 4px;
  border: 1px solid transparent;
  background: #ffffff;
  cursor: pointer;
  z-index: 1;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__week {
  margin: -8px 0;
  padding-top: 44px;
  border-right: 1px solid #e8eaed;
  width: 49px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__week-cell {
  position: relative;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__week-cell-inner {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #31343b;
  cursor: pointer;
  border: 1px solid transparent;
  background: #ffffff;
  border-radius: 4px 4px;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__week-cell--week-hover .tools-vmok-plugin-date__week-cell-inner {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__week-cell--selected .tools-vmok-plugin-date__week-cell-inner {
  background-color: #0057ff;
  color: #ffffff;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__body {
  padding-left: 0;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__cell--week-hover.tools-vmok-plugin-date__cell--inview::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__cell--week-hover.tools-vmok-plugin-date__cell--inview .tools-vmok-plugin-date__cell-inner,
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__cell--week-hover.tools-vmok-plugin-date__cell--inview .tools-vmok-plugin-date__cell-inner:hover {
  background: #f2f4f7;
  color: #0057ff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__cell--selected::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #0057ff;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell .tools-vmok-plugin-date__cell-inner:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--inview .tools-vmok-plugin-date__cell-inner {
  color: #31343b;
  background: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--inview .tools-vmok-plugin-date__cell-inner:hover {
  background-color: #f2f4f7;
  color: #31343b;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--inview .tools-vmok-plugin-date__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--now .tools-vmok-plugin-date__cell-inner {
  color: #0057ff;
  border: 1px solid #0057ff;
  background: #ffffff;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--now .tools-vmok-plugin-date__cell-inner:hover {
  color: #2e7bff;
  border: 1px solid #2e7bff;
  background: #ffffff;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--now .tools-vmok-plugin-date__cell-inner:active {
  color: #ffffff;
  border: 1px solid transparent;
  background: #0057ff;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--selected .tools-vmok-plugin-date__cell-inner {
  background: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--selected .tools-vmok-plugin-date__cell-inner:hover {
  color: #ffffff;
  background-color: #2e7bff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--selected .tools-vmok-plugin-date__cell-inner:active {
  color: #ffffff;
  background-color: #003fd2;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled .tools-vmok-plugin-date__cell-inner {
  cursor: not-allowed;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled .tools-vmok-plugin-date__cell-inner,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled .tools-vmok-plugin-date__cell-inner:hover,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled .tools-vmok-plugin-date__cell-inner:active {
  background-color: #ffffff;
  border: 1px solid transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--range:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--range:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner:hover,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--range:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner:active {
  background: #f5f7fa;
  border: 1px solid transparent;
  color: #badaff;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--selected .tools-vmok-plugin-date__cell-inner,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--selected .tools-vmok-plugin-date__cell-inner:hover,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--selected .tools-vmok-plugin-date__cell-inner:active {
  background: #badaff;
  border: 1px solid transparent;
  color: #ffffff;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--now .tools-vmok-plugin-date__cell-inner,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--now .tools-vmok-plugin-date__cell-inner:hover,
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--disabled.tools-vmok-plugin-date__cell--now .tools-vmok-plugin-date__cell-inner:active {
  background: #ffffff;
  border: 1px solid #badaff;
  color: #badaff;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner {
  color: #0057ff;
  background: #f2f4f7;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range-hover::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range-hover:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner {
  color: #0057ff;
  background: #f2f4f7;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range-hover:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--range-hover:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--hover::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background: #f2f4f7;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--hover:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner:hover {
  background-color: transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--hover:not(.tools-vmok-plugin-date__cell--selected) .tools-vmok-plugin-date__cell-inner {
  background-color: #f2f4f7;
  color: #0057ff;
  border: transparent;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--before-left-after-right::before {
  left: 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--before-left-after-right::after {
  left: 0;
  right: 6px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--left .tools-vmok-plugin-date__cell-inner {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--left::before {
  left: 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--left::after {
  left: 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--before-right-after-left::before {
  right: 6px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--before-right-after-left::after {
  right: 0;
  left: 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--right .tools-vmok-plugin-date__cell-inner {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--right::before {
  right: 6px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-date .tools-vmok-plugin-date__cell--right::after {
  right: 6px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-date--rtl {
  direction: rtl;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell::before,
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell::after {
  left: 0;
  right: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--hover::after {
  left: 0;
  right: 2px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--before-left-after-right::before {
  right: 6px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--before-left-after-right::after {
  right: 0;
  left: 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--left::before {
  right: 6px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--left::after {
  right: 6px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--before-right-after-left::before {
  left: 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--before-right-after-left::after {
  left: 0;
  right: 6px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--right::before {
  left: 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-date--rtl .tools-vmok-plugin-date__cell--right::after {
  left: 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-date--rtl.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__week {
  border-right: 0;
  border-left: 1px solid #e8eaed;
  margin-right: 0;
  margin-left: 6px;
}
.tools-vmok-plugin-date--rtl.tools-vmok-plugin-date--has-week .tools-vmok-plugin-date__body {
  padding-right: 0;
}
.tools-vmok-plugin-time {
  display: inline-flex;
  flex: 1;
  flex-direction: column;
}
.tools-vmok-plugin-time:not(:first-child) {
  border-left: 1px solid #e8eaed;
}
.tools-vmok-plugin-time__header {
  background-color: #ffffff;
  color: #31343b;
  padding: 8px 16px;
  border-bottom: 1px solid #f2f4f7;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  height: 39px;
}
.tools-vmok-plugin-time__body {
  display: flex;
  position: relative;
}
.tools-vmok-plugin-time__column {
  flex: 1;
  position: relative;
  display: block;
  width: 67px;
  max-height: 244px;
  overflow-y: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  background: #ffffff;
  cursor: pointer;
}
.tools-vmok-plugin-time__column::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-time__column::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-time__column::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-time__column::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-time__column::after {
  content: "";
  display: block;
  height: calc(100% - 30px);
  width: 100%;
}
.tools-vmok-plugin-time__column:not(:first-child) {
  border-left: 1px solid #e8eaed;
}
.tools-vmok-plugin-time__option {
  position: relative;
  display: block;
  padding: 4px 0;
  margin: 0;
  text-align: center;
}
.tools-vmok-plugin-time__option:hover {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-time__option:active {
  background-color: #e8eaed;
  color: #0057ff;
}
.tools-vmok-plugin-time__option--selected {
  color: #0057ff;
  background: #ffffff;
}
.tools-vmok-plugin-time__option--selected:hover {
  color: #0057ff;
  background: #f2f4f7;
}
.tools-vmok-plugin-time__option--selected:active {
  color: #0057ff;
  background: #e8eaed;
}
.tools-vmok-plugin-time__option--selected::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 32px;
  margin-top: -16px;
}
.tools-vmok-plugin-time__option:first-child.tools-vmok-plugin-time__option--selected::after {
  border-top: none;
}
.tools-vmok-plugin-time__option--disabled {
  cursor: not-allowed;
  color: #b9bcc3;
  background: #ffffff;
}
.tools-vmok-plugin-time__option--disabled,
.tools-vmok-plugin-time__option--disabled:hover,
.tools-vmok-plugin-time__option--disabled:active {
  background: #ffffff;
  color: #b9bcc3;
}
.tools-vmok-plugin-time__option--disabled.tools-vmok-plugin-time__option--selected {
  color: #badaff;
  background: #ffffff;
}
.tools-vmok-plugin-time__option--disabled.tools-vmok-plugin-time__option--selected,
.tools-vmok-plugin-time__option--disabled.tools-vmok-plugin-time__option--selected:hover,
.tools-vmok-plugin-time__option--disabled.tools-vmok-plugin-time__option--selected:active {
  color: #badaff;
  background: #ffffff;
}
.tools-vmok-plugin-time--rtl:not(:first-child) {
  border-left: none;
  border-right: 1px solid #e8eaed;
}
.tools-vmok-plugin-time--rtl .tools-vmok-plugin-time__column:not(:first-child) {
  border-left: none;
  border-right: 1px solid #e8eaed;
}
.tools-vmok-plugin-month {
  display: inline-flex;
  flex-direction: column;
}
.tools-vmok-plugin-month__header {
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  background-color: #f2f4f7;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  border-bottom: 1px solid #e8eaed;
}
.tools-vmok-plugin-month__header-label {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.tools-vmok-plugin-month__header-next-icon,
.tools-vmok-plugin-month__header-prev-icon {
  user-select: none;
  color: #93969d;
  cursor: pointer;
}
.tools-vmok-plugin-month__header-next-icon:hover,
.tools-vmok-plugin-month__header-prev-icon:hover {
  color: #0057ff;
}
.tools-vmok-plugin-month__body {
  padding: 16px 16px;
  display: flex;
  width: 288px;
  height: 240px;
}
.tools-vmok-plugin-month__table {
  border: none;
  border-spacing: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.tools-vmok-plugin-month__row {
  flex: 1;
  display: flex;
}
.tools-vmok-plugin-month__cell {
  position: relative;
  display: inline-flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-month__cell-inner {
  width: 48px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b9bcc3;
  border-radius: 4px;
  cursor: pointer;
  z-index: 1;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell .tools-vmok-plugin-month__cell-inner:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--inview .tools-vmok-plugin-month__cell-inner {
  color: #31343b;
  background: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--inview .tools-vmok-plugin-month__cell-inner:hover {
  background-color: #f2f4f7;
  color: #31343b;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--inview .tools-vmok-plugin-month__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--now .tools-vmok-plugin-month__cell-inner {
  color: #0057ff;
  border: 1px solid #0057ff;
  background: #ffffff;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--now .tools-vmok-plugin-month__cell-inner:hover {
  color: #2e7bff;
  border: 1px solid #2e7bff;
  background: #ffffff;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--now .tools-vmok-plugin-month__cell-inner:active {
  color: #ffffff;
  border: 1px solid transparent;
  background: #0057ff;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--selected .tools-vmok-plugin-month__cell-inner {
  background: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--selected .tools-vmok-plugin-month__cell-inner:hover {
  color: #ffffff;
  background-color: #2e7bff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--selected .tools-vmok-plugin-month__cell-inner:active {
  color: #ffffff;
  background-color: #003fd2;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled .tools-vmok-plugin-month__cell-inner {
  cursor: not-allowed;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled .tools-vmok-plugin-month__cell-inner,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled .tools-vmok-plugin-month__cell-inner:hover,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled .tools-vmok-plugin-month__cell-inner:active {
  background-color: #ffffff;
  border: 1px solid transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--range:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--range:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner:hover,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--range:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner:active {
  background: #f5f7fa;
  border: 1px solid transparent;
  color: #badaff;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--selected .tools-vmok-plugin-month__cell-inner,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--selected .tools-vmok-plugin-month__cell-inner:hover,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--selected .tools-vmok-plugin-month__cell-inner:active {
  background: #badaff;
  border: 1px solid transparent;
  color: #ffffff;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--now .tools-vmok-plugin-month__cell-inner,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--now .tools-vmok-plugin-month__cell-inner:hover,
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--disabled.tools-vmok-plugin-month__cell--now .tools-vmok-plugin-month__cell-inner:active {
  background: #ffffff;
  border: 1px solid #badaff;
  color: #badaff;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner {
  color: #0057ff;
  background: #f2f4f7;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range-hover::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range-hover:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner {
  color: #0057ff;
  background: #f2f4f7;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range-hover:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--range-hover:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--hover::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background: #f2f4f7;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--hover:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner:hover {
  background-color: transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--hover:not(.tools-vmok-plugin-month__cell--selected) .tools-vmok-plugin-month__cell-inner {
  background-color: #f2f4f7;
  color: #0057ff;
  border: transparent;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--before-left-after-right::before {
  left: 20px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--before-left-after-right::after {
  left: 0;
  right: 20px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--left .tools-vmok-plugin-month__cell-inner {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--left::before {
  left: 20px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--left::after {
  left: 20px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--before-right-after-left::before {
  right: 20px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--before-right-after-left::after {
  right: 0;
  left: 20px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--right .tools-vmok-plugin-month__cell-inner {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--right::before {
  right: 20px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-month .tools-vmok-plugin-month__cell--right::after {
  right: 20px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell::before,
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell::after {
  left: 0;
  right: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--hover::after {
  left: 0;
  right: 2px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--before-left-after-right::before {
  right: 20px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--before-left-after-right::after {
  right: 0;
  left: 20px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--left::before {
  right: 20px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--left::after {
  right: 20px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--before-right-after-left::before {
  left: 20px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--before-right-after-left::after {
  left: 0;
  right: 20px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--right::before {
  left: 20px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-month--rtl .tools-vmok-plugin-month__cell--right::after {
  left: 20px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-year {
  display: inline-flex;
  flex-direction: column;
}
.tools-vmok-plugin-year__header {
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  background-color: #f2f4f7;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 22px;
  color: 14px;
  border-bottom: 1px solid #e8eaed;
}
.tools-vmok-plugin-year__header-label {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.tools-vmok-plugin-year__header-next-icon,
.tools-vmok-plugin-year__header-prev-icon {
  user-select: none;
  color: #93969d;
  cursor: pointer;
}
.tools-vmok-plugin-year__header-next-icon:hover,
.tools-vmok-plugin-year__header-prev-icon:hover {
  color: #0057ff;
}
.tools-vmok-plugin-year__body {
  padding: 16px 16px;
  display: flex;
  width: 288px;
  height: 240px;
}
.tools-vmok-plugin-year__table {
  border: none;
  border-spacing: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.tools-vmok-plugin-year__row {
  flex: 1;
  display: flex;
}
.tools-vmok-plugin-year__cell {
  position: relative;
  display: inline-flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-year__cell-inner {
  width: 48px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b9bcc3;
  border-radius: 4px;
  cursor: pointer;
  z-index: 1;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell .tools-vmok-plugin-year__cell-inner:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--inview .tools-vmok-plugin-year__cell-inner {
  color: #31343b;
  background: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--inview .tools-vmok-plugin-year__cell-inner:hover {
  background-color: #f2f4f7;
  color: #31343b;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--inview .tools-vmok-plugin-year__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--now .tools-vmok-plugin-year__cell-inner {
  color: #0057ff;
  border: 1px solid #0057ff;
  background: #ffffff;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--now .tools-vmok-plugin-year__cell-inner:hover {
  color: #2e7bff;
  border: 1px solid #2e7bff;
  background: #ffffff;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--now .tools-vmok-plugin-year__cell-inner:active {
  color: #ffffff;
  border: 1px solid transparent;
  background: #0057ff;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--selected .tools-vmok-plugin-year__cell-inner {
  background: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--selected .tools-vmok-plugin-year__cell-inner:hover {
  color: #ffffff;
  background-color: #2e7bff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--selected .tools-vmok-plugin-year__cell-inner:active {
  color: #ffffff;
  background-color: #003fd2;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled .tools-vmok-plugin-year__cell-inner {
  cursor: not-allowed;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled .tools-vmok-plugin-year__cell-inner,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled .tools-vmok-plugin-year__cell-inner:hover,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled .tools-vmok-plugin-year__cell-inner:active {
  background-color: #ffffff;
  border: 1px solid transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--range:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--range:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner:hover,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--range:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner:active {
  background: #f5f7fa;
  border: 1px solid transparent;
  color: #badaff;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--selected .tools-vmok-plugin-year__cell-inner,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--selected .tools-vmok-plugin-year__cell-inner:hover,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--selected .tools-vmok-plugin-year__cell-inner:active {
  background: #badaff;
  border: 1px solid transparent;
  color: #ffffff;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--now .tools-vmok-plugin-year__cell-inner,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--now .tools-vmok-plugin-year__cell-inner:hover,
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--disabled.tools-vmok-plugin-year__cell--now .tools-vmok-plugin-year__cell-inner:active {
  background: #ffffff;
  border: 1px solid #badaff;
  color: #badaff;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner {
  color: #0057ff;
  background: #f2f4f7;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range-hover::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range-hover:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner {
  color: #0057ff;
  background: #f2f4f7;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range-hover:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--range-hover:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner:active {
  background-color: #0057ff;
  color: #ffffff;
  border: 1px solid transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--hover::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  background: #f2f4f7;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--hover:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner:hover {
  background-color: transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--hover:not(.tools-vmok-plugin-year__cell--selected) .tools-vmok-plugin-year__cell-inner {
  background-color: #f2f4f7;
  color: #0057ff;
  border: transparent;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--before-left-after-right::before {
  left: 22px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--before-left-after-right::after {
  left: 0;
  right: 22px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--left .tools-vmok-plugin-year__cell-inner {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--left::before {
  left: 22px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--left::after {
  left: 22px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--before-right-after-left::before {
  right: 22px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--before-right-after-left::after {
  right: 0;
  left: 22px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--right .tools-vmok-plugin-year__cell-inner {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--right::before {
  right: 22px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-year .tools-vmok-plugin-year__cell--right::after {
  right: 22px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell::before,
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell::after {
  left: 0;
  right: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--hover::after {
  left: 0;
  right: 2px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--before-left-after-right::before {
  right: 22px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--before-left-after-right::after {
  right: 0;
  left: 22px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--left::before {
  right: 22px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--left::after {
  right: 22px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--before-right-after-left::before {
  left: 22px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--before-right-after-left::after {
  left: 0;
  right: 22px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--right::before {
  left: 22px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-year--rtl .tools-vmok-plugin-year__cell--right::after {
  left: 22px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-shortcut {
  padding: 8px 12px;
  font-size: 14px;
  line-height: 18px;
  color: #31343b;
  cursor: pointer;
}
.tools-vmok-plugin-shortcut:hover:not(.tools-vmok-plugin-shortcut--disabled) {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-shortcut:active:not(.tools-vmok-plugin-shortcut--disabled) {
  color: #003fd2;
}
.tools-vmok-plugin-shortcut--disabled {
  color: #cdd1d8;
  cursor: not-allowed;
}
/* new time panel token */
/* ocean design 2.0 desgin tokens */
.tools-vmok-plugin-panel-date,
.tools-vmok-plugin-panel-time,
.tools-vmok-plugin-panel-datetime,
.tools-vmok-plugin-panel-month,
.tools-vmok-plugin-panel-year {
  display: flex;
  border-radius: 4px;
  overflow: hidden;
}
.tools-vmok-plugin-panel-datetime-range {
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.tools-vmok-plugin-panel-datetime-range .tools-vmok-plugin-time {
  min-width: 288px;
}
.tools-vmok-plugin-panel-datetime-range__content {
  display: flex;
}
.tools-vmok-plugin-panel-datetime-range__buttons {
  display: flex;
}
.tools-vmok-plugin-panel-datetime-range__button {
  flex: 1;
  border-top: 1px solid #e8eaed;
  display: flex;
  width: 288px;
}
.tools-vmok-plugin-panel-datetime-range__start-date,
.tools-vmok-plugin-panel-datetime-range__start-time,
.tools-vmok-plugin-panel-datetime-range__end-date,
.tools-vmok-plugin-panel-datetime-range__end-time {
  display: flex;
  flex: 1;
  width: 50%;
  cursor: pointer;
  padding: 12px 16px;
  color: #62656c;
  font-size: 14px;
  line-height: 22px;
  align-items: center;
}
.tools-vmok-plugin-panel-datetime-range__start-date-format,
.tools-vmok-plugin-panel-datetime-range__start-time-format,
.tools-vmok-plugin-panel-datetime-range__end-date-format,
.tools-vmok-plugin-panel-datetime-range__end-time-format {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tools-vmok-plugin-panel-datetime-range__start-date:hover,
.tools-vmok-plugin-panel-datetime-range__start-time:hover,
.tools-vmok-plugin-panel-datetime-range__end-date:hover,
.tools-vmok-plugin-panel-datetime-range__end-time:hover {
  color: #0057ff;
}
.tools-vmok-plugin-panel-datetime-range__start-date--selected,
.tools-vmok-plugin-panel-datetime-range__start-time--selected,
.tools-vmok-plugin-panel-datetime-range__end-date--selected,
.tools-vmok-plugin-panel-datetime-range__end-time--selected {
  color: #31343b;
  font-weight: 600;
}
.tools-vmok-plugin-panel-datetime-range__start-date--disabled,
.tools-vmok-plugin-panel-datetime-range__start-time--disabled,
.tools-vmok-plugin-panel-datetime-range__end-date--disabled,
.tools-vmok-plugin-panel-datetime-range__end-time--disabled,
.tools-vmok-plugin-panel-datetime-range__start-date--disabled:hover,
.tools-vmok-plugin-panel-datetime-range__start-time--disabled:hover,
.tools-vmok-plugin-panel-datetime-range__end-date--disabled:hover,
.tools-vmok-plugin-panel-datetime-range__end-time--disabled:hover {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-panel-datetime-range__calendar-icon,
.tools-vmok-plugin-panel-datetime-range__time-icon {
  margin-right: 8px;
}
.tools-vmok-plugin-panel-datetime-range--rtl .tools-vmok-plugin-panel-datetime-range__calendar-icon,
.tools-vmok-plugin-panel-datetime-range--rtl .tools-vmok-plugin-panel-datetime-range__time-icon {
  margin-right: 0;
  margin-left: 8px;
}
.tools-vmok-plugin-date-picker {
  display: inline-flex;
  width: 100%;
}
.tools-vmok-plugin-date-picker--multiple {
  height: 32px;
}
.tools-vmok-plugin-date-picker--multiple .tools-vmok-plugin-custom-input__clear {
  position: absolute;
  right: 0;
  margin-right: 0;
}
.tools-vmok-plugin-date-picker .tools-vmok-plugin-date-picker__calendar-icon {
  color: #93969d;
}
.tools-vmok-plugin-date-picker .tools-vmok-plugin-date-picker__calendar-icon--clear {
  opacity: 0;
}
.tools-vmok-plugin-date-picker .tools-vmok-plugin-date-picker__multiple-input-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tools-vmok-plugin-date-picker .tools-vmok-plugin-date-picker__multiple-input-total .tools-vmok-plugin-date-picker__multiple-input-total-num {
  margin-right: 4px;
  padding: 0 8px;
  border-radius: 50%;
  font-size: 12px;
  border: 1px solid transparent;
  background-color: #ffffff;
  color: #31343b;
}
.tools-vmok-plugin-date-picker__popper {
  display: none;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  background-color: #ffffff;
}
.tools-vmok-plugin-date-picker__popper--show {
  display: block;
}
.tools-vmok-plugin-date-picker__content {
  display: flex;
  align-self: stretch;
}
.tools-vmok-plugin-date-picker__shortcuts {
  padding: 4px 0 4px 0;
  max-width: 120px;
  overflow-y: auto;
  border-right: 1px solid #e8eaed;
}
.tools-vmok-plugin-date-picker__shortcuts::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-date-picker__shortcuts::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-date-picker__shortcuts::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-date-picker__shortcuts::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-date-picker__footer-btn {
  padding: 8px 12px;
  border-top: 1px solid #e8eaed;
  text-align: right;
}
.tools-vmok-plugin-date-picker-fade-enter-active,
.tools-vmok-plugin-date-picker-fade-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.tools-vmok-plugin-date-picker-fade-enter-from,
.tools-vmok-plugin-date-picker-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-date-picker-fade-enter-to,
.tools-vmok-plugin-date-picker-fade-leave-from {
  opacity: 1;
}
.tools-vmok-plugin-date-picker__popper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-date-picker__popper--rtl .tools-vmok-plugin-date-picker__footer-btn {
  text-align: left;
}
.tools-vmok-plugin-date-picker__popper--rtl .tools-vmok-plugin-date-picker__shortcuts {
  border-left: 1px solid #e8eaed;
  border-right: none;
}
.tools-vmok-plugin-panel-datetime__divider {
  width: 0;
  border-left: 1px solid #e8eaed;
}
.tools-vmok-plugin-date-picker-panel {
  display: inline-flex;
  flex-direction: column;
  border: 1px solid #e8eaed;
  border-radius: 4px;
}
.tools-vmok-plugin-date-picker-panel__footer-btn {
  padding: 8px 12px;
  border-top: 1px solid #e8eaed;
  text-align: right;
}
.tools-vmok-plugin-date-picker-panel--rtl {
  direction: rtl;
}
.tools-vmok-plugin-date-picker-panel--rtl .tools-vmok-plugin-date-picker-panel__footer-btn {
  text-align: left;
}
.tools-vmok-plugin-date-range-picker {
  display: inline-flex;
  width: 100%;
}
.tools-vmok-plugin-date-range-picker__input {
  flex: 1;
}
.tools-vmok-plugin-date-range-picker__seperator {
  display: flex;
  align-items: center;
  margin-left: 4px;
  margin-right: 4px;
}
.tools-vmok-plugin-date-range-picker__bar {
  position: absolute;
  bottom: 0;
  height: 0;
  left: 0;
  border-bottom: 2px solid #0057ff;
  transition: all ease-in-out 0.1s;
}
.tools-vmok-plugin-date-range-picker--multiple {
  height: 32px;
}
.tools-vmok-plugin-date-range-picker--multiple .tools-vmok-plugin-custom-input__clear {
  position: absolute;
  right: 0;
  margin-right: 0;
}
.tools-vmok-plugin-date-range-picker .tools-vmok-plugin-date-range-picker__calendar-icon {
  color: #93969d;
}
.tools-vmok-plugin-date-range-picker .tools-vmok-plugin-date-range-picker__calendar-icon--clear {
  opacity: 0;
}
.tools-vmok-plugin-date-range-picker .tools-vmok-plugin-date-range-picker__multiple-input-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tools-vmok-plugin-date-range-picker .tools-vmok-plugin-date-range-picker__multiple-input-total .tools-vmok-plugin-date-range-picker__multiple-input-total-num {
  margin-right: 4px;
  padding: 0 8px;
  border-radius: 50%;
  font-size: 12px;
  border: 1px solid transparent;
  background-color: #ffffff;
  color: #31343b;
}
.tools-vmok-plugin-date-range-picker__popper {
  display: none;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  background-color: #ffffff;
}
.tools-vmok-plugin-date-range-picker__popper--show {
  display: block;
}
.tools-vmok-plugin-date-range-picker__content {
  display: flex;
  align-self: stretch;
}
.tools-vmok-plugin-date-range-picker__shortcuts {
  padding: 4px 0 4px 0;
  max-width: 120px;
  overflow-y: auto;
  border-right: 1px solid #e8eaed;
}
.tools-vmok-plugin-date-range-picker__shortcuts::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-date-range-picker__shortcuts::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-date-range-picker__shortcuts::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-date-range-picker__shortcuts::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-date-range-picker__footer-btn {
  padding: 8px 12px;
  border-top: 1px solid #e8eaed;
  text-align: right;
}
.tools-vmok-plugin-date-range-picker-fade-enter-active,
.tools-vmok-plugin-date-range-picker-fade-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.tools-vmok-plugin-date-range-picker-fade-enter-from,
.tools-vmok-plugin-date-range-picker-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-date-range-picker-fade-enter-to,
.tools-vmok-plugin-date-range-picker-fade-leave-from {
  opacity: 1;
}
.tools-vmok-plugin-date-range-picker__popper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-date-range-picker__popper--rtl .tools-vmok-plugin-date-range-picker__footer-btn {
  text-align: left;
}
.tools-vmok-plugin-date-range-picker__popper--rtl .tools-vmok-plugin-date-range-picker__shortcuts {
  border-left: 1px solid #e8eaed;
  border-right: none;
}
.tools-vmok-plugin-date-range-picker-panel {
  display: inline-flex;
  flex-direction: column;
  border: 1px solid #e8eaed;
  border-radius: 4px;
}
.tools-vmok-plugin-date-range-picker-panel__footer-btn {
  padding: 8px 12px;
  border-top: 1px solid #e8eaed;
  text-align: right;
}
.tools-vmok-plugin-date-range-picker-panel--rtl {
  direction: rtl;
}
.tools-vmok-plugin-date-range-picker-panel--rtl .tools-vmok-plugin-date-range-picker-panel__footer-btn {
  text-align: left;
}
.tools-vmok-plugin-description__title {
  color: #31343b;
  font-size: 16px;
  margin-bottom: 24px;
}
.tools-vmok-plugin-description__table {
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
}
.tools-vmok-plugin-description__row {
  text-align: start;
}
.tools-vmok-plugin-description__row:last-child .tools-vmok-plugin-description-item {
  padding-bottom: 0;
}
.tools-vmok-plugin-description .tools-vmok-plugin-description-item {
  padding-bottom: 16px;
  padding-right: 16px;
  vertical-align: top;
}
.tools-vmok-plugin-description .tools-vmok-plugin-description-item:last-child {
  padding-right: 0;
}
.tools-vmok-plugin-description .tools-vmok-plugin-description-item__container {
  display: flex;
  align-items: flex-start;
}
.tools-vmok-plugin-description .tools-vmok-plugin-description-item div.tools-vmok-plugin-description-item__label {
  display: inline-flex;
  font-size: 14px;
  color: #62656c;
  margin-right: 6px;
}
.tools-vmok-plugin-description .tools-vmok-plugin-description-item div.tools-vmok-plugin-description-item__content {
  display: inline-flex;
  font-size: 14px;
  color: #31343b;
  word-break: break-word;
  overflow-wrap: break-word;
}
.tools-vmok-plugin-description--border .tools-vmok-plugin-description-item__label,
.tools-vmok-plugin-description--border .tools-vmok-plugin-description-item__content {
  padding: 13px 16px;
  border: 1px solid #e8eaed;
  margin-right: 0;
  text-align: start;
}
.tools-vmok-plugin-description--border .tools-vmok-plugin-description-item__label {
  background: #f7f9fc;
}
.tools-vmok-plugin-description--border .tools-vmok-plugin-description-item__content {
  word-break: break-word;
  overflow-wrap: break-word;
}
.tools-vmok-plugin-divider {
  position: relative;
  border-style: solid;
  border-color: #e8eaed;
  border-width: 0;
}
.tools-vmok-plugin-divider--horizontal {
  border-top-width: 1px;
  display: flex;
  width: 100%;
  margin: 16px 0;
}
.tools-vmok-plugin-divider--vertical {
  border-left-width: 1px;
  display: inline-flex;
  height: 1em;
  vertical-align: middle;
  margin: 0 16px;
}
.tools-vmok-plugin-divider--dashed {
  border-style: dashed;
}
.tools-vmok-plugin-divider__context {
  position: absolute;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
  padding: 0px 24px;
  color: #31343b;
  background-color: #ffffff;
}
.tools-vmok-plugin-divider--center .tools-vmok-plugin-divider__context {
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.tools-vmok-plugin-divider--start .tools-vmok-plugin-divider__context {
  left: 32px;
  transform: translateY(-50%);
}
.tools-vmok-plugin-divider--end .tools-vmok-plugin-divider__context {
  right: 32px;
  transform: translateY(-50%);
}
.tools-vmok-plugin-divider--rtl {
  direction: rtl;
}
.tools-vmok-plugin-divider--rtl.tools-vmok-plugin-divider--end .tools-vmok-plugin-divider__context {
  left: 32px;
  right: unset;
  transform: translateY(-50%);
}
.tools-vmok-plugin-divider--rtl.tools-vmok-plugin-divider--start .tools-vmok-plugin-divider__context {
  right: 32px;
  left: unset;
  transform: translateY(-50%);
}
/* drawer */
.tools-vmok-plugin-drawer-left-enter-active,
.tools-vmok-plugin-drawer-left-leave-active {
  transition: transform 0.3s ease-in-out;
}
.tools-vmok-plugin-drawer-left-enter-from,
.tools-vmok-plugin-drawer-left-leave-to {
  transform: translateX(-100%);
}
.tools-vmok-plugin-drawer-left-enter-to,
.tools-vmok-plugin-drawer-left-leave-from {
  transform: translateX(0);
}
.tools-vmok-plugin-drawer-right-enter-active,
.tools-vmok-plugin-drawer-right-leave-active {
  transition: transform 0.3s ease-in-out;
}
.tools-vmok-plugin-drawer-right-enter-from,
.tools-vmok-plugin-drawer-right-leave-to {
  transform: translateX(100%);
}
.tools-vmok-plugin-drawer-right-enter-to,
.tools-vmok-plugin-drawer-right-leave-from {
  transform: translateX(0);
}
.tools-vmok-plugin-drawer__wrap {
  position: fixed;
  display: flex;
  top: 0;
  bottom: 0;
  width: 100%;
  align-items: center;
  box-shadow: none;
}
.tools-vmok-plugin-drawer__wrap--hide {
  display: none;
}
.tools-vmok-plugin-drawer__wrap--no-maskable {
  width: 0;
}
.tools-vmok-plugin-drawer__wrap--no-maskable.tools-vmok-plugin-drawer__wrap--right {
  right: 0;
}
.tools-vmok-plugin-drawer__wrap--no-maskable.tools-vmok-plugin-drawer__wrap--left {
  left: 0;
}
.tools-vmok-plugin-drawer {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 0;
  bottom: 0;
  background: #ffffff;
  font-size: 14px;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
}
.tools-vmok-plugin-drawer--right {
  right: 0;
}
.tools-vmok-plugin-drawer--left {
  left: 0;
}
.tools-vmok-plugin-drawer--no-maskable {
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
}
.tools-vmok-plugin-drawer__header {
  padding: 24px 24px 20px 24px;
  color: #31343b;
  background: #ffffff;
}
.tools-vmok-plugin-drawer__header--no-border {
  border-bottom: none;
}
.tools-vmok-plugin-drawer__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #31343b;
}
.tools-vmok-plugin-drawer__body {
  padding: 0 24px 0 24px;
  flex-grow: 1;
  overflow: auto;
}
.tools-vmok-plugin-drawer__outer-close-btn {
  position: absolute;
  background: #338aff;
  border-radius: 4px 0 0 4px;
  justify-content: center;
  align-items: center;
  top: 19px;
  left: -32px;
  display: flex;
  color: #fff;
  font-size: 15px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.tools-vmok-plugin-drawer__close-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  color: #31343b;
  font-size: 20px;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.tools-vmok-plugin-drawer__close-icon:hover {
  color: #0057ff;
}
.tools-vmok-plugin-drawer__close-icon:active {
  color: #003fd2;
}
.tools-vmok-plugin-drawer__close-icon--hide {
  display: none;
}
.tools-vmok-plugin-drawer--rtl {
  direction: rtl;
}
.tools-vmok-plugin-dropdown-item {
  display: flex;
  align-self: stretch;
  color: #31343b;
  cursor: pointer;
}
.tools-vmok-plugin-dropdown-item__action {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-dropdown-item__content {
  flex: 1;
  align-items: center;
}
.tools-vmok-plugin-dropdown-item__content--ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tools-vmok-plugin-dropdown-item__expand {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-dropdown-item__expand--icon {
  color: #31343b;
}
.tools-vmok-plugin-dropdown-item.tools-vmok-plugin-dropdown-item--grouped {
  padding-left: 24px;
  padding-right: 24px;
}
.tools-vmok-plugin-dropdown-item--single.tools-vmok-plugin-dropdown-item--selected {
  color: #0057ff;
}
.tools-vmok-plugin-dropdown-item.tools-vmok-plugin-dropdown-item--disabled {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-dropdown-item.tools-vmok-plugin-dropdown-item--disabled .tools-vmok-plugin-dropdown-item__expand--icon {
  color: #b9bcc3;
}
.tools-vmok-plugin-dropdown-item.tools-vmok-plugin-dropdown-item--disabled.tools-vmok-plugin-dropdown-item--single.tools-vmok-plugin-dropdown-item--selected {
  color: #badaff;
}
.tools-vmok-plugin-dropdown-item:hover:not(.tools-vmok-plugin-dropdown-item--disabled) {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-dropdown-item--xs {
  line-height: 18px;
  font-size: 12px;
  padding: 3px 12px;
}
.tools-vmok-plugin-dropdown-item--sm {
  line-height: 18px;
  font-size: 12px;
  padding: 5px 12px;
}
.tools-vmok-plugin-dropdown-item--md {
  line-height: 22px;
  font-size: 14px;
  padding: 6px 12px;
}
.tools-vmok-plugin-dropdown-item--lg {
  line-height: 24px;
  font-size: 16px;
  padding: 7px 12px;
}
.tools-vmok-plugin-dropdown-item--xl {
  line-height: 26px;
  font-size: 18px;
  padding: 8px 12px;
}
.tools-vmok-plugin-dropdown-item--rtl {
  direction: rtl;
}
.tools-vmok-plugin-dropdown-item--rtl .tools-vmok-plugin-dropdown-item__action {
  margin-right: 0;
  margin-left: 8px;
}
.tools-vmok-plugin-dropdown-item--rtl .tools-vmok-plugin-dropdown-item__expand {
  margin-left: 0;
  margin-right: 8px;
}
.tools-vmok-plugin-dropdown__popper {
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  background-color: #ffffff;
  max-height: 192px;
  overflow-y: auto;
  padding: 6px 0;
}
.tools-vmok-plugin-dropdown__popper--hide {
  display: none;
}
.tools-vmok-plugin-dropdown__popper--show {
  display: block;
}
.tools-vmok-plugin-dropdown__popper::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-dropdown__popper::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-dropdown__popper::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-dropdown__popper::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.dropdown-transition-enter-active,
.dropdown-transition-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.dropdown-transition-enter-from,
.dropdown-transition-leave-to {
  opacity: 0;
}
.dropdown-transition-enter-to,
.dropdown-transition-leave-from {
  opacity: 1;
}
/* Empty */
.tools-vmok-plugin-empty {
  color: #b9bcc3;
  line-height: 22px;
  font-size: 14px;
}
.tools-vmok-plugin-empty__image {
  text-align: center;
  margin: auto;
  width: 38px;
  height: 38px;
}
.tools-vmok-plugin-empty__image .tools-vmok-plugin-empty__image-icon {
  width: 100%;
  height: 100%;
}
.tools-vmok-plugin-empty__description {
  margin-top: 8px;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
}
.tools-vmok-plugin-empty__content {
  margin-top: 8px;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
  padding: 0 12px 12px;
}
/* flex-box */
.tools-vmok-plugin-box {
  display: flex;
}
.tools-vmok-plugin-box--align-top {
  align-items: flex-start;
}
.tools-vmok-plugin-box--align-bottom {
  align-items: flex-end;
}
.tools-vmok-plugin-box--align-center {
  align-items: center;
}
.tools-vmok-plugin-box--justify-start {
  justify-content: flex-start;
}
.tools-vmok-plugin-box--justify-center {
  justify-content: center;
}
.tools-vmok-plugin-box--justify-end {
  justify-content: flex-end;
}
.tools-vmok-plugin-box--justify-space-around {
  justify-content: space-around;
}
.tools-vmok-plugin-box--justify-space-between {
  justify-content: space-between;
}
.tools-vmok-plugin-box--wrap {
  flex-wrap: wrap;
}
.tools-vmok-plugin-box--direction-row {
  flex-direction: row;
}
.tools-vmok-plugin-box--direction-column {
  flex-direction: column;
}
.tools-vmok-plugin-box--direction-row-reverse {
  flex-direction: row-reverse;
}
.tools-vmok-plugin-box--direction-column-reverse {
  flex-direction: column-reverse;
}
.tools-vmok-plugin-box--rtl {
  direction: rtl;
}
.tools-vmok-plugin-col {
  display: block;
  box-sizing: border-box;
  flex: 1 0 auto;
  max-width: 100%;
  position: relative;
}
.tools-vmok-plugin-col--span-0 {
  display: none;
}
@media screen and (min-width: 0) {
  .tools-vmok-plugin-col--span-24 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .tools-vmok-plugin-col--span-23 {
    flex-basis: 95.83333333%;
    max-width: 95.83333333%;
  }
  .tools-vmok-plugin-col--span-22 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .tools-vmok-plugin-col--span-21 {
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .tools-vmok-plugin-col--span-20 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .tools-vmok-plugin-col--span-19 {
    flex-basis: 79.16666667%;
    max-width: 79.16666667%;
  }
  .tools-vmok-plugin-col--span-18 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .tools-vmok-plugin-col--span-17 {
    flex-basis: 70.83333333%;
    max-width: 70.83333333%;
  }
  .tools-vmok-plugin-col--span-16 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .tools-vmok-plugin-col--span-15 {
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .tools-vmok-plugin-col--span-14 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .tools-vmok-plugin-col--span-13 {
    flex-basis: 54.16666667%;
    max-width: 54.16666667%;
  }
  .tools-vmok-plugin-col--span-12 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .tools-vmok-plugin-col--span-11 {
    flex-basis: 45.83333333%;
    max-width: 45.83333333%;
  }
  .tools-vmok-plugin-col--span-10 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .tools-vmok-plugin-col--span-9 {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .tools-vmok-plugin-col--span-8 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .tools-vmok-plugin-col--span-7 {
    flex-basis: 29.16666667%;
    max-width: 29.16666667%;
  }
  .tools-vmok-plugin-col--span-6 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .tools-vmok-plugin-col--span-5 {
    flex-basis: 20.83333333%;
    max-width: 20.83333333%;
  }
  .tools-vmok-plugin-col--span-4 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .tools-vmok-plugin-col--span-3 {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .tools-vmok-plugin-col--span-2 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .tools-vmok-plugin-col--span-1 {
    flex-basis: 4.16666667%;
    max-width: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-23 {
    margin-left: 95.83333333%;
  }
  .tools-vmok-plugin-col--offset-23.tools-vmok-plugin-col--rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-22 {
    margin-left: 91.66666667%;
  }
  .tools-vmok-plugin-col--offset-22.tools-vmok-plugin-col--rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-21 {
    margin-left: 87.5%;
  }
  .tools-vmok-plugin-col--offset-21.tools-vmok-plugin-col--rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-20 {
    margin-left: 83.33333333%;
  }
  .tools-vmok-plugin-col--offset-20.tools-vmok-plugin-col--rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-19 {
    margin-left: 79.16666667%;
  }
  .tools-vmok-plugin-col--offset-19.tools-vmok-plugin-col--rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-18 {
    margin-left: 75%;
  }
  .tools-vmok-plugin-col--offset-18.tools-vmok-plugin-col--rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-17 {
    margin-left: 70.83333333%;
  }
  .tools-vmok-plugin-col--offset-17.tools-vmok-plugin-col--rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-16 {
    margin-left: 66.66666667%;
  }
  .tools-vmok-plugin-col--offset-16.tools-vmok-plugin-col--rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-15 {
    margin-left: 62.5%;
  }
  .tools-vmok-plugin-col--offset-15.tools-vmok-plugin-col--rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-14 {
    margin-left: 58.33333333%;
  }
  .tools-vmok-plugin-col--offset-14.tools-vmok-plugin-col--rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-13 {
    margin-left: 54.16666667%;
  }
  .tools-vmok-plugin-col--offset-13.tools-vmok-plugin-col--rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-12 {
    margin-left: 50%;
  }
  .tools-vmok-plugin-col--offset-12.tools-vmok-plugin-col--rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-11 {
    margin-left: 45.83333333%;
  }
  .tools-vmok-plugin-col--offset-11.tools-vmok-plugin-col--rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-10 {
    margin-left: 41.66666667%;
  }
  .tools-vmok-plugin-col--offset-10.tools-vmok-plugin-col--rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-9 {
    margin-left: 37.5%;
  }
  .tools-vmok-plugin-col--offset-9.tools-vmok-plugin-col--rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-8 {
    margin-left: 33.33333333%;
  }
  .tools-vmok-plugin-col--offset-8.tools-vmok-plugin-col--rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-7 {
    margin-left: 29.16666667%;
  }
  .tools-vmok-plugin-col--offset-7.tools-vmok-plugin-col--rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-6 {
    margin-left: 25%;
  }
  .tools-vmok-plugin-col--offset-6.tools-vmok-plugin-col--rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-5 {
    margin-left: 20.83333333%;
  }
  .tools-vmok-plugin-col--offset-5.tools-vmok-plugin-col--rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-4 {
    margin-left: 16.66666667%;
  }
  .tools-vmok-plugin-col--offset-4.tools-vmok-plugin-col--rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-3 {
    margin-left: 12.5%;
  }
  .tools-vmok-plugin-col--offset-3.tools-vmok-plugin-col--rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-2 {
    margin-left: 8.33333333%;
  }
  .tools-vmok-plugin-col--offset-2.tools-vmok-plugin-col--rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-1 {
    margin-left: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-1.tools-vmok-plugin-col--rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-0 {
    margin-left: 0%;
  }
  .tools-vmok-plugin-col--offset-0.tools-vmok-plugin-col--rtl {
    margin-right: 0%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--order-1 {
    order: 1;
  }
  .tools-vmok-plugin-col--order-2 {
    order: 2;
  }
  .tools-vmok-plugin-col--order-3 {
    order: 3;
  }
  .tools-vmok-plugin-col--order-4 {
    order: 4;
  }
  .tools-vmok-plugin-col--order-5 {
    order: 5;
  }
  .tools-vmok-plugin-col--order-6 {
    order: 6;
  }
  .tools-vmok-plugin-col--order-7 {
    order: 7;
  }
  .tools-vmok-plugin-col--order-8 {
    order: 8;
  }
  .tools-vmok-plugin-col--order-9 {
    order: 9;
  }
  .tools-vmok-plugin-col--order-10 {
    order: 10;
  }
  .tools-vmok-plugin-col--order-11 {
    order: 11;
  }
  .tools-vmok-plugin-col--order-12 {
    order: 12;
  }
  .tools-vmok-plugin-col--order-13 {
    order: 13;
  }
  .tools-vmok-plugin-col--order-14 {
    order: 14;
  }
  .tools-vmok-plugin-col--order-15 {
    order: 15;
  }
  .tools-vmok-plugin-col--order-16 {
    order: 16;
  }
  .tools-vmok-plugin-col--order-17 {
    order: 17;
  }
  .tools-vmok-plugin-col--order-18 {
    order: 18;
  }
  .tools-vmok-plugin-col--order-19 {
    order: 19;
  }
  .tools-vmok-plugin-col--order-20 {
    order: 20;
  }
  .tools-vmok-plugin-col--order-21 {
    order: 21;
  }
  .tools-vmok-plugin-col--order-22 {
    order: 22;
  }
  .tools-vmok-plugin-col--order-23 {
    order: 23;
  }
  .tools-vmok-plugin-col--order-24 {
    order: 24;
  }
  .tools-vmok-plugin-col--pull-23 {
    right: 95.83333333%;
  }
  .tools-vmok-plugin-col--pull-23.tools-vmok-plugin-col--rtl {
    left: 95.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-22 {
    right: 91.66666667%;
  }
  .tools-vmok-plugin-col--pull-22.tools-vmok-plugin-col--rtl {
    left: 91.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-21 {
    right: 87.5%;
  }
  .tools-vmok-plugin-col--pull-21.tools-vmok-plugin-col--rtl {
    left: 87.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-20 {
    right: 83.33333333%;
  }
  .tools-vmok-plugin-col--pull-20.tools-vmok-plugin-col--rtl {
    left: 83.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-19 {
    right: 79.16666667%;
  }
  .tools-vmok-plugin-col--pull-19.tools-vmok-plugin-col--rtl {
    left: 79.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-18 {
    right: 75%;
  }
  .tools-vmok-plugin-col--pull-18.tools-vmok-plugin-col--rtl {
    left: 75%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-17 {
    right: 70.83333333%;
  }
  .tools-vmok-plugin-col--pull-17.tools-vmok-plugin-col--rtl {
    left: 70.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-16 {
    right: 66.66666667%;
  }
  .tools-vmok-plugin-col--pull-16.tools-vmok-plugin-col--rtl {
    left: 66.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-15 {
    right: 62.5%;
  }
  .tools-vmok-plugin-col--pull-15.tools-vmok-plugin-col--rtl {
    left: 62.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-14 {
    right: 58.33333333%;
  }
  .tools-vmok-plugin-col--pull-14.tools-vmok-plugin-col--rtl {
    left: 58.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-13 {
    right: 54.16666667%;
  }
  .tools-vmok-plugin-col--pull-13.tools-vmok-plugin-col--rtl {
    left: 54.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-12 {
    right: 50%;
  }
  .tools-vmok-plugin-col--pull-12.tools-vmok-plugin-col--rtl {
    left: 50%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-11 {
    right: 45.83333333%;
  }
  .tools-vmok-plugin-col--pull-11.tools-vmok-plugin-col--rtl {
    left: 45.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-10 {
    right: 41.66666667%;
  }
  .tools-vmok-plugin-col--pull-10.tools-vmok-plugin-col--rtl {
    left: 41.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-9 {
    right: 37.5%;
  }
  .tools-vmok-plugin-col--pull-9.tools-vmok-plugin-col--rtl {
    left: 37.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-8 {
    right: 33.33333333%;
  }
  .tools-vmok-plugin-col--pull-8.tools-vmok-plugin-col--rtl {
    left: 33.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-7 {
    right: 29.16666667%;
  }
  .tools-vmok-plugin-col--pull-7.tools-vmok-plugin-col--rtl {
    left: 29.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-6 {
    right: 25%;
  }
  .tools-vmok-plugin-col--pull-6.tools-vmok-plugin-col--rtl {
    left: 25%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-5 {
    right: 20.83333333%;
  }
  .tools-vmok-plugin-col--pull-5.tools-vmok-plugin-col--rtl {
    left: 20.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-4 {
    right: 16.66666667%;
  }
  .tools-vmok-plugin-col--pull-4.tools-vmok-plugin-col--rtl {
    left: 16.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-3 {
    right: 12.5%;
  }
  .tools-vmok-plugin-col--pull-3.tools-vmok-plugin-col--rtl {
    left: 12.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-2 {
    right: 8.33333333%;
  }
  .tools-vmok-plugin-col--pull-2.tools-vmok-plugin-col--rtl {
    left: 8.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-1 {
    right: 4.16666667%;
  }
  .tools-vmok-plugin-col--pull-1.tools-vmok-plugin-col--rtl {
    left: 4.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-0 {
    right: 0%;
  }
  .tools-vmok-plugin-col--pull-0.tools-vmok-plugin-col--rtl {
    left: 0%;
    right: 0;
  }
  .tools-vmok-plugin-col--push-23 {
    left: 95.83333333%;
  }
  .tools-vmok-plugin-col--push-23.tools-vmok-plugin-col--rtl {
    right: 95.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-22 {
    left: 91.66666667%;
  }
  .tools-vmok-plugin-col--push-22.tools-vmok-plugin-col--rtl {
    right: 91.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-21 {
    left: 87.5%;
  }
  .tools-vmok-plugin-col--push-21.tools-vmok-plugin-col--rtl {
    right: 87.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-20 {
    left: 83.33333333%;
  }
  .tools-vmok-plugin-col--push-20.tools-vmok-plugin-col--rtl {
    right: 83.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-19 {
    left: 79.16666667%;
  }
  .tools-vmok-plugin-col--push-19.tools-vmok-plugin-col--rtl {
    right: 79.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-18 {
    left: 75%;
  }
  .tools-vmok-plugin-col--push-18.tools-vmok-plugin-col--rtl {
    right: 75%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-17 {
    left: 70.83333333%;
  }
  .tools-vmok-plugin-col--push-17.tools-vmok-plugin-col--rtl {
    right: 70.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-16 {
    left: 66.66666667%;
  }
  .tools-vmok-plugin-col--push-16.tools-vmok-plugin-col--rtl {
    right: 66.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-15 {
    left: 62.5%;
  }
  .tools-vmok-plugin-col--push-15.tools-vmok-plugin-col--rtl {
    right: 62.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-14 {
    left: 58.33333333%;
  }
  .tools-vmok-plugin-col--push-14.tools-vmok-plugin-col--rtl {
    right: 58.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-13 {
    left: 54.16666667%;
  }
  .tools-vmok-plugin-col--push-13.tools-vmok-plugin-col--rtl {
    right: 54.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-12 {
    left: 50%;
  }
  .tools-vmok-plugin-col--push-12.tools-vmok-plugin-col--rtl {
    right: 50%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-11 {
    left: 45.83333333%;
  }
  .tools-vmok-plugin-col--push-11.tools-vmok-plugin-col--rtl {
    right: 45.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-10 {
    left: 41.66666667%;
  }
  .tools-vmok-plugin-col--push-10.tools-vmok-plugin-col--rtl {
    right: 41.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-9 {
    left: 37.5%;
  }
  .tools-vmok-plugin-col--push-9.tools-vmok-plugin-col--rtl {
    right: 37.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-8 {
    left: 33.33333333%;
  }
  .tools-vmok-plugin-col--push-8.tools-vmok-plugin-col--rtl {
    right: 33.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-7 {
    left: 29.16666667%;
  }
  .tools-vmok-plugin-col--push-7.tools-vmok-plugin-col--rtl {
    right: 29.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-6 {
    left: 25%;
  }
  .tools-vmok-plugin-col--push-6.tools-vmok-plugin-col--rtl {
    right: 25%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-5 {
    left: 20.83333333%;
  }
  .tools-vmok-plugin-col--push-5.tools-vmok-plugin-col--rtl {
    right: 20.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-4 {
    left: 16.66666667%;
  }
  .tools-vmok-plugin-col--push-4.tools-vmok-plugin-col--rtl {
    right: 16.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-3 {
    left: 12.5%;
  }
  .tools-vmok-plugin-col--push-3.tools-vmok-plugin-col--rtl {
    right: 12.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-2 {
    left: 8.33333333%;
  }
  .tools-vmok-plugin-col--push-2.tools-vmok-plugin-col--rtl {
    right: 8.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-1 {
    left: 4.16666667%;
  }
  .tools-vmok-plugin-col--push-1.tools-vmok-plugin-col--rtl {
    right: 4.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-0 {
    left: 0%;
  }
  .tools-vmok-plugin-col--push-0.tools-vmok-plugin-col--rtl {
    right: 0%;
    left: 0;
  }
}
.tools-vmok-plugin-col--span-sm-0 {
  display: none;
}
@media screen and (min-width: 576px) {
  .tools-vmok-plugin-col--span-sm-24 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .tools-vmok-plugin-col--span-sm-23 {
    flex-basis: 95.83333333%;
    max-width: 95.83333333%;
  }
  .tools-vmok-plugin-col--span-sm-22 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .tools-vmok-plugin-col--span-sm-21 {
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .tools-vmok-plugin-col--span-sm-20 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .tools-vmok-plugin-col--span-sm-19 {
    flex-basis: 79.16666667%;
    max-width: 79.16666667%;
  }
  .tools-vmok-plugin-col--span-sm-18 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .tools-vmok-plugin-col--span-sm-17 {
    flex-basis: 70.83333333%;
    max-width: 70.83333333%;
  }
  .tools-vmok-plugin-col--span-sm-16 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .tools-vmok-plugin-col--span-sm-15 {
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .tools-vmok-plugin-col--span-sm-14 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .tools-vmok-plugin-col--span-sm-13 {
    flex-basis: 54.16666667%;
    max-width: 54.16666667%;
  }
  .tools-vmok-plugin-col--span-sm-12 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .tools-vmok-plugin-col--span-sm-11 {
    flex-basis: 45.83333333%;
    max-width: 45.83333333%;
  }
  .tools-vmok-plugin-col--span-sm-10 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .tools-vmok-plugin-col--span-sm-9 {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .tools-vmok-plugin-col--span-sm-8 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .tools-vmok-plugin-col--span-sm-7 {
    flex-basis: 29.16666667%;
    max-width: 29.16666667%;
  }
  .tools-vmok-plugin-col--span-sm-6 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .tools-vmok-plugin-col--span-sm-5 {
    flex-basis: 20.83333333%;
    max-width: 20.83333333%;
  }
  .tools-vmok-plugin-col--span-sm-4 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .tools-vmok-plugin-col--span-sm-3 {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .tools-vmok-plugin-col--span-sm-2 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .tools-vmok-plugin-col--span-sm-1 {
    flex-basis: 4.16666667%;
    max-width: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-sm-23 {
    margin-left: 95.83333333%;
  }
  .tools-vmok-plugin-col--offset-sm-23.tools-vmok-plugin-col--rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-22 {
    margin-left: 91.66666667%;
  }
  .tools-vmok-plugin-col--offset-sm-22.tools-vmok-plugin-col--rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-21 {
    margin-left: 87.5%;
  }
  .tools-vmok-plugin-col--offset-sm-21.tools-vmok-plugin-col--rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-20 {
    margin-left: 83.33333333%;
  }
  .tools-vmok-plugin-col--offset-sm-20.tools-vmok-plugin-col--rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-19 {
    margin-left: 79.16666667%;
  }
  .tools-vmok-plugin-col--offset-sm-19.tools-vmok-plugin-col--rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-18 {
    margin-left: 75%;
  }
  .tools-vmok-plugin-col--offset-sm-18.tools-vmok-plugin-col--rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-17 {
    margin-left: 70.83333333%;
  }
  .tools-vmok-plugin-col--offset-sm-17.tools-vmok-plugin-col--rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-16 {
    margin-left: 66.66666667%;
  }
  .tools-vmok-plugin-col--offset-sm-16.tools-vmok-plugin-col--rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-15 {
    margin-left: 62.5%;
  }
  .tools-vmok-plugin-col--offset-sm-15.tools-vmok-plugin-col--rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-14 {
    margin-left: 58.33333333%;
  }
  .tools-vmok-plugin-col--offset-sm-14.tools-vmok-plugin-col--rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-13 {
    margin-left: 54.16666667%;
  }
  .tools-vmok-plugin-col--offset-sm-13.tools-vmok-plugin-col--rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-12 {
    margin-left: 50%;
  }
  .tools-vmok-plugin-col--offset-sm-12.tools-vmok-plugin-col--rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-11 {
    margin-left: 45.83333333%;
  }
  .tools-vmok-plugin-col--offset-sm-11.tools-vmok-plugin-col--rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-10 {
    margin-left: 41.66666667%;
  }
  .tools-vmok-plugin-col--offset-sm-10.tools-vmok-plugin-col--rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-9 {
    margin-left: 37.5%;
  }
  .tools-vmok-plugin-col--offset-sm-9.tools-vmok-plugin-col--rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-8 {
    margin-left: 33.33333333%;
  }
  .tools-vmok-plugin-col--offset-sm-8.tools-vmok-plugin-col--rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-7 {
    margin-left: 29.16666667%;
  }
  .tools-vmok-plugin-col--offset-sm-7.tools-vmok-plugin-col--rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-6 {
    margin-left: 25%;
  }
  .tools-vmok-plugin-col--offset-sm-6.tools-vmok-plugin-col--rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-5 {
    margin-left: 20.83333333%;
  }
  .tools-vmok-plugin-col--offset-sm-5.tools-vmok-plugin-col--rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-4 {
    margin-left: 16.66666667%;
  }
  .tools-vmok-plugin-col--offset-sm-4.tools-vmok-plugin-col--rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-3 {
    margin-left: 12.5%;
  }
  .tools-vmok-plugin-col--offset-sm-3.tools-vmok-plugin-col--rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-2 {
    margin-left: 8.33333333%;
  }
  .tools-vmok-plugin-col--offset-sm-2.tools-vmok-plugin-col--rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-1 {
    margin-left: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-sm-1.tools-vmok-plugin-col--rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-sm-0 {
    margin-left: 0%;
  }
  .tools-vmok-plugin-col--offset-sm-0.tools-vmok-plugin-col--rtl {
    margin-right: 0%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--order-sm-1 {
    order: 1;
  }
  .tools-vmok-plugin-col--order-sm-2 {
    order: 2;
  }
  .tools-vmok-plugin-col--order-sm-3 {
    order: 3;
  }
  .tools-vmok-plugin-col--order-sm-4 {
    order: 4;
  }
  .tools-vmok-plugin-col--order-sm-5 {
    order: 5;
  }
  .tools-vmok-plugin-col--order-sm-6 {
    order: 6;
  }
  .tools-vmok-plugin-col--order-sm-7 {
    order: 7;
  }
  .tools-vmok-plugin-col--order-sm-8 {
    order: 8;
  }
  .tools-vmok-plugin-col--order-sm-9 {
    order: 9;
  }
  .tools-vmok-plugin-col--order-sm-10 {
    order: 10;
  }
  .tools-vmok-plugin-col--order-sm-11 {
    order: 11;
  }
  .tools-vmok-plugin-col--order-sm-12 {
    order: 12;
  }
  .tools-vmok-plugin-col--order-sm-13 {
    order: 13;
  }
  .tools-vmok-plugin-col--order-sm-14 {
    order: 14;
  }
  .tools-vmok-plugin-col--order-sm-15 {
    order: 15;
  }
  .tools-vmok-plugin-col--order-sm-16 {
    order: 16;
  }
  .tools-vmok-plugin-col--order-sm-17 {
    order: 17;
  }
  .tools-vmok-plugin-col--order-sm-18 {
    order: 18;
  }
  .tools-vmok-plugin-col--order-sm-19 {
    order: 19;
  }
  .tools-vmok-plugin-col--order-sm-20 {
    order: 20;
  }
  .tools-vmok-plugin-col--order-sm-21 {
    order: 21;
  }
  .tools-vmok-plugin-col--order-sm-22 {
    order: 22;
  }
  .tools-vmok-plugin-col--order-sm-23 {
    order: 23;
  }
  .tools-vmok-plugin-col--order-sm-24 {
    order: 24;
  }
  .tools-vmok-plugin-col--pull-sm-23 {
    right: 95.83333333%;
  }
  .tools-vmok-plugin-col--pull-sm-23.tools-vmok-plugin-col--rtl {
    left: 95.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-22 {
    right: 91.66666667%;
  }
  .tools-vmok-plugin-col--pull-sm-22.tools-vmok-plugin-col--rtl {
    left: 91.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-21 {
    right: 87.5%;
  }
  .tools-vmok-plugin-col--pull-sm-21.tools-vmok-plugin-col--rtl {
    left: 87.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-20 {
    right: 83.33333333%;
  }
  .tools-vmok-plugin-col--pull-sm-20.tools-vmok-plugin-col--rtl {
    left: 83.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-19 {
    right: 79.16666667%;
  }
  .tools-vmok-plugin-col--pull-sm-19.tools-vmok-plugin-col--rtl {
    left: 79.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-18 {
    right: 75%;
  }
  .tools-vmok-plugin-col--pull-sm-18.tools-vmok-plugin-col--rtl {
    left: 75%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-17 {
    right: 70.83333333%;
  }
  .tools-vmok-plugin-col--pull-sm-17.tools-vmok-plugin-col--rtl {
    left: 70.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-16 {
    right: 66.66666667%;
  }
  .tools-vmok-plugin-col--pull-sm-16.tools-vmok-plugin-col--rtl {
    left: 66.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-15 {
    right: 62.5%;
  }
  .tools-vmok-plugin-col--pull-sm-15.tools-vmok-plugin-col--rtl {
    left: 62.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-14 {
    right: 58.33333333%;
  }
  .tools-vmok-plugin-col--pull-sm-14.tools-vmok-plugin-col--rtl {
    left: 58.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-13 {
    right: 54.16666667%;
  }
  .tools-vmok-plugin-col--pull-sm-13.tools-vmok-plugin-col--rtl {
    left: 54.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-12 {
    right: 50%;
  }
  .tools-vmok-plugin-col--pull-sm-12.tools-vmok-plugin-col--rtl {
    left: 50%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-11 {
    right: 45.83333333%;
  }
  .tools-vmok-plugin-col--pull-sm-11.tools-vmok-plugin-col--rtl {
    left: 45.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-10 {
    right: 41.66666667%;
  }
  .tools-vmok-plugin-col--pull-sm-10.tools-vmok-plugin-col--rtl {
    left: 41.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-9 {
    right: 37.5%;
  }
  .tools-vmok-plugin-col--pull-sm-9.tools-vmok-plugin-col--rtl {
    left: 37.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-8 {
    right: 33.33333333%;
  }
  .tools-vmok-plugin-col--pull-sm-8.tools-vmok-plugin-col--rtl {
    left: 33.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-7 {
    right: 29.16666667%;
  }
  .tools-vmok-plugin-col--pull-sm-7.tools-vmok-plugin-col--rtl {
    left: 29.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-6 {
    right: 25%;
  }
  .tools-vmok-plugin-col--pull-sm-6.tools-vmok-plugin-col--rtl {
    left: 25%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-5 {
    right: 20.83333333%;
  }
  .tools-vmok-plugin-col--pull-sm-5.tools-vmok-plugin-col--rtl {
    left: 20.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-4 {
    right: 16.66666667%;
  }
  .tools-vmok-plugin-col--pull-sm-4.tools-vmok-plugin-col--rtl {
    left: 16.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-3 {
    right: 12.5%;
  }
  .tools-vmok-plugin-col--pull-sm-3.tools-vmok-plugin-col--rtl {
    left: 12.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-2 {
    right: 8.33333333%;
  }
  .tools-vmok-plugin-col--pull-sm-2.tools-vmok-plugin-col--rtl {
    left: 8.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-1 {
    right: 4.16666667%;
  }
  .tools-vmok-plugin-col--pull-sm-1.tools-vmok-plugin-col--rtl {
    left: 4.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-sm-0 {
    right: 0%;
  }
  .tools-vmok-plugin-col--pull-sm-0.tools-vmok-plugin-col--rtl {
    left: 0%;
    right: 0;
  }
  .tools-vmok-plugin-col--push-sm-23 {
    left: 95.83333333%;
  }
  .tools-vmok-plugin-col--push-sm-23.tools-vmok-plugin-col--rtl {
    right: 95.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-22 {
    left: 91.66666667%;
  }
  .tools-vmok-plugin-col--push-sm-22.tools-vmok-plugin-col--rtl {
    right: 91.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-21 {
    left: 87.5%;
  }
  .tools-vmok-plugin-col--push-sm-21.tools-vmok-plugin-col--rtl {
    right: 87.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-20 {
    left: 83.33333333%;
  }
  .tools-vmok-plugin-col--push-sm-20.tools-vmok-plugin-col--rtl {
    right: 83.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-19 {
    left: 79.16666667%;
  }
  .tools-vmok-plugin-col--push-sm-19.tools-vmok-plugin-col--rtl {
    right: 79.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-18 {
    left: 75%;
  }
  .tools-vmok-plugin-col--push-sm-18.tools-vmok-plugin-col--rtl {
    right: 75%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-17 {
    left: 70.83333333%;
  }
  .tools-vmok-plugin-col--push-sm-17.tools-vmok-plugin-col--rtl {
    right: 70.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-16 {
    left: 66.66666667%;
  }
  .tools-vmok-plugin-col--push-sm-16.tools-vmok-plugin-col--rtl {
    right: 66.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-15 {
    left: 62.5%;
  }
  .tools-vmok-plugin-col--push-sm-15.tools-vmok-plugin-col--rtl {
    right: 62.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-14 {
    left: 58.33333333%;
  }
  .tools-vmok-plugin-col--push-sm-14.tools-vmok-plugin-col--rtl {
    right: 58.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-13 {
    left: 54.16666667%;
  }
  .tools-vmok-plugin-col--push-sm-13.tools-vmok-plugin-col--rtl {
    right: 54.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-12 {
    left: 50%;
  }
  .tools-vmok-plugin-col--push-sm-12.tools-vmok-plugin-col--rtl {
    right: 50%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-11 {
    left: 45.83333333%;
  }
  .tools-vmok-plugin-col--push-sm-11.tools-vmok-plugin-col--rtl {
    right: 45.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-10 {
    left: 41.66666667%;
  }
  .tools-vmok-plugin-col--push-sm-10.tools-vmok-plugin-col--rtl {
    right: 41.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-9 {
    left: 37.5%;
  }
  .tools-vmok-plugin-col--push-sm-9.tools-vmok-plugin-col--rtl {
    right: 37.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-8 {
    left: 33.33333333%;
  }
  .tools-vmok-plugin-col--push-sm-8.tools-vmok-plugin-col--rtl {
    right: 33.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-7 {
    left: 29.16666667%;
  }
  .tools-vmok-plugin-col--push-sm-7.tools-vmok-plugin-col--rtl {
    right: 29.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-6 {
    left: 25%;
  }
  .tools-vmok-plugin-col--push-sm-6.tools-vmok-plugin-col--rtl {
    right: 25%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-5 {
    left: 20.83333333%;
  }
  .tools-vmok-plugin-col--push-sm-5.tools-vmok-plugin-col--rtl {
    right: 20.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-4 {
    left: 16.66666667%;
  }
  .tools-vmok-plugin-col--push-sm-4.tools-vmok-plugin-col--rtl {
    right: 16.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-3 {
    left: 12.5%;
  }
  .tools-vmok-plugin-col--push-sm-3.tools-vmok-plugin-col--rtl {
    right: 12.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-2 {
    left: 8.33333333%;
  }
  .tools-vmok-plugin-col--push-sm-2.tools-vmok-plugin-col--rtl {
    right: 8.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-1 {
    left: 4.16666667%;
  }
  .tools-vmok-plugin-col--push-sm-1.tools-vmok-plugin-col--rtl {
    right: 4.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-sm-0 {
    left: 0%;
  }
  .tools-vmok-plugin-col--push-sm-0.tools-vmok-plugin-col--rtl {
    right: 0%;
    left: 0;
  }
}
.tools-vmok-plugin-col--span-md-0 {
  display: none;
}
@media screen and (min-width: 768px) {
  .tools-vmok-plugin-col--span-md-24 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .tools-vmok-plugin-col--span-md-23 {
    flex-basis: 95.83333333%;
    max-width: 95.83333333%;
  }
  .tools-vmok-plugin-col--span-md-22 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .tools-vmok-plugin-col--span-md-21 {
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .tools-vmok-plugin-col--span-md-20 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .tools-vmok-plugin-col--span-md-19 {
    flex-basis: 79.16666667%;
    max-width: 79.16666667%;
  }
  .tools-vmok-plugin-col--span-md-18 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .tools-vmok-plugin-col--span-md-17 {
    flex-basis: 70.83333333%;
    max-width: 70.83333333%;
  }
  .tools-vmok-plugin-col--span-md-16 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .tools-vmok-plugin-col--span-md-15 {
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .tools-vmok-plugin-col--span-md-14 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .tools-vmok-plugin-col--span-md-13 {
    flex-basis: 54.16666667%;
    max-width: 54.16666667%;
  }
  .tools-vmok-plugin-col--span-md-12 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .tools-vmok-plugin-col--span-md-11 {
    flex-basis: 45.83333333%;
    max-width: 45.83333333%;
  }
  .tools-vmok-plugin-col--span-md-10 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .tools-vmok-plugin-col--span-md-9 {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .tools-vmok-plugin-col--span-md-8 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .tools-vmok-plugin-col--span-md-7 {
    flex-basis: 29.16666667%;
    max-width: 29.16666667%;
  }
  .tools-vmok-plugin-col--span-md-6 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .tools-vmok-plugin-col--span-md-5 {
    flex-basis: 20.83333333%;
    max-width: 20.83333333%;
  }
  .tools-vmok-plugin-col--span-md-4 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .tools-vmok-plugin-col--span-md-3 {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .tools-vmok-plugin-col--span-md-2 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .tools-vmok-plugin-col--span-md-1 {
    flex-basis: 4.16666667%;
    max-width: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-md-23 {
    margin-left: 95.83333333%;
  }
  .tools-vmok-plugin-col--offset-md-23.tools-vmok-plugin-col--rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-22 {
    margin-left: 91.66666667%;
  }
  .tools-vmok-plugin-col--offset-md-22.tools-vmok-plugin-col--rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-21 {
    margin-left: 87.5%;
  }
  .tools-vmok-plugin-col--offset-md-21.tools-vmok-plugin-col--rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-20 {
    margin-left: 83.33333333%;
  }
  .tools-vmok-plugin-col--offset-md-20.tools-vmok-plugin-col--rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-19 {
    margin-left: 79.16666667%;
  }
  .tools-vmok-plugin-col--offset-md-19.tools-vmok-plugin-col--rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-18 {
    margin-left: 75%;
  }
  .tools-vmok-plugin-col--offset-md-18.tools-vmok-plugin-col--rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-17 {
    margin-left: 70.83333333%;
  }
  .tools-vmok-plugin-col--offset-md-17.tools-vmok-plugin-col--rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-16 {
    margin-left: 66.66666667%;
  }
  .tools-vmok-plugin-col--offset-md-16.tools-vmok-plugin-col--rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-15 {
    margin-left: 62.5%;
  }
  .tools-vmok-plugin-col--offset-md-15.tools-vmok-plugin-col--rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-14 {
    margin-left: 58.33333333%;
  }
  .tools-vmok-plugin-col--offset-md-14.tools-vmok-plugin-col--rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-13 {
    margin-left: 54.16666667%;
  }
  .tools-vmok-plugin-col--offset-md-13.tools-vmok-plugin-col--rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-12 {
    margin-left: 50%;
  }
  .tools-vmok-plugin-col--offset-md-12.tools-vmok-plugin-col--rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-11 {
    margin-left: 45.83333333%;
  }
  .tools-vmok-plugin-col--offset-md-11.tools-vmok-plugin-col--rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-10 {
    margin-left: 41.66666667%;
  }
  .tools-vmok-plugin-col--offset-md-10.tools-vmok-plugin-col--rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-9 {
    margin-left: 37.5%;
  }
  .tools-vmok-plugin-col--offset-md-9.tools-vmok-plugin-col--rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-8 {
    margin-left: 33.33333333%;
  }
  .tools-vmok-plugin-col--offset-md-8.tools-vmok-plugin-col--rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-7 {
    margin-left: 29.16666667%;
  }
  .tools-vmok-plugin-col--offset-md-7.tools-vmok-plugin-col--rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-6 {
    margin-left: 25%;
  }
  .tools-vmok-plugin-col--offset-md-6.tools-vmok-plugin-col--rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-5 {
    margin-left: 20.83333333%;
  }
  .tools-vmok-plugin-col--offset-md-5.tools-vmok-plugin-col--rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-4 {
    margin-left: 16.66666667%;
  }
  .tools-vmok-plugin-col--offset-md-4.tools-vmok-plugin-col--rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-3 {
    margin-left: 12.5%;
  }
  .tools-vmok-plugin-col--offset-md-3.tools-vmok-plugin-col--rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-2 {
    margin-left: 8.33333333%;
  }
  .tools-vmok-plugin-col--offset-md-2.tools-vmok-plugin-col--rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-1 {
    margin-left: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-md-1.tools-vmok-plugin-col--rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-md-0 {
    margin-left: 0%;
  }
  .tools-vmok-plugin-col--offset-md-0.tools-vmok-plugin-col--rtl {
    margin-right: 0%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--order-md-1 {
    order: 1;
  }
  .tools-vmok-plugin-col--order-md-2 {
    order: 2;
  }
  .tools-vmok-plugin-col--order-md-3 {
    order: 3;
  }
  .tools-vmok-plugin-col--order-md-4 {
    order: 4;
  }
  .tools-vmok-plugin-col--order-md-5 {
    order: 5;
  }
  .tools-vmok-plugin-col--order-md-6 {
    order: 6;
  }
  .tools-vmok-plugin-col--order-md-7 {
    order: 7;
  }
  .tools-vmok-plugin-col--order-md-8 {
    order: 8;
  }
  .tools-vmok-plugin-col--order-md-9 {
    order: 9;
  }
  .tools-vmok-plugin-col--order-md-10 {
    order: 10;
  }
  .tools-vmok-plugin-col--order-md-11 {
    order: 11;
  }
  .tools-vmok-plugin-col--order-md-12 {
    order: 12;
  }
  .tools-vmok-plugin-col--order-md-13 {
    order: 13;
  }
  .tools-vmok-plugin-col--order-md-14 {
    order: 14;
  }
  .tools-vmok-plugin-col--order-md-15 {
    order: 15;
  }
  .tools-vmok-plugin-col--order-md-16 {
    order: 16;
  }
  .tools-vmok-plugin-col--order-md-17 {
    order: 17;
  }
  .tools-vmok-plugin-col--order-md-18 {
    order: 18;
  }
  .tools-vmok-plugin-col--order-md-19 {
    order: 19;
  }
  .tools-vmok-plugin-col--order-md-20 {
    order: 20;
  }
  .tools-vmok-plugin-col--order-md-21 {
    order: 21;
  }
  .tools-vmok-plugin-col--order-md-22 {
    order: 22;
  }
  .tools-vmok-plugin-col--order-md-23 {
    order: 23;
  }
  .tools-vmok-plugin-col--order-md-24 {
    order: 24;
  }
  .tools-vmok-plugin-col--pull-md-23 {
    right: 95.83333333%;
  }
  .tools-vmok-plugin-col--pull-md-23.tools-vmok-plugin-col--rtl {
    left: 95.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-22 {
    right: 91.66666667%;
  }
  .tools-vmok-plugin-col--pull-md-22.tools-vmok-plugin-col--rtl {
    left: 91.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-21 {
    right: 87.5%;
  }
  .tools-vmok-plugin-col--pull-md-21.tools-vmok-plugin-col--rtl {
    left: 87.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-20 {
    right: 83.33333333%;
  }
  .tools-vmok-plugin-col--pull-md-20.tools-vmok-plugin-col--rtl {
    left: 83.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-19 {
    right: 79.16666667%;
  }
  .tools-vmok-plugin-col--pull-md-19.tools-vmok-plugin-col--rtl {
    left: 79.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-18 {
    right: 75%;
  }
  .tools-vmok-plugin-col--pull-md-18.tools-vmok-plugin-col--rtl {
    left: 75%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-17 {
    right: 70.83333333%;
  }
  .tools-vmok-plugin-col--pull-md-17.tools-vmok-plugin-col--rtl {
    left: 70.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-16 {
    right: 66.66666667%;
  }
  .tools-vmok-plugin-col--pull-md-16.tools-vmok-plugin-col--rtl {
    left: 66.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-15 {
    right: 62.5%;
  }
  .tools-vmok-plugin-col--pull-md-15.tools-vmok-plugin-col--rtl {
    left: 62.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-14 {
    right: 58.33333333%;
  }
  .tools-vmok-plugin-col--pull-md-14.tools-vmok-plugin-col--rtl {
    left: 58.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-13 {
    right: 54.16666667%;
  }
  .tools-vmok-plugin-col--pull-md-13.tools-vmok-plugin-col--rtl {
    left: 54.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-12 {
    right: 50%;
  }
  .tools-vmok-plugin-col--pull-md-12.tools-vmok-plugin-col--rtl {
    left: 50%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-11 {
    right: 45.83333333%;
  }
  .tools-vmok-plugin-col--pull-md-11.tools-vmok-plugin-col--rtl {
    left: 45.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-10 {
    right: 41.66666667%;
  }
  .tools-vmok-plugin-col--pull-md-10.tools-vmok-plugin-col--rtl {
    left: 41.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-9 {
    right: 37.5%;
  }
  .tools-vmok-plugin-col--pull-md-9.tools-vmok-plugin-col--rtl {
    left: 37.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-8 {
    right: 33.33333333%;
  }
  .tools-vmok-plugin-col--pull-md-8.tools-vmok-plugin-col--rtl {
    left: 33.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-7 {
    right: 29.16666667%;
  }
  .tools-vmok-plugin-col--pull-md-7.tools-vmok-plugin-col--rtl {
    left: 29.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-6 {
    right: 25%;
  }
  .tools-vmok-plugin-col--pull-md-6.tools-vmok-plugin-col--rtl {
    left: 25%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-5 {
    right: 20.83333333%;
  }
  .tools-vmok-plugin-col--pull-md-5.tools-vmok-plugin-col--rtl {
    left: 20.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-4 {
    right: 16.66666667%;
  }
  .tools-vmok-plugin-col--pull-md-4.tools-vmok-plugin-col--rtl {
    left: 16.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-3 {
    right: 12.5%;
  }
  .tools-vmok-plugin-col--pull-md-3.tools-vmok-plugin-col--rtl {
    left: 12.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-2 {
    right: 8.33333333%;
  }
  .tools-vmok-plugin-col--pull-md-2.tools-vmok-plugin-col--rtl {
    left: 8.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-1 {
    right: 4.16666667%;
  }
  .tools-vmok-plugin-col--pull-md-1.tools-vmok-plugin-col--rtl {
    left: 4.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-md-0 {
    right: 0%;
  }
  .tools-vmok-plugin-col--pull-md-0.tools-vmok-plugin-col--rtl {
    left: 0%;
    right: 0;
  }
  .tools-vmok-plugin-col--push-md-23 {
    left: 95.83333333%;
  }
  .tools-vmok-plugin-col--push-md-23.tools-vmok-plugin-col--rtl {
    right: 95.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-22 {
    left: 91.66666667%;
  }
  .tools-vmok-plugin-col--push-md-22.tools-vmok-plugin-col--rtl {
    right: 91.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-21 {
    left: 87.5%;
  }
  .tools-vmok-plugin-col--push-md-21.tools-vmok-plugin-col--rtl {
    right: 87.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-20 {
    left: 83.33333333%;
  }
  .tools-vmok-plugin-col--push-md-20.tools-vmok-plugin-col--rtl {
    right: 83.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-19 {
    left: 79.16666667%;
  }
  .tools-vmok-plugin-col--push-md-19.tools-vmok-plugin-col--rtl {
    right: 79.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-18 {
    left: 75%;
  }
  .tools-vmok-plugin-col--push-md-18.tools-vmok-plugin-col--rtl {
    right: 75%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-17 {
    left: 70.83333333%;
  }
  .tools-vmok-plugin-col--push-md-17.tools-vmok-plugin-col--rtl {
    right: 70.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-16 {
    left: 66.66666667%;
  }
  .tools-vmok-plugin-col--push-md-16.tools-vmok-plugin-col--rtl {
    right: 66.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-15 {
    left: 62.5%;
  }
  .tools-vmok-plugin-col--push-md-15.tools-vmok-plugin-col--rtl {
    right: 62.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-14 {
    left: 58.33333333%;
  }
  .tools-vmok-plugin-col--push-md-14.tools-vmok-plugin-col--rtl {
    right: 58.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-13 {
    left: 54.16666667%;
  }
  .tools-vmok-plugin-col--push-md-13.tools-vmok-plugin-col--rtl {
    right: 54.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-12 {
    left: 50%;
  }
  .tools-vmok-plugin-col--push-md-12.tools-vmok-plugin-col--rtl {
    right: 50%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-11 {
    left: 45.83333333%;
  }
  .tools-vmok-plugin-col--push-md-11.tools-vmok-plugin-col--rtl {
    right: 45.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-10 {
    left: 41.66666667%;
  }
  .tools-vmok-plugin-col--push-md-10.tools-vmok-plugin-col--rtl {
    right: 41.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-9 {
    left: 37.5%;
  }
  .tools-vmok-plugin-col--push-md-9.tools-vmok-plugin-col--rtl {
    right: 37.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-8 {
    left: 33.33333333%;
  }
  .tools-vmok-plugin-col--push-md-8.tools-vmok-plugin-col--rtl {
    right: 33.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-7 {
    left: 29.16666667%;
  }
  .tools-vmok-plugin-col--push-md-7.tools-vmok-plugin-col--rtl {
    right: 29.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-6 {
    left: 25%;
  }
  .tools-vmok-plugin-col--push-md-6.tools-vmok-plugin-col--rtl {
    right: 25%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-5 {
    left: 20.83333333%;
  }
  .tools-vmok-plugin-col--push-md-5.tools-vmok-plugin-col--rtl {
    right: 20.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-4 {
    left: 16.66666667%;
  }
  .tools-vmok-plugin-col--push-md-4.tools-vmok-plugin-col--rtl {
    right: 16.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-3 {
    left: 12.5%;
  }
  .tools-vmok-plugin-col--push-md-3.tools-vmok-plugin-col--rtl {
    right: 12.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-2 {
    left: 8.33333333%;
  }
  .tools-vmok-plugin-col--push-md-2.tools-vmok-plugin-col--rtl {
    right: 8.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-1 {
    left: 4.16666667%;
  }
  .tools-vmok-plugin-col--push-md-1.tools-vmok-plugin-col--rtl {
    right: 4.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-md-0 {
    left: 0%;
  }
  .tools-vmok-plugin-col--push-md-0.tools-vmok-plugin-col--rtl {
    right: 0%;
    left: 0;
  }
}
.tools-vmok-plugin-col--span-lg-0 {
  display: none;
}
@media screen and (min-width: 992px) {
  .tools-vmok-plugin-col--span-lg-24 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .tools-vmok-plugin-col--span-lg-23 {
    flex-basis: 95.83333333%;
    max-width: 95.83333333%;
  }
  .tools-vmok-plugin-col--span-lg-22 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .tools-vmok-plugin-col--span-lg-21 {
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .tools-vmok-plugin-col--span-lg-20 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .tools-vmok-plugin-col--span-lg-19 {
    flex-basis: 79.16666667%;
    max-width: 79.16666667%;
  }
  .tools-vmok-plugin-col--span-lg-18 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .tools-vmok-plugin-col--span-lg-17 {
    flex-basis: 70.83333333%;
    max-width: 70.83333333%;
  }
  .tools-vmok-plugin-col--span-lg-16 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .tools-vmok-plugin-col--span-lg-15 {
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .tools-vmok-plugin-col--span-lg-14 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .tools-vmok-plugin-col--span-lg-13 {
    flex-basis: 54.16666667%;
    max-width: 54.16666667%;
  }
  .tools-vmok-plugin-col--span-lg-12 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .tools-vmok-plugin-col--span-lg-11 {
    flex-basis: 45.83333333%;
    max-width: 45.83333333%;
  }
  .tools-vmok-plugin-col--span-lg-10 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .tools-vmok-plugin-col--span-lg-9 {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .tools-vmok-plugin-col--span-lg-8 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .tools-vmok-plugin-col--span-lg-7 {
    flex-basis: 29.16666667%;
    max-width: 29.16666667%;
  }
  .tools-vmok-plugin-col--span-lg-6 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .tools-vmok-plugin-col--span-lg-5 {
    flex-basis: 20.83333333%;
    max-width: 20.83333333%;
  }
  .tools-vmok-plugin-col--span-lg-4 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .tools-vmok-plugin-col--span-lg-3 {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .tools-vmok-plugin-col--span-lg-2 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .tools-vmok-plugin-col--span-lg-1 {
    flex-basis: 4.16666667%;
    max-width: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-lg-23 {
    margin-left: 95.83333333%;
  }
  .tools-vmok-plugin-col--offset-lg-23.tools-vmok-plugin-col--rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-22 {
    margin-left: 91.66666667%;
  }
  .tools-vmok-plugin-col--offset-lg-22.tools-vmok-plugin-col--rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-21 {
    margin-left: 87.5%;
  }
  .tools-vmok-plugin-col--offset-lg-21.tools-vmok-plugin-col--rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-20 {
    margin-left: 83.33333333%;
  }
  .tools-vmok-plugin-col--offset-lg-20.tools-vmok-plugin-col--rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-19 {
    margin-left: 79.16666667%;
  }
  .tools-vmok-plugin-col--offset-lg-19.tools-vmok-plugin-col--rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-18 {
    margin-left: 75%;
  }
  .tools-vmok-plugin-col--offset-lg-18.tools-vmok-plugin-col--rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-17 {
    margin-left: 70.83333333%;
  }
  .tools-vmok-plugin-col--offset-lg-17.tools-vmok-plugin-col--rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-16 {
    margin-left: 66.66666667%;
  }
  .tools-vmok-plugin-col--offset-lg-16.tools-vmok-plugin-col--rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-15 {
    margin-left: 62.5%;
  }
  .tools-vmok-plugin-col--offset-lg-15.tools-vmok-plugin-col--rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-14 {
    margin-left: 58.33333333%;
  }
  .tools-vmok-plugin-col--offset-lg-14.tools-vmok-plugin-col--rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-13 {
    margin-left: 54.16666667%;
  }
  .tools-vmok-plugin-col--offset-lg-13.tools-vmok-plugin-col--rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-12 {
    margin-left: 50%;
  }
  .tools-vmok-plugin-col--offset-lg-12.tools-vmok-plugin-col--rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-11 {
    margin-left: 45.83333333%;
  }
  .tools-vmok-plugin-col--offset-lg-11.tools-vmok-plugin-col--rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-10 {
    margin-left: 41.66666667%;
  }
  .tools-vmok-plugin-col--offset-lg-10.tools-vmok-plugin-col--rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-9 {
    margin-left: 37.5%;
  }
  .tools-vmok-plugin-col--offset-lg-9.tools-vmok-plugin-col--rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-8 {
    margin-left: 33.33333333%;
  }
  .tools-vmok-plugin-col--offset-lg-8.tools-vmok-plugin-col--rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-7 {
    margin-left: 29.16666667%;
  }
  .tools-vmok-plugin-col--offset-lg-7.tools-vmok-plugin-col--rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-6 {
    margin-left: 25%;
  }
  .tools-vmok-plugin-col--offset-lg-6.tools-vmok-plugin-col--rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-5 {
    margin-left: 20.83333333%;
  }
  .tools-vmok-plugin-col--offset-lg-5.tools-vmok-plugin-col--rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-4 {
    margin-left: 16.66666667%;
  }
  .tools-vmok-plugin-col--offset-lg-4.tools-vmok-plugin-col--rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-3 {
    margin-left: 12.5%;
  }
  .tools-vmok-plugin-col--offset-lg-3.tools-vmok-plugin-col--rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-2 {
    margin-left: 8.33333333%;
  }
  .tools-vmok-plugin-col--offset-lg-2.tools-vmok-plugin-col--rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-1 {
    margin-left: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-lg-1.tools-vmok-plugin-col--rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-lg-0 {
    margin-left: 0%;
  }
  .tools-vmok-plugin-col--offset-lg-0.tools-vmok-plugin-col--rtl {
    margin-right: 0%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--order-lg-1 {
    order: 1;
  }
  .tools-vmok-plugin-col--order-lg-2 {
    order: 2;
  }
  .tools-vmok-plugin-col--order-lg-3 {
    order: 3;
  }
  .tools-vmok-plugin-col--order-lg-4 {
    order: 4;
  }
  .tools-vmok-plugin-col--order-lg-5 {
    order: 5;
  }
  .tools-vmok-plugin-col--order-lg-6 {
    order: 6;
  }
  .tools-vmok-plugin-col--order-lg-7 {
    order: 7;
  }
  .tools-vmok-plugin-col--order-lg-8 {
    order: 8;
  }
  .tools-vmok-plugin-col--order-lg-9 {
    order: 9;
  }
  .tools-vmok-plugin-col--order-lg-10 {
    order: 10;
  }
  .tools-vmok-plugin-col--order-lg-11 {
    order: 11;
  }
  .tools-vmok-plugin-col--order-lg-12 {
    order: 12;
  }
  .tools-vmok-plugin-col--order-lg-13 {
    order: 13;
  }
  .tools-vmok-plugin-col--order-lg-14 {
    order: 14;
  }
  .tools-vmok-plugin-col--order-lg-15 {
    order: 15;
  }
  .tools-vmok-plugin-col--order-lg-16 {
    order: 16;
  }
  .tools-vmok-plugin-col--order-lg-17 {
    order: 17;
  }
  .tools-vmok-plugin-col--order-lg-18 {
    order: 18;
  }
  .tools-vmok-plugin-col--order-lg-19 {
    order: 19;
  }
  .tools-vmok-plugin-col--order-lg-20 {
    order: 20;
  }
  .tools-vmok-plugin-col--order-lg-21 {
    order: 21;
  }
  .tools-vmok-plugin-col--order-lg-22 {
    order: 22;
  }
  .tools-vmok-plugin-col--order-lg-23 {
    order: 23;
  }
  .tools-vmok-plugin-col--order-lg-24 {
    order: 24;
  }
  .tools-vmok-plugin-col--pull-lg-23 {
    right: 95.83333333%;
  }
  .tools-vmok-plugin-col--pull-lg-23.tools-vmok-plugin-col--rtl {
    left: 95.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-22 {
    right: 91.66666667%;
  }
  .tools-vmok-plugin-col--pull-lg-22.tools-vmok-plugin-col--rtl {
    left: 91.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-21 {
    right: 87.5%;
  }
  .tools-vmok-plugin-col--pull-lg-21.tools-vmok-plugin-col--rtl {
    left: 87.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-20 {
    right: 83.33333333%;
  }
  .tools-vmok-plugin-col--pull-lg-20.tools-vmok-plugin-col--rtl {
    left: 83.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-19 {
    right: 79.16666667%;
  }
  .tools-vmok-plugin-col--pull-lg-19.tools-vmok-plugin-col--rtl {
    left: 79.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-18 {
    right: 75%;
  }
  .tools-vmok-plugin-col--pull-lg-18.tools-vmok-plugin-col--rtl {
    left: 75%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-17 {
    right: 70.83333333%;
  }
  .tools-vmok-plugin-col--pull-lg-17.tools-vmok-plugin-col--rtl {
    left: 70.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-16 {
    right: 66.66666667%;
  }
  .tools-vmok-plugin-col--pull-lg-16.tools-vmok-plugin-col--rtl {
    left: 66.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-15 {
    right: 62.5%;
  }
  .tools-vmok-plugin-col--pull-lg-15.tools-vmok-plugin-col--rtl {
    left: 62.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-14 {
    right: 58.33333333%;
  }
  .tools-vmok-plugin-col--pull-lg-14.tools-vmok-plugin-col--rtl {
    left: 58.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-13 {
    right: 54.16666667%;
  }
  .tools-vmok-plugin-col--pull-lg-13.tools-vmok-plugin-col--rtl {
    left: 54.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-12 {
    right: 50%;
  }
  .tools-vmok-plugin-col--pull-lg-12.tools-vmok-plugin-col--rtl {
    left: 50%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-11 {
    right: 45.83333333%;
  }
  .tools-vmok-plugin-col--pull-lg-11.tools-vmok-plugin-col--rtl {
    left: 45.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-10 {
    right: 41.66666667%;
  }
  .tools-vmok-plugin-col--pull-lg-10.tools-vmok-plugin-col--rtl {
    left: 41.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-9 {
    right: 37.5%;
  }
  .tools-vmok-plugin-col--pull-lg-9.tools-vmok-plugin-col--rtl {
    left: 37.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-8 {
    right: 33.33333333%;
  }
  .tools-vmok-plugin-col--pull-lg-8.tools-vmok-plugin-col--rtl {
    left: 33.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-7 {
    right: 29.16666667%;
  }
  .tools-vmok-plugin-col--pull-lg-7.tools-vmok-plugin-col--rtl {
    left: 29.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-6 {
    right: 25%;
  }
  .tools-vmok-plugin-col--pull-lg-6.tools-vmok-plugin-col--rtl {
    left: 25%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-5 {
    right: 20.83333333%;
  }
  .tools-vmok-plugin-col--pull-lg-5.tools-vmok-plugin-col--rtl {
    left: 20.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-4 {
    right: 16.66666667%;
  }
  .tools-vmok-plugin-col--pull-lg-4.tools-vmok-plugin-col--rtl {
    left: 16.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-3 {
    right: 12.5%;
  }
  .tools-vmok-plugin-col--pull-lg-3.tools-vmok-plugin-col--rtl {
    left: 12.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-2 {
    right: 8.33333333%;
  }
  .tools-vmok-plugin-col--pull-lg-2.tools-vmok-plugin-col--rtl {
    left: 8.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-1 {
    right: 4.16666667%;
  }
  .tools-vmok-plugin-col--pull-lg-1.tools-vmok-plugin-col--rtl {
    left: 4.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-lg-0 {
    right: 0%;
  }
  .tools-vmok-plugin-col--pull-lg-0.tools-vmok-plugin-col--rtl {
    left: 0%;
    right: 0;
  }
  .tools-vmok-plugin-col--push-lg-23 {
    left: 95.83333333%;
  }
  .tools-vmok-plugin-col--push-lg-23.tools-vmok-plugin-col--rtl {
    right: 95.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-22 {
    left: 91.66666667%;
  }
  .tools-vmok-plugin-col--push-lg-22.tools-vmok-plugin-col--rtl {
    right: 91.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-21 {
    left: 87.5%;
  }
  .tools-vmok-plugin-col--push-lg-21.tools-vmok-plugin-col--rtl {
    right: 87.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-20 {
    left: 83.33333333%;
  }
  .tools-vmok-plugin-col--push-lg-20.tools-vmok-plugin-col--rtl {
    right: 83.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-19 {
    left: 79.16666667%;
  }
  .tools-vmok-plugin-col--push-lg-19.tools-vmok-plugin-col--rtl {
    right: 79.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-18 {
    left: 75%;
  }
  .tools-vmok-plugin-col--push-lg-18.tools-vmok-plugin-col--rtl {
    right: 75%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-17 {
    left: 70.83333333%;
  }
  .tools-vmok-plugin-col--push-lg-17.tools-vmok-plugin-col--rtl {
    right: 70.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-16 {
    left: 66.66666667%;
  }
  .tools-vmok-plugin-col--push-lg-16.tools-vmok-plugin-col--rtl {
    right: 66.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-15 {
    left: 62.5%;
  }
  .tools-vmok-plugin-col--push-lg-15.tools-vmok-plugin-col--rtl {
    right: 62.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-14 {
    left: 58.33333333%;
  }
  .tools-vmok-plugin-col--push-lg-14.tools-vmok-plugin-col--rtl {
    right: 58.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-13 {
    left: 54.16666667%;
  }
  .tools-vmok-plugin-col--push-lg-13.tools-vmok-plugin-col--rtl {
    right: 54.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-12 {
    left: 50%;
  }
  .tools-vmok-plugin-col--push-lg-12.tools-vmok-plugin-col--rtl {
    right: 50%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-11 {
    left: 45.83333333%;
  }
  .tools-vmok-plugin-col--push-lg-11.tools-vmok-plugin-col--rtl {
    right: 45.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-10 {
    left: 41.66666667%;
  }
  .tools-vmok-plugin-col--push-lg-10.tools-vmok-plugin-col--rtl {
    right: 41.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-9 {
    left: 37.5%;
  }
  .tools-vmok-plugin-col--push-lg-9.tools-vmok-plugin-col--rtl {
    right: 37.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-8 {
    left: 33.33333333%;
  }
  .tools-vmok-plugin-col--push-lg-8.tools-vmok-plugin-col--rtl {
    right: 33.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-7 {
    left: 29.16666667%;
  }
  .tools-vmok-plugin-col--push-lg-7.tools-vmok-plugin-col--rtl {
    right: 29.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-6 {
    left: 25%;
  }
  .tools-vmok-plugin-col--push-lg-6.tools-vmok-plugin-col--rtl {
    right: 25%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-5 {
    left: 20.83333333%;
  }
  .tools-vmok-plugin-col--push-lg-5.tools-vmok-plugin-col--rtl {
    right: 20.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-4 {
    left: 16.66666667%;
  }
  .tools-vmok-plugin-col--push-lg-4.tools-vmok-plugin-col--rtl {
    right: 16.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-3 {
    left: 12.5%;
  }
  .tools-vmok-plugin-col--push-lg-3.tools-vmok-plugin-col--rtl {
    right: 12.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-2 {
    left: 8.33333333%;
  }
  .tools-vmok-plugin-col--push-lg-2.tools-vmok-plugin-col--rtl {
    right: 8.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-1 {
    left: 4.16666667%;
  }
  .tools-vmok-plugin-col--push-lg-1.tools-vmok-plugin-col--rtl {
    right: 4.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-lg-0 {
    left: 0%;
  }
  .tools-vmok-plugin-col--push-lg-0.tools-vmok-plugin-col--rtl {
    right: 0%;
    left: 0;
  }
}
.tools-vmok-plugin-col--span-xl-0 {
  display: none;
}
@media screen and (min-width: 1200px) {
  .tools-vmok-plugin-col--span-xl-24 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .tools-vmok-plugin-col--span-xl-23 {
    flex-basis: 95.83333333%;
    max-width: 95.83333333%;
  }
  .tools-vmok-plugin-col--span-xl-22 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .tools-vmok-plugin-col--span-xl-21 {
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .tools-vmok-plugin-col--span-xl-20 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .tools-vmok-plugin-col--span-xl-19 {
    flex-basis: 79.16666667%;
    max-width: 79.16666667%;
  }
  .tools-vmok-plugin-col--span-xl-18 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .tools-vmok-plugin-col--span-xl-17 {
    flex-basis: 70.83333333%;
    max-width: 70.83333333%;
  }
  .tools-vmok-plugin-col--span-xl-16 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .tools-vmok-plugin-col--span-xl-15 {
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .tools-vmok-plugin-col--span-xl-14 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .tools-vmok-plugin-col--span-xl-13 {
    flex-basis: 54.16666667%;
    max-width: 54.16666667%;
  }
  .tools-vmok-plugin-col--span-xl-12 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .tools-vmok-plugin-col--span-xl-11 {
    flex-basis: 45.83333333%;
    max-width: 45.83333333%;
  }
  .tools-vmok-plugin-col--span-xl-10 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .tools-vmok-plugin-col--span-xl-9 {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .tools-vmok-plugin-col--span-xl-8 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .tools-vmok-plugin-col--span-xl-7 {
    flex-basis: 29.16666667%;
    max-width: 29.16666667%;
  }
  .tools-vmok-plugin-col--span-xl-6 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .tools-vmok-plugin-col--span-xl-5 {
    flex-basis: 20.83333333%;
    max-width: 20.83333333%;
  }
  .tools-vmok-plugin-col--span-xl-4 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .tools-vmok-plugin-col--span-xl-3 {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .tools-vmok-plugin-col--span-xl-2 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .tools-vmok-plugin-col--span-xl-1 {
    flex-basis: 4.16666667%;
    max-width: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-xl-23 {
    margin-left: 95.83333333%;
  }
  .tools-vmok-plugin-col--offset-xl-23.tools-vmok-plugin-col--rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-22 {
    margin-left: 91.66666667%;
  }
  .tools-vmok-plugin-col--offset-xl-22.tools-vmok-plugin-col--rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-21 {
    margin-left: 87.5%;
  }
  .tools-vmok-plugin-col--offset-xl-21.tools-vmok-plugin-col--rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-20 {
    margin-left: 83.33333333%;
  }
  .tools-vmok-plugin-col--offset-xl-20.tools-vmok-plugin-col--rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-19 {
    margin-left: 79.16666667%;
  }
  .tools-vmok-plugin-col--offset-xl-19.tools-vmok-plugin-col--rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-18 {
    margin-left: 75%;
  }
  .tools-vmok-plugin-col--offset-xl-18.tools-vmok-plugin-col--rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-17 {
    margin-left: 70.83333333%;
  }
  .tools-vmok-plugin-col--offset-xl-17.tools-vmok-plugin-col--rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-16 {
    margin-left: 66.66666667%;
  }
  .tools-vmok-plugin-col--offset-xl-16.tools-vmok-plugin-col--rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-15 {
    margin-left: 62.5%;
  }
  .tools-vmok-plugin-col--offset-xl-15.tools-vmok-plugin-col--rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-14 {
    margin-left: 58.33333333%;
  }
  .tools-vmok-plugin-col--offset-xl-14.tools-vmok-plugin-col--rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-13 {
    margin-left: 54.16666667%;
  }
  .tools-vmok-plugin-col--offset-xl-13.tools-vmok-plugin-col--rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-12 {
    margin-left: 50%;
  }
  .tools-vmok-plugin-col--offset-xl-12.tools-vmok-plugin-col--rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-11 {
    margin-left: 45.83333333%;
  }
  .tools-vmok-plugin-col--offset-xl-11.tools-vmok-plugin-col--rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-10 {
    margin-left: 41.66666667%;
  }
  .tools-vmok-plugin-col--offset-xl-10.tools-vmok-plugin-col--rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-9 {
    margin-left: 37.5%;
  }
  .tools-vmok-plugin-col--offset-xl-9.tools-vmok-plugin-col--rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-8 {
    margin-left: 33.33333333%;
  }
  .tools-vmok-plugin-col--offset-xl-8.tools-vmok-plugin-col--rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-7 {
    margin-left: 29.16666667%;
  }
  .tools-vmok-plugin-col--offset-xl-7.tools-vmok-plugin-col--rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-6 {
    margin-left: 25%;
  }
  .tools-vmok-plugin-col--offset-xl-6.tools-vmok-plugin-col--rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-5 {
    margin-left: 20.83333333%;
  }
  .tools-vmok-plugin-col--offset-xl-5.tools-vmok-plugin-col--rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-4 {
    margin-left: 16.66666667%;
  }
  .tools-vmok-plugin-col--offset-xl-4.tools-vmok-plugin-col--rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-3 {
    margin-left: 12.5%;
  }
  .tools-vmok-plugin-col--offset-xl-3.tools-vmok-plugin-col--rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-2 {
    margin-left: 8.33333333%;
  }
  .tools-vmok-plugin-col--offset-xl-2.tools-vmok-plugin-col--rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-1 {
    margin-left: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-xl-1.tools-vmok-plugin-col--rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xl-0 {
    margin-left: 0%;
  }
  .tools-vmok-plugin-col--offset-xl-0.tools-vmok-plugin-col--rtl {
    margin-right: 0%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--order-xl-1 {
    order: 1;
  }
  .tools-vmok-plugin-col--order-xl-2 {
    order: 2;
  }
  .tools-vmok-plugin-col--order-xl-3 {
    order: 3;
  }
  .tools-vmok-plugin-col--order-xl-4 {
    order: 4;
  }
  .tools-vmok-plugin-col--order-xl-5 {
    order: 5;
  }
  .tools-vmok-plugin-col--order-xl-6 {
    order: 6;
  }
  .tools-vmok-plugin-col--order-xl-7 {
    order: 7;
  }
  .tools-vmok-plugin-col--order-xl-8 {
    order: 8;
  }
  .tools-vmok-plugin-col--order-xl-9 {
    order: 9;
  }
  .tools-vmok-plugin-col--order-xl-10 {
    order: 10;
  }
  .tools-vmok-plugin-col--order-xl-11 {
    order: 11;
  }
  .tools-vmok-plugin-col--order-xl-12 {
    order: 12;
  }
  .tools-vmok-plugin-col--order-xl-13 {
    order: 13;
  }
  .tools-vmok-plugin-col--order-xl-14 {
    order: 14;
  }
  .tools-vmok-plugin-col--order-xl-15 {
    order: 15;
  }
  .tools-vmok-plugin-col--order-xl-16 {
    order: 16;
  }
  .tools-vmok-plugin-col--order-xl-17 {
    order: 17;
  }
  .tools-vmok-plugin-col--order-xl-18 {
    order: 18;
  }
  .tools-vmok-plugin-col--order-xl-19 {
    order: 19;
  }
  .tools-vmok-plugin-col--order-xl-20 {
    order: 20;
  }
  .tools-vmok-plugin-col--order-xl-21 {
    order: 21;
  }
  .tools-vmok-plugin-col--order-xl-22 {
    order: 22;
  }
  .tools-vmok-plugin-col--order-xl-23 {
    order: 23;
  }
  .tools-vmok-plugin-col--order-xl-24 {
    order: 24;
  }
  .tools-vmok-plugin-col--pull-xl-23 {
    right: 95.83333333%;
  }
  .tools-vmok-plugin-col--pull-xl-23.tools-vmok-plugin-col--rtl {
    left: 95.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-22 {
    right: 91.66666667%;
  }
  .tools-vmok-plugin-col--pull-xl-22.tools-vmok-plugin-col--rtl {
    left: 91.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-21 {
    right: 87.5%;
  }
  .tools-vmok-plugin-col--pull-xl-21.tools-vmok-plugin-col--rtl {
    left: 87.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-20 {
    right: 83.33333333%;
  }
  .tools-vmok-plugin-col--pull-xl-20.tools-vmok-plugin-col--rtl {
    left: 83.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-19 {
    right: 79.16666667%;
  }
  .tools-vmok-plugin-col--pull-xl-19.tools-vmok-plugin-col--rtl {
    left: 79.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-18 {
    right: 75%;
  }
  .tools-vmok-plugin-col--pull-xl-18.tools-vmok-plugin-col--rtl {
    left: 75%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-17 {
    right: 70.83333333%;
  }
  .tools-vmok-plugin-col--pull-xl-17.tools-vmok-plugin-col--rtl {
    left: 70.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-16 {
    right: 66.66666667%;
  }
  .tools-vmok-plugin-col--pull-xl-16.tools-vmok-plugin-col--rtl {
    left: 66.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-15 {
    right: 62.5%;
  }
  .tools-vmok-plugin-col--pull-xl-15.tools-vmok-plugin-col--rtl {
    left: 62.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-14 {
    right: 58.33333333%;
  }
  .tools-vmok-plugin-col--pull-xl-14.tools-vmok-plugin-col--rtl {
    left: 58.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-13 {
    right: 54.16666667%;
  }
  .tools-vmok-plugin-col--pull-xl-13.tools-vmok-plugin-col--rtl {
    left: 54.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-12 {
    right: 50%;
  }
  .tools-vmok-plugin-col--pull-xl-12.tools-vmok-plugin-col--rtl {
    left: 50%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-11 {
    right: 45.83333333%;
  }
  .tools-vmok-plugin-col--pull-xl-11.tools-vmok-plugin-col--rtl {
    left: 45.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-10 {
    right: 41.66666667%;
  }
  .tools-vmok-plugin-col--pull-xl-10.tools-vmok-plugin-col--rtl {
    left: 41.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-9 {
    right: 37.5%;
  }
  .tools-vmok-plugin-col--pull-xl-9.tools-vmok-plugin-col--rtl {
    left: 37.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-8 {
    right: 33.33333333%;
  }
  .tools-vmok-plugin-col--pull-xl-8.tools-vmok-plugin-col--rtl {
    left: 33.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-7 {
    right: 29.16666667%;
  }
  .tools-vmok-plugin-col--pull-xl-7.tools-vmok-plugin-col--rtl {
    left: 29.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-6 {
    right: 25%;
  }
  .tools-vmok-plugin-col--pull-xl-6.tools-vmok-plugin-col--rtl {
    left: 25%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-5 {
    right: 20.83333333%;
  }
  .tools-vmok-plugin-col--pull-xl-5.tools-vmok-plugin-col--rtl {
    left: 20.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-4 {
    right: 16.66666667%;
  }
  .tools-vmok-plugin-col--pull-xl-4.tools-vmok-plugin-col--rtl {
    left: 16.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-3 {
    right: 12.5%;
  }
  .tools-vmok-plugin-col--pull-xl-3.tools-vmok-plugin-col--rtl {
    left: 12.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-2 {
    right: 8.33333333%;
  }
  .tools-vmok-plugin-col--pull-xl-2.tools-vmok-plugin-col--rtl {
    left: 8.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-1 {
    right: 4.16666667%;
  }
  .tools-vmok-plugin-col--pull-xl-1.tools-vmok-plugin-col--rtl {
    left: 4.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xl-0 {
    right: 0%;
  }
  .tools-vmok-plugin-col--pull-xl-0.tools-vmok-plugin-col--rtl {
    left: 0%;
    right: 0;
  }
  .tools-vmok-plugin-col--push-xl-23 {
    left: 95.83333333%;
  }
  .tools-vmok-plugin-col--push-xl-23.tools-vmok-plugin-col--rtl {
    right: 95.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-22 {
    left: 91.66666667%;
  }
  .tools-vmok-plugin-col--push-xl-22.tools-vmok-plugin-col--rtl {
    right: 91.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-21 {
    left: 87.5%;
  }
  .tools-vmok-plugin-col--push-xl-21.tools-vmok-plugin-col--rtl {
    right: 87.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-20 {
    left: 83.33333333%;
  }
  .tools-vmok-plugin-col--push-xl-20.tools-vmok-plugin-col--rtl {
    right: 83.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-19 {
    left: 79.16666667%;
  }
  .tools-vmok-plugin-col--push-xl-19.tools-vmok-plugin-col--rtl {
    right: 79.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-18 {
    left: 75%;
  }
  .tools-vmok-plugin-col--push-xl-18.tools-vmok-plugin-col--rtl {
    right: 75%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-17 {
    left: 70.83333333%;
  }
  .tools-vmok-plugin-col--push-xl-17.tools-vmok-plugin-col--rtl {
    right: 70.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-16 {
    left: 66.66666667%;
  }
  .tools-vmok-plugin-col--push-xl-16.tools-vmok-plugin-col--rtl {
    right: 66.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-15 {
    left: 62.5%;
  }
  .tools-vmok-plugin-col--push-xl-15.tools-vmok-plugin-col--rtl {
    right: 62.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-14 {
    left: 58.33333333%;
  }
  .tools-vmok-plugin-col--push-xl-14.tools-vmok-plugin-col--rtl {
    right: 58.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-13 {
    left: 54.16666667%;
  }
  .tools-vmok-plugin-col--push-xl-13.tools-vmok-plugin-col--rtl {
    right: 54.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-12 {
    left: 50%;
  }
  .tools-vmok-plugin-col--push-xl-12.tools-vmok-plugin-col--rtl {
    right: 50%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-11 {
    left: 45.83333333%;
  }
  .tools-vmok-plugin-col--push-xl-11.tools-vmok-plugin-col--rtl {
    right: 45.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-10 {
    left: 41.66666667%;
  }
  .tools-vmok-plugin-col--push-xl-10.tools-vmok-plugin-col--rtl {
    right: 41.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-9 {
    left: 37.5%;
  }
  .tools-vmok-plugin-col--push-xl-9.tools-vmok-plugin-col--rtl {
    right: 37.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-8 {
    left: 33.33333333%;
  }
  .tools-vmok-plugin-col--push-xl-8.tools-vmok-plugin-col--rtl {
    right: 33.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-7 {
    left: 29.16666667%;
  }
  .tools-vmok-plugin-col--push-xl-7.tools-vmok-plugin-col--rtl {
    right: 29.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-6 {
    left: 25%;
  }
  .tools-vmok-plugin-col--push-xl-6.tools-vmok-plugin-col--rtl {
    right: 25%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-5 {
    left: 20.83333333%;
  }
  .tools-vmok-plugin-col--push-xl-5.tools-vmok-plugin-col--rtl {
    right: 20.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-4 {
    left: 16.66666667%;
  }
  .tools-vmok-plugin-col--push-xl-4.tools-vmok-plugin-col--rtl {
    right: 16.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-3 {
    left: 12.5%;
  }
  .tools-vmok-plugin-col--push-xl-3.tools-vmok-plugin-col--rtl {
    right: 12.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-2 {
    left: 8.33333333%;
  }
  .tools-vmok-plugin-col--push-xl-2.tools-vmok-plugin-col--rtl {
    right: 8.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-1 {
    left: 4.16666667%;
  }
  .tools-vmok-plugin-col--push-xl-1.tools-vmok-plugin-col--rtl {
    right: 4.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xl-0 {
    left: 0%;
  }
  .tools-vmok-plugin-col--push-xl-0.tools-vmok-plugin-col--rtl {
    right: 0%;
    left: 0;
  }
}
.tools-vmok-plugin-col--span-xxl-0 {
  display: none;
}
@media screen and (min-width: 1400px) {
  .tools-vmok-plugin-col--span-xxl-24 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .tools-vmok-plugin-col--span-xxl-23 {
    flex-basis: 95.83333333%;
    max-width: 95.83333333%;
  }
  .tools-vmok-plugin-col--span-xxl-22 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .tools-vmok-plugin-col--span-xxl-21 {
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .tools-vmok-plugin-col--span-xxl-20 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .tools-vmok-plugin-col--span-xxl-19 {
    flex-basis: 79.16666667%;
    max-width: 79.16666667%;
  }
  .tools-vmok-plugin-col--span-xxl-18 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .tools-vmok-plugin-col--span-xxl-17 {
    flex-basis: 70.83333333%;
    max-width: 70.83333333%;
  }
  .tools-vmok-plugin-col--span-xxl-16 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .tools-vmok-plugin-col--span-xxl-15 {
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .tools-vmok-plugin-col--span-xxl-14 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .tools-vmok-plugin-col--span-xxl-13 {
    flex-basis: 54.16666667%;
    max-width: 54.16666667%;
  }
  .tools-vmok-plugin-col--span-xxl-12 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .tools-vmok-plugin-col--span-xxl-11 {
    flex-basis: 45.83333333%;
    max-width: 45.83333333%;
  }
  .tools-vmok-plugin-col--span-xxl-10 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .tools-vmok-plugin-col--span-xxl-9 {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .tools-vmok-plugin-col--span-xxl-8 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .tools-vmok-plugin-col--span-xxl-7 {
    flex-basis: 29.16666667%;
    max-width: 29.16666667%;
  }
  .tools-vmok-plugin-col--span-xxl-6 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .tools-vmok-plugin-col--span-xxl-5 {
    flex-basis: 20.83333333%;
    max-width: 20.83333333%;
  }
  .tools-vmok-plugin-col--span-xxl-4 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .tools-vmok-plugin-col--span-xxl-3 {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .tools-vmok-plugin-col--span-xxl-2 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .tools-vmok-plugin-col--span-xxl-1 {
    flex-basis: 4.16666667%;
    max-width: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-23 {
    margin-left: 95.83333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-23.tools-vmok-plugin-col--rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-22 {
    margin-left: 91.66666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-22.tools-vmok-plugin-col--rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-21 {
    margin-left: 87.5%;
  }
  .tools-vmok-plugin-col--offset-xxl-21.tools-vmok-plugin-col--rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-20 {
    margin-left: 83.33333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-20.tools-vmok-plugin-col--rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-19 {
    margin-left: 79.16666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-19.tools-vmok-plugin-col--rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-18 {
    margin-left: 75%;
  }
  .tools-vmok-plugin-col--offset-xxl-18.tools-vmok-plugin-col--rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-17 {
    margin-left: 70.83333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-17.tools-vmok-plugin-col--rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-16 {
    margin-left: 66.66666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-16.tools-vmok-plugin-col--rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-15 {
    margin-left: 62.5%;
  }
  .tools-vmok-plugin-col--offset-xxl-15.tools-vmok-plugin-col--rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-14 {
    margin-left: 58.33333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-14.tools-vmok-plugin-col--rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-13 {
    margin-left: 54.16666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-13.tools-vmok-plugin-col--rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-12 {
    margin-left: 50%;
  }
  .tools-vmok-plugin-col--offset-xxl-12.tools-vmok-plugin-col--rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-11 {
    margin-left: 45.83333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-11.tools-vmok-plugin-col--rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-10 {
    margin-left: 41.66666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-10.tools-vmok-plugin-col--rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-9 {
    margin-left: 37.5%;
  }
  .tools-vmok-plugin-col--offset-xxl-9.tools-vmok-plugin-col--rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-8 {
    margin-left: 33.33333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-8.tools-vmok-plugin-col--rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-7 {
    margin-left: 29.16666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-7.tools-vmok-plugin-col--rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-6 {
    margin-left: 25%;
  }
  .tools-vmok-plugin-col--offset-xxl-6.tools-vmok-plugin-col--rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-5 {
    margin-left: 20.83333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-5.tools-vmok-plugin-col--rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-4 {
    margin-left: 16.66666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-4.tools-vmok-plugin-col--rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-3 {
    margin-left: 12.5%;
  }
  .tools-vmok-plugin-col--offset-xxl-3.tools-vmok-plugin-col--rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-2 {
    margin-left: 8.33333333%;
  }
  .tools-vmok-plugin-col--offset-xxl-2.tools-vmok-plugin-col--rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-1 {
    margin-left: 4.16666667%;
  }
  .tools-vmok-plugin-col--offset-xxl-1.tools-vmok-plugin-col--rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--offset-xxl-0 {
    margin-left: 0%;
  }
  .tools-vmok-plugin-col--offset-xxl-0.tools-vmok-plugin-col--rtl {
    margin-right: 0%;
    margin-left: 0;
  }
  .tools-vmok-plugin-col--order-xxl-1 {
    order: 1;
  }
  .tools-vmok-plugin-col--order-xxl-2 {
    order: 2;
  }
  .tools-vmok-plugin-col--order-xxl-3 {
    order: 3;
  }
  .tools-vmok-plugin-col--order-xxl-4 {
    order: 4;
  }
  .tools-vmok-plugin-col--order-xxl-5 {
    order: 5;
  }
  .tools-vmok-plugin-col--order-xxl-6 {
    order: 6;
  }
  .tools-vmok-plugin-col--order-xxl-7 {
    order: 7;
  }
  .tools-vmok-plugin-col--order-xxl-8 {
    order: 8;
  }
  .tools-vmok-plugin-col--order-xxl-9 {
    order: 9;
  }
  .tools-vmok-plugin-col--order-xxl-10 {
    order: 10;
  }
  .tools-vmok-plugin-col--order-xxl-11 {
    order: 11;
  }
  .tools-vmok-plugin-col--order-xxl-12 {
    order: 12;
  }
  .tools-vmok-plugin-col--order-xxl-13 {
    order: 13;
  }
  .tools-vmok-plugin-col--order-xxl-14 {
    order: 14;
  }
  .tools-vmok-plugin-col--order-xxl-15 {
    order: 15;
  }
  .tools-vmok-plugin-col--order-xxl-16 {
    order: 16;
  }
  .tools-vmok-plugin-col--order-xxl-17 {
    order: 17;
  }
  .tools-vmok-plugin-col--order-xxl-18 {
    order: 18;
  }
  .tools-vmok-plugin-col--order-xxl-19 {
    order: 19;
  }
  .tools-vmok-plugin-col--order-xxl-20 {
    order: 20;
  }
  .tools-vmok-plugin-col--order-xxl-21 {
    order: 21;
  }
  .tools-vmok-plugin-col--order-xxl-22 {
    order: 22;
  }
  .tools-vmok-plugin-col--order-xxl-23 {
    order: 23;
  }
  .tools-vmok-plugin-col--order-xxl-24 {
    order: 24;
  }
  .tools-vmok-plugin-col--pull-xxl-23 {
    right: 95.83333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-23.tools-vmok-plugin-col--rtl {
    left: 95.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-22 {
    right: 91.66666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-22.tools-vmok-plugin-col--rtl {
    left: 91.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-21 {
    right: 87.5%;
  }
  .tools-vmok-plugin-col--pull-xxl-21.tools-vmok-plugin-col--rtl {
    left: 87.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-20 {
    right: 83.33333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-20.tools-vmok-plugin-col--rtl {
    left: 83.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-19 {
    right: 79.16666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-19.tools-vmok-plugin-col--rtl {
    left: 79.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-18 {
    right: 75%;
  }
  .tools-vmok-plugin-col--pull-xxl-18.tools-vmok-plugin-col--rtl {
    left: 75%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-17 {
    right: 70.83333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-17.tools-vmok-plugin-col--rtl {
    left: 70.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-16 {
    right: 66.66666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-16.tools-vmok-plugin-col--rtl {
    left: 66.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-15 {
    right: 62.5%;
  }
  .tools-vmok-plugin-col--pull-xxl-15.tools-vmok-plugin-col--rtl {
    left: 62.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-14 {
    right: 58.33333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-14.tools-vmok-plugin-col--rtl {
    left: 58.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-13 {
    right: 54.16666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-13.tools-vmok-plugin-col--rtl {
    left: 54.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-12 {
    right: 50%;
  }
  .tools-vmok-plugin-col--pull-xxl-12.tools-vmok-plugin-col--rtl {
    left: 50%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-11 {
    right: 45.83333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-11.tools-vmok-plugin-col--rtl {
    left: 45.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-10 {
    right: 41.66666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-10.tools-vmok-plugin-col--rtl {
    left: 41.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-9 {
    right: 37.5%;
  }
  .tools-vmok-plugin-col--pull-xxl-9.tools-vmok-plugin-col--rtl {
    left: 37.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-8 {
    right: 33.33333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-8.tools-vmok-plugin-col--rtl {
    left: 33.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-7 {
    right: 29.16666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-7.tools-vmok-plugin-col--rtl {
    left: 29.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-6 {
    right: 25%;
  }
  .tools-vmok-plugin-col--pull-xxl-6.tools-vmok-plugin-col--rtl {
    left: 25%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-5 {
    right: 20.83333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-5.tools-vmok-plugin-col--rtl {
    left: 20.83333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-4 {
    right: 16.66666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-4.tools-vmok-plugin-col--rtl {
    left: 16.66666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-3 {
    right: 12.5%;
  }
  .tools-vmok-plugin-col--pull-xxl-3.tools-vmok-plugin-col--rtl {
    left: 12.5%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-2 {
    right: 8.33333333%;
  }
  .tools-vmok-plugin-col--pull-xxl-2.tools-vmok-plugin-col--rtl {
    left: 8.33333333%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-1 {
    right: 4.16666667%;
  }
  .tools-vmok-plugin-col--pull-xxl-1.tools-vmok-plugin-col--rtl {
    left: 4.16666667%;
    right: 0;
  }
  .tools-vmok-plugin-col--pull-xxl-0 {
    right: 0%;
  }
  .tools-vmok-plugin-col--pull-xxl-0.tools-vmok-plugin-col--rtl {
    left: 0%;
    right: 0;
  }
  .tools-vmok-plugin-col--push-xxl-23 {
    left: 95.83333333%;
  }
  .tools-vmok-plugin-col--push-xxl-23.tools-vmok-plugin-col--rtl {
    right: 95.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-22 {
    left: 91.66666667%;
  }
  .tools-vmok-plugin-col--push-xxl-22.tools-vmok-plugin-col--rtl {
    right: 91.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-21 {
    left: 87.5%;
  }
  .tools-vmok-plugin-col--push-xxl-21.tools-vmok-plugin-col--rtl {
    right: 87.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-20 {
    left: 83.33333333%;
  }
  .tools-vmok-plugin-col--push-xxl-20.tools-vmok-plugin-col--rtl {
    right: 83.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-19 {
    left: 79.16666667%;
  }
  .tools-vmok-plugin-col--push-xxl-19.tools-vmok-plugin-col--rtl {
    right: 79.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-18 {
    left: 75%;
  }
  .tools-vmok-plugin-col--push-xxl-18.tools-vmok-plugin-col--rtl {
    right: 75%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-17 {
    left: 70.83333333%;
  }
  .tools-vmok-plugin-col--push-xxl-17.tools-vmok-plugin-col--rtl {
    right: 70.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-16 {
    left: 66.66666667%;
  }
  .tools-vmok-plugin-col--push-xxl-16.tools-vmok-plugin-col--rtl {
    right: 66.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-15 {
    left: 62.5%;
  }
  .tools-vmok-plugin-col--push-xxl-15.tools-vmok-plugin-col--rtl {
    right: 62.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-14 {
    left: 58.33333333%;
  }
  .tools-vmok-plugin-col--push-xxl-14.tools-vmok-plugin-col--rtl {
    right: 58.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-13 {
    left: 54.16666667%;
  }
  .tools-vmok-plugin-col--push-xxl-13.tools-vmok-plugin-col--rtl {
    right: 54.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-12 {
    left: 50%;
  }
  .tools-vmok-plugin-col--push-xxl-12.tools-vmok-plugin-col--rtl {
    right: 50%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-11 {
    left: 45.83333333%;
  }
  .tools-vmok-plugin-col--push-xxl-11.tools-vmok-plugin-col--rtl {
    right: 45.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-10 {
    left: 41.66666667%;
  }
  .tools-vmok-plugin-col--push-xxl-10.tools-vmok-plugin-col--rtl {
    right: 41.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-9 {
    left: 37.5%;
  }
  .tools-vmok-plugin-col--push-xxl-9.tools-vmok-plugin-col--rtl {
    right: 37.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-8 {
    left: 33.33333333%;
  }
  .tools-vmok-plugin-col--push-xxl-8.tools-vmok-plugin-col--rtl {
    right: 33.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-7 {
    left: 29.16666667%;
  }
  .tools-vmok-plugin-col--push-xxl-7.tools-vmok-plugin-col--rtl {
    right: 29.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-6 {
    left: 25%;
  }
  .tools-vmok-plugin-col--push-xxl-6.tools-vmok-plugin-col--rtl {
    right: 25%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-5 {
    left: 20.83333333%;
  }
  .tools-vmok-plugin-col--push-xxl-5.tools-vmok-plugin-col--rtl {
    right: 20.83333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-4 {
    left: 16.66666667%;
  }
  .tools-vmok-plugin-col--push-xxl-4.tools-vmok-plugin-col--rtl {
    right: 16.66666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-3 {
    left: 12.5%;
  }
  .tools-vmok-plugin-col--push-xxl-3.tools-vmok-plugin-col--rtl {
    right: 12.5%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-2 {
    left: 8.33333333%;
  }
  .tools-vmok-plugin-col--push-xxl-2.tools-vmok-plugin-col--rtl {
    right: 8.33333333%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-1 {
    left: 4.16666667%;
  }
  .tools-vmok-plugin-col--push-xxl-1.tools-vmok-plugin-col--rtl {
    right: 4.16666667%;
    left: 0;
  }
  .tools-vmok-plugin-col--push-xxl-0 {
    left: 0%;
  }
  .tools-vmok-plugin-col--push-xxl-0.tools-vmok-plugin-col--rtl {
    right: 0%;
    left: 0;
  }
}
.tools-vmok-plugin-form {
  display: block;
}
/* Form */
.tools-vmok-plugin-form-item {
  display: flex;
  margin-bottom: 32px;
}
.tools-vmok-plugin-form-item--with-error {
  margin-bottom: 8px;
}
.tools-vmok-plugin-form-item__label {
  line-height: 22px;
  padding: 6px 16px;
  position: relative;
  font-size: 14px;
}
.tools-vmok-plugin-form-item__label--required::after {
  background-color: #e34949;
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  top: 15px;
  right: 6px;
  border-radius: 50%;
}
.tools-vmok-plugin-form-item--align-left .tools-vmok-plugin-form-item__label {
  text-align: left;
}
.tools-vmok-plugin-form-item--align-right .tools-vmok-plugin-form-item__label {
  text-align: right;
}
.tools-vmok-plugin-form-item__control {
  flex: 1 1 0;
  align-items: center;
  flex-direction: column;
}
.tools-vmok-plugin-form-item__control__content {
  display: flex;
  align-items: center;
  flex: auto;
  max-width: 100%;
  min-height: 34px;
}
.tools-vmok-plugin-form-item__control__extra {
  margin-top: 4px;
}
.tools-vmok-plugin-form-item__control__error {
  color: #e34949;
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-form-item__control__help {
  color: #93969d;
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-form-item__control__error + .tools-vmok-plugin-form-item__control__help {
  padding-bottom: 4px;
}
.tools-vmok-plugin-form-item--layout-vertical {
  display: block;
}
.tools-vmok-plugin-form-item--layout-vertical .tools-vmok-plugin-form-item__label {
  display: block;
  padding: 0;
  text-align: left;
  margin-bottom: 8px;
}
.tools-vmok-plugin-form-item--layout-vertical .tools-vmok-plugin-form-item__label::after {
  content: none;
}
.tools-vmok-plugin-form-item--layout-vertical .tools-vmok-plugin-form-item__label--required label {
  position: relative;
}
.tools-vmok-plugin-form-item--layout-vertical .tools-vmok-plugin-form-item__label--required label::after {
  background-color: #e34949;
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  top: 7px;
  right: -12px;
  border-radius: 50%;
}
.tools-vmok-plugin-grid {
  display: grid;
}
@keyframes v-okee-loading-opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes v-okee-spin-loading-rotate {
  to {
    transform: rotate(360deg);
  }
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(9) {
  animation: v-okee-loading-opacity 0.8s linear 0s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(8) {
  animation: v-okee-loading-opacity 0.8s linear -0.1s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(7) {
  animation: v-okee-loading-opacity 0.8s linear -0.2s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(6) {
  animation: v-okee-loading-opacity 0.8s linear -0.3s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(5) {
  animation: v-okee-loading-opacity 0.8s linear -0.4s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(4) {
  animation: v-okee-loading-opacity 0.8s linear -0.5s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(3) {
  animation: v-okee-loading-opacity 0.8s linear -0.6s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(2) {
  animation: v-okee-loading-opacity 0.8s linear -0.7s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(1) {
  animation: v-okee-loading-opacity 0.8s linear -0.8s infinite;
}
.tools-vmok-plugin-icon__loading .tools-vmok-plugin-icon__loading-path-item:nth-child(0) {
  animation: v-okee-loading-opacity 0.8s linear -0.9s infinite;
}
.tools-vmok-plugin-icon__spin-loading {
  transform: rotate(0);
  animation: v-okee-spin-loading-rotate 0.8s infinite linear;
}
.tools-vmok-plugin-icon {
  display: inline-block;
}
.tools-vmok-plugin-icon svg {
  display: block;
}
.tools-vmok-plugin-image-preview {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
}
.tools-vmok-plugin-image-preview__mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
}
.tools-vmok-plugin-image-preview__wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
}
.tools-vmok-plugin-image-preview__img-container {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.tools-vmok-plugin-image-preview__img {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  user-select: none;
  cursor: grab;
  pointer-events: all;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.tools-vmok-plugin-image-preview__toolbar {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  list-style: none;
  padding: 0 20px;
  border-radius: 24px;
  height: 42px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.tools-vmok-plugin-image-preview__toolbar-item {
  display: inline-flex;
  justify-content: center;
  margin: 0 8px;
  cursor: pointer;
  user-select: none;
}
.tools-vmok-plugin-image-preview__toolbar-item .tools-vmok-plugin-icon {
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-image-preview__toolbar-item.zoom-percent {
  font-size: 14px;
}
.tools-vmok-plugin-image-preview__toolbar-item.divider {
  height: 16px;
  width: 1px;
  background: #ffffff;
  opacity: 0.3;
}
.tools-vmok-plugin-image-preview__toolbar-item__percent {
  display: inline-flex;
  justify-content: center;
  width: 38px;
}
.tools-vmok-plugin-image-preview__left-switcher {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  height: 48px;
  width: 48px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.tools-vmok-plugin-image-preview__left-switcher .tools-vmok-plugin-icon svg {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-image-preview__right-switcher {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 32px;
  height: 48px;
  width: 48px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.tools-vmok-plugin-image-preview__right-switcher .tools-vmok-plugin-icon svg {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-image-preview__close {
  color: #fff;
  position: absolute;
  top: 32px;
  right: 32px;
  height: 48px;
  width: 48px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.tools-vmok-plugin-image {
  display: inline-flex;
}
.tools-vmok-plugin-image__hidden {
  display: none;
}
.tools-vmok-plugin-image__img {
  width: 100%;
}
.tools-vmok-plugin-image__img--preview {
  cursor: zoom-in;
}
.tools-vmok-plugin-image__extra-count {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: "OC-OPPOSans";
  font-weight: 600;
  cursor: pointer;
}
.tools-vmok-plugin-infinite-scroll {
  overflow: auto;
}
.tools-vmok-plugin-infinite-scroll::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-infinite-scroll::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-infinite-scroll::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-infinite-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-infinite-scroll__loader {
  display: flex;
  justify-content: center;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-input-group {
  position: relative;
  width: 100%;
  display: flex;
  align-self: stretch;
  border-radius: 4px;
}
.tools-vmok-plugin-input-group > :not(:last-child):not(:first-child)[data-okee-fill="false"] {
  margin-right: -1px;
}
.tools-vmok-plugin-input-group > :not(:last-child):not(:first-child),
.tools-vmok-plugin-input-group > :not(:last-child):not(:first-child) .tools-vmok-plugin-input__wrapper,
.tools-vmok-plugin-input-group > :not(:last-child):not(:first-child) .tools-vmok-plugin-custom-input {
  border-radius: 0;
}
.tools-vmok-plugin-input-group > :first-child:not(:last-child)[data-okee-fill="false"] {
  margin-right: -1px;
}
.tools-vmok-plugin-input-group > :first-child:not(:last-child),
.tools-vmok-plugin-input-group > :first-child:not(:last-child) .tools-vmok-plugin-input__wrapper,
.tools-vmok-plugin-input-group > :first-child:not(:last-child) .tools-vmok-plugin-custom-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-input-group > :last-child:not(:first-child),
.tools-vmok-plugin-input-group > :last-child:not(:first-child) .tools-vmok-plugin-input__wrapper,
.tools-vmok-plugin-input-group > :last-child:not(:first-child) .tools-vmok-plugin-custom-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-input-group > .tools-vmok-plugin-button:not(.tools-vmok-plugin-button--disabled):hover,
.tools-vmok-plugin-input-group > .tools-vmok-plugin-button:not(.tools-vmok-plugin-button--disabled):focus,
.tools-vmok-plugin-input-group > .tools-vmok-plugin-button:not(.tools-vmok-plugin-button--disabled):active {
  z-index: 3;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-custom-input:not(.tools-vmok-plugin-custom-input--disabled).tools-vmok-plugin-custom-input--error {
  z-index: 1;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-custom-input:not(.tools-vmok-plugin-custom-input--disabled).tools-vmok-plugin-custom-input--focused {
  z-index: 4;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-custom-input:not(.tools-vmok-plugin-custom-input--disabled):hover {
  z-index: 3;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-input__wrapper:not(.tools-vmok-plugin-input__wrapper--disabled).tools-vmok-plugin-input__wrapper--error {
  z-index: 1;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-input__wrapper:not(.tools-vmok-plugin-input__wrapper--disabled).tools-vmok-plugin-input__wrapper--focused {
  z-index: 4;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-input__wrapper:not(.tools-vmok-plugin-input__wrapper--disabled):hover {
  z-index: 3;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-textarea__wrapper:not(.tools-vmok-plugin-textarea__wrapper--disabled).tools-vmok-plugin-textarea__wrapper--error {
  z-index: 1;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-textarea__wrapper:not(.tools-vmok-plugin-textarea__wrapper--disabled).tools-vmok-plugin-textarea__wrapper--focused {
  z-index: 4;
}
.tools-vmok-plugin-input-group .tools-vmok-plugin-textarea__wrapper:not(.tools-vmok-plugin-textarea__wrapper--disabled):hover {
  z-index: 3;
}
.tools-vmok-plugin-input-group--xs {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-input-group--sm {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-input-group--md {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-input-group--lg {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-input-group--xl {
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-input-group__addon {
  padding: 0 5px;
  border: 1px solid;
  white-space: nowrap;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
}
.tools-vmok-plugin-input-group__addon:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
  margin-right: -1px;
}
.tools-vmok-plugin-input-group__addon:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
}
.tools-vmok-plugin-input-group__addon--stroke {
  background-color: #f2f4f7;
  border-color: #dee0e3;
  color: #31343b;
}
.tools-vmok-plugin-input-group__addon--stroke.tools-vmok-plugin-input-group__addon--disabled {
  cursor: not-allowed;
  background-color: #f2f4f7;
  border-color: #dee0e3;
  color: #31343b;
}
.tools-vmok-plugin-input-group__addon--fill {
  background-color: #f2f4f7;
  color: #31343b;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-input-group__addon--fill.tools-vmok-plugin-input-group__addon--disabled {
  cursor: not-allowed;
  background-color: #f5f7fa;
  color: #b9bcc3;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-input-group--rtl {
  direction: rtl;
}
.tools-vmok-plugin-input-group--rtl > :first-child:not(:last-child)[data-okee-fill="false"] {
  margin-left: -1px;
  margin-right: 0;
}
.tools-vmok-plugin-input-group--rtl > :first-child:not(:last-child),
.tools-vmok-plugin-input-group--rtl > :first-child:not(:last-child) .tools-vmok-plugin-input__wrapper,
.tools-vmok-plugin-input-group--rtl > :first-child:not(:last-child) .tools-vmok-plugin-custom-input {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-input-group--rtl > :last-child:not(:first-child),
.tools-vmok-plugin-input-group--rtl > :last-child:not(:first-child) .tools-vmok-plugin-input__wrapper,
.tools-vmok-plugin-input-group--rtl > :last-child:not(:first-child) .tools-vmok-plugin-custom-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-input-group--rtl .tools-vmok-plugin-input-group__addon {
  border-radius: 4px;
}
.tools-vmok-plugin-input-group--rtl .tools-vmok-plugin-input-group__addon:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
  border-right: 1px solid #dee0e3;
  margin-left: -1px;
  margin-right: 0;
}
.tools-vmok-plugin-input-group--rtl .tools-vmok-plugin-input-group__addon:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
  border-left: 1px solid #dee0e3;
}
/* Input */
.tools-vmok-plugin-input__wrapper {
  display: inline-flex;
  position: relative;
  border-radius: 4px;
  width: 100%;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input {
  width: 100%;
  flex: 1;
  outline: none;
  border: none;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  color: inherit;
  cursor: inherit;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input::-moz-placeholder {
  color: #93969d;
  opacity: 1;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input:-ms-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input::-webkit-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input[type="text"],
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input[type="number"],
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input[type="password"] {
  appearance: none;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input[type="number"]::-webkit-inner-spin-button {
  appearance: none;
}
.tools-vmok-plugin-input__wrapper--fill {
  border: 1px solid transparent;
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-input__wrapper--fill .tools-vmok-plugin-input::-moz-placeholder {
  color: #93969d;
  opacity: 1;
}
.tools-vmok-plugin-input__wrapper--fill .tools-vmok-plugin-input:-ms-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-input__wrapper--fill .tools-vmok-plugin-input::-webkit-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-input__wrapper--fill:hover {
  color: #31343b;
  background-color: #f2f4f7;
  border-color: #0057ff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--focused {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #0057ff;
  box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  animation: bui-input-focus-effect_primary 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_primary {
  from {
    box-shadow: 0 0 0 0 #0057ff;
  }
  to {
    box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  }
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--error {
  border: 1px solid transparent;
  background-color: #fdf2f2;
  color: #31343b;
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--error:hover {
  color: #31343b;
  background-color: #fdf2f2;
  border-color: #ea7979;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--error.tools-vmok-plugin-input__wrapper--focused {
  color: #31343b;
  background-color: #fdf2f2;
  border-color: #e34949;
  box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  animation: bui-input-focus-effect_error 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_error {
  from {
    box-shadow: 0 0 0 0 #e34949;
  }
  to {
    box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  }
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled:hover,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused {
  background-color: #f5f7fa;
  border-color: transparent;
  color: #b9bcc3;
  box-shadow: none;
  animation: none;
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input::-moz-placeholder,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled:hover .tools-vmok-plugin-input::-moz-placeholder,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused .tools-vmok-plugin-input::-moz-placeholder {
  color: #b9bcc3;
  opacity: 1;
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input:-ms-input-placeholder,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled:hover .tools-vmok-plugin-input:-ms-input-placeholder,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused .tools-vmok-plugin-input:-ms-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input::-webkit-input-placeholder,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled:hover .tools-vmok-plugin-input::-webkit-input-placeholder,
.tools-vmok-plugin-input__wrapper--fill.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused .tools-vmok-plugin-input::-webkit-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-input__wrapper--stroke {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #dfe0e2;
}
.tools-vmok-plugin-input__wrapper--stroke:hover {
  background-color: #ffffff;
  color: #31343b;
  border-color: #0057ff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--focused {
  background-color: #ffffff;
  color: #31343b;
  border-color: #0057ff;
  box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  animation: bui-input-focus-effect_primary 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_primary {
  from {
    box-shadow: 0 0 0 0 #0057ff;
  }
  to {
    box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  }
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--error {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #e34949;
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--error:hover {
  background-color: #ffffff;
  color: #31343b;
  border-color: #ea7979;
  transition: border-color 0.1s ease-in-out;
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--error.tools-vmok-plugin-input__wrapper--focused {
  background-color: #ffffff;
  color: #31343b;
  border-color: #e34949;
  box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  animation: bui-input-focus-effect_error 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_error {
  from {
    box-shadow: 0 0 0 0 #e34949;
  }
  to {
    box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  }
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled:hover,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border: 1px solid #f2f4f7;
  box-shadow: none;
  animation: none;
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input::-moz-placeholder,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled:hover .tools-vmok-plugin-input::-moz-placeholder,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused .tools-vmok-plugin-input::-moz-placeholder {
  color: #b9bcc3;
  opacity: 1;
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input:-ms-input-placeholder,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled:hover .tools-vmok-plugin-input:-ms-input-placeholder,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused .tools-vmok-plugin-input:-ms-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input::-webkit-input-placeholder,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled:hover .tools-vmok-plugin-input::-webkit-input-placeholder,
.tools-vmok-plugin-input__wrapper--stroke.tools-vmok-plugin-input__wrapper--disabled.tools-vmok-plugin-input__wrapper--focused .tools-vmok-plugin-input::-webkit-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-input__wrapper--xs {
  padding: 2px 8px;
}
.tools-vmok-plugin-input__wrapper--xs,
.tools-vmok-plugin-input__wrapper--xs .tools-vmok-plugin-input {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-input__wrapper--sm {
  padding: 4px 8px;
}
.tools-vmok-plugin-input__wrapper--sm,
.tools-vmok-plugin-input__wrapper--sm .tools-vmok-plugin-input {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-input__wrapper--md {
  padding: 4px 8px;
}
.tools-vmok-plugin-input__wrapper--md,
.tools-vmok-plugin-input__wrapper--md .tools-vmok-plugin-input {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-input__wrapper--lg {
  padding: 6px 8px;
}
.tools-vmok-plugin-input__wrapper--lg,
.tools-vmok-plugin-input__wrapper--lg .tools-vmok-plugin-input {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-input__wrapper--xl {
  padding: 7px 8px;
}
.tools-vmok-plugin-input__wrapper--xl,
.tools-vmok-plugin-input__wrapper--xl .tools-vmok-plugin-input {
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-input__wrapper--unstyle {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #31343b;
}
.tools-vmok-plugin-input__wrapper--noborder {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #ffffff;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__clear {
  color: #93969d;
  z-index: 3;
  cursor: pointer;
  transition: opacity 0.1s ease-in;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__clear--absolute {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__clear--margin-right {
  margin-right: 4px;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__clear:hover {
  color: #62656c;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__clear:active {
  color: #31343b;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__count {
  color: #93969d;
  background: transparent;
  position: absolute;
  font-size: 12px;
  line-height: 14px;
  bottom: 4px;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__prefix {
  z-index: 1;
  display: flex;
  align-self: stretch;
  align-items: center;
  padding-right: 4px;
  color: #31343b;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__suffix {
  z-index: 1;
  align-self: stretch;
  align-items: center;
  color: #31343b;
  display: flex;
  padding-left: 4px;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__suffix .tools-vmok-plugin-input__clear {
  opacity: 0;
  pointer-events: none;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__suffix .tools-vmok-plugin-input__clear--show {
  opacity: 1;
  pointer-events: auto;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__after {
  z-index: 1;
  align-self: stretch;
  align-items: center;
  color: #31343b;
  display: flex;
  padding-left: 4px;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__after--has-clear .tools-vmok-plugin-icon {
  opacity: 0;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__after .tools-vmok-plugin-input__clear {
  display: none;
}
.tools-vmok-plugin-input__wrapper .tools-vmok-plugin-input__after .tools-vmok-plugin-input__clear--show {
  display: block;
  opacity: 1;
}
.tools-vmok-plugin-input__wrapper--disabled,
.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input {
  cursor: not-allowed;
}
.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input__prefix,
.tools-vmok-plugin-input__wrapper--disabled .tools-vmok-plugin-input__suffix {
  color: #cdd1d8;
}
.tools-vmok-plugin-input__wrapper:hover:not(.tools-vmok-plugin-input__wrapper--disabled):not(.tools-vmok-plugin-input__wrapper--error) .tools-vmok-plugin-input--stroke {
  border-color: #0057ff;
}
.tools-vmok-plugin-input__wrapper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-input__wrapper--rtl .tools-vmok-plugin-input {
  direction: rtl;
}
.tools-vmok-plugin-input__wrapper--rtl .tools-vmok-plugin-input__clear--absolute {
  right: auto;
  left: 12px;
}
.tools-vmok-plugin-input__wrapper--rtl .tools-vmok-plugin-input__clear--margin-right {
  margin-right: 0;
  margin-left: 4px;
}
.tools-vmok-plugin-input__wrapper--rtl .tools-vmok-plugin-input__prefix {
  padding-right: 0;
  padding-left: 4px;
}
.tools-vmok-plugin-input__wrapper--rtl .tools-vmok-plugin-input__suffix,
.tools-vmok-plugin-input__wrapper--rtl .tools-vmok-plugin-input__after {
  padding-left: 0;
  padding-right: 4px;
}
/**
 * new Design Token
 */
/* Tag */
/* tips */
/* Select */
/* CustomInput */
.tools-vmok-plugin-custom-input {
  position: relative;
  width: 100%;
  outline: none;
  padding: 0 8px;
  border-radius: 4px;
  display: inline-flex;
  cursor: pointer;
}
.tools-vmok-plugin-custom-input::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-custom-input::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-custom-input::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-custom-input::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-custom-input__content {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  word-break: break-all;
  align-items: center;
}
.tools-vmok-plugin-custom-input__prefix {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.tools-vmok-plugin-custom-input__suffix,
.tools-vmok-plugin-custom-input__after {
  position: sticky;
  top: 0;
  display: inline-flex;
  color: #31343b;
  padding-left: 4px;
  align-items: center;
}
.tools-vmok-plugin-custom-input__search {
  max-width: 100%;
  width: 100%;
  min-width: 4px;
  flex: 1;
}
.tools-vmok-plugin-custom-input__after--has-clear .tools-vmok-plugin-icon {
  opacity: 0;
}
.tools-vmok-plugin-custom-input__after--has-clear .tools-vmok-plugin-custom-input__clear {
  opacity: 1;
}
.tools-vmok-plugin-custom-input__clear {
  visibility: hidden;
  color: #93969d;
  z-index: 3;
  cursor: pointer;
  transition: opacity 0.1s ease-in;
}
.tools-vmok-plugin-custom-input__clear--absolute {
  position: absolute;
  display: none;
  right: 0;
}
.tools-vmok-plugin-custom-input__clear--margin-right {
  margin-right: 12px;
}
.tools-vmok-plugin-custom-input__clear--show {
  visibility: visible;
  display: block;
}
.tools-vmok-plugin-custom-input__clear:hover {
  color: #62656c;
}
.tools-vmok-plugin-custom-input__clear:active {
  color: #31343b;
}
.tools-vmok-plugin-custom-input--collapsible {
  overflow-y: hidden;
}
.tools-vmok-plugin-custom-input--open {
  z-index: 3;
  border-radius: 4px;
  background-color: #ffffff;
  position: absolute;
  overflow-y: auto;
}
.tools-vmok-plugin-custom-input--stroke {
  border: 1px solid #dee0e3;
  background-color: #ffffff;
}
.tools-vmok-plugin-custom-input--stroke:hover {
  border-color: #0057ff;
}
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--focused,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--focused:hover {
  border-color: #0057ff;
  box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
}
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--focused.tools-vmok-plugin-custom-input--error,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--focused.tools-vmok-plugin-custom-input--error:hover {
  border-color: #e34949;
  box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
}
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--error,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--error:hover {
  border-color: #e34949;
}
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--disabled,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--error,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--focused,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--disabled:hover,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--error:hover,
.tools-vmok-plugin-custom-input--stroke.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--focused:hover {
  background-color: #f5f7fa;
  border-color: #f2f4f7;
  color: #b9bcc3;
}
.tools-vmok-plugin-custom-input--fill {
  border: 1px solid transparent;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-custom-input--fill:hover {
  border-color: #0057ff;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--error {
  border-color: transparent;
  background-color: #fdf2f2;
}
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--error:hover {
  border-color: #ea7979;
  background-color: #fdf2f2;
}
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--focused,
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--focused:hover {
  border-color: #0057ff;
  background-color: #e8eaed;
  box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
}
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--focused.tools-vmok-plugin-custom-input--error,
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--focused.tools-vmok-plugin-custom-input--error:hover {
  border-color: #e34949;
  background-color: #fdf2f2;
  box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
}
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--disabled,
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--error,
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--focused,
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--disabled:hover,
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--error:hover,
.tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--disabled.tools-vmok-plugin-custom-input--focused:hover {
  background-color: #f5f7fa;
  border-color: transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-custom-input--unstyle {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #31343b;
}
.tools-vmok-plugin-custom-input--noborder {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #ffffff;
}
.tools-vmok-plugin-custom-input--disabled,
.tools-vmok-plugin-custom-input--disabled:hover {
  box-shadow: none;
  cursor: not-allowed;
  animation: none;
}
.tools-vmok-plugin-custom-input--disabled .tools-vmok-plugin-custom-input__suffix,
.tools-vmok-plugin-custom-input--disabled .tools-vmok-plugin-custom-input__after {
  color: #cdd1d8;
}
.tools-vmok-plugin-custom-input--xs {
  font-size: 12px;
  line-height: 18px;
  min-height: 24px;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-tag {
  margin: 3px 4px 3px 0;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-custom-input__search {
  margin: 2px 4px 2px 0;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-custom-input__suffix {
  height: 22px;
}
.tools-vmok-plugin-custom-input--xs.tools-vmok-plugin-custom-input--collapsible {
  max-height: 24px;
}
.tools-vmok-plugin-custom-input--xs.tools-vmok-plugin-custom-input--open {
  max-height: 86px;
}
.tools-vmok-plugin-custom-input--sm {
  font-size: 12px;
  line-height: 18px;
  min-height: 28px;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-tag {
  margin: 3px 4px 3px 0;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-custom-input__search {
  margin: 4px 4px 4px 0;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-custom-input__suffix .tools-vmok-plugin-custom-input__after {
  height: 26px;
}
.tools-vmok-plugin-custom-input--sm.tools-vmok-plugin-custom-input--collapsible {
  max-height: 28px;
}
.tools-vmok-plugin-custom-input--sm.tools-vmok-plugin-custom-input--open {
  max-height: 93px;
}
.tools-vmok-plugin-custom-input--md {
  font-size: 14px;
  line-height: 22px;
  min-height: 32px;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-tag {
  margin: 3px 4px 3px 0;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-custom-input__search {
  margin: 5px 4px 5px 0;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-custom-input__suffix,
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-custom-input__after {
  height: 30px;
}
.tools-vmok-plugin-custom-input--md.tools-vmok-plugin-custom-input--collapsible {
  max-height: 32px;
}
.tools-vmok-plugin-custom-input--md.tools-vmok-plugin-custom-input--open {
  max-height: 107px;
}
.tools-vmok-plugin-custom-input--lg {
  font-size: 14px;
  line-height: 22px;
  min-height: 36px;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-tag {
  margin: 3px 4px 3px 0;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-custom-input__search {
  margin: 6px 4px 6px 0;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-custom-input,
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-custom-input__after {
  height: 34px;
}
.tools-vmok-plugin-custom-input--lg.tools-vmok-plugin-custom-input--collapsible {
  max-height: 36px;
}
.tools-vmok-plugin-custom-input--lg.tools-vmok-plugin-custom-input--open {
  max-height: 121px;
}
.tools-vmok-plugin-custom-input--xl {
  font-size: 16px;
  line-height: 24px;
  min-height: 40px;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-tag {
  margin: 3px 4px 3px 0;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-custom-input__search {
  margin: 8px 4px 8px 0;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-custom-input__suffix,
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-custom-input__after {
  height: 38px;
}
.tools-vmok-plugin-custom-input--xl.tools-vmok-plugin-custom-input--collapsible {
  max-height: 40px;
}
.tools-vmok-plugin-custom-input--xl.tools-vmok-plugin-custom-input--open {
  max-height: 135px;
}
.tools-vmok-plugin-custom-input__wrapper {
  width: 100%;
  position: relative;
}
.tools-vmok-plugin-custom-input__wrapper--xs {
  height: 24px;
}
.tools-vmok-plugin-custom-input__wrapper--sm {
  height: 28px;
}
.tools-vmok-plugin-custom-input__wrapper--md {
  height: 32px;
}
.tools-vmok-plugin-custom-input__wrapper--lg {
  height: 36px;
}
.tools-vmok-plugin-custom-input__wrapper--xl {
  height: 40px;
}
.tools-vmok-plugin-custom-input--rtl {
  direction: rtl;
}
.tools-vmok-plugin-custom-input--rtl .tools-vmok-plugin-custom-input__clear--absolute {
  right: auto;
  left: 0;
}
.tools-vmok-plugin-custom-input--rtl .tools-vmok-plugin-custom-input__clear--margin-right {
  margin-right: 0;
  margin-left: 12px;
}
.tools-vmok-plugin-custom-input--rtl .tools-vmok-plugin-custom-input__prefix {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl .tools-vmok-plugin-custom-input__suffix,
.tools-vmok-plugin-custom-input--rtl .tools-vmok-plugin-custom-input__after {
  padding-right: 4px;
  padding-left: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-tag {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-custom-input__search {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-tag {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-custom-input__search {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-tag {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-custom-input__search {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-tag {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-custom-input__search {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-tag {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-custom-input--rtl.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-custom-input__search {
  margin-left: 4px;
  margin-right: 0;
}
.tools-vmok-plugin-input-number {
  width: auto;
}
.tools-vmok-plugin-input-number__content-wrapper {
  width: auto;
  flex: 1;
}
.tools-vmok-plugin-input-number__content {
  flex-wrap: nowrap;
}
.tools-vmok-plugin-input-number__vertical-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-input-number__up,
.tools-vmok-plugin-input-number__down {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #31343b;
  align-self: stretch;
  flex: 1;
  cursor: pointer;
}
.tools-vmok-plugin-input-number__up:hover,
.tools-vmok-plugin-input-number__down:hover {
  color: #0057ff;
}
.tools-vmok-plugin-input-number__up:active,
.tools-vmok-plugin-input-number__down:active {
  color: #003fd2;
}
.tools-vmok-plugin-input-number__angle-up {
  transform: rotate(180deg);
}
.tools-vmok-plugin-input-number__prev {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-input-number__prev::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid #dee0e3;
}
.tools-vmok-plugin-input-number__next {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-input-number__next::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid #dee0e3;
}
.tools-vmok-plugin-input-number__prev,
.tools-vmok-plugin-input-number__next {
  position: relative;
  width: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #31343b;
  align-self: stretch;
}
.tools-vmok-plugin-input-number__prev:hover,
.tools-vmok-plugin-input-number__next:hover {
  color: #0057ff;
}
.tools-vmok-plugin-input-number__prev:active,
.tools-vmok-plugin-input-number__next:active {
  color: #003fd2;
}
.tools-vmok-plugin-input-number--stroke .tools-vmok-plugin-custom-input__prefix {
  height: 100%;
}
.tools-vmok-plugin-input-number--stroke .tools-vmok-plugin-custom-input__prefix .tools-vmok-plugin-input-number__prev {
  height: 100%;
}
.tools-vmok-plugin-input-number--stroke .tools-vmok-plugin-input-number__prev,
.tools-vmok-plugin-input-number--stroke .tools-vmok-plugin-input-number__next {
  background-color: #f7f9fc;
}
.tools-vmok-plugin-input-number--fill .tools-vmok-plugin-input-number__prev::after {
  border-color: #dfe0e2;
}
.tools-vmok-plugin-input-number--fill .tools-vmok-plugin-input-number__next::after {
  border-color: #dfe0e2;
  top: 8px;
  bottom: 8px;
}
.tools-vmok-plugin-input-number.tools-vmok-plugin-input-number--horizontal {
  padding: 0;
}
.tools-vmok-plugin-input-number.tools-vmok-plugin-input-number--display-vertical {
  padding-right: 0;
}
.tools-vmok-plugin-input-number.tools-vmok-plugin-input-number--default-vertical {
  padding-right: 0;
}
.tools-vmok-plugin-input-number.tools-vmok-plugin-input-number--default-vertical .tools-vmok-plugin-input-number__suffix {
  visibility: hidden;
}
.tools-vmok-plugin-input-number.tools-vmok-plugin-input-number--default-vertical .tools-vmok-plugin-input-number__suffix--focused {
  visibility: visible;
}
.tools-vmok-plugin-input-number.tools-vmok-plugin-input-number--default-vertical:hover .tools-vmok-plugin-input-number__suffix {
  visibility: visible;
}
.tools-vmok-plugin-input-number--disabled,
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__content-wrapper {
  cursor: not-allowed;
  color: inherit;
}
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__prev,
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__next {
  background-color: transparent;
}
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__up,
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__down,
.tools-vmok-plugin-input-number .tools-vmok-plugin-input-number__up--disabled,
.tools-vmok-plugin-input-number .tools-vmok-plugin-input-number__down--disabled,
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__divider,
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__prev,
.tools-vmok-plugin-input-number--disabled .tools-vmok-plugin-input-number__next,
.tools-vmok-plugin-input-number .tools-vmok-plugin-input-number__prev--disabled,
.tools-vmok-plugin-input-number .tools-vmok-plugin-input-number__next--disabled {
  cursor: not-allowed;
  border-color: #f2f4f7;
  color: #b9bcc3;
}
.tools-vmok-plugin-input-number--rtl.tools-vmok-plugin-input-number--display-vertical,
.tools-vmok-plugin-input-number--rtl.tools-vmok-plugin-input-number--default-vertical {
  padding-right: 8px;
  padding-left: 0;
}
.tools-vmok-plugin-input-number--rtl .tools-vmok-plugin-input-number__vertical-wrapper {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-input-number--rtl .tools-vmok-plugin-input-number__prev {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-input-number--rtl .tools-vmok-plugin-input-number__prev::after {
  left: 0;
  right: auto;
}
.tools-vmok-plugin-input-number--rtl .tools-vmok-plugin-input-number__next {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-input-number--rtl .tools-vmok-plugin-input-number__next::after {
  right: 0;
  left: auto;
}
.tools-vmok-plugin-input-number--rtl.tools-vmok-plugin-input-number--stroke .tools-vmok-plugin-input-number__up,
.tools-vmok-plugin-input-number--rtl.tools-vmok-plugin-input-number--stroke .tools-vmok-plugin-input-number__down {
  border-right: 1px solid #dee0e3;
  border-left: none;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-input-number__vertical-wrapper {
  width: 24px;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down:hover svg {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:has( + .tools-vmok-plugin-input-number__down:hover) svg {
  width: 10px;
  height: 10px;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover svg {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-custom-input--xs .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover + .tools-vmok-plugin-input-number__down svg {
  width: 10px;
  height: 10px;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-input-number__vertical-wrapper {
  width: 24px;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down:hover svg {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:has( + .tools-vmok-plugin-input-number__down:hover) svg {
  width: 10px;
  height: 10px;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover svg {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-custom-input--sm .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover + .tools-vmok-plugin-input-number__down svg {
  width: 10px;
  height: 10px;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-input-number__vertical-wrapper {
  width: 28px;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down:hover svg {
  width: 18px;
  height: 18px;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:has( + .tools-vmok-plugin-input-number__down:hover) svg {
  width: 12px;
  height: 12px;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover svg {
  width: 18px;
  height: 18px;
}
.tools-vmok-plugin-custom-input--md .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover + .tools-vmok-plugin-input-number__down svg {
  width: 12px;
  height: 12px;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-input-number__vertical-wrapper {
  width: 32px;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down:hover svg {
  width: 18px;
  height: 18px;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:has( + .tools-vmok-plugin-input-number__down:hover) svg {
  width: 12px;
  height: 12px;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover svg {
  width: 18px;
  height: 18px;
}
.tools-vmok-plugin-custom-input--xl .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover + .tools-vmok-plugin-input-number__down svg {
  width: 12px;
  height: 12px;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-input-number__vertical-wrapper {
  width: 28px;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__down:hover svg {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:has( + .tools-vmok-plugin-input-number__down:hover) svg {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up svg {
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover svg {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-custom-input--lg .tools-vmok-plugin-input-number__vertical-wrapper .tools-vmok-plugin-input-number__up:hover + .tools-vmok-plugin-input-number__down svg {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-layout {
  display: flex;
  flex-direction: column;
  flex: auto;
  min-height: 0;
}
.tools-vmok-plugin-layout--has-sider {
  flex-direction: row;
}
.tools-vmok-plugin-layout--has-sider > .tools-vmok-plugin-layout,
.tools-vmok-plugin-layout--has-sider > .tools-vmok-plugin-layout-content {
  width: 0;
}
.tools-vmok-plugin-layout-header,
.tools-vmok-plugin-layout-footer {
  flex: 0 0 auto;
}
.tools-vmok-plugin-layout-content {
  flex: auto;
  min-height: 0;
}
.tools-vmok-plugin-layout-sider {
  position: relative;
  min-width: 0;
}
.tools-vmok-plugin-list {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 4px;
  border: 1px solid #dee0e3;
  background-color: #ffffff;
  overflow: hidden;
}
.tools-vmok-plugin-list__header {
  padding: 6px 12px;
  background-color: #f2f4f7;
  border-bottom: 1px solid #dee0e3;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  justify-content: space-between;
}
.tools-vmok-plugin-list__title {
  font-weight: 600;
  flex: 1;
}
.tools-vmok-plugin-list__body--disabled {
  cursor: not-allowed;
}
.tools-vmok-plugin-list__body-scroller {
  height: 192px;
  overflow-y: auto;
  padding: 6px 0;
}
.tools-vmok-plugin-list__body-scroller::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-list__body-scroller::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-list__body-scroller::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-list__body-scroller::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-list__body-scroller--hidden {
  display: none;
}
.tools-vmok-plugin-list__empty {
  height: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-list__footer {
  padding: 6px 12px;
}
.tools-vmok-plugin-list .tools-vmok-plugin-list-item__close {
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-list .tools-vmok-plugin-list-tag {
  display: flex;
  margin: 0 6px 6px 6px;
}
.tools-vmok-plugin-list .tools-vmok-plugin-list-tag:last-child {
  margin-bottom: 0;
}
.tools-vmok-plugin-list .tools-vmok-plugin-list-tag__content {
  flex: 1;
}
.tools-vmok-plugin-list-item {
  display: flex;
  align-self: stretch;
  color: #31343b;
  cursor: pointer;
}
.tools-vmok-plugin-list-item__action {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-list-item__content {
  flex: 1;
  align-items: center;
}
.tools-vmok-plugin-list-item__content--ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tools-vmok-plugin-list-item__expand {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-list-item__expand--icon {
  color: #31343b;
}
.tools-vmok-plugin-list-item.tools-vmok-plugin-list-item--grouped {
  padding-left: 24px;
  padding-right: 24px;
}
.tools-vmok-plugin-list-item--single.tools-vmok-plugin-list-item--selected {
  color: #0057ff;
}
.tools-vmok-plugin-list-item.tools-vmok-plugin-list-item--disabled {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-list-item.tools-vmok-plugin-list-item--disabled .tools-vmok-plugin-list-item__expand--icon {
  color: #b9bcc3;
}
.tools-vmok-plugin-list-item.tools-vmok-plugin-list-item--disabled.tools-vmok-plugin-list-item--single.tools-vmok-plugin-list-item--selected {
  color: #badaff;
}
.tools-vmok-plugin-list-item:hover:not(.tools-vmok-plugin-list-item--disabled) {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-list-item--xs {
  line-height: 18px;
  font-size: 12px;
  padding: 3px 12px;
}
.tools-vmok-plugin-list-item--sm {
  line-height: 18px;
  font-size: 12px;
  padding: 5px 12px;
}
.tools-vmok-plugin-list-item--md {
  line-height: 22px;
  font-size: 14px;
  padding: 6px 12px;
}
.tools-vmok-plugin-list-item--lg {
  line-height: 24px;
  font-size: 16px;
  padding: 7px 12px;
}
.tools-vmok-plugin-list-item--xl {
  line-height: 26px;
  font-size: 18px;
  padding: 8px 12px;
}
.tools-vmok-plugin-list-item--rtl {
  direction: rtl;
}
.tools-vmok-plugin-list-item--rtl .tools-vmok-plugin-list-item__action {
  margin-right: 0;
  margin-left: 8px;
}
.tools-vmok-plugin-list-item--rtl .tools-vmok-plugin-list-item__expand {
  margin-left: 0;
  margin-right: 8px;
}
/* menu */
/* menu-item */
/* menu-item / active / hover */
/* sub-menu */
/* menu-item-group */
.tools-vmok-plugin-menu-item {
  height: 46px;
  color: #31343b;
  font-size: 14px;
}
.tools-vmok-plugin-menu-item-group__title {
  display: flex;
  align-items: center;
  height: 46px;
  color: #93969d;
  font-size: 14px;
}
.tools-vmok-plugin-sub-menu__header {
  display: grid;
  grid-template-areas: "icon title arrow";
  grid-template-columns: auto 1fr auto;
  align-items: center;
  height: 46px;
  color: #31343b;
  font-size: 14px;
  transition: color 0.1s, background-color 0.1s;
  padding-right: 18px;
}
.tools-vmok-plugin-sub-menu__header:hover {
  cursor: pointer;
  color: #0057ff;
  background-color: unset;
}
.tools-vmok-plugin-sub-menu__header:hover .tools-vmok-plugin-sub-menu__icon-arrow svg {
  fill: currentColor;
}
.tools-vmok-plugin-sub-menu__header .tools-vmok-plugin-sub-menu__icon-arrow {
  display: inline-flex;
}
.tools-vmok-plugin-sub-menu__header .tools-vmok-plugin-sub-menu__icon-arrow svg {
  transition: transform 0.2s;
}
.tools-vmok-plugin-sub-menu__header--open {
  color: #0057ff;
}
.tools-vmok-plugin-sub-menu__header--open .tools-vmok-plugin-sub-menu__icon-arrow svg {
  transform: rotate(180deg);
}
.tools-vmok-plugin-sub-menu__header .tools-vmok-plugin-sub-menu__icon {
  grid-area: icon;
  margin-right: 8px;
  display: inline-flex;
}
.tools-vmok-plugin-sub-menu__header .tools-vmok-plugin-sub-menu__title {
  grid-area: title;
  white-space: nowrap;
}
.tools-vmok-plugin-sub-menu__header .tools-vmok-plugin-sub-menu__arrow {
  grid-area: arrow;
}
.tools-vmok-plugin-sub-menu__header--hide .tools-vmok-plugin-sub-menu__title {
  opacity: 0;
}
.tools-vmok-plugin-sub-menu__header--hide .tools-vmok-plugin-sub-menu__arrow {
  opacity: 0;
}
.tools-vmok-plugin-sub-menu__list {
  padding: 0;
  overflow: hidden;
}
.tools-vmok-plugin-sub-menu--rtl .tools-vmok-plugin-sub-menu__header {
  padding-left: 24px;
}
.tools-vmok-plugin-menu-content {
  display: grid;
  grid-template-areas: "icon title";
  grid-template-columns: auto 1fr;
  align-items: center;
  height: 46px;
  color: #31343b;
  font-size: 14px;
  transition: color 0.1s, background-color 0.1s;
  padding-right: 18px;
}
.tools-vmok-plugin-menu-content--active {
  background-color: #e8f4ff;
  cursor: pointer;
  color: #0057ff;
}
.tools-vmok-plugin-menu-content:hover {
  cursor: pointer;
  color: #0057ff;
}
.tools-vmok-plugin-menu-content.tools-vmok-plugin-sub-menu__header:hover {
  background-color: unset;
}
.tools-vmok-plugin-menu-content__icon {
  display: inline-flex;
  grid-area: icon;
  margin-right: 8px;
}
.tools-vmok-plugin-menu-content__title {
  grid-area: title;
  white-space: nowrap;
  transition: all 0.2s;
}
.tools-vmok-plugin-menu-content__title--hide {
  opacity: 0;
}
.tools-vmok-plugin-menu-content .tools-vmok-plugin-icon__arrow {
  grid-area: arrow;
}
.tools-vmok-plugin-menu-content .tools-vmok-plugin-icon__arrow svg {
  transition: transform 0.2s;
}
.tools-vmok-plugin-menu-content--open {
  color: #0057ff;
}
.tools-vmok-plugin-menu-content--open .tools-vmok-plugin-icon__arrow svg {
  transform: rotate(180deg);
}
.tools-vmok-plugin-menu-popper--hide {
  display: none;
}
.tools-vmok-plugin-menu-popper .tools-vmok-plugin-sub-menu__list--collapsed .tools-vmok-plugin-sub-menu__header .tools-vmok-plugin-sub-menu__icon-arrow svg {
  transform: rotate(-90deg);
}
.tools-vmok-plugin-menu-popper__inner {
  margin: 0 10px;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  background: #ffffff;
  padding: 5px 0;
  min-width: 200px;
}
.tools-vmok-plugin-menu-popper .tools-vmok-plugin-sub-menu__popper-title {
  font-size: 12px;
  color: #93969d;
  padding-left: 24px;
  padding-top: 16px;
}
.tools-vmok-plugin-menu {
  width: 200px;
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  transition: all 0.2s;
  overflow: hidden;
}
.tools-vmok-plugin-menu--rtl {
  direction: rtl;
}
.tools-vmok-plugin-menu--horizontal {
  display: flex;
  width: auto;
  justify-content: center;
}
/* message */
/**
 * new Design Token
 */
.tools-vmok-plugin-message-fade-enter-from,
.tools-vmok-plugin-message-fade-leave-to {
  opacity: 0;
  transform: translate(0, -100%);
}
.tools-vmok-plugin-message-fade-enter-active,
.tools-vmok-plugin-message-fade-leave-active {
  transition: all 0.2s ease-in-out;
}
.tools-vmok-plugin-message {
  padding: 6px;
  text-align: center;
}
.tools-vmok-plugin-message:first-child {
  margin-top: -6px;
}
.tools-vmok-plugin-message__content {
  display: inline-flex;
  align-items: center;
  pointer-events: all;
  background-color: #ffffff;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: #31343b;
  word-break: break-all;
}
.tools-vmok-plugin-message__icon + .tools-vmok-plugin-message__text {
  margin-left: 8px;
}
.tools-vmok-plugin-message__text {
  display: inline-flex;
}
.tools-vmok-plugin-message--info .tools-vmok-plugin-message__icon {
  color: #0057ff;
}
.tools-vmok-plugin-message--success .tools-vmok-plugin-message__icon {
  color: #0da600;
}
.tools-vmok-plugin-message--warning .tools-vmok-plugin-message__icon {
  color: #eb9617;
}
.tools-vmok-plugin-message--danger .tools-vmok-plugin-message__icon {
  color: #e34949;
}
.tools-vmok-plugin-message--loading .tools-vmok-plugin-message__icon {
  color: #0057ff;
}
.tools-vmok-plugin-message--rtl {
  direction: rtl;
}
.tools-vmok-plugin-message--rtl .tools-vmok-plugin-message__icon + .tools-vmok-plugin-message__text {
  margin-right: 8px;
  margin-left: 0;
}
.tools-vmok-plugin-message--teleport {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  z-index: 9999;
}
#okee-message-container {
  position: fixed;
  width: 100%;
  top: 16px;
  left: 0;
  pointer-events: none;
}
/* modal */
/**
 * Ocean Design Tokens 2.0
 */
.tools-vmok-plugin-modal-fade-enter-active,
.tools-vmok-plugin-modal-fade-leave-active {
  transition: all 0.2s ease-in-out;
}
.tools-vmok-plugin-modal-fade-enter-from,
.tools-vmok-plugin-modal-fade-leave-to {
  transform: scale(0.8);
}
.tools-vmok-plugin-modal-fade-enter-to,
.tools-vmok-plugin-modal-fade-leave-from {
  transform: scale(1);
}
.tools-vmok-plugin-modal {
  position: relative;
  width: 600px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  margin: auto;
}
.tools-vmok-plugin-modal--topfix {
  align-items: flex-start;
}
.tools-vmok-plugin-modal--hide {
  display: none;
}
.tools-vmok-plugin-modal__wrap {
  display: flex;
  overflow: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
}
.tools-vmok-plugin-modal__wrap--hide {
  display: none;
}
.tools-vmok-plugin-modal__header {
  padding: 24px 24px 20px 24px;
  color: #31343b;
}
.tools-vmok-plugin-modal__header-with-close {
  margin-right: 25px;
}
.tools-vmok-plugin-modal__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #31343b;
}
.tools-vmok-plugin-modal__body {
  padding: 0 24px 0 24px;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.tools-vmok-plugin-modal__body-with-status {
  padding-left: 50px;
}
.tools-vmok-plugin-modal__footer {
  padding: 24px 24px 24px 24px;
}
.tools-vmok-plugin-modal__close-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #31343b;
  top: 25px;
  right: 25px;
  cursor: pointer;
  z-index: 1;
}
.tools-vmok-plugin-modal__close-icon--hide {
  display: none;
}
.tools-vmok-plugin-modal__close-icon:hover {
  color: #0057ff;
}
.tools-vmok-plugin-modal__close-icon:active {
  color: #003fd2;
}
.tools-vmok-plugin-modal__header-info,
.tools-vmok-plugin-modal__header-success,
.tools-vmok-plugin-modal__header-warning,
.tools-vmok-plugin-modal__header-error {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-modal__header-info .tools-vmok-plugin-icon,
.tools-vmok-plugin-modal__header-success .tools-vmok-plugin-icon,
.tools-vmok-plugin-modal__header-warning .tools-vmok-plugin-icon,
.tools-vmok-plugin-modal__header-error .tools-vmok-plugin-icon {
  font-size: 18px;
  margin-right: 8px;
}
.tools-vmok-plugin-modal__header-info .tools-vmok-plugin-icon {
  color: #0057ff;
}
.tools-vmok-plugin-modal__header-success .tools-vmok-plugin-icon {
  color: #0da600;
}
.tools-vmok-plugin-modal__header-warning .tools-vmok-plugin-icon {
  color: #eb9617;
}
.tools-vmok-plugin-modal__header-error .tools-vmok-plugin-icon {
  color: #e34949;
}
.tools-vmok-plugin-modal__footer-btn-box {
  display: flex;
  justify-content: flex-end;
}
.tools-vmok-plugin-modal__footer-btn-box .tools-vmok-plugin-button + .tools-vmok-plugin-button {
  margin-left: 12px;
}
.tools-vmok-plugin-modal--divider .tools-vmok-plugin-modal__header {
  padding: 24px;
}
.tools-vmok-plugin-modal--divider .tools-vmok-plugin-modal__body {
  background: #f7f9fc;
  border-top: 1px solid #dee0e3;
  border-bottom: 1px solid #dee0e3;
  padding: 0;
}
.tools-vmok-plugin-modal--rtl {
  direction: rtl;
}
.tools-vmok-plugin-modal--rtl .tools-vmok-plugin-modal__close-icon {
  right: auto;
  left: 25px;
}
.tools-vmok-plugin-option {
  display: flex;
  align-self: stretch;
  color: #31343b;
  cursor: pointer;
}
.tools-vmok-plugin-option__action {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-option__content {
  flex: 1;
  align-items: center;
}
.tools-vmok-plugin-option__content--ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tools-vmok-plugin-option__expand {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-option__expand--icon {
  color: #31343b;
}
.tools-vmok-plugin-option.tools-vmok-plugin-option--grouped {
  padding-left: 24px;
  padding-right: 24px;
}
.tools-vmok-plugin-option--single.tools-vmok-plugin-option--selected {
  color: #0057ff;
}
.tools-vmok-plugin-option.tools-vmok-plugin-option--disabled {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-option.tools-vmok-plugin-option--disabled .tools-vmok-plugin-option__expand--icon {
  color: #b9bcc3;
}
.tools-vmok-plugin-option.tools-vmok-plugin-option--disabled.tools-vmok-plugin-option--single.tools-vmok-plugin-option--selected {
  color: #badaff;
}
.tools-vmok-plugin-option:hover:not(.tools-vmok-plugin-option--disabled) {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-option--xs {
  line-height: 18px;
  font-size: 12px;
  padding: 3px 12px;
}
.tools-vmok-plugin-option--sm {
  line-height: 18px;
  font-size: 12px;
  padding: 5px 12px;
}
.tools-vmok-plugin-option--md {
  line-height: 22px;
  font-size: 14px;
  padding: 6px 12px;
}
.tools-vmok-plugin-option--lg {
  line-height: 24px;
  font-size: 16px;
  padding: 7px 12px;
}
.tools-vmok-plugin-option--xl {
  line-height: 26px;
  font-size: 18px;
  padding: 8px 12px;
}
.tools-vmok-plugin-option--rtl {
  direction: rtl;
}
.tools-vmok-plugin-option--rtl .tools-vmok-plugin-option__action {
  margin-right: 0;
  margin-left: 8px;
}
.tools-vmok-plugin-option--rtl .tools-vmok-plugin-option__expand {
  margin-left: 0;
  margin-right: 8px;
}
.tools-vmok-plugin-optgroup {
  display: none;
}
.tools-vmok-plugin-optgroup__label {
  color: #93969d;
  cursor: default;
}
.tools-vmok-plugin-optgroup__label--disabled {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-optgroup--visible {
  display: block;
}
.tools-vmok-plugin-optgroup--xs {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-optgroup--xs .tools-vmok-plugin-optgroup__label {
  padding: 3px 12px;
}
.tools-vmok-plugin-optgroup--sm {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-optgroup--sm .tools-vmok-plugin-optgroup__label {
  padding: 5px 12px;
}
.tools-vmok-plugin-optgroup--md {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-optgroup--md .tools-vmok-plugin-optgroup__label {
  padding: 6px 12px;
}
.tools-vmok-plugin-optgroup--lg {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-optgroup--lg .tools-vmok-plugin-optgroup__label {
  padding: 7px 12px;
}
.tools-vmok-plugin-optgroup--xl {
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-optgroup--xl .tools-vmok-plugin-optgroup__label {
  padding: 8px 12px;
}
.tools-vmok-plugin-select {
  display: inline-flex;
  width: 100%;
  position: relative;
  vertical-align: bottom;
}
.tools-vmok-plugin-select__tips {
  text-align: center;
  user-select: none;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 22px;
  min-width: 26px;
  border-radius: 13px;
  padding: 1px 8px;
  margin-right: 4px;
}
.tools-vmok-plugin-select__arrow {
  color: #93969d;
}
.tools-vmok-plugin-select__arrow--open {
  transform: rotate(180deg);
}
.tools-vmok-plugin-select__input:not(.tools-vmok-plugin-input__wrapper--disabled) {
  cursor: pointer;
}
.tools-vmok-plugin-select__tag-content {
  max-width: calc(100% - 14px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tools-vmok-plugin-select__empty {
  height: 192px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-select--stroke .tools-vmok-plugin-select__tips {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-select--stroke.tools-vmok-plugin-select--disabled .tools-vmok-plugin-select__tips {
  background-color: #f7f9fc;
  color: #cdd1d8;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-select--fill .tools-vmok-plugin-select__tips {
  background-color: #ffffff;
  color: #31343b;
  border-color: #ffffff;
}
.tools-vmok-plugin-select--fill.tools-vmok-plugin-select--disabled .tools-vmok-plugin-select__tips {
  background-color: #f5f7fa;
  color: #b9bcc3;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-select--text {
  color: #31343b;
  width: auto;
  cursor: pointer;
}
.tools-vmok-plugin-select--text:hover,
.tools-vmok-plugin-select--text .tools-vmok-plugin-select__text-wrapper--active {
  color: #0057ff;
}
.tools-vmok-plugin-select--text:hover:active,
.tools-vmok-plugin-select--text .tools-vmok-plugin-select__text-wrapper--active:active {
  color: #003fd2;
}
.tools-vmok-plugin-select--text .tools-vmok-plugin-select__text-wrapper {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
}
.tools-vmok-plugin-select--text .tools-vmok-plugin-select__arrow {
  margin-right: 0;
}
.tools-vmok-plugin-select--text.tools-vmok-plugin-select--disabled,
.tools-vmok-plugin-select--text.tools-vmok-plugin-select--disabled:hover {
  color: #cdd1d8;
  cursor: not-allowed;
}
.tools-vmok-plugin-select--xs {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-select--xs .tools-vmok-plugin-select__tips {
  font-size: 12px;
  line-height: 18px;
  min-width: 22px;
  border-radius: 11px;
  padding: 1px 8px;
}
.tools-vmok-plugin-select--sm {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-select--sm .tools-vmok-plugin-select__tips {
  font-size: 12px;
  line-height: 18px;
  min-width: 22px;
  border-radius: 11px;
  padding: 1px 8px;
}
.tools-vmok-plugin-select--md {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-select--lg {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-select--xl {
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-select--disabled .tools-vmok-plugin-select__tips {
  background-color: #f7f9fc;
  color: #cdd1d8;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-select--disabled .tools-vmok-plugin-select__arrow {
  color: #cdd1d8;
}
.tools-vmok-plugin-select__popper {
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  display: none;
  background-color: #ffffff;
}
.tools-vmok-plugin-select__popper--show {
  display: block;
}
.tools-vmok-plugin-select__popper-header {
  border-bottom: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-select__popper-footer {
  border-top: 1px solid #e8eaed;
  padding: 6px 12px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-select--rtl {
  direction: rtl;
}
.tools-vmok-plugin-select--rtl .tools-vmok-plugin-select__tips {
  margin-right: 0;
  margin-left: 4px;
}
.tools-vmok-plugin-select__popper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-select-fade-enter-active,
.tools-vmok-plugin-select-fade-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.tools-vmok-plugin-select-fade-enter-from,
.tools-vmok-plugin-select-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-select-fade-enter-to,
.tools-vmok-plugin-select-fade-leave-from {
  opacity: 1;
}
.tools-vmok-plugin-select__filter {
  border-bottom: 1px solid #e8eaed;
}
.tools-vmok-plugin-select__filter-icon {
  color: #b9bcc3;
}
.tools-vmok-plugin-select__options {
  max-height: 192px;
  overflow-y: auto;
  padding: 6px 0;
}
.tools-vmok-plugin-select__options::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-select__options::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-select__options::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-select__options::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-notification {
  display: flex;
  flex-direction: column;
  word-wrap: break-word;
  border-radius: 12px;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  background: #ffffff;
  width: 384px;
  line-height: 22px;
  position: relative;
  margin-bottom: 12px;
  margin-left: 28px;
  margin-right: 16px;
  overflow: hidden;
}
.tools-vmok-plugin-notification__container {
  padding: 16px;
}
.tools-vmok-plugin-notification__header {
  display: flex;
  position: relative;
}
.tools-vmok-plugin-notification__header__title {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 22px;
}
.tools-vmok-plugin-notification__header__type-icon {
  font-size: 16px;
  position: absolute;
  top: 2px;
  left: 0;
}
.tools-vmok-plugin-notification__header__close {
  color: #93969d;
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 2px;
  cursor: pointer;
}
.tools-vmok-plugin-notification__content {
  margin-top: 16px;
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-notification__action {
  margin-top: 16px;
}
.tools-vmok-plugin-notification__description {
  font-size: 12px;
  line-height: 18px;
  color: #666666;
}
.tools-vmok-plugin-notification--success .tools-vmok-plugin-notification__header__title,
.tools-vmok-plugin-notification--warning .tools-vmok-plugin-notification__header__title,
.tools-vmok-plugin-notification--danger .tools-vmok-plugin-notification__header__title,
.tools-vmok-plugin-notification--info .tools-vmok-plugin-notification__header__title {
  padding-left: 24px;
}
.tools-vmok-plugin-notification--success .tools-vmok-plugin-notification__header__type-icon {
  color: #0da600;
}
.tools-vmok-plugin-notification--warning .tools-vmok-plugin-notification__header__type-icon {
  color: #eb9617;
}
.tools-vmok-plugin-notification--info .tools-vmok-plugin-notification__header__type-icon {
  color: #0057ff;
}
.tools-vmok-plugin-notification--danger .tools-vmok-plugin-notification__header__type-icon {
  color: #e34949;
}
.tools-vmok-plugin-notification--closable .tools-vmok-plugin-notification__header__title {
  padding-right: 22px;
}
#__okee-notification-container__ .notification-placement-container {
  position: fixed;
}
#__okee-notification-container__ .notification-placement-container-top-right {
  right: 0;
  top: 24px;
  bottom: auto;
}
#__okee-notification-container__ .notification-placement-container-top-left {
  left: 0;
  top: 24px;
  bottom: auto;
}
#__okee-notification-container__ .notification-placement-container-bottom-right {
  right: 0;
  top: auto;
  bottom: 24px;
}
#__okee-notification-container__ .notification-placement-container-bottom-left {
  left: 0;
  top: auto;
  bottom: 24px;
}
.tools-vmok-plugin-notification-transition-top-right-enter-from,
.tools-vmok-plugin-notification-transition-top-right-leave-to,
.tools-vmok-plugin-notification-transition-bottom-right-enter-from,
.tools-vmok-plugin-notification-transition-bottom-right-leave-to {
  opacity: 0;
  transform: translateX(100%);
  padding: 0;
  margin: 0;
}
.tools-vmok-plugin-notification-transition-top-left-enter-from,
.tools-vmok-plugin-notification-transition-top-left-leave-to,
.tools-vmok-plugin-notification-transition-bottom-left-enter-from,
.tools-vmok-plugin-notification-transition-bottom-left-leave-to {
  opacity: 0;
  transform: translateX(-100%);
  padding: 0;
  margin: 0;
}
.tools-vmok-plugin-notification-transition-top-right-leave-from,
.tools-vmok-plugin-notification-transition-top-right-enter-to,
.tools-vmok-plugin-notification-transition-bottom-right-leave-from,
.tools-vmok-plugin-notification-transition-bottom-right-enter-to,
.tools-vmok-plugin-notification-transition-top-left-leave-from,
.tools-vmok-plugin-notification-transition-top-left-enter-to,
.tools-vmok-plugin-notification-transition-bottom-left-leave-from,
.tools-vmok-plugin-notification-transition-bottom-left-enter-to {
  opacity: 1;
  transform: translateX(0%);
}
.tools-vmok-plugin-notification-transition-top-right-enter-active,
.tools-vmok-plugin-notification-transition-top-right-leave-active,
.tools-vmok-plugin-notification-transition-bottom-right-enter-active,
.tools-vmok-plugin-notification-transition-bottom-right-leave-active,
.tools-vmok-plugin-notification-transition-top-left-enter-active,
.tools-vmok-plugin-notification-transition-top-left-leave-active,
.tools-vmok-plugin-notification-transition-bottom-left-enter-active,
.tools-vmok-plugin-notification-transition-bottom-left-leave-active {
  transition: all 0.2s ease-in-out;
}
/* pagination */
/* page-turner */
/* page-total */
/* page-jumper */
/**
* new design token
*/
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner {
  display: inline-flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  font-size: 12px;
  color: #31343b;
  border: 1px solid #dee0e3;
  border-radius: 4px;
  margin-left: 8px;
  padding: 0 5px;
  box-sizing: border-box;
  min-width: 24px;
  background-color: #ffffff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item:first-of-type {
  margin-left: 0;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item .tools-vmok-plugin-page-turner__prev-icon {
  transform: rotate(90deg);
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item .tools-vmok-plugin-page-turner__next-icon {
  transform: rotate(-90deg);
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item--active {
  color: #0057ff;
  border-color: #0057ff;
  background-color: #ffffff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item:hover {
  background-color: #ffffff;
  color: #0057ff;
  border: 1px solid #0057ff;
  cursor: pointer;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item:active {
  background-color: #ffffff;
  color: #003fd2;
  border: 1px solid #003fd2;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item--disabled,
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item--disabled:hover {
  border-color: #dee0e3;
  background-color: #ffffff;
  color: #b9bcc3;
  cursor: not-allowed;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item--disabled--active,
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__item--disabled--active:hover {
  border-color: #badaff;
  background-color: #ffffff;
  color: #badaff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__prev-ellipsis,
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__next-ellipsis {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__prev-ellipsis span,
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner__next-ellipsis span {
  padding-bottom: 0.6em;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item {
  border: none;
  color: #31343b;
  background-color: #ffffff;
  border-color: #ffffff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item:active {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #e8eaed;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item:hover {
  color: #0057ff;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item--active {
  color: #0057ff;
  background-color: #ffffff;
  border-color: #0057ff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item--disabled {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item--disabled:hover {
  color: #badaff;
  background-color: #ffffff;
  border-color: #badaff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--rtl .tools-vmok-plugin-page-turner__item:last-of-type {
  margin-left: 0;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--rtl .tools-vmok-plugin-page-turner__item:first-of-type {
  margin-left: 8px;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item {
  border: 1px solid #f2f4f7;
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item:hover {
  border: 1px solid #0057ff;
  background-color: #f5f7fa;
  color: #0057ff;
  cursor: pointer;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--active {
  color: #0057ff;
  border-color: #0057ff;
  background-color: #ffffff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--active:hover {
  color: #0057ff;
  border-color: #0057ff;
  background-color: #ffffff;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item:active {
  border: 1px solid #e8eaed;
  background-color: #e8eaed;
  color: #31343b;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--disabled,
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--disabled:hover {
  border-color: #f5f7fa;
  background-color: #f5f7fa;
  color: #b9bcc3;
  cursor: not-allowed;
}
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--disabled--active,
.tools-vmok-plugin-pagination .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--disabled--active:hover {
  border-color: #badaff;
  background-color: #ffffff;
  color: #badaff;
}
.tools-vmok-plugin-pagination--sm .tools-vmok-plugin-page-turner__item {
  min-width: 28px;
  height: 28px;
  font-size: 12px;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner__item,
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner__item:hover {
  border-color: #dee0e3;
  background-color: #ffffff;
  color: #b9bcc3;
  cursor: not-allowed;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner__item--active,
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner__item--active:hover {
  border-color: #badaff;
  background-color: #ffffff;
  color: #badaff;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner__prev-ellipsis,
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner__next-ellipsis {
  color: #cdd1d8;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item:hover {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item--active,
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--text .tools-vmok-plugin-page-turner__item--active:hover {
  color: #badaff;
  background-color: #ffffff;
  border-color: #badaff;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item,
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item:hover {
  border-color: #f5f7fa;
  background-color: #f5f7fa;
  color: #b9bcc3;
  cursor: not-allowed;
}
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--active,
.tools-vmok-plugin-pagination--disabled .tools-vmok-plugin-page-turner--fill .tools-vmok-plugin-page-turner__item--active:hover {
  border-color: #badaff;
  background-color: #ffffff;
  color: #badaff;
}
.disabled-pagination-item,
.disabled-pagination-item:hover {
  border-color: #dee0e3;
  background-color: #ffffff;
  color: #b9bcc3;
  cursor: not-allowed;
}
.disabled-pagination-item--active,
.disabled-pagination-item--active:hover {
  border-color: #badaff;
  background-color: #ffffff;
  color: #badaff;
}
.disabled-pagination-item-fill,
.disabled-pagination-item-fill:hover {
  border-color: #f5f7fa;
  background-color: #f5f7fa;
  color: #b9bcc3;
  cursor: not-allowed;
}
.disabled-pagination-item-fill--active,
.disabled-pagination-item-fill--active:hover {
  border-color: #badaff;
  background-color: #ffffff;
  color: #badaff;
}
.tools-vmok-plugin-page-total {
  display: inline-flex;
  font-size: 14px;
  color: #31343b;
}
.tools-vmok-plugin-page-jumper {
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-page-jumper__label {
  flex-shrink: 0;
  color: #31343b;
  font-size: 14px;
  margin-right: 8px;
}
.tools-vmok-plugin-page-jumper__input {
  width: 56px;
}
.tools-vmok-plugin-page-jumper__input.tools-vmok-plugin-input--sm {
  padding: 4px 8px !important;
}
.tools-vmok-plugin-page-jumper--rtl .tools-vmok-plugin-page-jumper__label {
  margin-right: auto;
  margin-left: 8px;
}
.tools-vmok-plugin-page-select {
  margin: 0 10px;
  min-width: 100px;
}
.tools-vmok-plugin-pagination {
  display: inline-flex;
  align-items: center;
}
.tools-vmok-plugin-pagination--rtl {
  direction: rtl;
}
/* popover */
/**
 * Ocean Design Tokens 2.0
 */
.tools-vmok-plugin-popover {
  padding: 16px;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  background: #ffffff;
  font-size: 12px;
  line-height: 18px;
  color: #62656c;
}
.tools-vmok-plugin-popover[data-popper-placement^="top"] > [data-popper-arrow] {
  bottom: -5px;
}
.tools-vmok-plugin-popover[data-popper-placement^="top"] > [data-popper-arrow]::before {
  background: linear-gradient(135deg, transparent 50%, #ffffff 50%);
  box-shadow: 3px 3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover[data-popper-placement^="right"] > [data-popper-arrow] {
  left: -5px;
}
.tools-vmok-plugin-popover[data-popper-placement^="right"] > [data-popper-arrow]::before {
  background: linear-gradient(225deg, transparent 50%, #ffffff 50%);
  box-shadow: -3px 3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover[data-popper-placement^="bottom"] > [data-popper-arrow] {
  top: -5px;
}
.tools-vmok-plugin-popover[data-popper-placement^="bottom"] > [data-popper-arrow]::before {
  background: linear-gradient(135deg, #ffffff 50%, transparent 50%);
  box-shadow: -3px -3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover[data-popper-placement^="left"] > [data-popper-arrow] {
  right: -5px;
}
.tools-vmok-plugin-popover[data-popper-placement^="left"] > [data-popper-arrow]::before {
  background: linear-gradient(45deg, transparent 50%, #ffffff 50%);
  box-shadow: 3px -3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover.tools-vmok-plugin-popover--hide {
  display: none;
}
.tools-vmok-plugin-popover--tooltip {
  padding: 8px 16px 8px 16px;
}
.tools-vmok-plugin-popover[data-popper-reference-hidden="true"] {
  visibility: hidden;
  pointer-events: none;
}
.tools-vmok-plugin-popover .tools-vmok-plugin-popover__arrow,
.tools-vmok-plugin-popover .tools-vmok-plugin-popover__arrow::before {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: -2;
}
.tools-vmok-plugin-popover .tools-vmok-plugin-popover__arrow::before {
  content: "";
  transform: rotate(45deg);
  top: 0;
  left: 0;
}
.tools-vmok-plugin-popover .tools-vmok-plugin-popover__arrow--hide {
  visibility: hidden;
}
.tools-vmok-plugin-popover__header {
  padding-bottom: 8px;
}
.tools-vmok-plugin-popover__title {
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.tools-vmok-plugin-popover--dark {
  background: rgba(50, 51, 53, 0.95);
  color: #ffffff;
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="top"] > [data-popper-arrow] {
  bottom: -5px;
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="top"] > [data-popper-arrow]::before {
  background: linear-gradient(135deg, transparent 50%, rgba(50, 51, 53, 0.95) 50%);
  box-shadow: 3px 3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="right"] > [data-popper-arrow] {
  left: -5px;
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="right"] > [data-popper-arrow]::before {
  background: linear-gradient(225deg, transparent 50%, rgba(50, 51, 53, 0.95) 50%);
  box-shadow: -3px 3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="bottom"] > [data-popper-arrow] {
  top: -5px;
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="bottom"] > [data-popper-arrow]::before {
  background: linear-gradient(135deg, rgba(50, 51, 53, 0.95) 50%, transparent 50%);
  box-shadow: -3px -3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="left"] > [data-popper-arrow] {
  right: -5px;
}
.tools-vmok-plugin-popover--dark[data-popper-placement^="left"] > [data-popper-arrow]::before {
  background: linear-gradient(45deg, transparent 50%, rgba(50, 51, 53, 0.95) 50%);
  box-shadow: 3px -3px 6px -3px rgba(0, 0, 0, 0.2);
}
.tools-vmok-plugin-popover--dark .tools-vmok-plugin-popover__title {
  color: #ffffff;
}
.tools-vmok-plugin-popover-fade-enter-active,
.tools-vmok-plugin-popover-fade-leave-active {
  transition: opacity 0.2s ease-in-out;
}
.tools-vmok-plugin-popover-fade-enter-from,
.tools-vmok-plugin-popover-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-popover-fade-enter-to,
.tools-vmok-plugin-popover-fade-leave-from {
  opacity: 1;
}
/* popup */
.tools-vmok-plugin-popup-fade-enter-active,
.tools-vmok-plugin-popup-fade-leave-active {
  transition: opacity 0.24s linear;
}
.tools-vmok-plugin-popup-fade-enter-from,
.tools-vmok-plugin-popup-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-popup-fade-enter-to,
.tools-vmok-plugin-popup-fade-leave-from {
  opacity: 1;
}
.tools-vmok-plugin-popup__lock {
  overflow: hidden;
}
.tools-vmok-plugin-popup__mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(26, 26, 27, 0.5);
  height: 100%;
  z-index: 1050;
}
/* progress */
.tools-vmok-plugin-progress {
  display: flex;
  height: 8px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  text-align: end;
}
.tools-vmok-plugin-progress__bar {
  position: relative;
  z-index: 3;
  width: 0%;
  height: 100%;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
.tools-vmok-plugin-progress__text-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  padding: 0 12px;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  text-align: end;
}
.tools-vmok-plugin-progress::before {
  content: "";
  display: block;
  background: #e8eaed;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 4px;
}
.tools-vmok-plugin-progress--default .tools-vmok-plugin-progress__bar {
  background-color: #0057ff;
}
.tools-vmok-plugin-progress--primary .tools-vmok-plugin-progress__bar {
  background-color: #0057ff;
}
.tools-vmok-plugin-progress--info .tools-vmok-plugin-progress__bar {
  background-color: #0057ff;
}
.tools-vmok-plugin-progress--danger .tools-vmok-plugin-progress__bar {
  background-color: #e34949;
}
.tools-vmok-plugin-progress--warning .tools-vmok-plugin-progress__bar {
  background-color: #eb9617;
}
.tools-vmok-plugin-progress--success .tools-vmok-plugin-progress__bar {
  background-color: #0da600;
}
.tools-vmok-plugin-progress--right {
  justify-content: flex-end;
}
.tools-vmok-plugin-progress--right .tools-vmok-plugin-progress__text-wrap {
  text-align: left;
}
.tools-vmok-plugin-progress--center {
  justify-content: center;
}
.tools-vmok-plugin-progress--center .tools-vmok-plugin-progress__text-wrap {
  text-align: center;
}
.tools-vmok-plugin-progress--xs {
  height: 2px;
}
.tools-vmok-plugin-progress--sm {
  height: 4px;
}
.tools-vmok-plugin-progress--md {
  height: 8px;
}
.tools-vmok-plugin-progress--inner {
  height: 20px;
}
.tools-vmok-plugin-progress--inner,
.tools-vmok-plugin-progress--inner::before,
.tools-vmok-plugin-progress--inner .tools-vmok-plugin-progress__bar {
  border-radius: 10px;
}
.tools-vmok-plugin-progress-circular {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.tools-vmok-plugin-progress-circular__circle {
  transition: 0.2s;
}
.tools-vmok-plugin-progress-circular__content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.tools-vmok-plugin-progress-circular--info {
  stroke: #0057ff;
}
.tools-vmok-plugin-progress-circular--danger {
  stroke: #e34949;
}
.tools-vmok-plugin-progress-circular--warning {
  stroke: #eb9617;
}
.tools-vmok-plugin-progress-circular--success {
  stroke: #0da600;
}
.tools-vmok-plugin-progress-circular__circle-bg {
  stroke: #e8eaed;
}
.tools-vmok-plugin-progress-circular--xs .tools-vmok-plugin-progress-circular__content {
  font-size: 12px;
}
.tools-vmok-plugin-progress-circular--sm .tools-vmok-plugin-progress-circular__content {
  font-size: 16px;
}
.tools-vmok-plugin-progress-circular--md .tools-vmok-plugin-progress-circular__content {
  font-size: 20px;
}
.tools-vmok-plugin-progress--rtl {
  direction: rtl;
}
/* Radio */
/* radio */
.tools-vmok-plugin-radio-group {
  position: relative;
  display: inline-flex;
}
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button:not(:first-child) {
  margin-right: -1px;
}
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button:hover,
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button:focus,
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button:active {
  z-index: 1;
}
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button--checked,
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button--checked:hover,
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button--checked:focus,
.tools-vmok-plugin-radio-button-group .tools-vmok-plugin-radio-button--checked:active {
  z-index: 3;
}
.tools-vmok-plugin-radio-option-group {
  display: inline-flex;
  border-radius: 4px;
  padding: 0 2px;
}
.tools-vmok-plugin-radio-option-group.tools-vmok-plugin-radio-group--stroke {
  border: 1px solid #dee0e3;
  background-color: #ffffff;
}
.tools-vmok-plugin-radio-option-group.tools-vmok-plugin-radio-group--fill {
  border: 1px solid #f2f4f7;
  background-color: #f2f4f7;
}
.tools-vmok-plugin-radio-option-group .tools-vmok-plugin-radio-option--xs {
  margin: 2px 2px;
}
.tools-vmok-plugin-radio-option-group .tools-vmok-plugin-radio-option--sm {
  margin: 3px 2px;
}
.tools-vmok-plugin-radio-option-group .tools-vmok-plugin-radio-option--md {
  margin: 3px 2px;
}
.tools-vmok-plugin-radio-option-group .tools-vmok-plugin-radio-option--lg {
  margin: 3px 2px;
}
.tools-vmok-plugin-radio-option-group .tools-vmok-plugin-radio-option--xl {
  margin: 3px 2px;
}
.tools-vmok-plugin-radio-item-group {
  display: inline-flex;
  border-radius: 4px;
}
.tools-vmok-plugin-radio-item-group.tools-vmok-plugin-radio-group--stroke::before {
  z-index: 1;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin-top: 8px;
  border-radius: 4px;
  border: 1px solid #dee0e3;
}
.tools-vmok-plugin-radio-item-group.tools-vmok-plugin-radio-group--stroke.tools-vmok-plugin-radio-group--disabled::before {
  border: 1px solid #f2f4f7;
}
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item:not(:first-child):not(:last-child),
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item:not(:first-child):not(:last-child)::after {
  border-radius: 0;
}
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item:not(:last-child) {
  margin-right: -1px;
}
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item:first-child:not(:last-child),
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item:first-child:not(:last-child)::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item:last-child:not(:first-child),
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item:last-child:not(:first-child)::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item--initial + .tools-vmok-plugin-radio-item-group .tools-vmok-plugin-radio-item--initial::before {
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #dee0e3;
}
.tools-vmok-plugin-radio-group--rtl {
  direction: rtl;
}
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-button:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-button:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-item {
  margin-right: 0;
}
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-item:not(:first-child) {
  margin-right: -1px;
}
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-item:first-child:not(:last-child),
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-item:first-child:not(:last-child)::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-item:last-child:not(:first-child),
.tools-vmok-plugin-radio-group--rtl .tools-vmok-plugin-radio-item:last-child:not(:first-child)::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tools-vmok-plugin-radio-option {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  cursor: default;
  border-radius: 2px;
}
.tools-vmok-plugin-radio-option--stroke {
  color: #62656c;
}
.tools-vmok-plugin-radio-option--stroke:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-radio-option--stroke:active {
  background-color: #e8eaed;
}
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--checked,
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--checked:hover,
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--checked:active {
  background-color: #e8f4ff;
  color: #0057ff;
}
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--disabled,
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--disabled:hover,
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--disabled:active {
  cursor: not-allowed;
  background-color: transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--checked.tools-vmok-plugin-radio-option--disabled,
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--checked.tools-vmok-plugin-radio-option--disabled:hover,
.tools-vmok-plugin-radio-option--stroke.tools-vmok-plugin-radio-option--checked.tools-vmok-plugin-radio-option--disabled:active {
  background-color: #e8f4ff;
  color: #badaff;
}
.tools-vmok-plugin-radio-option--fill {
  color: #62656c;
}
.tools-vmok-plugin-radio-option--fill:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-radio-option--fill:active {
  background-color: #cdd1d8;
}
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--checked,
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--checked:hover,
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--checked:active {
  background-color: #ffffff;
  color: #0057ff;
}
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--disabled,
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--disabled:hover,
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--disabled:active {
  cursor: not-allowed;
  background-color: transparent;
  color: #b9bcc3;
}
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--checked.tools-vmok-plugin-radio-option--disabled,
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--checked.tools-vmok-plugin-radio-option--disabled:hover,
.tools-vmok-plugin-radio-option--fill.tools-vmok-plugin-radio-option--checked.tools-vmok-plugin-radio-option--disabled:active {
  background-color: #ffffff;
  color: #badaff;
}
.tools-vmok-plugin-radio-option--single::after {
  display: none;
}
.tools-vmok-plugin-radio-option--xs {
  font-size: 12px;
  line-height: 18px;
  padding: 0 12px;
}
.tools-vmok-plugin-radio-option--sm {
  font-size: 12px;
  line-height: 18px;
  padding: 1px 12px;
}
.tools-vmok-plugin-radio-option--md {
  font-size: 14px;
  line-height: 22px;
  padding: 2px 12px;
}
.tools-vmok-plugin-radio-option--lg {
  font-size: 14px;
  line-height: 22px;
  padding: 4px 12px;
}
.tools-vmok-plugin-radio-option--xl {
  font-size: 16px;
  line-height: 24px;
  padding: 5px 12px;
}
.tools-vmok-plugin-radio-item {
  display: inline-flex;
  position: relative;
  cursor: pointer;
  border-radius: 8px;
}
.tools-vmok-plugin-radio-item--stroke {
  background-color: #ffffff;
  color: #31343b;
}
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--border-initial::after {
  z-index: inherit;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #dfe0e2;
}
.tools-vmok-plugin-radio-item--stroke:hover {
  color: #0057ff;
  background-color: #ffffff;
}
.tools-vmok-plugin-radio-item--stroke:hover::after {
  z-index: 1;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #0057ff;
}
.tools-vmok-plugin-radio-item--stroke:focus,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--checked {
  color: #0057ff;
  background-color: #ffffff;
}
.tools-vmok-plugin-radio-item--stroke:focus::after,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #0057ff;
}
.tools-vmok-plugin-radio-item--stroke:active {
  color: #003fd2;
  background-color: #ffffff;
}
.tools-vmok-plugin-radio-item--stroke:active::after {
  z-index: 1;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #003fd2;
}
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled:hover,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled:focus,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled:active {
  color: #93969d;
  background-color: #f5f7fa;
  cursor: not-allowed;
}
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled::after,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled:hover::after,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled:focus::after,
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled:active::after {
  z-index: inherit;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #dfe0e2;
}
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled.tools-vmok-plugin-radio-item--checked {
  color: #badaff;
  background-color: #ffffff;
}
.tools-vmok-plugin-radio-item--stroke.tools-vmok-plugin-radio-item--disabled.tools-vmok-plugin-radio-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #badaff;
}
.tools-vmok-plugin-radio-item--fill {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-radio-item--fill:hover {
  background-color: #f5f7fa;
  color: #0057ff;
}
.tools-vmok-plugin-radio-item--fill:active {
  background-color: #f5f7fa;
  color: #003fd2;
}
.tools-vmok-plugin-radio-item--fill:focus,
.tools-vmok-plugin-radio-item--fill.tools-vmok-plugin-radio-item--checked {
  background-color: #ffffff;
  color: #0057ff;
}
.tools-vmok-plugin-radio-item--fill:focus::after,
.tools-vmok-plugin-radio-item--fill.tools-vmok-plugin-radio-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #0057ff;
}
.tools-vmok-plugin-radio-item--fill.tools-vmok-plugin-radio-item--disabled {
  background-color: #f5f7fa;
  color: #93969d;
  cursor: not-allowed;
}
.tools-vmok-plugin-radio-item--fill.tools-vmok-plugin-radio-item--disabled.tools-vmok-plugin-radio-item--checked {
  color: #badaff;
  background-color: #ffffff;
}
.tools-vmok-plugin-radio-item--fill.tools-vmok-plugin-radio-item--disabled.tools-vmok-plugin-radio-item--checked::after {
  z-index: 3;
  border-radius: 8px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #badaff;
}
.tools-vmok-plugin-radio-item--divider-initial + .tools-vmok-plugin-radio-item--divider-initial::before {
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #dee0e3;
}
.tools-vmok-plugin-radio-item--xs {
  font-size: 12px;
  line-height: 18px;
  padding: 3px 16px;
}
.tools-vmok-plugin-radio-item--sm {
  font-size: 12px;
  line-height: 18px;
  padding: 5px 16px;
}
.tools-vmok-plugin-radio-item--md {
  font-size: 14px;
  line-height: 22px;
  padding: 5px 16px;
}
.tools-vmok-plugin-radio-item--lg {
  font-size: 14px;
  line-height: 22px;
  padding: 7px 16px;
}
.tools-vmok-plugin-radio-item--xl {
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
}
.tools-vmok-plugin-radio {
  display: inline-flex;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
}
.tools-vmok-plugin-radio__wrapper {
  position: relative;
  display: inline-block;
}
.tools-vmok-plugin-radio__input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.tools-vmok-plugin-radio .tools-vmok-plugin-radio__inner {
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #b9bcc3;
  border-radius: 50%;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-radio .tools-vmok-plugin-radio__inner:hover {
  background-color: #ffffff;
  border-color: #45445b;
}
.tools-vmok-plugin-radio .tools-vmok-plugin-radio__label {
  word-break: break-all;
  color: #31343b;
}
.tools-vmok-plugin-radio .tools-vmok-plugin-radio__label:hover {
  color: #31343b;
}
.tools-vmok-plugin-radio .tools-vmok-plugin-radio__label:active {
  color: #31343b;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner,
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner:hover {
  background-color: #38374f;
  border-color: #38374f;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner::after {
  content: "";
  position: absolute;
  background-color: #ffffff;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  top: 50%;
  left: 50%;
  margin-top: -3px;
  margin-left: -3px;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__label {
  color: #31343b;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__label:hover {
  color: #31343b;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__label:active {
  color: #31343b;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled,
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled:hover {
  cursor: not-allowed;
  color: #cdd1d8;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled .tools-vmok-plugin-radio__inner,
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled:hover .tools-vmok-plugin-radio__inner {
  border-color: #f3f3f4;
  background-color: #f5f7fa;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled .tools-vmok-plugin-radio__label,
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled .tools-vmok-plugin-radio__label:hover,
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled .tools-vmok-plugin-radio__label:active {
  color: #cdd1d8;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner {
  border-color: #b3b2bb;
  background-color: #b3b2bb;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner::after {
  background-color: #ffffff;
}
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__label,
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__label:hover,
.tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__label:active {
  color: #cdd1d8;
}
.tools-vmok-plugin-radio--xl {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-radio--xl .tools-vmok-plugin-radio__wrapper {
  margin: 1px 0;
}
.tools-vmok-plugin-radio--xl .tools-vmok-plugin-radio__inner {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-radio--xl .tools-vmok-plugin-radio__label {
  margin: 0 8px;
}
.tools-vmok-plugin-radio--lg {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-radio--lg .tools-vmok-plugin-radio__wrapper {
  margin: 1px 0;
}
.tools-vmok-plugin-radio--lg .tools-vmok-plugin-radio__inner {
  width: 20px;
  height: 20px;
}
.tools-vmok-plugin-radio--lg .tools-vmok-plugin-radio__label {
  margin: 0 8px;
}
.tools-vmok-plugin-radio--md {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-radio--md .tools-vmok-plugin-radio__wrapper {
  margin: 3px 0;
}
.tools-vmok-plugin-radio--md .tools-vmok-plugin-radio__inner {
  width: 16px;
  height: 16px;
}
.tools-vmok-plugin-radio--md .tools-vmok-plugin-radio__label {
  margin: 0 8px;
}
.tools-vmok-plugin-radio--sm {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-radio--sm .tools-vmok-plugin-radio__wrapper {
  margin: 2px 0;
}
.tools-vmok-plugin-radio--sm .tools-vmok-plugin-radio__inner {
  width: 14px;
  height: 14px;
}
.tools-vmok-plugin-radio--sm .tools-vmok-plugin-radio__label {
  margin: 0 8px;
}
.tools-vmok-plugin-radio--xs {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-radio--xs .tools-vmok-plugin-radio__wrapper {
  margin: 3px 0;
}
.tools-vmok-plugin-radio--xs .tools-vmok-plugin-radio__inner {
  width: 12px;
  height: 12px;
}
.tools-vmok-plugin-radio--xs .tools-vmok-plugin-radio__label {
  margin: 0 8px;
}
.tools-vmok-plugin-radio + .tools-vmok-plugin-radio {
  margin-left: 32px;
}
.tools-vmok-plugin-range-picker {
  display: inline-flex;
  width: 100%;
}
.tools-vmok-plugin-range-picker__input {
  flex: 1;
}
.tools-vmok-plugin-range-picker__input--disabled {
  color: #b9bcc3;
}
.tools-vmok-plugin-range-picker__seperator {
  display: flex;
  align-items: center;
  margin-left: 4px;
  margin-right: 4px;
}
.tools-vmok-plugin-range-picker__bar {
  position: absolute;
  bottom: 0;
  height: 0;
  left: 0;
  border-bottom: 2px solid #0057ff;
  transition: all ease-in-out 0.1s;
}
.tools-vmok-plugin-range-picker--multiple {
  height: 32px;
}
.tools-vmok-plugin-range-picker--multiple .tools-vmok-plugin-custom-input__clear {
  position: absolute;
  right: 0;
  margin-right: 0;
}
.tools-vmok-plugin-range-picker .tools-vmok-plugin-range-picker__calendar-icon {
  color: #93969d;
}
.tools-vmok-plugin-range-picker .tools-vmok-plugin-range-picker__calendar-icon--clear {
  opacity: 0;
}
.tools-vmok-plugin-range-picker .tools-vmok-plugin-range-picker__multiple-input-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tools-vmok-plugin-range-picker .tools-vmok-plugin-range-picker__multiple-input-total .tools-vmok-plugin-range-picker__multiple-input-total-num {
  margin-right: 4px;
  padding: 0 8px;
  border-radius: 50%;
  font-size: 12px;
  border: 1px solid transparent;
  background-color: #ffffff;
  color: #31343b;
}
.tools-vmok-plugin-range-picker__popper {
  display: none;
  box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  background-color: #ffffff;
}
.tools-vmok-plugin-range-picker__popper--show {
  display: block;
}
.tools-vmok-plugin-range-picker__content {
  display: flex;
  align-self: stretch;
}
.tools-vmok-plugin-range-picker__shortcuts {
  padding: 4px 0 4px 0;
  max-width: 120px;
  overflow-y: auto;
  border-right: 1px solid #e8eaed;
}
.tools-vmok-plugin-range-picker__shortcuts::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.tools-vmok-plugin-range-picker__shortcuts::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}
.tools-vmok-plugin-range-picker__shortcuts::-webkit-scrollbar-thumb {
  background-color: #e8eaed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.tools-vmok-plugin-range-picker__shortcuts::-webkit-scrollbar-thumb:hover {
  background-color: #dee0e3;
}
.tools-vmok-plugin-range-picker__footer-btn {
  padding: 8px 12px;
  border-top: 1px solid #e8eaed;
  text-align: right;
}
.tools-vmok-plugin-range-picker-fade-enter-active,
.tools-vmok-plugin-range-picker-fade-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.tools-vmok-plugin-range-picker-fade-enter-from,
.tools-vmok-plugin-range-picker-fade-leave-to {
  opacity: 0;
}
.tools-vmok-plugin-range-picker-fade-enter-to,
.tools-vmok-plugin-range-picker-fade-leave-from {
  opacity: 1;
}
.tools-vmok-plugin-range-picker__popper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-range-picker__popper--rtl .tools-vmok-plugin-range-picker__footer-btn {
  text-align: left;
}
.tools-vmok-plugin-range-picker__popper--rtl .tools-vmok-plugin-range-picker__shortcuts {
  border-left: 1px solid #e8eaed;
  border-right: none;
}
.tools-vmok-plugin-range-picker-panel {
  display: inline-flex;
  flex-direction: column;
  border: 1px solid #e8eaed;
  border-radius: 4px;
}
.tools-vmok-plugin-range-picker-panel__footer-btn {
  padding: 8px 12px;
  border-top: 1px solid #e8eaed;
  text-align: right;
}
.tools-vmok-plugin-range-picker-panel--rtl {
  direction: rtl;
}
.tools-vmok-plugin-range-picker-panel--rtl .tools-vmok-plugin-range-picker-panel__footer-btn {
  text-align: left;
}
.tools-vmok-plugin-rate-item {
  position: relative;
  display: inline-flex;
  color: inherit;
  cursor: pointer;
  line-height: 0;
}
.tools-vmok-plugin-rate-item--disabled {
  cursor: not-allowed;
}
.tools-vmok-plugin-rate-item__rated {
  position: absolute;
  overflow: hidden;
  width: 50%;
  height: 100%;
  opacity: 0;
  color: #eb9617;
}
.tools-vmok-plugin-rate-item__void {
  width: 100%;
  height: 100%;
  color: #e8eaed;
}
.tools-vmok-plugin-rate {
  display: inline-flex;
}
.tools-vmok-plugin-rate--rtl {
  direction: rtl;
}
/* @schedule-disabled-bg-color: @disabled-default-bg; */
/* @schedule-active-bg-color: @primary-6; */
/* @schedule-popver-bg-color: @bg-10; */
/* @schedule-selected-text-color: @text-gray-5; */
.tools-vmok-plugin-schedule {
  user-select: none;
  border: 1px solid #e8eaed;
  border-radius: 4px;
  overflow: hidden;
  background-color: #ffffff;
}
.tools-vmok-plugin-schedule th,
.tools-vmok-plugin-schedule td {
  padding: 0;
}
.tools-vmok-plugin-schedule__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 18px;
  border-bottom: 1px solid #e8eaed;
}
.tools-vmok-plugin-schedule__header__explain {
  display: flex;
}
.tools-vmok-plugin-schedule__header__explain__selected,
.tools-vmok-plugin-schedule__header__explain__selectable {
  display: flex;
  color: #31343b;
  align-items: center;
  margin-right: 11px;
}
.tools-vmok-plugin-schedule__header__explain__selected::before,
.tools-vmok-plugin-schedule__header__explain__selectable::before {
  content: "";
  display: block;
  width: 12px;
  height: 4px;
  background-color: #0057ff;
  border-radius: 2px;
  margin-right: 8px;
}
.tools-vmok-plugin-schedule__header__explain__selectable::before {
  border: 1px solid #dadfe3;
  background-color: transparent;
}
.tools-vmok-plugin-schedule__time-table-wrap {
  margin: 0 auto;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table__head__time-range {
  height: 39px;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table__head__time-range__title {
  width: 80px;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table tr th,
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table tr td {
  border-left: none;
  border-top: none;
  border-bottom: 1px solid;
  border-bottom-color: #e8eaed;
  border-right: 1px solid;
  border-right-color: #e8eaed;
  font-size: 14px;
  text-align: center;
  min-width: 11px;
  line-height: 1.8em;
  transition: all 100ms ease;
  color: #31343b;
  background: #ffffff;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table tr th:last-child,
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table tr td:last-child {
  border-right: none;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table tr th .tools-vmok-plugin-checkbox,
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table tr td .tools-vmok-plugin-checkbox {
  padding: 0 2px;
  display: flex;
  line-height: 1.8em;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table .tools-vmok-plugin-schedule__week-title {
  display: flex;
  justify-content: center;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table .tools-vmok-plugin-schedule__week-title .tools-vmok-plugin-checkbox__label {
  margin: 0 0 0 5px;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table .tools-vmok-plugin-schedule__atom-time:hover:not(.tools-vmok-plugin-schedule__atom-time--disabled) {
  background: #f2f4f7;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table .tools-vmok-plugin-schedule__atom-time--active:not(.tools-vmok-plugin-schedule__atom-time--disabled) {
  background-color: #0057ff;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table .tools-vmok-plugin-schedule__atom-time--active:not(.tools-vmok-plugin-schedule__atom-time--disabled):hover {
  background-color: #0057ff;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table .tools-vmok-plugin-schedule__atom-time--active.tools-vmok-plugin-schedule__atom-time--disabled {
  background-color: #badaff;
}
.tools-vmok-plugin-schedule__time-table-wrap .tools-vmok-plugin-schedule__time-table .tools-vmok-plugin-schedule__atom-time--disabled {
  background: #fafafa;
  cursor: not-allowed;
}
.tools-vmok-plugin-schedule__time-table-wrap tr td.tools-vmok-plugin-schedule__selected-display {
  padding: 16px;
  border-bottom-style: none;
}
.tools-vmok-plugin-schedule__clear {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
}
.tools-vmok-plugin-schedule__selected-des {
  height: 22px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-schedule__empty {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-schedule__selected-tip-label {
  min-width: 60px;
  margin-right: 8px;
}
.tools-vmok-plugin-schedule__selected-time-range {
  display: flex;
  text-align: start;
}
.tools-vmok-plugin-schedule__selected-time-range .tools-vmok-plugin-schedule__selected-tip-label {
  text-align: left;
}
.tools-vmok-plugin-schedule__select-range-mask {
  background: #2e7bff;
  width: 0;
  height: 0;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0.6;
}
.tools-vmok-plugin-schedule-shortcuts {
  display: flex;
}
.tools-vmok-plugin-schedule-shortcuts__shortcut {
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
  margin-right: 24px;
  line-height: 22px;
}
.tools-vmok-plugin-schedule-shortcuts__shortcut:hover {
  color: #0057ff;
}
/**
 * OKee Design Component Slider Design Token
 */
.tools-vmok-plugin-slider {
  position: relative;
  cursor: pointer;
  box-sizing: content-box;
  touch-action: none;
  height: 4px;
  font-size: 14px;
  border-radius: 3px;
}
.tools-vmok-plugin-slider__rail {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 4px;
  background-color: #f2f4f7;
  border-radius: 3px;
  transition: background-color 0.3s;
}
.tools-vmok-plugin-slider__track {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  border-radius: 3px;
  background-color: #0057ff;
}
.tools-vmok-plugin-slider__track:hover {
  background-color: #2e7bff;
}
.tools-vmok-plugin-slider__track:active {
  background-color: #003fd2;
}
.tools-vmok-plugin-slider__thumb {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  border: 4px solid #0057ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tools-vmok-plugin-slider__thumb:focus {
  outline: none;
}
.tools-vmok-plugin-slider__thumb:hover {
  border-color: #2e7bff;
  background-color: #ffffff;
}
.tools-vmok-plugin-slider__thumb:active {
  background-color: #ffffff;
  border-color: #003fd2;
}
.tools-vmok-plugin-slider__steps__step {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border: 2px solid #e8eaed;
  border-radius: 50%;
}
.tools-vmok-plugin-slider__steps__step--active {
  border: 2px solid #0057ff;
}
.tools-vmok-plugin-slider__marks {
  position: absolute;
  width: 100%;
  top: 18px;
}
.tools-vmok-plugin-slider__marks__mark {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  font-size: 14px;
  word-break: keep-all;
}
.tools-vmok-plugin-slider__marks__mark--active {
  color: #0057ff;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__rail {
  background-color: #f5f7fa;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__thumb {
  border-color: #badaff;
  background-color: #ffffff;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__track {
  background-color: #badaff;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__steps {
  background-color: #f7f9fc;
  border-color: #dee0e3;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__steps--active {
  border-color: #badaff;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__steps__step--active {
  border-color: #badaff;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__marks__mark {
  color: #cdd1d8;
}
.tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__marks__mark--active {
  color: #badaff;
}
/* spin */
.tools-vmok-plugin-spin__block {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.tools-vmok-plugin-spin__fullscreen {
  position: fixed;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tools-vmok-plugin-spin .tools-vmok-plugin-icon__loading {
  color: #2e7bff;
}
.tools-vmok-plugin-spin__block-mask {
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
}
.tools-vmok-plugin-spin__content {
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tools-vmok-plugin-inline-spin {
  display: inline-flex;
  color: #2e7bff;
}
.tools-vmok-plugin-statistic {
  display: flex;
  flex-direction: column;
}
.tools-vmok-plugin-statistic__title {
  color: #31343b;
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-statistic__content {
  display: flex;
  padding-top: 4px;
  padding-bottom: 12px;
  font-size: 30px;
  line-height: 44px;
}
.tools-vmok-plugin-statistic__suffix {
  margin-left: 4px;
}
.tools-vmok-plugin-statistic__prefix {
  margin-right: 4px;
}
.tools-vmok-plugin-step {
  display: flex;
  overflow: hidden;
  flex: 1;
  align-self: flex-start;
  margin-right: 16px;
  padding-right: 16px;
}
.tools-vmok-plugin-step:last-of-type {
  flex: none;
  margin-right: 0;
  padding-right: 0;
}
.tools-vmok-plugin-step:last-of-type .tools-vmok-plugin-step__title::after {
  display: none;
}
.tools-vmok-plugin-step:last-of-type .tools-vmok-plugin-step__click-wrap::after {
  display: none;
}
.tools-vmok-plugin-step .tools-vmok-plugin-step__click-wrap {
  display: flex;
  position: relative;
}
.tools-vmok-plugin-step .tools-vmok-plugin-step__click-wrap::after {
  content: "";
  position: absolute;
  width: 10000px;
  height: 0;
  border-top: 1px solid #b9bcc3;
  left: 100%;
  top: 16px;
}
.tools-vmok-plugin-step .tools-vmok-plugin-step__click-wrap .tools-vmok-plugin-step__title::after {
  display: none;
}
.tools-vmok-plugin-step .tools-vmok-plugin-step__clickable {
  cursor: pointer;
}
.tools-vmok-plugin-step .tools-vmok-plugin-step__disabled {
  cursor: not-allowed;
}
.tools-vmok-plugin-step--space {
  flex: none;
}
.tools-vmok-plugin-step--vertical {
  margin-right: 0;
}
.tools-vmok-plugin-step--vertical:not(:first-of-type) {
  margin-top: 16px;
}
.tools-vmok-plugin-step--vertical:last-of-type .tools-vmok-plugin-step__icon::after {
  display: none;
}
.tools-vmok-plugin-step--vertical .tools-vmok-plugin-step__title::after {
  display: none;
}
.tools-vmok-plugin-step--vertical .tools-vmok-plugin-step__icon::after {
  content: "";
  position: absolute;
  height: 10000px;
  width: 0;
  border-left: 1px solid #b9bcc3;
  left: 50%;
  top: 48px;
}
.tools-vmok-plugin-step__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.tools-vmok-plugin-step__icon .tools-vmok-plugin-step__iconbox {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bolder;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  color: #93969d;
  background-color: #e8eaed;
  font-size: 18px;
}
.tools-vmok-plugin-step__content {
  margin-left: 8px;
}
.tools-vmok-plugin-step__title {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  color: #93969d;
  min-height: 32px;
  margin: 0;
  font-weight: 600;
  padding-right: 16px;
}
.tools-vmok-plugin-step__title::after {
  content: "";
  position: absolute;
  width: 10000px;
  height: 0;
  border-top: 1px solid #b9bcc3;
  left: 100%;
  top: 16px;
}
.tools-vmok-plugin-step__desc {
  display: flex;
  align-items: center;
  margin: 0;
  min-height: 20px;
  font-size: 12px;
  color: #93969d;
}
.tools-vmok-plugin-step__desc-default {
  color: #31343b !important;
}
.tools-vmok-plugin-step__desc-auxiliary {
  color: #62656c !important;
}
.tools-vmok-plugin-step__desc-secondary {
  color: #93969d !important;
}
.tools-vmok-plugin-step__desc-primary {
  color: #0057ff !important;
}
.tools-vmok-plugin-step__desc-danger {
  color: #e34949 !important;
}
.tools-vmok-plugin-step__desc-success {
  color: #4d8b2f !important;
}
.tools-vmok-plugin-step__desc-warning {
  color: #eb9617 !important;
}
.tools-vmok-plugin-step--dotted .tools-vmok-plugin-step__title::after {
  border-top-style: dotted;
}
.tools-vmok-plugin-step--dotted .tools-vmok-plugin-step__icon::after {
  border-left-style: dotted;
}
.tools-vmok-plugin-step--dashed .tools-vmok-plugin-step__title::after {
  border-top-style: dashed;
}
.tools-vmok-plugin-step--dashed .tools-vmok-plugin-step__icon::after {
  border-left-style: dashed;
}
.tools-vmok-plugin-step--double .tools-vmok-plugin-step__title::after {
  border-top-style: double;
}
.tools-vmok-plugin-step--double .tools-vmok-plugin-step__icon::after {
  border-left-style: double;
}
.tools-vmok-plugin-step--progressing .tools-vmok-plugin-step__icon .tools-vmok-plugin-step__iconbox {
  color: #ffffff;
  background-color: #0057ff;
}
.tools-vmok-plugin-step--progressing .tools-vmok-plugin-step__icon::after {
  border-left-color: #b9bcc3;
}
.tools-vmok-plugin-step--progressing .tools-vmok-plugin-step__title {
  color: #0057ff;
}
.tools-vmok-plugin-step--progressing .tools-vmok-plugin-step__title::after {
  border-top-color: #b9bcc3;
}
.tools-vmok-plugin-step--progressing .tools-vmok-plugin-step__desc {
  color: #0057ff;
}
.tools-vmok-plugin-step--finished .tools-vmok-plugin-step__icon .tools-vmok-plugin-step__iconbox {
  background-color: #e8f4ff;
  color: #0057ff;
}
.tools-vmok-plugin-step--finished .tools-vmok-plugin-step__icon .tools-vmok-plugin-step__iconbox .tools-vmok-plugin-step__icon-check {
  width: 19px;
  color: #0057ff;
}
.tools-vmok-plugin-step--finished .tools-vmok-plugin-step__icon::after {
  border-left-color: #0057ff;
}
.tools-vmok-plugin-step--finished .tools-vmok-plugin-step__title {
  color: #31343b;
}
.tools-vmok-plugin-step--finished .tools-vmok-plugin-step__title::after {
  border-top-color: #0057ff;
}
.tools-vmok-plugin-step--error .tools-vmok-plugin-step__icon .tools-vmok-plugin-step__iconbox {
  color: #ffffff;
  background-color: #e34949;
}
.tools-vmok-plugin-step--error .tools-vmok-plugin-step__icon::after {
  border-left-color: #b9bcc3;
}
.tools-vmok-plugin-step--error .tools-vmok-plugin-step__title {
  color: #e34949;
}
.tools-vmok-plugin-step--error .tools-vmok-plugin-step__title::after {
  border-top-color: #b9bcc3;
}
.tools-vmok-plugin-step--error .tools-vmok-plugin-step__desc {
  color: #e34949;
}
.tools-vmok-plugin-step--lg .tools-vmok-plugin-step__icon,
.tools-vmok-plugin-step--xl .tools-vmok-plugin-step__icon {
  width: 36px;
  height: 36px;
}
.tools-vmok-plugin-step--lg .tools-vmok-plugin-step__title,
.tools-vmok-plugin-step--xl .tools-vmok-plugin-step__title {
  font-size: 18px;
  min-height: 36px;
}
.tools-vmok-plugin-step--lg .tools-vmok-plugin-step__title::after,
.tools-vmok-plugin-step--xl .tools-vmok-plugin-step__title::after {
  top: 18px;
}
.tools-vmok-plugin-step--lg .tools-vmok-plugin-step__desc,
.tools-vmok-plugin-step--xl .tools-vmok-plugin-step__desc {
  min-height: 22px;
  font-size: 14px;
}
.tools-vmok-plugin-step--sm .tools-vmok-plugin-step__icon {
  width: 28px;
  height: 28px;
}
.tools-vmok-plugin-step--sm .tools-vmok-plugin-step__title {
  font-size: 14px;
  min-height: 28px;
  padding-right: 8px;
}
.tools-vmok-plugin-step--sm .tools-vmok-plugin-step__title::after {
  top: 14px;
}
.tools-vmok-plugin-step--sm .tools-vmok-plugin-step__desc {
  min-height: 20px;
  font-size: 12px;
}
.tools-vmok-plugin-step--xs .tools-vmok-plugin-step__icon {
  width: 24px;
  height: 24px;
}
.tools-vmok-plugin-step--xs .tools-vmok-plugin-step__title {
  font-size: 12px;
  min-height: 24px;
  padding-right: 8px;
}
.tools-vmok-plugin-step--xs .tools-vmok-plugin-step__title::after {
  top: 12px;
}
.tools-vmok-plugin-step--xs .tools-vmok-plugin-step__desc {
  min-height: 20px;
  font-size: 12px;
}
/* steps */
/* waiting */
/* progressing */
/* finished */
/* error */
/* desc text  */
.tools-vmok-plugin-steps {
  display: flex;
}
.tools-vmok-plugin-steps--vertical {
  flex-direction: column;
}
.tools-vmok-plugin-steps--rtl {
  direction: rtl;
}
.tools-vmok-plugin-steps--rtl.tools-vmok-plugin-steps--horizontal .tools-vmok-plugin-step--rtl {
  margin-left: 16px;
  padding-left: 16px;
  margin-right: auto;
  padding-right: 0;
}
.tools-vmok-plugin-steps--rtl.tools-vmok-plugin-steps--horizontal .tools-vmok-plugin-step--rtl .tools-vmok-plugin-step__content {
  margin-left: auto;
  margin-right: 8px;
}
.tools-vmok-plugin-steps--rtl.tools-vmok-plugin-steps--horizontal .tools-vmok-plugin-step--rtl .tools-vmok-plugin-step__content .tools-vmok-plugin-step__title {
  padding-right: 0;
  padding-left: 16px;
}
.tools-vmok-plugin-steps--rtl.tools-vmok-plugin-steps--horizontal .tools-vmok-plugin-step--rtl .tools-vmok-plugin-step__content .tools-vmok-plugin-step__title::after {
  left: auto;
  right: 100%;
}
.tools-vmok-plugin-steps--rtl.tools-vmok-plugin-steps--horizontal .tools-vmok-plugin-step--rtl.tools-vmok-plugin-step--xs .tools-vmok-plugin-step__content .tools-vmok-plugin-step__title,
.tools-vmok-plugin-steps--rtl.tools-vmok-plugin-steps--horizontal .tools-vmok-plugin-step--rtl.tools-vmok-plugin-step--md .tools-vmok-plugin-step__content .tools-vmok-plugin-step__title {
  padding-left: 8px;
}
.tools-vmok-plugin-steps--rtl.tools-vmok-plugin-steps--vertical .tools-vmok-plugin-step:last-of-type {
  padding-right: 16px;
}
/* switch */
.tools-vmok-plugin-switch {
  display: inline-flex;
  align-items: center;
  user-select: none;
  overflow: hidden;
  cursor: pointer;
}
.tools-vmok-plugin-switch__children-placeholder {
  display: flex;
}
.tools-vmok-plugin-switch--xs {
  min-width: 28px;
  height: 16px;
  background-color: #b9bcc3;
  border-radius: 8px;
  color: #ffffff;
  position: relative;
}
.tools-vmok-plugin-switch--xs:active .tools-vmok-plugin-switch__thumb {
  width: 16px;
  border-radius: 8px;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--xs:active.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 16px - 2px * 2);
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb {
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  left: 0;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dfe0e2;
}
@keyframes switch-thumb-change-xs {
  from {
    width: 16px;
    border-radius: 8px;
    left: 0;
  }
  to {
    width: 12px;
    border-radius: 50%;
    right: 0;
  }
}
@keyframes switch-thumb-change1-xs {
  from {
    width: 16px;
    border-radius: 8px;
    right: 0;
  }
  to {
    width: 12px;
    border-radius: 50%;
    left: 0;
  }
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb--to-unchecked {
  animation: switch-thumb-change1-xs 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb--to-checked {
  animation: switch-thumb-change-xs 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__loading_wrapper {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper,
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  white-space: nowrap;
  font-size: 12px;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  right: 0;
  padding-right: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  left: 0;
  padding-left: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__content-placeholder {
  visibility: hidden;
  font-size: 12px;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__truthy-placeholder,
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__falsy-placeholder {
  display: flex;
  align-items: center;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__thumb-placeholder {
  width: 18px;
  height: 12px;
  margin-left: 6px;
  margin-right: 6px;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--disabled,
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--loading {
  cursor: not-allowed;
  background-color: #e8eaed;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--disabled .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--loading .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #dfe0e2;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--checked {
  background-color: #38374f;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 12px - 2px * 2);
  color: #38374f;
  background-color: #ffffff;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked,
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked {
  cursor: not-allowed;
  background-color: #b3b2bb;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #b3b2bb;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__truthy-icon,
.tools-vmok-plugin-switch--xs .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__falsy-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb {
  left: auto;
  right: 0;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  left: 0;
  right: auto;
  padding-left: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  right: 0;
  left: auto;
  padding-right: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xs.tools-vmok-plugin-switch--rtl.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  right: calc(100% - 12px - 2px * 2);
}
.tools-vmok-plugin-switch--sm {
  min-width: 28px;
  height: 16px;
  background-color: #b9bcc3;
  border-radius: 8px;
  color: #ffffff;
  position: relative;
}
.tools-vmok-plugin-switch--sm:active .tools-vmok-plugin-switch__thumb {
  width: 16px;
  border-radius: 8px;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--sm:active.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 16px - 2px * 2);
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb {
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  left: 0;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dfe0e2;
}
@keyframes switch-thumb-change-sm {
  from {
    width: 16px;
    border-radius: 8px;
    left: 0;
  }
  to {
    width: 12px;
    border-radius: 50%;
    right: 0;
  }
}
@keyframes switch-thumb-change1-sm {
  from {
    width: 16px;
    border-radius: 8px;
    right: 0;
  }
  to {
    width: 12px;
    border-radius: 50%;
    left: 0;
  }
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb--to-unchecked {
  animation: switch-thumb-change1-sm 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb--to-checked {
  animation: switch-thumb-change-sm 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__loading_wrapper {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper,
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  white-space: nowrap;
  font-size: 12px;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  right: 0;
  padding-right: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  left: 0;
  padding-left: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__content-placeholder {
  visibility: hidden;
  font-size: 12px;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__truthy-placeholder,
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__falsy-placeholder {
  display: flex;
  align-items: center;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__thumb-placeholder {
  width: 18px;
  height: 12px;
  margin-left: 6px;
  margin-right: 6px;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--disabled,
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--loading {
  cursor: not-allowed;
  background-color: #e8eaed;
  color: #ffffff;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--disabled .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--loading .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #dfe0e2;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--checked {
  background-color: #38374f;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 12px - 2px * 2);
  color: #38374f;
  background-color: #ffffff;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked,
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked {
  cursor: not-allowed;
  background-color: #b3b2bb;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #b3b2bb;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__truthy-icon,
.tools-vmok-plugin-switch--sm .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__falsy-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb {
  left: auto;
  right: 0;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  left: 0;
  right: auto;
  padding-left: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  right: 0;
  left: auto;
  padding-right: 18px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--sm.tools-vmok-plugin-switch--rtl.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  right: calc(100% - 12px - 2px * 2);
}
.tools-vmok-plugin-switch--md {
  min-width: 40px;
  height: 22px;
  background-color: #b9bcc3;
  border-radius: 12px;
  color: #ffffff;
  position: relative;
}
.tools-vmok-plugin-switch--md:active .tools-vmok-plugin-switch__thumb {
  width: 24px;
  border-radius: 12px;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--md:active.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 24px - 2px * 2);
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb {
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  left: 0;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dfe0e2;
}
@keyframes switch-thumb-change-md {
  from {
    width: 24px;
    border-radius: 12px;
    left: 0;
  }
  to {
    width: 18px;
    border-radius: 50%;
    right: 0;
  }
}
@keyframes switch-thumb-change1-md {
  from {
    width: 24px;
    border-radius: 12px;
    right: 0;
  }
  to {
    width: 18px;
    border-radius: 50%;
    left: 0;
  }
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb--to-unchecked {
  animation: switch-thumb-change1-md 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb--to-checked {
  animation: switch-thumb-change-md 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__loading_wrapper {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper,
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  white-space: nowrap;
  font-size: 14px;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  right: 0;
  padding-right: 24px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  left: 0;
  padding-left: 24px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__content-placeholder {
  visibility: hidden;
  font-size: 14px;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__truthy-placeholder,
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__falsy-placeholder {
  display: flex;
  align-items: center;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__thumb-placeholder {
  width: 27px;
  height: 18px;
  margin-left: 6px;
  margin-right: 6px;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--disabled,
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--loading {
  cursor: not-allowed;
  background-color: #e8eaed;
  color: #ffffff;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--disabled .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--loading .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #dfe0e2;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--checked {
  background-color: #38374f;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 18px - 2px * 2);
  color: #38374f;
  background-color: #ffffff;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked,
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked {
  cursor: not-allowed;
  background-color: #b3b2bb;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #b3b2bb;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__truthy-icon,
.tools-vmok-plugin-switch--md .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__falsy-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb {
  left: auto;
  right: 0;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  left: 0;
  right: auto;
  padding-left: 24px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  right: 0;
  left: auto;
  padding-right: 24px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--md.tools-vmok-plugin-switch--rtl.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  right: calc(100% - 18px - 2px * 2);
}
.tools-vmok-plugin-switch--lg {
  min-width: 52px;
  height: 28px;
  background-color: #b9bcc3;
  border-radius: 14px;
  color: #ffffff;
  position: relative;
}
.tools-vmok-plugin-switch--lg:active .tools-vmok-plugin-switch__thumb {
  width: 32px;
  border-radius: 14px;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--lg:active.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 32px - 2px * 2);
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  left: 0;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dfe0e2;
}
@keyframes switch-thumb-change-lg {
  from {
    width: 32px;
    border-radius: 14px;
    left: 0;
  }
  to {
    width: 24px;
    border-radius: 50%;
    right: 0;
  }
}
@keyframes switch-thumb-change1-lg {
  from {
    width: 32px;
    border-radius: 14px;
    right: 0;
  }
  to {
    width: 24px;
    border-radius: 50%;
    left: 0;
  }
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb--to-unchecked {
  animation: switch-thumb-change1-lg 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb--to-checked {
  animation: switch-thumb-change-lg 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__loading_wrapper {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper,
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  white-space: nowrap;
  font-size: 14px;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  right: 0;
  padding-right: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  left: 0;
  padding-left: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__content-placeholder {
  visibility: hidden;
  font-size: 14px;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__truthy-placeholder,
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__falsy-placeholder {
  display: flex;
  align-items: center;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__thumb-placeholder {
  width: 36px;
  height: 24px;
  margin-left: 6px;
  margin-right: 6px;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--disabled,
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--loading {
  cursor: not-allowed;
  background-color: #e8eaed;
  color: #ffffff;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--disabled .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--loading .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #dfe0e2;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--checked {
  background-color: #38374f;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 24px - 2px * 2);
  color: #38374f;
  background-color: #ffffff;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked,
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked {
  cursor: not-allowed;
  background-color: #b3b2bb;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #b3b2bb;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__truthy-icon,
.tools-vmok-plugin-switch--lg .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__falsy-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb {
  left: auto;
  right: 0;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  left: 0;
  right: auto;
  padding-left: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  right: 0;
  left: auto;
  padding-right: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--lg.tools-vmok-plugin-switch--rtl.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  right: calc(100% - 24px - 2px * 2);
}
.tools-vmok-plugin-switch--xl {
  min-width: 52px;
  height: 28px;
  background-color: #b9bcc3;
  border-radius: 14px;
  color: #ffffff;
  position: relative;
}
.tools-vmok-plugin-switch--xl:active .tools-vmok-plugin-switch__thumb {
  width: 32px;
  border-radius: 14px;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--xl:active.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 32px - 2px * 2);
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  left: 0;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dfe0e2;
}
@keyframes switch-thumb-change-xl {
  from {
    width: 32px;
    border-radius: 14px;
    left: 0;
  }
  to {
    width: 24px;
    border-radius: 50%;
    right: 0;
  }
}
@keyframes switch-thumb-change1-xl {
  from {
    width: 32px;
    border-radius: 14px;
    right: 0;
  }
  to {
    width: 24px;
    border-radius: 50%;
    left: 0;
  }
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb--to-unchecked {
  animation: switch-thumb-change1-xl 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb--to-checked {
  animation: switch-thumb-change-xl 0.1s ease-in-out;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__loading_wrapper {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper,
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  white-space: nowrap;
  font-size: 14px;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  right: 0;
  padding-right: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  left: 0;
  padding-left: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__content-placeholder {
  visibility: hidden;
  font-size: 14px;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__truthy-placeholder,
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__falsy-placeholder {
  display: flex;
  align-items: center;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__content-placeholder .tools-vmok-plugin-switch__thumb-placeholder {
  width: 36px;
  height: 24px;
  margin-left: 6px;
  margin-right: 6px;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--disabled,
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--loading {
  cursor: not-allowed;
  background-color: #e8eaed;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--disabled .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--loading .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #dfe0e2;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--checked {
  background-color: #38374f;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  left: calc(100% - 24px - 2px * 2);
  color: #38374f;
  background-color: #ffffff;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked,
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked {
  cursor: not-allowed;
  background-color: #b3b2bb;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--disabled.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb,
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--loading.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  background-color: #ffffff;
  color: #b3b2bb;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__truthy-icon,
.tools-vmok-plugin-switch--xl .tools-vmok-plugin-switch__thumb-icon .tools-vmok-plugin-switch__falsy-icon {
  display: inline-flex;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb {
  left: auto;
  right: 0;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__truthy-content-wrapper {
  left: 0;
  right: auto;
  padding-left: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--rtl .tools-vmok-plugin-switch__thumb .tools-vmok-plugin-switch__falsy-content-wrapper {
  right: 0;
  left: auto;
  padding-right: 30px;
  color: #ffffff;
}
.tools-vmok-plugin-switch--xl.tools-vmok-plugin-switch--rtl.tools-vmok-plugin-switch--checked .tools-vmok-plugin-switch__thumb {
  right: calc(100% - 24px - 2px * 2);
}
.tools-vmok-plugin-switch--round {
  border-radius: 2px;
}
.tools-vmok-plugin-switch--round .tools-vmok-plugin-switch__thumb {
  border-radius: 2px;
}
/* ocean design 2.0 desgin tokens */
.tools-vmok-plugin-table {
  border-spacing: 0;
  width: 100%;
  color: #31343b;
  font-size: 12px;
  line-height: 18px;
  table-layout: fixed;
}
.tools-vmok-plugin-table__expand-icon,
.tools-vmok-plugin-table__tree-icon {
  color: #93969d;
  transform: rotate(-90deg);
}
.tools-vmok-plugin-table__expand-icon:hover,
.tools-vmok-plugin-table__tree-icon:hover {
  color: #0057ff;
}
.tools-vmok-plugin-table__expand-icon--expanded,
.tools-vmok-plugin-table__tree-icon--expanded {
  transform: rotate(0deg);
}
.tools-vmok-plugin-table__tree-icon {
  margin-right: 8px;
}
.tools-vmok-plugin-table__tree-icon-wrapper {
  display: inline-flex;
}
.tools-vmok-plugin-table__tree-icon-wrapper--noevents {
  pointer-events: none;
  visibility: hidden;
}
.tools-vmok-plugin-td {
  padding: 16px 16px;
  border-bottom: 1px solid #dfe0e2;
  font-size: 12px;
  font-weight: 400;
  background-color: #ffffff;
  color: #31343b;
  word-wrap: break-word;
}
.tools-vmok-plugin-td--sticky {
  position: sticky;
  z-index: 1;
}
.tools-vmok-plugin-td--sticky-left-last::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  transform: translateX(100%);
  z-index: 3;
  box-shadow: inset 10px 0 10px -5px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.tools-vmok-plugin-td--sticky-right-first::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  transform: translateX(-100%);
  z-index: 3;
  box-shadow: inset -10px 0 10px -5px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.tools-vmok-plugin-td__cell-group {
  display: flex;
}
.tools-vmok-plugin-th {
  background-color: #f2f4f7;
  color: #31343b;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  position: relative;
  padding: 14px 16px;
  text-align: left;
  word-break: break-all;
}
.tools-vmok-plugin-th:hover {
  background-color: #e8eaed;
  color: #31343b;
}
.tools-vmok-plugin-th--filterable {
  padding-right: 28px;
}
.tools-vmok-plugin-th.tools-vmok-plugin-table-cell--right .tools-vmok-plugin-th__column-sorter {
  justify-content: end;
}
.tools-vmok-plugin-th.tools-vmok-plugin-table-cell--center .tools-vmok-plugin-th__column-sorter {
  justify-content: center;
}
.tools-vmok-plugin-th__column-sorter {
  display: flex;
  align-items: center;
  word-break: break-all;
}
.tools-vmok-plugin-th__filter {
  width: 28px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b9bcc3;
}
.tools-vmok-plugin-th__filter:hover {
  background-color: #dee0e3;
  color: #93969d;
}
.tools-vmok-plugin-th--sticky {
  position: sticky;
  z-index: 2;
}
.tools-vmok-plugin-th--sticky-left {
  z-index: 3;
}
.tools-vmok-plugin-th--sticky-right {
  z-index: 3;
}
.tools-vmok-plugin-th--sticky-left-last::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  transform: translateX(100%);
  z-index: 3;
  box-shadow: inset 10px 0 10px -5px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.tools-vmok-plugin-th--sticky-right-first::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  transform: translateX(-100%);
  z-index: 3;
  box-shadow: inset -10px 0 10px -5px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.tools-vmok-plugin-th__sorter {
  display: inline-flex;
  flex-direction: column;
  margin: 0 4px;
  color: #93969d;
  font-size: 12px;
}
.tools-vmok-plugin-th__sorter:hover {
  color: #93969d;
}
.tools-vmok-plugin-th__sorter-up {
  transform: rotate(-180deg);
}
.tools-vmok-plugin-th__sorter-up:active,
.tools-vmok-plugin-th__sorter-down:active {
  color: #003fd2;
}
.tools-vmok-plugin-th__sorter-up--active,
.tools-vmok-plugin-th__sorter-down--active {
  color: #0057ff;
}
.tools-vmok-plugin-th__resize-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 2px;
  height: 100%;
  cursor: col-resize;
}
.tools-vmok-plugin-th__resize-bar:hover {
  background-color: #0057ff;
}
.tools-vmok-plugin-tr:hover .tools-vmok-plugin-td {
  background-color: #f2f5fd;
  color: #31343b;
}
.tools-vmok-plugin-tr:active .tools-vmok-plugin-td {
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-tfoot {
  position: sticky;
  bottom: 0;
  z-index: 3;
}
.tools-vmok-plugin-t-summary-cell {
  background-color: #f7f9fc;
  border-bottom: 1px solid #dfe0e2;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  position: relative;
  padding: 16px 16px;
  text-align: left;
  word-wrap: break-word;
}
.tools-vmok-plugin-t-summary-cell:hover {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-t-summary-cell--sticky {
  position: sticky;
  z-index: 2;
}
.tools-vmok-plugin-t-summary-cell--sticky-left {
  z-index: 3;
}
.tools-vmok-plugin-t-summary-cell--sticky-left-last::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  transform: translateX(100%);
  z-index: 3;
  box-shadow: inset 10px 0 10px -5px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.tools-vmok-plugin-t-summary-cell--sticky-right-first::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  transform: translateX(-100%);
  z-index: 3;
  box-shadow: inset -10px 0 10px -5px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.tools-vmok-plugin-table-cell--left {
  text-align: left;
}
.tools-vmok-plugin-table-cell--center {
  text-align: center;
}
.tools-vmok-plugin-table-cell--right {
  text-align: right;
}
.tools-vmok-plugin-table-cell--start {
  text-align: start;
}
.tools-vmok-plugin-table-cell--end {
  text-align: end;
}
.tools-vmok-plugin-table__container {
  position: relative;
}
.tools-vmok-plugin-table__container--border::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-right: 1px solid #dfe0e2;
  z-index: 7;
}
.tools-vmok-plugin-table__container--border .tools-vmok-plugin-td,
.tools-vmok-plugin-table__container--border .tools-vmok-plugin-th,
.tools-vmok-plugin-table__container--border .tools-vmok-plugin-t-summary-cell,
.tools-vmok-plugin-table__container--border .tools-vmok-plugin-table__shadow-right {
  border-right: 1px solid #dfe0e2;
}
.tools-vmok-plugin-table__container--border .tools-vmok-plugin-td:first-child,
.tools-vmok-plugin-table__container--border .tools-vmok-plugin-th:first-child,
.tools-vmok-plugin-table__container--border .tools-vmok-plugin-t-summary-cell:first-child {
  border-left: 1px solid #dfe0e2;
}
.tools-vmok-plugin-table__container--border thead .tools-vmok-plugin-tr:first-child .tools-vmok-plugin-th {
  border-top: 1px solid #dfe0e2;
}
.tools-vmok-plugin-table__container--border.ovui-table__container--no-header .tools-vmok-plugin-tr:first-child .tools-vmok-plugin-td {
  border-top: 1px solid #dfe0e2;
}
.tools-vmok-plugin-table__container .tools-vmok-plugin-thead__tree tr .tools-vmok-plugin-th {
  border-bottom: 1px solid #dfe0e2;
  border-left: 1px solid #dfe0e2;
}
.tools-vmok-plugin-table__container .tools-vmok-plugin-thead__tree tr .tools-vmok-plugin-th__no-left-border {
  border-left: none;
}
.tools-vmok-plugin-table__container .tools-vmok-plugin-thead__tree tr .tools-vmok-plugin-th__no-bottom-border {
  border-bottom: none;
}
.tools-vmok-plugin-table__wrapper {
  position: relative;
  overflow: auto;
}
.tools-vmok-plugin-table__body-wrapper {
  position: relative;
  overflow: hidden;
}
.tools-vmok-plugin-table__head-wrapper {
  position: sticky;
  top: 0;
  overflow: hidden;
  z-index: 2;
}
.tools-vmok-plugin-table__empty-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b9bcc3;
}
.tools-vmok-plugin-table__empty-wrapper .tools-vmok-plugin-table__empty {
  margin-top: 48px;
}
.tools-vmok-plugin-table__column-resize-line {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #0057ff;
  z-index: 7;
}
.tools-vmok-plugin-sticky-bar {
  position: sticky;
  overflow: auto;
  bottom: 0;
  z-index: 7;
}
.tools-vmok-plugin-sticky-bar__inner {
  height: 1px;
  opacity: 0;
}
.tools-vmok-plugin-t-summary:first-child .tools-vmok-plugin-t-summary-cell::before {
  content: " ";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  border-top: 1px solid #dfe0e2;
}
/* Tabs */
.tools-vmok-plugin-tabs__nav {
  display: flex;
  align-items: center;
  white-space: nowrap;
  position: relative;
}
.tools-vmok-plugin-tabs__nav::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e8eaed;
}
.tools-vmok-plugin-tabs__nav-list-scroll-container {
  display: flex;
  max-width: 100%;
  align-self: stretch;
  flex-shrink: 1;
  overflow: hidden;
}
.tools-vmok-plugin-tabs__nav-list {
  display: flex;
  position: relative;
  transition: transform 0.1s ease-in-out;
}
.tools-vmok-plugin-tabs__nav-list-draggable {
  display: flex;
}
.tools-vmok-plugin-tabs__angle-right,
.tools-vmok-plugin-tabs__angle-left {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #999999;
}
.tools-vmok-plugin-tabs__angle-right svg,
.tools-vmok-plugin-tabs__angle-left svg {
  width: 16px;
  height: 16px;
}
.tools-vmok-plugin-tabs__angle-right:hover,
.tools-vmok-plugin-tabs__angle-left:hover {
  color: #0057ff;
}
.tools-vmok-plugin-tabs__angle-right--disabled,
.tools-vmok-plugin-tabs__angle-left--disabled {
  color: #b9bcc3;
  cursor: not-allowed;
}
.tools-vmok-plugin-tabs__angle-right--disabled:hover,
.tools-vmok-plugin-tabs__angle-left--disabled:hover {
  color: #b9bcc3;
}
.tools-vmok-plugin-tabs__angle-right {
  padding-left: 16px;
}
.tools-vmok-plugin-tabs__angle-left {
  padding-right: 16px;
}
.tools-vmok-plugin-tabs__tab {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  padding: 5px 0;
  margin-right: 34px;
  cursor: pointer;
  color: #62656c;
  font-weight: 400;
}
.tools-vmok-plugin-tabs__tab--active {
  color: #31343b;
  font-weight: 500;
}
.tools-vmok-plugin-tabs__tab--disabled {
  cursor: not-allowed;
  color: #b9bcc3;
}
.tools-vmok-plugin-tabs__tab-close {
  width: 16px;
  height: 16px;
  margin-left: 4px;
}
.tools-vmok-plugin-tabs__tab:nth-last-child(2) {
  padding-right: 0;
}
.tools-vmok-plugin-tabs__tab:first-child {
  padding-left: 0;
}
.tools-vmok-plugin-tabs__extra-content {
  flex: none;
  margin-left: 16px;
}
.tools-vmok-plugin-tabs__panel .tools-vmok-plugin-tab {
  display: none;
}
.tools-vmok-plugin-tabs__panel .tools-vmok-plugin-tab--active {
  display: block;
}
.tools-vmok-plugin-tabs__panel .tools-vmok-plugin-tab--force-render .tools-vmok-plugin-tab {
  display: block;
}
.tools-vmok-plugin-tabs__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  transition: transform 0.1s ease-in-out;
  background-color: #0057ff;
  z-index: 1;
  display: none;
}
.tools-vmok-plugin-tabs__bar--show {
  display: block;
}
.tools-vmok-plugin-tabs--rtl {
  direction: rtl;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav {
  background-color: #ffffff;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list {
  margin-bottom: -1px;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list .tools-vmok-plugin-tabs__tab {
  padding: 5px 16px;
  border: 1px solid transparent;
  position: relative;
  margin-right: 0;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list .tools-vmok-plugin-tabs__tab::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 14px;
  transform: translateY(-50%);
  background-color: #dee0e3;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list .tools-vmok-plugin-tabs__tab:first-child::before {
  display: none;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list .tools-vmok-plugin-tabs__tab--active {
  border-top-color: #dee0e3;
  border-left-color: #dee0e3;
  border-right-color: #dee0e3;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #ffffff;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list .tools-vmok-plugin-tabs__tab--active::before {
  display: none;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list .tools-vmok-plugin-tabs__tab--active + .tools-vmok-plugin-tabs__tab::before {
  display: none;
}
.tools-vmok-plugin-tabs--card > .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__nav-list .tools-vmok-plugin-tabs__active-bar {
  display: none;
}
.tools-vmok-plugin-tag {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  position: relative;
  background-clip: padding-box;
  white-space: nowrap;
  cursor: pointer;
}
.tools-vmok-plugin-tag__close {
  display: inline-flex;
  margin-left: 4px;
}
.tools-vmok-plugin-tag--default-stroke {
  background-color: #ffffff;
  color: #31343b;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-tag--default-stroke:hover {
  background-color: #ffffff;
  color: #62656c;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-tag--default-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--default-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #f5f7fa;
  color: #b9bcc3;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-tag--default-fill {
  background-color: #31343b;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--default-fill:hover {
  background-color: #31343b;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--default-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--default-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #f2f4f7;
  color: #b9bcc3;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-tag--default-light-fill {
  background-color: #f2f4f7;
  color: #62656c;
  border-color: transparent;
}
.tools-vmok-plugin-tag--default-light-fill:hover {
  background-color: #f2f4f7;
  color: #62656c;
  border-color: transparent;
}
.tools-vmok-plugin-tag--default-light-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--default-light-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #f2f4f7;
  color: #b9bcc3;
  border-color: #f2f4f7;
}
.tools-vmok-plugin-tag--default-light-stroke {
  background-color: #f2f4f7;
  color: #62656c;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-tag--default-light-stroke:hover {
  background-color: #f2f4f7;
  color: #62656c;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-tag--default-light-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--default-light-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #f5f7fa;
  color: #b9bcc3;
  border-color: #dfe0e2;
}
.tools-vmok-plugin-tag--info-fill {
  background-color: #0057ff;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--info-fill:hover {
  background-color: #0057ff;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--info-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--info-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #badaff;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--info-stroke {
  background-color: #ffffff;
  color: #0057ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-tag--info-stroke:hover {
  background-color: #ffffff;
  color: #0057ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-tag--info-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--info-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: #badaff;
}
.tools-vmok-plugin-tag--info-light-fill {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--info-light-fill:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--info-light-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--info-light-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--info-light-stroke {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: rgba(42, 85, 229, 0.2);
}
.tools-vmok-plugin-tag--info-light-stroke:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: rgba(42, 85, 229, 0.2);
}
.tools-vmok-plugin-tag--info-light-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--info-light-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: rgba(42, 85, 229, 0.2);
}
.tools-vmok-plugin-tag--success-fill {
  background-color: #0da600;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--success-fill:hover {
  background-color: #0da600;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--success-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--success-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #83dbb2;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--success-stroke {
  background-color: #ffffff;
  color: #0da600;
  border-color: #0da600;
}
.tools-vmok-plugin-tag--success-stroke:hover {
  background-color: #ffffff;
  color: #0da600;
  border-color: #0da600;
}
.tools-vmok-plugin-tag--success-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--success-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #ecf8eb;
  color: #83dbb2;
  border-color: #83dbb2;
}
.tools-vmok-plugin-tag--success-light-fill {
  background-color: #ecf8eb;
  color: #0da600;
  border-color: transparent;
}
.tools-vmok-plugin-tag--success-light-fill:hover {
  background-color: #ecf8eb;
  color: #0da600;
  border-color: transparent;
}
.tools-vmok-plugin-tag--success-light-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--success-light-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #ecf8eb;
  color: #83dbb2;
  border-color: transparent;
}
.tools-vmok-plugin-tag--success-light-stroke {
  background-color: #ecf8eb;
  color: #0da600;
  border-color: rgba(0, 148, 62, 0.2);
}
.tools-vmok-plugin-tag--success-light-stroke:hover {
  background-color: #ecf8eb;
  color: #0da600;
  border-color: rgba(0, 148, 62, 0.2);
}
.tools-vmok-plugin-tag--success-light-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--success-light-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #ecf8eb;
  color: #83dbb2;
  border-color: rgba(0, 148, 62, 0.2);
}
.tools-vmok-plugin-tag--warning-fill {
  background-color: #eb9617;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--warning-fill:hover {
  background-color: #eb9617;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--warning-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--warning-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #fff9e0;
  color: #ffdd60;
  border-color: transparent;
}
.tools-vmok-plugin-tag--warning-stroke {
  background-color: #ffffff;
  color: #eb9617;
  border-color: #eb9617;
}
.tools-vmok-plugin-tag--warning-stroke:hover {
  background-color: #ffffff;
  color: #eb9617;
  border-color: #eb9617;
}
.tools-vmok-plugin-tag--warning-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--warning-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #fff9e0;
  color: #ffdd60;
  border-color: rgba(235, 150, 23, 0.2);
}
.tools-vmok-plugin-tag--warning-light-fill {
  background-color: #fff9e0;
  color: #eb9617;
  border-color: transparent;
}
.tools-vmok-plugin-tag--warning-light-fill:hover {
  background-color: #fff9e0;
  color: #eb9617;
  border-color: transparent;
}
.tools-vmok-plugin-tag--warning-light-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--warning-light-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #fff9e0;
  color: #ffdd60;
  border-color: transparent;
}
.tools-vmok-plugin-tag--warning-light-stroke {
  background-color: #fff9e0;
  color: #eb9617;
  border-color: rgba(235, 150, 23, 0.2);
}
.tools-vmok-plugin-tag--warning-light-stroke:hover {
  background-color: #fff9e0;
  color: #eb9617;
  border-color: rgba(235, 150, 23, 0.2);
}
.tools-vmok-plugin-tag--warning-light-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--warning-light-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #fff9e0;
  color: #ffdd60;
  border-color: rgba(235, 150, 23, 0.2);
}
.tools-vmok-plugin-tag--danger-fill {
  background-color: #e34949;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--danger-fill:hover {
  background-color: #e34949;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--danger-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--danger-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #f5bbbb;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--danger-stroke {
  background-color: #ffffff;
  color: #e34949;
  border-color: #e34949;
}
.tools-vmok-plugin-tag--danger-stroke:hover {
  background-color: #ffffff;
  color: #e34949;
  border-color: #e34949;
}
.tools-vmok-plugin-tag--danger-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--danger-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #fdf2f2;
  color: #f5bbbb;
  border-color: #f5bbbb;
}
.tools-vmok-plugin-tag--danger-light-fill {
  background-color: #fdf2f2;
  color: #e34949;
  border-color: transparent;
}
.tools-vmok-plugin-tag--danger-light-fill:hover {
  background-color: #fdf2f2;
  color: #e34949;
  border-color: transparent;
}
.tools-vmok-plugin-tag--danger-light-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--danger-light-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #fdf2f2;
  color: #f5bbbb;
  border-color: transparent;
}
.tools-vmok-plugin-tag--danger-light-stroke {
  background-color: #fdf2f2;
  color: #e34949;
  border-color: rgba(227, 73, 73, 0.2);
}
.tools-vmok-plugin-tag--danger-light-stroke:hover {
  background-color: #fdf2f2;
  color: #e34949;
  border-color: rgba(227, 73, 73, 0.2);
}
.tools-vmok-plugin-tag--danger-light-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--danger-light-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #fdf2f2;
  color: #f5bbbb;
  border-color: #f5bbbb;
}
.tools-vmok-plugin-tag--primary-fill {
  background-color: #0057ff;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--primary-fill:hover {
  background-color: #0057ff;
  color: #ffffff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--primary-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--primary-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--primary-stroke {
  background-color: #ffffff;
  color: #0057ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-tag--primary-stroke:hover {
  background-color: #ffffff;
  color: #0057ff;
  border-color: #0057ff;
}
.tools-vmok-plugin-tag--primary-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--primary-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: #badaff;
}
.tools-vmok-plugin-tag--primary-light-fill {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--primary-light-fill:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--primary-light-fill.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--primary-light-fill.tools-vmok-plugin-tag--disabled:hover {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--primary-light-stroke {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: rgba(42, 85, 229, 0.2);
}
.tools-vmok-plugin-tag--primary-light-stroke:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: rgba(42, 85, 229, 0.2);
}
.tools-vmok-plugin-tag--primary-light-stroke.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--primary-light-stroke.tools-vmok-plugin-tag--disabled:hover {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: rgba(42, 85, 229, 0.2);
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary-light {
  background-color: transparent;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary-light:hover {
  background-color: #e8f4ff;
  color: #2e7bff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary-light.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary.tools-vmok-plugin-tag--checked:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary-light.tools-vmok-plugin-tag--checked:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary-light.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary.tools-vmok-plugin-tag--disabled:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary-light.tools-vmok-plugin-tag--disabled:hover {
  background-color: transparent;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--primary-light.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default-light {
  background-color: transparent;
  color: #31343b;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default-light:hover {
  background-color: #f2f4f7;
  color: #62656c;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default-light.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default.tools-vmok-plugin-tag--checked:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default-light.tools-vmok-plugin-tag--checked:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default-light.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default.tools-vmok-plugin-tag--disabled:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default-light.tools-vmok-plugin-tag--disabled:hover {
  background-color: transparent;
  color: #cdd1d8;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--default-light.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info-light {
  background-color: transparent;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info-light:hover {
  background-color: #e8f4ff;
  color: #2e7bff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info-light.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info.tools-vmok-plugin-tag--checked:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info-light.tools-vmok-plugin-tag--checked:hover {
  background-color: #e8f4ff;
  color: #0057ff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info-light.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info.tools-vmok-plugin-tag--disabled:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info-light.tools-vmok-plugin-tag--disabled:hover {
  background-color: transparent;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--info-light.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked {
  background-color: #e8f4ff;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning-light {
  background-color: transparent;
  color: #eb9617;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning-light:hover {
  background-color: #fff9e0;
  color: #f6b70c;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning-light.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning.tools-vmok-plugin-tag--checked:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning-light.tools-vmok-plugin-tag--checked:hover {
  background-color: #fff9e0;
  color: #eb9617;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning-light.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning.tools-vmok-plugin-tag--disabled:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning-light.tools-vmok-plugin-tag--disabled:hover {
  background-color: transparent;
  color: #ffdd60;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--warning-light.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked {
  background-color: #fff9e0;
  color: #ffdd60;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success-light {
  background-color: transparent;
  color: #0da600;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success-light:hover {
  background-color: #ecf8eb;
  color: #09b160;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success-light.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success.tools-vmok-plugin-tag--checked:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success-light.tools-vmok-plugin-tag--checked:hover {
  background-color: #ecf8eb;
  color: #0da600;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success-light.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success.tools-vmok-plugin-tag--disabled:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success-light.tools-vmok-plugin-tag--disabled:hover {
  background-color: transparent;
  color: #83dbb2;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--success-light.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked {
  background-color: #ecf8eb;
  color: #badaff;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger-light {
  background-color: transparent;
  color: #e34949;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger-light:hover {
  background-color: #fdf2f2;
  color: #ea7979;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger-light.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger.tools-vmok-plugin-tag--checked:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger-light.tools-vmok-plugin-tag--checked:hover {
  background-color: #fdf2f2;
  color: #e34949;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger-light.tools-vmok-plugin-tag--disabled,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger.tools-vmok-plugin-tag--disabled:hover,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger-light.tools-vmok-plugin-tag--disabled:hover {
  background-color: transparent;
  color: #f5bbbb;
  border-color: transparent;
}
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked,
.tools-vmok-plugin-tag--text.tools-vmok-plugin-tag--danger-light.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--checked {
  background-color: #fdf2f2;
  color: #f5bbbb;
  border-color: transparent;
}
.tools-vmok-plugin-tag--xs {
  padding: 0 8px;
  font-size: 12px;
  height: 16px;
}
.tools-vmok-plugin-tag--sm {
  padding: 0 8px;
  font-size: 12px;
  height: 20px;
}
.tools-vmok-plugin-tag--md {
  padding: 0 8px;
  font-size: 12px;
  height: 24px;
}
.tools-vmok-plugin-tag--lg {
  padding: 0 8px;
  font-size: 14px;
  height: 28px;
}
.tools-vmok-plugin-tag--xl {
  padding: 0 8px;
  font-size: 14px;
  height: 32px;
}
.tools-vmok-plugin-tag--disabled {
  cursor: not-allowed;
}
.tools-vmok-plugin-tag--disabled.tools-vmok-plugin-tag--closable .tools-vmok-plugin-tag__close {
  cursor: not-allowed;
}
.tools-vmok-plugin-tag--dashed.tools-vmok-plugin-tag--border {
  border-style: dashed;
}
.tools-vmok-plugin-tag--hidden {
  display: none;
}
.tools-vmok-plugin-tag--rtl {
  direction: rtl;
}
.tools-vmok-plugin-tag--rtl .tools-vmok-plugin-tag__close {
  margin-right: 4px;
  margin-left: 0;
}
.tools-vmok-plugin-textarea__wrapper {
  display: inline-flex;
  position: relative;
  border-radius: 4px;
  width: 100%;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea {
  width: 100%;
  flex: 1;
  outline: none;
  border: none;
  padding: 0;
  background: rgba(255, 255, 255, 0);
  color: inherit;
  cursor: inherit;
  vertical-align: bottom;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea::-moz-placeholder {
  color: #93969d;
  opacity: 1;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea:-ms-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea::-webkit-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea[type="text"],
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea[type="number"],
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea[type="password"] {
  appearance: none;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea[type="number"]::-webkit-inner-spin-button {
  appearance: none;
}
.tools-vmok-plugin-textarea__wrapper--fill {
  border: 1px solid transparent;
  background-color: #f2f4f7;
  color: #31343b;
}
.tools-vmok-plugin-textarea__wrapper--fill .tools-vmok-plugin-textarea::-moz-placeholder {
  color: #93969d;
  opacity: 1;
}
.tools-vmok-plugin-textarea__wrapper--fill .tools-vmok-plugin-textarea:-ms-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-textarea__wrapper--fill .tools-vmok-plugin-textarea::-webkit-input-placeholder {
  color: #93969d;
}
.tools-vmok-plugin-textarea__wrapper--fill:hover {
  color: #31343b;
  background-color: #f2f4f7;
  border-color: #0057ff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--focused {
  color: #31343b;
  background-color: #e8eaed;
  border-color: #0057ff;
  box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  animation: bui-input-focus-effect_primary 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_primary {
  from {
    box-shadow: 0 0 0 0 #0057ff;
  }
  to {
    box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  }
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--error {
  border: 1px solid transparent;
  background-color: #fdf2f2;
  color: #31343b;
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--error:hover {
  color: #31343b;
  background-color: #fdf2f2;
  border-color: #ea7979;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--error.tools-vmok-plugin-textarea__wrapper--focused {
  color: #31343b;
  background-color: #fdf2f2;
  border-color: #e34949;
  box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  animation: bui-input-focus-effect_error 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_error {
  from {
    box-shadow: 0 0 0 0 #e34949;
  }
  to {
    box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  }
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled:hover,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused {
  background-color: #f5f7fa;
  border-color: transparent;
  color: #b9bcc3;
  box-shadow: none;
  animation: none;
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea::-moz-placeholder,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled:hover .tools-vmok-plugin-textarea::-moz-placeholder,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused .tools-vmok-plugin-textarea::-moz-placeholder {
  color: #b9bcc3;
  opacity: 1;
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea:-ms-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled:hover .tools-vmok-plugin-textarea:-ms-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused .tools-vmok-plugin-textarea:-ms-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea::-webkit-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled:hover .tools-vmok-plugin-textarea::-webkit-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--fill.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused .tools-vmok-plugin-textarea::-webkit-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-textarea__wrapper--stroke {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #dfe0e2;
}
.tools-vmok-plugin-textarea__wrapper--stroke:hover {
  background-color: #ffffff;
  color: #31343b;
  border-color: #0057ff;
  transition: all 0.1s ease-in-out;
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--focused {
  background-color: #ffffff;
  color: #31343b;
  border-color: #0057ff;
  box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  animation: bui-input-focus-effect_primary 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_primary {
  from {
    box-shadow: 0 0 0 0 #0057ff;
  }
  to {
    box-shadow: 0 0 0 2px rgba(0, 87, 255, 0.2);
  }
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--error {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #e34949;
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--error:hover {
  background-color: #ffffff;
  color: #31343b;
  border-color: #ea7979;
  transition: border-color 0.1s ease-in-out;
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--error.tools-vmok-plugin-textarea__wrapper--focused {
  background-color: #ffffff;
  color: #31343b;
  border-color: #e34949;
  box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  animation: bui-input-focus-effect_error 0.1s ease-in-out;
}
@keyframes bui-input-focus-effect_error {
  from {
    box-shadow: 0 0 0 0 #e34949;
  }
  to {
    box-shadow: 0 0 0 2px rgba(227, 73, 73, 0.2);
  }
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled:hover,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused {
  color: #b9bcc3;
  background-color: #f5f7fa;
  border: 1px solid #f2f4f7;
  box-shadow: none;
  animation: none;
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea::-moz-placeholder,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled:hover .tools-vmok-plugin-textarea::-moz-placeholder,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused .tools-vmok-plugin-textarea::-moz-placeholder {
  color: #b9bcc3;
  opacity: 1;
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea:-ms-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled:hover .tools-vmok-plugin-textarea:-ms-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused .tools-vmok-plugin-textarea:-ms-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea::-webkit-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled:hover .tools-vmok-plugin-textarea::-webkit-input-placeholder,
.tools-vmok-plugin-textarea__wrapper--stroke.tools-vmok-plugin-textarea__wrapper--disabled.tools-vmok-plugin-textarea__wrapper--focused .tools-vmok-plugin-textarea::-webkit-input-placeholder {
  color: #b9bcc3;
}
.tools-vmok-plugin-textarea__wrapper--xs {
  padding: 2px 8px;
}
.tools-vmok-plugin-textarea__wrapper--xs,
.tools-vmok-plugin-textarea__wrapper--xs .tools-vmok-plugin-textarea {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-textarea__wrapper--sm {
  padding: 4px 8px;
}
.tools-vmok-plugin-textarea__wrapper--sm,
.tools-vmok-plugin-textarea__wrapper--sm .tools-vmok-plugin-textarea {
  font-size: 12px;
  line-height: 18px;
}
.tools-vmok-plugin-textarea__wrapper--md {
  padding: 4px 8px;
}
.tools-vmok-plugin-textarea__wrapper--md,
.tools-vmok-plugin-textarea__wrapper--md .tools-vmok-plugin-textarea {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-textarea__wrapper--lg {
  padding: 6px 8px;
}
.tools-vmok-plugin-textarea__wrapper--lg,
.tools-vmok-plugin-textarea__wrapper--lg .tools-vmok-plugin-textarea {
  font-size: 14px;
  line-height: 22px;
}
.tools-vmok-plugin-textarea__wrapper--xl {
  padding: 7px 8px;
}
.tools-vmok-plugin-textarea__wrapper--xl,
.tools-vmok-plugin-textarea__wrapper--xl .tools-vmok-plugin-textarea {
  font-size: 16px;
  line-height: 24px;
}
.tools-vmok-plugin-textarea__wrapper--unstyle {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #31343b;
}
.tools-vmok-plugin-textarea__wrapper--noborder {
  background-color: #ffffff;
  color: #31343b;
  border: 1px solid #ffffff;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__clear {
  color: #93969d;
  z-index: 3;
  cursor: pointer;
  transition: opacity 0.1s ease-in;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__clear--absolute {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__clear--margin-right {
  margin-right: 4px;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__clear:hover {
  color: #62656c;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__clear:active {
  color: #31343b;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__count {
  color: #93969d;
  background: transparent;
  position: absolute;
  font-size: 12px;
  line-height: 14px;
  bottom: 4px;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__prefix {
  z-index: 1;
  display: flex;
  align-self: stretch;
  align-items: center;
  padding-right: 4px;
  color: #31343b;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__suffix {
  z-index: 1;
  align-self: stretch;
  align-items: center;
  color: #31343b;
  display: flex;
  padding-left: 4px;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__suffix .tools-vmok-plugin-textarea__clear {
  opacity: 0;
  pointer-events: none;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__suffix .tools-vmok-plugin-textarea__clear--show {
  opacity: 1;
  pointer-events: auto;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__after {
  z-index: 1;
  align-self: stretch;
  align-items: center;
  color: #31343b;
  display: flex;
  padding-left: 4px;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__after--has-clear .tools-vmok-plugin-icon {
  opacity: 0;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__after .tools-vmok-plugin-textarea__clear {
  display: none;
}
.tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__after .tools-vmok-plugin-textarea__clear--show {
  display: block;
  opacity: 1;
}
.tools-vmok-plugin-textarea__wrapper--disabled,
.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea {
  cursor: not-allowed;
}
.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea__prefix,
.tools-vmok-plugin-textarea__wrapper--disabled .tools-vmok-plugin-textarea__suffix {
  color: #cdd1d8;
}
.tools-vmok-plugin-textarea__wrapper:hover:not(.tools-vmok-plugin-textarea__wrapper--disabled):not(.tools-vmok-plugin-textarea__wrapper--error) .tools-vmok-plugin-textarea--stroke {
  border-color: #0057ff;
}
.tools-vmok-plugin-textarea__wrapper--rtl {
  direction: rtl;
}
.tools-vmok-plugin-textarea__wrapper--rtl .tools-vmok-plugin-textarea {
  direction: rtl;
}
.tools-vmok-plugin-textarea__wrapper--rtl .tools-vmok-plugin-textarea__clear--absolute {
  right: auto;
  left: 12px;
}
.tools-vmok-plugin-textarea__wrapper--rtl .tools-vmok-plugin-textarea__clear--margin-right {
  margin-right: 0;
  margin-left: 4px;
}
.tools-vmok-plugin-textarea__wrapper--rtl .tools-vmok-plugin-textarea__prefix {
  padding-right: 0;
  padding-left: 4px;
}
.tools-vmok-plugin-textarea__wrapper--rtl .tools-vmok-plugin-textarea__suffix,
.tools-vmok-plugin-textarea__wrapper--rtl .tools-vmok-plugin-textarea__after {
  padding-left: 0;
  padding-right: 4px;
}
.tools-vmok-plugin-time-line-item {
  position: relative;
  display: flex;
}
.tools-vmok-plugin-time-line-item--start,
.tools-vmok-plugin-time-line-item--left {
  justify-content: flex-start;
}
.tools-vmok-plugin-time-line-item--start .tools-vmok-plugin-time-line-item__container,
.tools-vmok-plugin-time-line-item--left .tools-vmok-plugin-time-line-item__container {
  align-items: flex-start;
  margin-left: 28px;
}
.tools-vmok-plugin-time-line-item--start.tools-vmok-plugin-time-line-item--nonunique,
.tools-vmok-plugin-time-line-item--left.tools-vmok-plugin-time-line-item--nonunique {
  margin-left: 50%;
  transform: translate(-6px);
}
.tools-vmok-plugin-time-line-item--start.tools-vmok-plugin-time-line-item--nonunique .tools-vmok-plugin-time-line-item__container,
.tools-vmok-plugin-time-line-item--left.tools-vmok-plugin-time-line-item--nonunique .tools-vmok-plugin-time-line-item__container {
  align-items: flex-start;
  margin-left: 28px;
}
.tools-vmok-plugin-time-line-item--end,
.tools-vmok-plugin-time-line-item--right {
  justify-content: flex-end;
}
.tools-vmok-plugin-time-line-item--end .tools-vmok-plugin-time-line-item__container,
.tools-vmok-plugin-time-line-item--right .tools-vmok-plugin-time-line-item__container {
  align-items: flex-end;
  margin-right: 28px;
}
.tools-vmok-plugin-time-line-item--end.tools-vmok-plugin-time-line-item--nonunique,
.tools-vmok-plugin-time-line-item--right.tools-vmok-plugin-time-line-item--nonunique {
  margin-right: 50%;
  transform: translate(6px);
}
.tools-vmok-plugin-time-line-item--end.tools-vmok-plugin-time-line-item--nonunique .tools-vmok-plugin-time-line-item__container,
.tools-vmok-plugin-time-line-item--right.tools-vmok-plugin-time-line-item--nonunique .tools-vmok-plugin-time-line-item__container {
  align-items: flex-end;
  margin-right: 28px;
}
.tools-vmok-plugin-time-line-item__loop {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
}
.tools-vmok-plugin-time-line-item__loop--default {
  border-color: #c1c1c1;
}
.tools-vmok-plugin-time-line-item__loop--info {
  border-color: #338aff;
}
.tools-vmok-plugin-time-line-item__loop--success {
  border-color: #6abf40;
}
.tools-vmok-plugin-time-line-item__loop--danger {
  border-color: #f65656;
}
.tools-vmok-plugin-time-line-item .tools-vmok-plugin-time-line-item__line {
  width: 1px;
  transform: translate(-0.5px);
  flex: 1;
  background-color: #c1c1c1;
  margin-bottom: 2px;
  margin-top: 2px;
}
.tools-vmok-plugin-time-line-item .tools-vmok-plugin-time-line-item__separate {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tools-vmok-plugin-time-line-item .tools-vmok-plugin-time-line-item__separate .tools-vmok-plugin-time-line-item__icon {
  margin: 6px 0px 6px 0px;
}
.tools-vmok-plugin-time-line-item .tools-vmok-plugin-time-line-item__container {
  display: flex;
  flex-direction: column;
  padding-bottom: 22px;
}
.tools-vmok-plugin-time-line-item .tools-vmok-plugin-time-line-item__container .tools-vmok-plugin-time-line-item__header {
  display: flex;
  align-items: center;
}
.tools-vmok-plugin-time-line-item .tools-vmok-plugin-time-line-item__container .tools-vmok-plugin-time-line-item__header .tools-vmok-plugin-time-line-item__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #31343b;
}
.tools-vmok-plugin-time-line-item .tools-vmok-plugin-time-line-item__container .tools-vmok-plugin-time-line-item__desc {
  margin-top: 4px;
  font-size: 14px;
  line-height: 22px;
  color: #62656c;
  font-weight: 400;
}
.tools-vmok-plugin-time-line-item:last-of-type .tools-vmok-plugin-time-line-item__line {
  display: none;
}
.tools-vmok-plugin-time-line-item:last-of-type .tools-vmok-plugin-time-line-item__container {
  padding-bottom: 0;
}
.tools-vmok-plugin-time-line {
  position: relative;
}
.tools-vmok-plugin-time-line--rtl {
  direction: rtl;
}
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--left,
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--right {
  direction: ltr;
}
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--start .tools-vmok-plugin-time-line-item__container {
  align-items: flex-start;
  margin-right: 28px;
  margin-left: unset;
}
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--start.tools-vmok-plugin-time-line-item--nonunique {
  margin-right: 50%;
  margin-left: unset;
  transform: translate(6px);
}
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--start.tools-vmok-plugin-time-line-item--nonunique .tools-vmok-plugin-time-line-item__container {
  margin-right: 28px;
  margin-left: unset;
}
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--end .tools-vmok-plugin-time-line-item__container {
  align-items: flex-end;
  margin-left: 28px;
  margin-right: unset;
}
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--end.tools-vmok-plugin-time-line-item--nonunique {
  margin-left: 50%;
  margin-right: unset;
  transform: translate(-6px);
}
.tools-vmok-plugin-time-line--rtl .tools-vmok-plugin-time-line-item--end.tools-vmok-plugin-time-line-item--nonunique .tools-vmok-plugin-time-line-item__container {
  margin-left: 28px;
  margin-right: unset;
}
/* UploadViewButton */
/* UploadViewButton variants=normal */
/* UploadViewButton variants=card-block */
/* UploadViewButton variants=card-inline */
/* UploadViewAvatar */
/* UploadViewDrag */
.tools-vmok-plugin-upload-view-drag__dropzone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 160px;
  border: 1px dashed #dee0e3;
  border-radius: 4px;
  cursor: pointer;
}
.tools-vmok-plugin-upload-view-drag__dropzone:hover {
  border-color: #dee0e3;
}
.tools-vmok-plugin-upload-view-drag__dropzone * {
  pointer-events: none;
}
.tools-vmok-plugin-upload-view-drag__dropzone--active {
  background-color: #ffffff;
  border-color: #003fd2;
  cursor: grab;
}
.tools-vmok-plugin-upload-view-drag__upload-icon {
  color: #31343b;
}
.tools-vmok-plugin-upload-view-drag__textwrap {
  font-size: 14px;
  color: #31343b;
  margin-top: 8px;
}
.tools-vmok-plugin-upload-view-drag__textwrap button {
  background-color: transparent;
  border: none;
  color: #0057ff;
  padding: 0;
  cursor: pointer;
}
.tools-vmok-plugin-upload-view-drag__filelist {
  width: 400px;
}
.tools-vmok-plugin-upload-view-drag--error .tools-vmok-plugin-upload-view-drag__dropzone {
  border-color: #e34949;
  background-color: #ffffff;
}
.tools-vmok-plugin-upload-view-drag--disabled .tools-vmok-plugin-upload-view-drag__dropzone,
.tools-vmok-plugin-upload-view-drag--disabled .tools-vmok-plugin-upload-view-drag__dropzone:hover {
  cursor: not-allowed;
  border-color: #dee0e3;
  background-color: #f5f7fa;
}
.tools-vmok-plugin-upload-view-drag--disabled .tools-vmok-plugin-upload-view-drag__upload-icon,
.tools-vmok-plugin-upload-view-drag--disabled .tools-vmok-plugin-upload-view-drag__textwrap {
  color: #b9bcc3;
}
.tools-vmok-plugin-upload-view-drag--disabled .tools-vmok-plugin-upload-view-drag__upload-icon button,
.tools-vmok-plugin-upload-view-drag--disabled .tools-vmok-plugin-upload-view-drag__textwrap button {
  color: #badaff;
}
.tools-vmok-plugin-upload-view-button .tools-vmok-plugin-button--default,
.tools-vmok-plugin-upload-view-drag .tools-vmok-plugin-button--default {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-vmok-plugin-upload-view-button__text,
.tools-vmok-plugin-upload-view-drag__text {
  margin-left: 4px;
}
.tools-vmok-plugin-upload-view-button__filelist,
.tools-vmok-plugin-upload-view-drag__filelist {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 16px;
}
.tools-vmok-plugin-upload-view-button__fileitem-normal,
.tools-vmok-plugin-upload-view-drag__fileitem-normal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 22px;
  font-size: 14px;
  color: #31343b;
  padding-left: 8px;
}
.tools-vmok-plugin-upload-view-button__fileitem-normal:not(:last-of-type),
.tools-vmok-plugin-upload-view-drag__fileitem-normal:not(:last-of-type) {
  margin-bottom: 8px;
}
.tools-vmok-plugin-upload-view-button__fileitem-normal .tools-vmok-plugin-upload-view-button__filename,
.tools-vmok-plugin-upload-view-drag__fileitem-normal .tools-vmok-plugin-upload-view-button__filename,
.tools-vmok-plugin-upload-view-button__fileitem-normal .tools-vmok-plugin-upload-view-drag__filename,
.tools-vmok-plugin-upload-view-drag__fileitem-normal .tools-vmok-plugin-upload-view-drag__filename {
  height: 100%;
  display: flex;
  align-items: center;
}
.tools-vmok-plugin-upload-view-button__fileitem-normal .tools-vmok-plugin-upload-view-button__filename svg,
.tools-vmok-plugin-upload-view-drag__fileitem-normal .tools-vmok-plugin-upload-view-button__filename svg,
.tools-vmok-plugin-upload-view-button__fileitem-normal .tools-vmok-plugin-upload-view-drag__filename svg,
.tools-vmok-plugin-upload-view-drag__fileitem-normal .tools-vmok-plugin-upload-view-drag__filename svg {
  margin-right: 8px;
}
.tools-vmok-plugin-upload-view-button__fileitem-normal .tools-vmok-plugin-upload-view-button__close:hover,
.tools-vmok-plugin-upload-view-drag__fileitem-normal .tools-vmok-plugin-upload-view-button__close:hover,
.tools-vmok-plugin-upload-view-button__fileitem-normal .tools-vmok-plugin-upload-view-drag__close:hover,
.tools-vmok-plugin-upload-view-drag__fileitem-normal .tools-vmok-plugin-upload-view-drag__close:hover {
  cursor: pointer;
}
.tools-vmok-plugin-upload-view-button__fileitem-normal--error,
.tools-vmok-plugin-upload-view-drag__fileitem-normal--error {
  color: #e34949;
}
.tools-vmok-plugin-upload-view-button__fileitem-normal--error .tools-vmok-plugin-upload-view-button__close,
.tools-vmok-plugin-upload-view-drag__fileitem-normal--error .tools-vmok-plugin-upload-view-button__close,
.tools-vmok-plugin-upload-view-button__fileitem-normal--error .tools-vmok-plugin-upload-view-drag__close,
.tools-vmok-plugin-upload-view-drag__fileitem-normal--error .tools-vmok-plugin-upload-view-drag__close {
  fill: #e34949;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block {
  margin-bottom: 8px;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__card,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__card {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 7px;
  border: 1px solid #dee0e3;
  box-sizing: border-box;
  border-radius: 4px;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__image,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__image {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background-size: cover;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__content,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__content {
  height: 100%;
  flex: 1;
  margin-left: 8px;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__info,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 22px;
  margin-bottom: 4px;
  font-size: 14px;
  color: #31343b;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__close:hover,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__close:hover {
  cursor: pointer;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__progress,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__progress {
  position: relative;
  height: 2px;
  border-radius: 4px;
  background-color: #e8eaed;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__progress .tools-vmok-plugin-upload-view-button__bar,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__progress .tools-vmok-plugin-upload-view-button__bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #0057ff;
  border-radius: 4px;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block--error .tools-vmok-plugin-upload-view-button__card,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block--error .tools-vmok-plugin-upload-view-button__card {
  border: 1px solid #e34949;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block--error .tools-vmok-plugin-upload-view-button__info,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block--error .tools-vmok-plugin-upload-view-button__info {
  color: #31343b;
}
.tools-vmok-plugin-upload-view-button__fileitem-card-block .tools-vmok-plugin-upload-view-button__error,
.tools-vmok-plugin-upload-view-drag__fileitem-card-block .tools-vmok-plugin-upload-view-button__error {
  font-size: 12px;
  color: #e34949;
  height: 18px;
  line-height: 18px;
  margin: 0;
  margin-top: 4px;
}
.tools-vmok-plugin-upload-view-button--inline .tools-vmok-plugin-upload-view-button__filelist,
.tools-vmok-plugin-upload-view-drag--inline .tools-vmok-plugin-upload-view-button__filelist {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
}
.tools-vmok-plugin-upload-view-button--inline .tools-vmok-plugin-upload-view-button__filelist .tools-vmok-plugin-upload-view-button__fileitem-card-block,
.tools-vmok-plugin-upload-view-drag--inline .tools-vmok-plugin-upload-view-button__filelist .tools-vmok-plugin-upload-view-button__fileitem-card-block {
  width: 200px;
  margin-left: 8px;
}
.tools-vmok-plugin-upload-view-avatar {
  width: 120px;
  height: 120px;
  border: 1px dashed #dee0e3;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-media-upload-card {
  width: 160px;
  height: 160px;
}
.ocean-vmok-plugin-oc-media-upload-wrapper .ocean-vmok-plugin-oc-media-upload-button {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-media-upload-wrapper .ocean-vmok-plugin-oc-media-upload-button .ocean-vmok-plugin-oc-media-upload-tip {
  color: #93969d;
  font-size: 14px;
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-media-upload-wrapper .ocean-vmok-plugin-oc-media-upload-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
}
.ocean-vmok-plugin-oc-media-upload-wrapper .ocean-vmok-plugin-oc-media-upload-list .ocean-vmok-plugin-oc-media-upload-card {
  margin-left: 16px;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-media-upload-wrapper .ocean-vmok-plugin-oc-media-upload-list-no-margin-top {
  margin-top: 0px;
}
.ocean-vmok-plugin-oc-media-upload-wrapper .ocean-vmok-plugin-oc-media-upload-button-no-margin-bottom {
  margin-bottom: 0px;
}
.ocean-vmok-plugin-oc-msg {
  display: flex;
}
.ocean-vmok-plugin-oc-msg-size-xs {
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-msg-size-sm {
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-msg-size-md {
  font-size: 16px;
  line-height: 24px;
}
.ocean-vmok-plugin-oc-msg-size-lg {
  font-size: 18px;
  line-height: 26px;
}
.ocean-vmok-plugin-oc-msg-size-xl {
  font-size: 20px;
  line-height: 28px;
}
.ocean-vmok-plugin-oc-msg-icon {
  height: 14px;
  margin: 3px 4px 0 0;
  font-size: 0;
}
.ocean-vmok-plugin-oc-msg-icon svg {
  display: block;
}
.ocean-vmok-plugin-oc-msg-icon-success {
  color: #0da600;
}
.ocean-vmok-plugin-oc-msg-icon-primary {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-msg-icon-danger {
  color: #e34949;
}
.ocean-vmok-plugin-oc-msg-icon-warning {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-msg-list {
  line-height: 0;
}
.ocean-vmok-plugin-oc-msg-list .ocean-vmok-plugin-oc-typography {
  display: inline;
}
.ocean-vmok-plugin-oc-typography + .ocean-vmok-plugin-oc-msg-list__item-image,
.ocean-vmok-plugin-oc-typography + .ocean-vmok-plugin-oc-msg-list__item-video {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-msg-list__item-a + .ocean-vmok-plugin-oc-typography {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-msg-list__item-a + .ocean-vmok-plugin-oc-typography {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-msg-list__item-a + .ocean-vmok-plugin-oc-msg-list__url-icon {
  margin-left: 2px;
}
.ocean-vmok-plugin-oc-msg-list__item-image {
  width: 100%;
}
.ocean-vmok-plugin-oc-msg-list__url-icon {
  vertical-align: middle;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-msg-list__url-icon:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-msg-list__url-icon + .ocean-vmok-plugin-oc-typography {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-typography + .ocean-vmok-plugin-oc-msg-list__item-a {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-msg-list__item-a + .ocean-vmok-plugin-oc-msg-list__item-a {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-breadcrumb-separator-icon {
  display: flex;
  align-items: center;
  height: 100%;
  color: #93969d;
}
.ocean-vmok-plugin-oc-image-group-preview .tools-vmok-plugin-image-group {
  display: none;
}
.ocean-vmok-plugin-oc-chart-trend-nodes-empty {
  display: flex;
}
.ocean-vmok-plugin-oc-group-number-val-xl {
  font-size: 32px;
}
.ocean-vmok-plugin-oc-group-number-tail-xl {
  font-size: 24px;
}
.ocean-vmok-plugin-oc-group-number .ocean-vmok-plugin-oc-typography {
  display: inline-block;
  vertical-align: bottom;
}
.ocean-vmok-plugin-oc-group-number-suffix {
  display: inline-flex;
  margin-left: 2px;
}
.ocean-vmok-plugin-oc-empty {
  min-height: 74px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-empty__icon {
  width: 42px;
  height: 42px;
}
.ocean-vmok-plugin-oc-empty__img-md {
  width: 200px;
  height: 118px;
}
.ocean-vmok-plugin-oc-empty__img-sm {
  width: 120px;
  height: 70px;
}
.tools-vmok-plugin-drawer__wrap .ocean-vmok-plugin-oc-drawer-header-fix {
  padding: 0px 24px;
}
.tools-vmok-plugin-drawer__wrap .ocean-vmok-plugin-oc-drawer-header-custom {
  height: auto;
}
.tools-vmok-plugin-drawer__header {
  border-bottom: 1px solid #ebebed;
}
.ocean-vmok-plugin-oc-drawer-header {
  min-height: 64px;
  width: 100%;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-drawer-header-icon {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-drawer-header-extra {
  flex: 1;
  justify-content: flex-end;
  display: inline-flex;
}
.ocean-vmok-plugin-oc-drawer-header-tabs {
  height: 100%;
  display: flex;
}
.ocean-vmok-plugin-oc-drawer-header-title {
  height: 100%;
  display: flex;
  align-items: center;
  justify-self: center;
  font-weight: bolder;
}
.ocean-vmok-plugin-oc-drawer-header-title .ocean-vmok-plugin-after-title-icon {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-drawer-body-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-drawer-body-wrap .ocean-vmok-plugin-oc-drawer-close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -32px;
  top: 13px;
  width: 32px;
  height: 32px;
  border-radius: 4px 0 0 4px;
  background: #0057ff;
}
.ocean-vmok-plugin-oc-drawer-body-wrap .ocean-vmok-plugin-oc-drawer-close:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-drawer-body-wrap .ocean-vmok-plugin-oc-default-slot {
  flex: 1;
  overflow: auto;
  padding: 16px;
  overscroll-behavior: none;
}
.ocean-vmok-plugin-oc-drawer-body-wrap .ocean-vmok-plugin-oc-drawer-footer {
  height: 64px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 24px;
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-drawer-body-wrap .ocean-vmok-plugin-oc-drawer-footer .ocean-vmok-plugin-left-footer-wrap {
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.ocean-vmok-plugin-oc-drawer-body-wrap .ocean-vmok-plugin-oc-drawer-footer .ocean-vmok-plugin-oc-footer-btn {
  display: inline-block;
}
.ocean-vmok-plugin-oc-drawer-body-wrap .ocean-vmok-plugin-oc-drawer-footer .ocean-vmok-plugin-oc-button-wrap {
  margin-left: 16px;
}
.tools-vmok-plugin-drawer__header {
  height: 64px;
  border-bottom: none;
}
.tools-vmok-plugin-drawer--left .ocean-vmok-plugin-oc-drawer-close {
  right: -32px;
  left: inherit;
  border-radius: 0 4px 4px 0;
}
.ocean-vmok-plugin-oc-drawer-body {
  padding: 0px;
  background: rgba(42, 85, 229, 0.06);
}
.ocean-vmok-plugin-oc-dropdown-button-container {
  display: inline-block;
}
.ocean-vmok-plugin-oc-dropdown-button-container .ocean-vmok-plugin-oc-dropdown-button-icon-up {
  transform: rotate(180deg);
}
.ocean-vmok-plugin-oc-dropdown-button-dark .tools-vmok-plugin-button {
  color: #31343b;
}
.ocean-vmok-plugin-oc-dropdown-button-bold .tools-vmok-plugin-button {
  font-weight: bold;
}
.ocean-vmok-plugin-oc-dropdown-item-active {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-dropdown-item-title {
  color: #93969d;
  font-size: 12px;
  line-height: 18px;
  padding: 6px 12px;
}
.ocean-vmok-plugin-oc-dropdown-content-footer {
  margin: 0 12px;
  border-top: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-dropdown-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-dropdown-item .ocean-vmok-plugin-oc-dropdown-item-text {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-dropdown-item .ocean-vmok-plugin-oc-dropdown-item-operation {
  display: flex;
}
.ocean-vmok-plugin-oc-dropdown-item .ocean-vmok-plugin-oc-dropdown-item-operation .ocean-vmok-plugin-oc-dropdown-item-operation-icon {
  font-size: 14px;
  margin-left: 4px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-dropdown-item .ocean-vmok-plugin-oc-dropdown-item-operation .ocean-vmok-plugin-oc-dropdown-item-operation-icon:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-dropdown-item .ocean-vmok-plugin-oc-dropdown-item-operation .ocean-vmok-plugin-oc-dropdown-item-operation-icon-disabled {
  font-size: 14px;
  margin-left: 4px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-batch-add-input {
  width: 100%;
  min-width: 570px;
}
.ocean-vmok-plugin-oc-batch-add-input-list {
  overflow-y: auto;
  width: 100%;
  padding: 4px;
  margin: -4px;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item {
  margin-top: 8px;
  opacity: 1;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item-input {
  display: flex;
  align-items: center;
  position: relative;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item-input-delete {
  position: absolute;
  right: -23px;
  cursor: pointer;
  color: #93969d;
  display: flex;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item-input-delete:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item-input-delete-disabled {
  position: absolute;
  right: -23px;
  cursor: not-allowed;
  color: #dee0e3;
  display: flex;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item-fade-enter-active,
.ocean-vmok-plugin-oc-batch-add-input-list-item-fade-leave-active {
  transition: all 0.1s ease-in-out;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item-fade-enter-from,
.ocean-vmok-plugin-oc-batch-add-input-list-item-fade-leave-to {
  opacity: 0;
  max-height: 0;
}
.ocean-vmok-plugin-oc-batch-add-input-list-item-fade-enter-to,
.ocean-vmok-plugin-oc-batch-add-input-list-item-fade-leave-from {
  max-height: 32px;
  opacity: 1;
}
.ocean-vmok-plugin-oc-batch-add-input-list .tools-vmok-plugin-button--default-stroke {
  position: relative;
  z-index: 4;
}
.ocean-vmok-plugin-oc-batch-add-input-list .tools-vmok-plugin-button--default-stroke:focus {
  color: #62656c;
  background-color: #ffffff;
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-batch-add-input-add {
  color: #62656c;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-error-mesasage {
  display: flex;
  font-size: 12px;
  align-items: center;
}
.ocean-vmok-plugin-oc-error-mesasage .ocean-vmok-plugin-oc-error-mesasage-error {
  line-height: 18px;
  max-height: 40px;
}
.ocean-vmok-plugin-oc-error-mesasage .ocean-vmok-plugin-oc-error-mesasage-error .ocean-vmok-plugin-oc-error-mesasage-error-message {
  color: #e34949;
  float: left;
  height: 20px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-error-mesasage .ocean-vmok-plugin-oc-error-mesasage-error .ocean-vmok-plugin-oc-error-mesasage-all {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-error-mesasage .ocean-vmok-plugin-oc-error-mesasage-error .ocean-vmok-plugin-oc-error-mesasage-all:hover {
  background: rgba(227, 73, 73, 0.3);
}
.ocean-vmok-plugin-oc-error-mesasage .ocean-vmok-plugin-oc-error-mesasage-warning .ocean-vmok-plugin-oc-error-mesasage-error-message {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-error-mesasage-error-number,
.ocean-vmok-plugin-oc-error-mesasage-error-all {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-radio--dark,
.ocean-vmok-plugin-oc-radio-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-radio--dark-to-default {
  /* 以下逻辑，是复制 okee 内部代码删减后得到，请尽量保持与 okee 同步
  okee 中有特别支持的 light 主题样式，此处 dark 下不支持 light 模式 */
}
.ocean-vmok-plugin-oc-radio--dark .tools-vmok-plugin-radio,
.ocean-vmok-plugin-oc-radio-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-radio--dark-to-default .tools-vmok-plugin-radio {
  /* 禁用 + 选中 */
}
.ocean-vmok-plugin-oc-radio--dark .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled),
.ocean-vmok-plugin-oc-radio-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-radio--dark-to-default .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled) {
  /* 未禁用 + 未选中 */
  /* 未禁用 + 选中 */
}
.ocean-vmok-plugin-oc-radio--dark .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled) .tools-vmok-plugin-radio__inner:hover,
.ocean-vmok-plugin-oc-radio-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-radio--dark-to-default .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled) .tools-vmok-plugin-radio__inner:hover {
  border-color: #31343b;
}
.ocean-vmok-plugin-oc-radio--dark .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled).tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner,
.ocean-vmok-plugin-oc-radio-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-radio--dark-to-default .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled).tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner,
.ocean-vmok-plugin-oc-radio--dark .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled).tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner:hover,
.ocean-vmok-plugin-oc-radio-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-radio--dark-to-default .tools-vmok-plugin-radio:not(.tools-vmok-plugin-radio--disabled).tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner:hover {
  border-color: #31343b;
  background-color: #31343b;
}
.ocean-vmok-plugin-oc-radio--dark .tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner,
.ocean-vmok-plugin-oc-radio-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-radio--dark-to-default .tools-vmok-plugin-radio.tools-vmok-plugin-radio--disabled.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner {
  border-color: #b9bcc3;
  background-color: #b9bcc3;
}
.ocean-vmok-plugin-oc-radio__popover-wrap {
  display: inline-flex;
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-radio__popover-wrap > .ocean-vmok-plugin-oc-popover {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-radio {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-radio .tools-vmok-plugin-radio > .tools-vmok-plugin-radio__label {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-radio--no-label .tools-vmok-plugin-radio > .tools-vmok-plugin-radio__label {
  margin: 0;
}
.ocean-vmok-plugin-oc-trend-chart-empty {
  display: flex;
}
.ocean-vmok-plugin-oc-card-sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}
.ocean-vmok-plugin-oc-card-trans {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.ocean-vmok-plugin-oc-card-shadow {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
}
.ocean-vmok-plugin-oc-card-fixed {
  padding: 0 24px !important;
}
.ocean-vmok-plugin-oc-card-fixed .ocean-vmok-plugin-oc-card-content {
  height: 64px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-card-gradient {
  position: relative;
  border: 1px solid #ffffff;
  background-size: 100% 120px;
  background-position: 0 0;
  background-repeat: no-repeat;
  backdrop-filter: blur(2px);
}
.ocean-vmok-plugin-oc-card-gradient.ocean-vmok-plugin-oc-card-scheme-primary {
  background-image: linear-gradient(180deg, #e5f2ff 0%, rgba(232, 240, 255, 0) 100%);
}
.ocean-vmok-plugin-oc-card-gradient.ocean-vmok-plugin-oc-card-scheme-success {
  background-image: linear-gradient(180deg, #e9f8f1 0%, rgba(233, 248, 241, 0) 100%);
}
.ocean-vmok-plugin-oc-card-gradient.ocean-vmok-plugin-oc-card-scheme-danger {
  background-image: linear-gradient(180deg, #fdf2f2 0%, rgba(253, 242, 242, 0) 100%);
}
.ocean-vmok-plugin-oc-card-gradient.ocean-vmok-plugin-oc-card-scheme-warning {
  background-image: linear-gradient(180deg, #fff5d0 0%, rgba(255, 245, 208, 0) 100%);
}
.ocean-vmok-plugin-oc-card-gradient-fill,
.ocean-vmok-plugin-oc-card-direction-horizontal {
  background-size: 100% 100%;
}
.ocean-vmok-plugin-oc-card-direction-horizontal {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.ocean-vmok-plugin-oc-card-direction-horizontal.ocean-vmok-plugin-oc-card-scheme-primary {
  background-image: linear-gradient(90deg, #e5f2ff 0%, #bfdfff 100%);
}
.ocean-vmok-plugin-oc-card-direction-horizontal.ocean-vmok-plugin-oc-card-scheme-success {
  background-image: linear-gradient(90deg, #e3ffed 0%, #5bd8a8 100%);
}
.ocean-vmok-plugin-oc-card-direction-horizontal.ocean-vmok-plugin-oc-card-scheme-danger {
  background-image: linear-gradient(90deg, #ffede3 0%, #ffc3c3 100%);
}
.ocean-vmok-plugin-oc-card-direction-horizontal.ocean-vmok-plugin-oc-card-scheme-warning {
  background-image: linear-gradient(90deg, #fff4e4 0%, #ffe5a1 100%);
}
.ocean-vmok-plugin-oc-card-wrapper {
  width: 100%;
  padding: 24px;
  box-sizing: border-box;
  position: relative;
}
.ocean-vmok-plugin-oc-card-header {
  min-height: 24px;
  position: relative;
}
.ocean-vmok-plugin-oc-card-header__main-with-close {
  margin-right: 24px;
}
.ocean-vmok-plugin-oc-card-header__close {
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #93969d;
  top: 2px;
  right: 0;
  cursor: pointer;
  z-index: 1;
  display: flex;
  align-content: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-card-header__close:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-card-wrapper-extra {
  position: relative;
  z-index: 2;
}
.ocean-vmok-plugin-oc-card-extra {
  background-image: linear-gradient(90deg, #e5f2ff 0%, #bfdfff 100%);
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.ocean-vmok-plugin-oc-card-extra-top {
  margin-bottom: -12px;
  padding: 8px 24px 20px 24px;
  border-radius: 12px 12px 0 0;
}
.ocean-vmok-plugin-oc-card-extra-bottom {
  margin-top: -12px;
  padding: 20px 24px 8px 24px;
  border-radius: 0 0 12px 12px;
  position: relative;
  z-index: 1;
}
.ocean-vmok-plugin-oc-card .ocean-vmok-plugin-oc-card-body {
  border-top: 1px solid #dee0e3;
  padding-top: 24px;
  padding-bottom: 24px;
  flex: 0;
  line-height: 1;
}
.ocean-vmok-plugin-oc-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-carousel-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.ocean-vmok-plugin-oc-carousel-arrow-btn {
  z-index: 3;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  padding: 8px;
  position: absolute;
  top: calc(50% - 16px);
  min-width: 24px;
  background: rgba(26, 26, 27, 0.3);
  color: #fff;
  display: none;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-carousel-arrow-btn:hover {
  background: rgba(26, 26, 27, 0.5);
}
.ocean-vmok-plugin-oc-carousel-arrow-show {
  display: flex;
}
.ocean-vmok-plugin-oc-carousel-arrow-left {
  left: 16px;
}
.ocean-vmok-plugin-oc-carousel-arrow-right {
  right: 16px;
}
.ocean-vmok-plugin-oc-carousel-footer {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0;
  background: linear-gradient(180deg, rgba(50, 51, 53, 0) 0%, rgba(50, 51, 53, 0.25) 100%);
}
.ocean-vmok-plugin-oc-carousel-dots {
  width: 100%;
  margin: 0;
  transition-duration: 400ms;
  line-height: 0;
  text-align: center;
  list-style-type: none;
}
.ocean-vmok-plugin-oc-carousel-dots li {
  cursor: pointer;
  display: inline-block;
  list-style: none;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 16px;
}
.ocean-vmok-plugin-oc-carousel-dots li .ocean-vmok-plugin-oc-carousel-btn {
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.4);
  transition: 0.3s;
  border-radius: 4px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-carousel-dots li .ocean-vmok-plugin-oc-carousel-btn-active {
  background-color: #fff;
}
.ocean-vmok-plugin-oc-carousel-dots-none {
  display: none;
}
.ocean-vmok-plugin-oc-carousel-dots-solid li .ocean-vmok-plugin-oc-carousel-btn {
  width: 20px !important;
  height: 4px !important;
}
.ocean-vmok-plugin-oc-carousel-dots-auto {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 10px;
}
.ocean-vmok-plugin-oc-carousel-dots-auto li {
  flex: 1;
  padding-left: 2px;
  padding-right: 2px;
}
.ocean-vmok-plugin-oc-carousel-dots-auto li .ocean-vmok-plugin-oc-carousel-btn {
  width: 100% !important;
  height: 4px !important;
}
.ocean-vmok-plugin-oc-carousel .ocean-vmok-plugin-carousel-item-img,
.ocean-vmok-plugin-oc-carousel .ocean-vmok-plugin-carousel-item-img img {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-carousel-dark .ocean-vmok-plugin-oc-carousel-arrow-btn {
  background: #fff;
  color: #31343b;
  box-shadow: 0px 6.4px 19.2px rgba(0, 0, 0, 0.08);
}
.ocean-vmok-plugin-oc-carousel-dark .ocean-vmok-plugin-oc-carousel-arrow-btn:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-carousel-dark .ocean-vmok-plugin-oc-carousel-footer {
  background: inherit;
}
.ocean-vmok-plugin-oc-carousel-dark .ocean-vmok-plugin-oc-carousel-dots li .ocean-vmok-plugin-oc-carousel-btn {
  background-color: rgba(0, 0, 0, 0.1);
}
.ocean-vmok-plugin-oc-carousel-dark .ocean-vmok-plugin-oc-carousel-dots li .ocean-vmok-plugin-oc-carousel-btn-active {
  background-color: #0057ff;
}
.ocean-vmok-plugin-oc-result {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-result-info {
  margin: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-result-btns {
  display: flex;
  margin-bottom: 40px;
}
.ocean-vmok-plugin-oc-result-btns > :not(:last-child) {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-result-details-title {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-result-details-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-result-details-wrapper > :not(:nth-child(2n)) {
  margin-right: 44px;
}
.ocean-vmok-plugin-oc-result-details-wrapper > :last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-result-details-wrapper-card {
  width: calc((100% - 44px) / 2);
  margin-bottom: 16px;
  background-color: #f5f7fa;
  padding: 16px;
  border-radius: 12px;
  display: flex;
}
.ocean-vmok-plugin-oc-result-details-wrapper-card-img {
  width: 80px;
  height: 80px;
  margin-right: 24px;
}
.ocean-vmok-plugin-oc-result-details-wrapper-card-info-title {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-banner {
  padding: 16px;
  min-height: 82px;
  border-radius: 12px;
  background-color: #e8f4ff;
  display: flex;
  position: relative;
}
.ocean-vmok-plugin-oc-banner .ocean-vmok-plugin-oc-banner-left-wrapper {
  display: flex;
  flex: 1;
}
.ocean-vmok-plugin-oc-banner .ocean-vmok-plugin-oc-banner-left-wrapper .ocean-vmok-plugin-oc-banner-image-wrapper {
  width: 78px;
}
.ocean-vmok-plugin-oc-banner .ocean-vmok-plugin-oc-banner-left-wrapper .ocean-vmok-plugin-oc-banner-image-wrapper img {
  position: absolute;
  width: 78px;
  margin: auto;
  top: 0;
  bottom: 0;
}
.ocean-vmok-plugin-oc-banner .ocean-vmok-plugin-oc-banner-right {
  margin-left: 15px;
  padding-top: 2px;
}
.ocean-vmok-plugin-oc-banner .ocean-vmok-plugin-oc-banner-right-large {
  padding-top: 4px;
}
.ocean-vmok-plugin-oc-banner-slot-text {
  display: inline-block;
}
.ocean-vmok-plugin-oc-banner-slot-text-inner-style {
  font-family: 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
  font-style: normal;
  font-weight: 400;
  word-break: break-all;
  white-space: normal;
  display: -webkit-box;
  text-rendering: auto;
  font-size: 12px;
  line-height: 18px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-banner-slot-text-inner-style p {
  margin: 0;
}
.ocean-vmok-plugin-oc-banner-slot-text-inner-style a {
  color: #0057ff;
  text-decoration: none;
}
.ocean-vmok-plugin-oc-banner-slot-text-inner-style a:hover {
  color: #2e7bff;
}
.ocean-vmok-plugin-oc-banner-tip {
  min-height: 32px;
  border-radius: 4px;
  padding: 7px 16px;
  display: flex;
}
.ocean-vmok-plugin-oc-banner-tip-title {
  padding: 16px;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-left {
  flex: 1;
  display: flex;
  align-items: flex-start;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-left .ocean-vmok-plugin-oc-banner-tip-left-content-title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-left-content {
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-left-content .ocean-vmok-plugin-oc-banner-tip-left-content-title {
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-left-content-single {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-left-content-single .ocean-vmok-plugin-oc-banner-tip-left-content-title {
  margin-right: 8px;
  flex-shrink: 0;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-right {
  display: flex;
  gap: 5px;
  padding-top: 1px;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-right-large {
  padding-top: 4px;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-right .ocean-vmok-plugin-oc-banner-switch {
  margin-left: 15px;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-banner-tip-right-center {
  align-items: center;
  padding-top: 0px;
}
.ocean-vmok-plugin-oc-banner-tip .ocean-vmok-plugin-oc-msg-icon {
  margin-top: 2px;
}
.ocean-vmok-plugin-oc-banner-tip-success {
  background-color: #ecf8eb;
}
.ocean-vmok-plugin-oc-banner-tip-error {
  background-color: #fdf2f2;
}
.ocean-vmok-plugin-oc-banner-tip-info {
  background-color: #e8f4ff;
}
.ocean-vmok-plugin-oc-banner-tip-warning {
  background-color: #fff9e0;
}
.ocean-vmok-plugin-oc-banner-tip-success-border {
  border: 1px solid rgba(0, 148, 62, 0.2);
}
.ocean-vmok-plugin-oc-banner-tip-error-border {
  border: 1px solid rgba(227, 73, 73, 0.2);
}
.ocean-vmok-plugin-oc-banner-tip-info-border {
  border: 1px solid rgba(42, 85, 229, 0.2);
}
.ocean-vmok-plugin-oc-banner-tip-warning-border {
  border: 1px solid rgba(235, 150, 23, 0.2);
}
.ocean-vmok-plugin-oc-banner-tip-text {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.ocean-vmok-plugin-oc-banner-close {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-banner-close:hover {
  cursor: pointer;
  color: #93969d;
}
.ocean-vmok-plugin-oc-banner-data-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-banner-data-content .ocean-vmok-plugin-oc-banner-data-content-title {
  line-height: 24px;
  margin-bottom: 4px;
  color: #31343b;
  font-size: 16px;
  font-weight: bolder;
}
.ocean-vmok-plugin-oc-row-schedule .tools-vmok-plugin-schedule__week-title {
  padding: 0 10px;
  text-wrap: nowrap;
}
.ocean-vmok-plugin-oc-row-schedule .tools-vmok-plugin-schedule__week-title .tools-vmok-plugin-checkbox {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-row-schedule-disabled .tools-vmok-plugin-schedule__empty {
  display: none;
}
.ocean-vmok-plugin-oc-image {
  border-radius: 4px;
  background-color: #f2f4f7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-image.ocean-vmok-plugin-oc-image-circle {
  border-radius: 50%;
}
.ocean-vmok-plugin-oc-image.ocean-vmok-plugin-oc-image-scroll {
  align-items: flex-start;
}
.ocean-vmok-plugin-oc-image-img {
  width: 100%;
  transition-duration: 0s;
  margin-top: 0px;
}
.ocean-vmok-plugin-oc-image-img img {
  object-fit: contain;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-image-img-error {
  visibility: hidden;
}
.ocean-vmok-plugin-oc-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #dee0e3;
}
.ocean-vmok-plugin-oc-iconpark-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-iconpark-icon-wrap .ocean-vmok-plugin-oc-iconpark-icon-svg {
  width: 1em;
  height: 1em;
}
.ocean-vmok-plugin-oc-new-badge {
  position: relative;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-point {
  width: 6px;
  height: 6px;
  background: #e34949;
  border-radius: 50%;
}
.ocean-vmok-plugin-oc-new-badge:has(.ocean-vmok-plugin-oc-new-badge-point-right-top) {
  align-items: flex-start;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-count {
  background: #e34949;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  font-weight: 500;
  color: #ffffff;
  height: 16px;
  border: 1px solid #ffffff;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-count-xs {
  width: 16px;
  border-radius: 50%;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-count-sm {
  width: 20px;
  border-radius: 10px;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-count-md {
  width: 27px;
  border-radius: 10px;
}
.ocean-vmok-plugin-oc-new-badge-right-top:has(.ocean-vmok-plugin-oc-new-badge-count) {
  width: fit-content;
}
.ocean-vmok-plugin-oc-new-badge-right-top .ocean-vmok-plugin-oc-new-badge-count-right-top {
  position: absolute;
  top: -11px;
}
.ocean-vmok-plugin-oc-new-badge-right-top .ocean-vmok-plugin-oc-new-badge-count {
  box-sizing: content-box;
}
.ocean-vmok-plugin-oc-new-badge-right-top .ocean-vmok-plugin-oc-new-badge-count-xs {
  right: -8px;
}
.ocean-vmok-plugin-oc-new-badge-right-top .ocean-vmok-plugin-oc-new-badge-count-sm {
  right: -12px;
}
.ocean-vmok-plugin-oc-new-badge-right-top .ocean-vmok-plugin-oc-new-badge-count-md {
  right: -19px;
}
.ocean-vmok-plugin-oc-new-badge-right .ocean-vmok-plugin-oc-new-badge-count {
  border: none;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-point-right,
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-count-right,
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-icon-right {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-icon-right {
  font-size: 0;
}
.ocean-vmok-plugin-oc-new-badge .ocean-vmok-plugin-oc-new-badge-point-left {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-media-img-popover {
  position: relative;
  padding: 0px !important;
  border-radius: 4px;
  line-height: 0;
}
.ocean-vmok-plugin-oc-media-img-popover .ocean-vmok-plugin-oc-media-preview {
  border-radius: 4px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-media-img-popover::before {
  content: "";
  display: block;
  box-sizing: content-box;
  height: 100%;
  position: absolute;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  right: -10px;
  z-index: -1;
}
.ocean-vmok-plugin-oc-media-preview-graphic .ocean-vmok-plugin-oc-audio-player {
  position: absolute;
  right: 12px;
  bottom: 22px;
}
.ocean-vmok-plugin-oc-media-preview-graphic .ocean-vmok-plugin-oc-carousel-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #161823;
}
.ocean-vmok-plugin-oc-media-preview-graphic .ocean-vmok-plugin-oc-media-graphic-item-thumb {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-oc-media-image-mode {
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 2;
}
.ocean-vmok-plugin-oc-media-wrapper-disabled {
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f2f4f7;
  border-radius: 4px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-container .ocean-vmok-plugin-oc-media-thumb-tip {
  position: absolute;
  bottom: 4px;
  left: 6px;
  right: 6px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  line-height: 18px;
  font-size: 12px;
  color: #ffffff;
  white-space: nowrap;
  text-align: center;
  padding: 0 4px;
}
.ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-video-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-icon {
  width: 16px;
  height: 16px;
  z-index: 1;
  border-radius: 0px 4px 0px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  right: 0;
}
.ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-tag {
  position: absolute;
  top: 0;
  left: 0;
}
.ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-mark {
  position: absolute;
  top: 0;
  right: 0;
}
.ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-bottom-tag {
  position: absolute;
  right: 0;
  bottom: 0;
}
.ocean-vmok-plugin-oc-media-preview-tag {
  position: absolute;
  line-height: 22px;
  top: 0;
  left: 0;
}
.ocean-vmok-plugin-oc-media-preview-bottom-tag {
  position: absolute;
  line-height: 22px;
  right: 0;
  bottom: 0;
}
.ocean-vmok-plugin-hide-border button {
  border-color: #fff !important;
  box-shadow: unset !important;
}
.ocean-vmok-plugin-oc-button-wrap {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-button-wrap-block {
  width: 100%;
}
.ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button--md:not(.tools-vmok-plugin-button--link, .tools-vmok-plugin-button--square, .tools-vmok-plugin-button--circle, .tools-vmok-plugin-button--text) {
  min-width: 88px;
}
.ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button--sm:not(.tools-vmok-plugin-button--link, .tools-vmok-plugin-button--square, .tools-vmok-plugin-button--circle, .tools-vmok-plugin-button--text) {
  min-width: 56px;
  padding: 3px 15px;
}
.ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button--xs:not(.tools-vmok-plugin-button--link, .tools-vmok-plugin-button--square, .tools-vmok-plugin-button--circle, .tools-vmok-plugin-button--text) {
  min-width: 56px;
}
.ocean-vmok-plugin-oc-button-wrap .ocean-vmok-plugin-oc-button-color-inherit {
  color: inherit;
}
.ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button--text {
  border: none;
  box-shadow: unset !important;
}
.ocean-vmok-plugin-oc-button-wrap .ocean-vmok-plugin-custom-icon {
  position: absolute;
  top: -3px;
  right: -1px;
}
.ocean-vmok-plugin-oc-button-wrap .ocean-vmok-plugin-prefixIcon + span {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-button-wrap span + .ocean-vmok-plugin-suffixIcon {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button--loading.ocean-vmok-plugin-oc-button-icon .ocean-vmok-plugin-prefixIcon {
  display: none;
}
.ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button--loading.ocean-vmok-plugin-oc-button-icon .ocean-vmok-plugin-suffixIcon {
  display: none;
}
.ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button--loading.ocean-vmok-plugin-oc-button-icon .tools-vmok-plugin-button__loading-icon {
  margin-right: 0px;
}
.ocean-vmok-plugin-oc-button-selected-wrap .tools-vmok-plugin-button--default-stroke {
  border: 1px solid #0057ff;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar {
  position: relative;
}
.ocean-vmok-plugin-oc-side-bar-heder {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-side-bar-footer {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu {
  width: 100%;
  background-color: inherit;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-popup__mask {
  display: none;
}
.ocean-vmok-plugin-oc-side-bar-collapse-button {
  position: absolute;
  right: 8px;
  bottom: 16px;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  color: #31343b;
  padding: 0 8px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ocean-vmok-plugin-oc-side-bar-collapse-button:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar-collapse-button__text {
  font-size: 14px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal {
  max-height: calc(100% - 80px) !important;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal .tools-vmok-plugin-modal__close-icon {
  color: #93969d;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal .tools-vmok-plugin-modal__close-icon:hover {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header-info {
  margin-top: -3px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header-success {
  margin-top: -3px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header-warning {
  margin-top: -3px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header-error {
  margin-top: -3px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__close-icon {
  top: 24px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__body {
  flex: 1;
  overflow: auto;
  font-size: 14px;
  line-height: normal !important;
  color: #31343b;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__body .ocean-vmok-plugin-oc-modal-confirm-body-with-icon {
  padding-left: unset;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__body-with-status {
  padding-left: 24px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__footer-btn-box .tools-vmok-plugin-button--md {
  min-width: 88px;
}
.ocean-vmok-plugin-oc-modal-wrap .ocean-vmok-plugin-oc-modal-footer {
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-modal-wrap .ocean-vmok-plugin-oc-modal-footer .ocean-vmok-plugin-oc-button-wrap:nth-of-type(1) {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header {
  font-weight: bolder;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header .ocean-vmok-plugin-oc-icon-success {
  color: #0da600;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header .ocean-vmok-plugin-oc-icon-info {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header .ocean-vmok-plugin-oc-icon-danger,
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header .ocean-vmok-plugin-oc-icon-close-one {
  color: #e34949;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__header .ocean-vmok-plugin-oc-icon-warning {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-modal-wrap .tools-vmok-plugin-modal__footer {
  min-height: 80px;
}
.ocean-vmok-plugin-oc-modal-wrap .ocean-vmok-plugin-oc-modal-body {
  padding: 0 !important;
}
.ocean-vmok-plugin-oc-modal-wrap .ocean-vmok-plugin-oc-modal-header-icon {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-add-button {
  height: 34px;
  text-align: center;
}
.ocean-vmok-plugin-oc-add-button .tools-vmok-plugin-button--block {
  display: flex;
}
.ocean-vmok-plugin-oc-loading {
  position: relative;
}
.ocean-vmok-plugin-oc-loading .ocean-vmok-plugin-loading-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ocean-vmok-plugin-oc-loading .ocean-vmok-plugin-loading-content .ocean-vmok-plugin-oc-loading-inline {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-loading .ocean-vmok-plugin-loading-content .tools-vmok-plugin-spin__content {
  align-items: center;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-loading .ocean-vmok-plugin-loading-content .ocean-vmok-plugin-loading-text {
  margin-left: 5px;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-button-dropdown-wrapper {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-button-dropdown-button .tools-vmok-plugin-button {
  min-width: 68px !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ocean-vmok-plugin-oc-button-dropdown-dropdown {
  margin-left: 1px;
  line-height: 0;
}
.ocean-vmok-plugin-oc-button-dropdown-dropdown .tools-vmok-plugin-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ocean-vmok-plugin-oc-row-input {
  width: 100%;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-wrap {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-wrap .ocean-vmok-plugin-oc-input-group .tools-vmok-plugin-custom-input {
  cursor: text;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-wrap .ocean-vmok-plugin-oc-input-group .tools-vmok-plugin-textarea__suffix {
  height: 22px;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-wrap .ocean-vmok-plugin-oc-input-group .ocean-vmok-plugin-suffix-count {
  color: #93969d;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-wrap .ocean-vmok-plugin-oc-input-group .tools-vmok-plugin-textarea__wrapper .tools-vmok-plugin-textarea__count {
  font-size: 14px;
  line-height: 18px;
  bottom: 6px;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-prepend-string,
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-append-string,
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-prefix-icon,
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-suffix-icon,
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-prefix-string,
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-suffix-string {
  color: #93969d;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-prepend-icon,
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-append-icon {
  color: #31343b;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-prepend {
  position: relative;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-prepend * {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-append {
  position: relative;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-append * {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-append-divider::before {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  display: block;
  background-color: #dfe0e2;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.ocean-vmok-plugin-oc-row-input .ocean-vmok-plugin-oc-input-group-prepend-divider::after {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  display: block;
  background-color: #dfe0e2;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.ocean-vmok-plugin-oc-flex {
  display: flex !important;
}
.ocean-vmok-plugin-oc-flex-right {
  justify-content: flex-end;
  text-align: right;
}
.ocean-vmok-plugin-oc-item-group {
  align-items: center;
}
.ocean-vmok-plugin-oc-item-group-disabled {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-item-group-prefix,
.ocean-vmok-plugin-oc-item-group-suffix {
  display: flex;
  flex-wrap: nowrap;
  align-self: center;
  list-style: none;
}
.ocean-vmok-plugin-oc-item-group-content {
  flex: 1;
}
.ocean-vmok-plugin-oc-item-group-content-title {
  line-height: 0;
}
.ocean-vmok-plugin-oc-item-group-content-description {
  margin-top: 2px;
}
.ocean-vmok-plugin-oc-item-group-title,
.ocean-vmok-plugin-oc-item-group-description {
  align-items: center;
}
.ocean-vmok-plugin-oc-item-group-prefix:not(:last-child) {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-item-group-suffix:not(:first-child) {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-space {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-space-vertical {
  flex-direction: column;
  display: flex;
}
.ocean-vmok-plugin-oc-space-align-stretch {
  align-items: stretch;
}
.ocean-vmok-plugin-oc-space-align-baseline {
  align-items: baseline;
}
.ocean-vmok-plugin-oc-space-align-start {
  align-items: flex-start;
}
.ocean-vmok-plugin-oc-space-align-end {
  align-items: flex-end;
}
.ocean-vmok-plugin-oc-space-align-center {
  align-items: center;
}
.ocean-vmok-plugin-oc-space-wrap {
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-space-rtl {
  direction: rtl;
}
.tools-vmok-plugin-popover--tooltip.ocean-vmok-plugin-oc-input-group-unit {
  padding: 2px 6px;
  left: var(--input-number-unit-offset) !important;
  border-radius: 4px;
}
.tools-vmok-plugin-popover--tooltip.ocean-vmok-plugin-oc-input-group-unit .tools-vmok-plugin-popover__arrow {
  display: none;
}
.tools-vmok-plugin-popover--tooltip.ocean-vmok-plugin-oc-input-group-unit::after {
  content: "";
  position: absolute;
  left: calc(50% - 4px);
  top: calc(100%);
  width: 0;
  height: 0;
  border-width: 4px 4px 0;
  border-style: solid;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  border-color: rgba(50, 51, 53, 0.95) transparent transparent;
}
.ocean-vmok-plugin-oc-row-input-number {
  --input-number-unit-offset: 0px;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-append-string,
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-append-icon,
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-prepend-string,
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-prepend-icon {
  color: #93969d;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-wrap {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-wrap .ocean-vmok-plugin-oc-input-group {
  width: auto;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-wrap .ocean-vmok-plugin-oc-input-group .tools-vmok-plugin-custom-input {
  cursor: text;
  flex: 1;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-prepend {
  position: relative;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-prepend * {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-append {
  position: relative;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-append * {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-append-divider::before {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  display: block;
  background-color: #dfe0e2;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.ocean-vmok-plugin-oc-row-input-number .ocean-vmok-plugin-oc-input-group-prepend-divider::after {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  display: block;
  background-color: #dfe0e2;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.ocean-vmok-plugin-oc-range-picker-shortcut {
  max-height: 270px;
}
.ocean-vmok-plugin-oc-range-picker-shortcut-item {
  width: 100px;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-ranger-picker-light .tools-vmok-plugin-custom-input--fill {
  background-color: #fff;
}
.ocean-vmok-plugin-oc-range-picker .tools-vmok-plugin-range-picker {
  display: flex;
}
.ocean-vmok-plugin-oc-range-picker .tools-vmok-plugin-range-picker .tools-vmok-plugin-custom-input--disabled .tools-vmok-plugin-input__wrapper--unstyle {
  color: #bfc1c5;
}
.ocean-vmok-plugin-oc-layout {
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: auto;
  min-height: 0;
  min-height: 100vh;
  width: 100vw;
}
.ocean-vmok-plugin-oc-layout .ocean-vmok-plugin-oc-sticky {
  position: sticky;
  top: 16px;
}
.ocean-vmok-plugin-oc-layout .ocean-vmok-plugin-oc-sticky-right {
  top: 0;
}
.ocean-vmok-plugin-oc-layout__wrapper {
  padding: 16px 24px;
  flex: 1;
}
.ocean-vmok-plugin-oc-layout__main {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.ocean-vmok-plugin-oc-layout__main-left-sider {
  flex: none;
  position: relative;
  z-index: 2;
}
.ocean-vmok-plugin-oc-layout__main-wrapper {
  flex: 1;
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-layout__main-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-layout__main-wrapper-fixed .ocean-vmok-plugin-oc-layout__main-content {
  flex: none;
  width: calc(100% - var(--rightSpace));
}
.ocean-vmok-plugin-oc-layout__main-wrapper-fixed .ocean-vmok-plugin-oc-sticky-right {
  position: absolute;
  right: 0;
}
.ocean-vmok-plugin-oc-layout-header-sticky {
  height: 100vh;
}
.ocean-vmok-plugin-oc-layout-header-sticky .ocean-vmok-plugin-oc-sticky {
  top: 0;
}
.ocean-vmok-plugin-oc-layout-header-sticky .ocean-vmok-plugin-oc-layout__main-wrapper {
  height: calc(100vh - var(--headerHeight));
  overflow: auto;
}
.ovui-popover.ocean-vmok-plugin-oc-popover-is-reference-hidden-false[data-popper-reference-hidden="true"] {
  visibility: visible;
  pointer-events: auto;
}
.ocean-vmok-plugin-oc-popover {
  display: flex;
}
.ocean-vmok-plugin-oc-popover .ocean-vmok-plugin-oc-popover-icon-wrapper {
  line-height: 0;
  font-size: 0;
}
.ocean-vmok-plugin-oc-popover .ocean-vmok-plugin-oc-popover-icon-wrapper > .ocean-vmok-plugin-oc-icon {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-popover .ocean-vmok-plugin-oc-popover-icon-wrapper > .ocean-vmok-plugin-oc-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-popover__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bolder;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-popover__header .ocean-vmok-plugin-close {
  color: #31343b;
  padding: 4px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-popover__header .ocean-vmok-plugin-close:hover {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-popover__header-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-popover__header-left-icon {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-popover__header-left iconpark-icon[name="oc-icon-success"] {
  color: #0da600;
}
.ocean-vmok-plugin-oc-popover__header-left iconpark-icon[name="oc-icon-primary"] {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-popover__header-left iconpark-icon[name="oc-icon-danger"] {
  color: #e34949;
}
.ocean-vmok-plugin-oc-popover__header-left iconpark-icon[name="oc-icon-warning"] {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-popover-body {
  max-width: var(--popover-max-width);
  max-height: var(--popover-max-height);
}
.ocean-vmok-plugin-oc-popover-text .ocean-vmok-plugin-warn:not(.ocean-vmok-plugin-warn-all) {
  position: relative;
  padding-top: 8px;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-popover-text .ocean-vmok-plugin-warn:not(.ocean-vmok-plugin-warn-all)::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background: #dee0e3;
}
.ocean-vmok-plugin-oc-popover-text .ocean-vmok-plugin-warn iconpark-icon[name="oc-icon-warning"] {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-popover-text .ocean-vmok-plugin-warn iconpark-icon[name="oc-icon-info"] {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-popover-text .ocean-vmok-plugin-warn iconpark-icon[name="oc-icon-success"] {
  color: #0da600;
}
.ocean-vmok-plugin-oc-popover-text .ocean-vmok-plugin-warn iconpark-icon[name="oc-icon-danger"] {
  color: #e34949;
}
.ocean-vmok-plugin-oc-popover-text__msg + .ocean-vmok-plugin-oc-popover-text__msg {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-popover-operate .ocean-vmok-plugin-oc-popover-body {
  width: 320px;
}
.ocean-vmok-plugin-oc-popover-operate__footer {
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
.ocean-vmok-plugin-oc-popover-operate__footer .ocean-vmok-plugin-tip {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-popover-operate__footer .ocean-vmok-plugin-tip__text {
  height: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #31343b;
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-popover-operate__footer .ocean-vmok-plugin-btn__common {
  min-width: 56px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  padding: 0;
}
.ocean-vmok-plugin-oc-popover-operate__footer .ocean-vmok-plugin-btn__cancel {
  margin-right: 12px;
}
.ocean-vmok-plugin-oc-popover-inline {
  display: inline-block;
}
.ocean-vmok-plugin-oc-popover-inline .ocean-vmok-plugin-oc-popover-icon-wrapper {
  line-height: unset;
  font-size: unset;
}
.ocean-vmok-plugin-oc-help-feedback {
  width: 100%;
  font-size: 12px;
  font-weight: normal;
  margin-top: 6px;
}
.ocean-vmok-plugin-oc-help-feedback .ocean-vmok-plugin-result {
  color: #93969d;
}
.ocean-vmok-plugin-oc-help-feedback .ocean-vmok-plugin-header-item {
  color: #62656c;
  display: flex;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-help-feedback .ocean-vmok-plugin-header-item.ocean-vmok-plugin-active,
.ocean-vmok-plugin-oc-help-feedback .ocean-vmok-plugin-header-item:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-help-feedback .ocean-vmok-plugin-header-item .ocean-vmok-plugin-msg-text {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-help-feedback--light .ocean-vmok-plugin-header-item {
  color: #ffffff;
  opacity: 0.6;
}
.ocean-vmok-plugin-oc-help-feedback--light .ocean-vmok-plugin-header-item.ocean-vmok-plugin-active,
.ocean-vmok-plugin-oc-help-feedback--light .ocean-vmok-plugin-header-item:hover {
  opacity: 1;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-help-feedback--light .ocean-vmok-plugin-result {
  color: #ffffff;
}
.ocean-vmok-plugin-oc-help-feedback-popper .ocean-vmok-plugin-content {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-help-feedback-popper .ocean-vmok-plugin-content.tools-vmok-plugin-textarea__wrapper--md,
.ocean-vmok-plugin-oc-help-feedback-popper .ocean-vmok-plugin-content .tools-vmok-plugin-textarea__wrapper--md .tools-vmok-plugin-textarea {
  font-size: 12px;
}
.ocean-vmok-plugin-oc-help-feedback-popper .ocean-vmok-plugin-footer {
  text-align: right;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-selected-panel {
  border-radius: 4px;
  border: 1px solid #dee0e3;
  background: white;
  height: 280px;
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-selected-panel-title {
  line-height: 38px;
  display: flex;
  justify-content: space-between;
  height: 38px;
  background: #f2f4f7;
  padding: 0 12px;
  border-bottom: 1px solid #dee0e3;
  font-size: 14px;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-selected-panel-tabs {
  padding: 12px 12px 0 12px;
}
.ocean-vmok-plugin-oc-selected-panel-body {
  position: relative;
  overflow: auto;
  padding: 12px;
  padding-bottom: 12px;
  flex: 1;
}
.ocean-vmok-plugin-oc-selected-panel-body-slot {
  padding: 0;
  padding-bottom: 12px;
}
.ocean-vmok-plugin-oc-selected-panel-body-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ocean-vmok-plugin-oc-select {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-select .ocean-vmok-plugin-oc-select-after-slot {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-select .tools-vmok-plugin-input__wrapper--xl {
  padding: 3px 8px;
}
.ocean-vmok-plugin-oc-select .tools-vmok-plugin-select--fill .tools-vmok-plugin-select__tips {
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-select .tools-vmok-plugin-custom-input__prefix {
  color: #31343b;
}
.ocean-vmok-plugin-oc-select__popover {
  /* 以下逻辑，是复制 okee 内部代码删减后得到，请尽量保持与 okee 同步
  okee 中有特别支持的 light 主题样式，此处 dark 下不支持 light 模式 */
}
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-select__options {
  max-height: unset;
}
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox {
  /* 禁用 + 选中/indeterminate */
}
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled) {
  /* 未禁用 + 未选中 */
  /* 未禁用 + 选中/indeterminate */
}
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled) .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #31343b;
}
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover,
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #31343b;
  background-color: #31343b;
}
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-select__popover .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner {
  border-color: #b9bcc3;
  background-color: #b9bcc3;
}
.ocean-vmok-plugin-oc-select__popover .ocean-vmok-plugin-filter-wrapper {
  padding: 12px;
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-select__popover .ocean-vmok-plugin-filter-wrapper-input {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-select__popover .ocean-vmok-plugin-filter-wrapper .ocean-vmok-plugin-search-input-suffix {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-select__popover .ocean-vmok-plugin-filter-wrapper .ocean-vmok-plugin-search-input-footer {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-select__popover .ocean-vmok-plugin-oc-rolling-load .tools-vmok-plugin-infinite-scroll {
  overflow-y: unset;
}
.ocean-vmok-plugin-oc-select-check-all {
  padding: 6px 12px;
}
.ocean-vmok-plugin-oc-select-check-all .tools-vmok-plugin-checkbox {
  width: 100%;
}
.ocean-vmok-plugin-oc-radio-group__hint-wrap {
  display: inline-flex;
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-radio-group__hint-wrap > .ocean-vmok-plugin-oc-popover {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-radio-group-item {
  gap: 4px;
}
.ocean-vmok-plugin-oc-radio-group__item-count {
  margin: auto 0 auto 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  font-weight: 500;
  line-height: 14px;
  background-color: #93969d;
}
.ocean-vmok-plugin-oc-radio-group__item-tag {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}
.ocean-vmok-plugin-oc-radio-group-plain .tools-vmok-plugin-radio-group {
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-radio-group {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item-group {
  flex-wrap: wrap;
  margin-top: -8px;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio__label {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item {
  min-width: 88px;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item:last-child .ocean-vmok-plugin-oc-radio-group__item-tag {
  border-top-right-radius: 4px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item--disabled .ocean-vmok-plugin-oc-radio-group__item-count {
  background-color: #93969d !important;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item:hover .ocean-vmok-plugin-oc-radio-group__item-count {
  background-color: #0057ff;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item:hover .ocean-vmok-plugin-oc-dropdown-button-container .tools-vmok-plugin-button,
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item:hover .ocean-vmok-plugin-oc-dropdown-button-container .tools-vmok-plugin-button:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item--checked .ocean-vmok-plugin-oc-radio-group__item-count {
  background-color: #0057ff;
}
.ocean-vmok-plugin-oc-radio-group .ocean-vmok-plugin-only-icon {
  min-width: 32px;
  min-height: 32px;
  padding: 8px;
  margin-right: 0 !important;
}
.ocean-vmok-plugin-oc-checkbox--dark,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default {
  /* 以下逻辑，是复制 okee 内部代码删减后得到，请尽量保持与 okee 同步
  okee 中有特别支持的 light 主题样式，此处 dark 下不支持 light 模式 */
}
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox {
  /* 禁用 + 选中/indeterminate */
}
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled),
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled) {
  /* 未禁用 + 未选中 */
  /* 未禁用 + 选中/indeterminate */
}
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled) .tools-vmok-plugin-checkbox__inner:hover,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled) .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #31343b;
}
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover,
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #31343b;
  background-color: #31343b;
}
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox--dark .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-hover-wrap:not(:hover) .ocean-vmok-plugin-oc-checkbox--dark-to-default .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner {
  border-color: #b9bcc3;
  background-color: #b9bcc3;
}
.ocean-vmok-plugin-oc-checkbox--blue {
  /* 以下逻辑，是复制 okee 内部代码删减后得到，请尽量保持与 okee 同步
  okee 中有特别支持的 light 主题样式，此处 dark 下不支持 light 模式 */
}
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox {
  /* 禁用 + 选中/indeterminate */
}
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled) {
  /* 未禁用 + 未选中 */
  /* 未禁用 + 选中/indeterminate */
}
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled) .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover,
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox:not(.tools-vmok-plugin-checkbox--disabled).tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #0057ff;
  background-color: #0057ff;
}
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox--blue .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner {
  border-color: #badaff;
  background-color: #badaff;
}
.ocean-vmok-plugin-oc-checkbox__popover-wrap {
  display: inline-flex;
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-checkbox__popover-wrap > .ocean-vmok-plugin-oc-popover {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-checkbox {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-checkbox .tools-vmok-plugin-checkbox > .tools-vmok-plugin-checkbox__label {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-checkbox--no-label .tools-vmok-plugin-checkbox > .tools-vmok-plugin-checkbox__label {
  margin: 0;
}
.ocean-vmok-plugin-oc-pagination-wrapper .ocean-vmok-plugin-oc-pagination .ocean-vmok-plugin-oc-table-pagination-item {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-pagination-wrapper .ocean-vmok-plugin-oc-pagination .ocean-vmok-plugin-oc-table-pagination-item tools-vmok-plugin-page-select {
  margin: 0;
}
.ocean-vmok-plugin-oc-progress {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-progress-block {
  height: 18px;
}
.ocean-vmok-plugin-oc-progress-chart {
  flex: 1;
}
.ocean-vmok-plugin-oc-progress-content {
  margin-left: 12px;
}
.ocean-vmok-plugin-oc-key-value {
  display: flex;
}
.ocean-vmok-plugin-oc-key-value-disabled {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-key-value:has(.ocean-vmok-plugin-oc-key-value-top) {
  flex-direction: column;
}
.ocean-vmok-plugin-oc-key-value-key:has(.ocean-vmok-plugin-oc-key-value-top) + .ocean-vmok-plugin-oc-key-value-value {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-key-value-key {
  flex: none;
}
.ocean-vmok-plugin-oc-key-value-right {
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-key-value-value {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-row-cascader .tools-vmok-plugin-cascader-panel .tools-vmok-plugin-cascader-panel__main {
  min-width: unset !important;
  width: calc(100% - 216px);
}
.ocean-vmok-plugin-oc-row-cascader .tools-vmok-plugin-cascader-panel .tools-vmok-plugin-cascader-panel__selection-header {
  white-space: nowrap;
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-row-cascader .tools-vmok-plugin-cascader-exb {
  min-width: 200px;
}
.ocean-vmok-plugin-oc-row-cascader .tools-vmok-plugin-cascader-exb .tools-vmok-plugin-cascader-exb__header {
  background-color: #f2f4f7;
}
.tools-vmok-plugin-cascader-panel .ocean-vmok-plugin-oc-row-cascader-list-with-title {
  height: auto;
  max-height: 235px;
}
.tools-vmok-plugin-cascader-panel .ocean-vmok-plugin-oc-row-cascader-list {
  height: auto;
  max-height: 195px;
}
.tools-vmok-plugin-cascader-panel__list-wrapper .tools-vmok-plugin-cascader-panel__placeholder .tools-vmok-plugin-empty {
  margin: 30px 0;
}
.tools-vmok-plugin-cascader__empty {
  min-width: 200px;
}
.ocean-vmok-plugin-oc-row-cascader-disabled .tools-vmok-plugin-cascader-exb__item .tools-vmok-plugin-cascader-exb__close:hover {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-cascader-tag {
  flex: 1;
  min-width: 60px;
  max-width: 90px;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-row .ocean-vmok-plugin-oc-row-msg.ocean-vmok-plugin-oc-msg-secondary {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-row .ocean-vmok-plugin-oc-row-msg.ocean-vmok-plugin-oc-msg-warning,
.ocean-vmok-plugin-oc-row .ocean-vmok-plugin-oc-row-msg.ocean-vmok-plugin-oc-msg-success,
.ocean-vmok-plugin-oc-row .ocean-vmok-plugin-oc-row-msg.ocean-vmok-plugin-oc-msg-danger {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-drag-list {
  display: flex;
  box-sizing: border-box;
  gap: 8px;
  flex-wrap: wrap;
  flex-direction: row;
}
.ocean-vmok-plugin-oc-drag-list-vertical {
  flex-direction: column;
}
.ocean-vmok-plugin-oc-drag-list-item {
  padding: 6px 12px;
  background-color: #f2f4f7;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  position: relative;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-drag-list-item-fade-enter-active,
.ocean-vmok-plugin-oc-drag-list-item-fade-leave-active {
  transition: all 0.1s ease-in-out;
}
.ocean-vmok-plugin-oc-drag-list-item-fade-enter-from,
.ocean-vmok-plugin-oc-drag-list-item-fade-leave-to {
  opacity: 0;
  max-height: 0;
}
.ocean-vmok-plugin-oc-drag-list-item-fade-enter-to,
.ocean-vmok-plugin-oc-drag-list-item-fade-leave-from {
  max-height: 32px;
  opacity: 1;
}
.ocean-vmok-plugin-oc-drag-list-item-draggable {
  cursor: move;
}
.ocean-vmok-plugin-oc-drag-list-item-disabled {
  cursor: not-allowed;
  color: #93969d;
}
.ocean-vmok-plugin-oc-drag-list-item-icon,
.ocean-vmok-plugin-oc-drag-list-item-close {
  align-self: center;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-drag-list-item-icon:hover,
.ocean-vmok-plugin-oc-drag-list-item-close:hover {
  color: #31343b;
}
.ocean-vmok-plugin-oc-drag-list-item-main {
  flex: 1;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-drag-list-item-close {
  color: #93969d;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-carousel-item {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  float: left;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  z-index: 0;
  will-change: transform;
}
.ocean-vmok-plugin-oc-group-row-desc {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: 2px;
  gap: 0 12px;
}
.ocean-vmok-plugin-oc-group-row-group-title .ocean-vmok-plugin-oc-space-item {
  width: 100%;
}
.ocean-vmok-plugin-oc-group-row-group-title .ocean-vmok-plugin-oc-group-row-title {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-group-row-group-title .ocean-vmok-plugin-oc-group-row-title-title {
  flex: 1;
}
.ocean-vmok-plugin-oc-group-row-group-title .ocean-vmok-plugin-oc-group-row-title-tags {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-group-row-group-title .ocean-vmok-plugin-oc-group-row-title-tags .ocean-vmok-plugin-oc-tag {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-group-row-group-title .ocean-vmok-plugin-oc-group-row-title-left-tags {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-group-row-group-title .ocean-vmok-plugin-oc-group-row-title-left-tags .ocean-vmok-plugin-oc-tag {
  margin-left: 8px;
  margin-right: 0;
}
.ocean-vmok-plugin-oc-group-row-group-prefix .ocean-vmok-plugin-oc-tag {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-group-row-group-prefix .ocean-vmok-plugin-oc-tag:last-child {
  margin-right: 0px;
}
.ocean-vmok-plugin-oc-checkbox-group__hint-wrap {
  display: inline-flex;
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-checkbox-group__hint-wrap > .ocean-vmok-plugin-oc-popover {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-checkbox-group__item-tag {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}
.ocean-vmok-plugin-oc-checkbox-group-plain .ocean-vmok-plugin-oc-checkbox-group-all,
.ocean-vmok-plugin-oc-checkbox-group-plain .ocean-vmok-plugin-oc-checkbox {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-checkbox-group-plain :last-child {
  margin-right: unset;
}
.ocean-vmok-plugin-oc-checkbox-group {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-checkbox-group-all {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button {
  margin-top: 0;
  min-width: 88px;
  background-color: #f2f4f7;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 16px;
  position: relative;
  margin-right: -1px;
  z-index: 2;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button:hover {
  background-color: #f5f7fa;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button:hover .tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__label {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button:before {
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #dfe0e2;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button.ocean-vmok-plugin-oc-checkbox-group-all-button-checked {
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button.ocean-vmok-plugin-oc-checkbox-group-all-button-checked .tools-vmok-plugin-checkbox .tools-vmok-plugin-checkbox__label {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button.ocean-vmok-plugin-oc-checkbox-group-all-button-checked:after {
  z-index: 3;
  border-radius: 4px 0 0 4px;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid #2a55e5;
}
.ocean-vmok-plugin-oc-checkbox-group-all-button .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-group-all-button .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover,
.ocean-vmok-plugin-oc-checkbox-group-all-button .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-group-all-button .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #0057ff;
  background-color: #0057ff;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item-group {
  flex-wrap: wrap;
  gap: 8px 0;
}
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item-group .tools-vmok-plugin-checkbox-item {
  margin-top: 0;
}
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item {
  min-width: 88px;
  justify-content: center;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item:last-child .ocean-vmok-plugin-oc-checkbox-group__item-tag {
  border-top-right-radius: 4px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item .tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item .tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner {
  border-color: #0057ff;
  background-color: #0057ff;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item .tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-checkbox-group .tools-vmok-plugin-checkbox-item .tools-vmok-plugin-checkbox--light.tools-vmok-plugin-checkbox--disabled.tools-vmok-plugin-checkbox--indeterminate .tools-vmok-plugin-checkbox__inner {
  border-color: #badaff;
  background-color: #badaff;
}
.ocean-vmok-plugin-oc-checkbox-group .ocean-vmok-plugin-a-checkbox-item-single .tools-vmok-plugin-checkbox {
  display: none;
}
.ocean-vmok-plugin-oc-checkbox-group .ocean-vmok-plugin-a-checkbox-item-all {
  border-radius: 0 !important;
}
.ocean-vmok-plugin-oc-checkbox-group .ocean-vmok-plugin-a-checkbox-item-all:after {
  border-radius: 0 !important;
}
.ocean-vmok-plugin-oc-ratio-chart-empty {
  display: flex;
}
.ocean-vmok-plugin-oc-chart-base {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-chart-base-empty {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-chart-base-select-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.ocean-vmok-plugin-oc-chart-base-select-container .ocean-vmok-plugin-select-container {
  position: relative;
  margin-right: 24px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-chart-base-select-container .ocean-vmok-plugin-select-container:last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-chart-base-select-container .ocean-vmok-plugin-select-container .ocean-vmok-plugin-color {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background-color: #0057ff;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-chart-base-select-container .ocean-vmok-plugin-select-container .ocean-vmok-plugin-shape-circle {
  border-radius: 5px;
}
.ocean-vmok-plugin-oc-chart-base-select-container .ocean-vmok-plugin-select-container .ocean-vmok-plugin-shape-rect {
  height: 4px;
}
.ocean-vmok-plugin-oc-detail-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #f5f7fa;
  border-radius: 8px;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-detail-bar .ocean-vmok-plugin-oc-detail-bar-text {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: -4px;
  line-height: 48px;
  margin-right: -32px;
}
.ocean-vmok-plugin-oc-detail-bar .ocean-vmok-plugin-oc-detail-bar-text .ocean-vmok-plugin-oc-detail-bar-config-item {
  display: flex;
  margin-right: 32px;
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-detail-bar .ocean-vmok-plugin-oc-detail-bar-text .ocean-vmok-plugin-oc-detail-bar-config-item:last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-detail-bar .ocean-vmok-plugin-oc-detail-bar-text .ocean-vmok-plugin-oc-detail-bar-config-item .ocean-vmok-plugin-oc-detail-bar-config-item-label {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-date-picker-shortcut {
  max-height: 270px;
}
.ocean-vmok-plugin-oc-date-picker-shortcut-item {
  width: 100px;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-date-picker-multiple-date-selected-panel {
  display: inline-flex;
  margin-left: 8px;
  vertical-align: top;
}
.ocean-vmok-plugin-oc-row > .tools-vmok-plugin-date-picker-panel .tools-vmok-plugin-date__header {
  background-color: #f2f4f7;
  height: 38px;
}
oc-multiple-date-panel {
  display: inline-block;
  vertical-align: top;
}
.ocean-vmok-plugin-oc-left-menu {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 12px 0px 0px 12px;
  height: 100%;
}
.ocean-vmok-plugin-oc-left-menu__continer {
  position: relative;
}
.ocean-vmok-plugin-oc-left-menu__continer__item {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #93969d;
}
.ocean-vmok-plugin-oc-left-menu__continer__item__unactive:hover {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 8px 0px 0px 8px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-left-menu__continer__item__active {
  color: #0057ff;
  position: relative;
  z-index: 1;
}
.ocean-vmok-plugin-oc-left-menu__continer__item__disabled {
  color: #93969d;
  opacity: 0.5;
  background: transparent;
}
.ocean-vmok-plugin-oc-left-menu__continer__item__disabled:hover {
  background: transparent;
  border-radius: 0;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-left-menu__continer__item__icon {
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-left-menu__continer__block {
  width: 100%;
  height: 80px;
  background: #ffffff;
  border-radius: 12px 0px 0px 12px;
  position: absolute;
  top: 0;
  transition: transform 0.2s ease-in-out;
}
.ocean-vmok-plugin-oc-left-menu__continer__block-empty-text {
  height: 60px;
}
.ocean-vmok-plugin-oc-breadcrumb-select .tools-vmok-plugin-breadcrumb,
.ocean-vmok-plugin-oc-breadcrumb-select .tools-vmok-plugin-breadcrumb .tools-vmok-plugin-breadcrumb-item .tools-vmok-plugin-breadcrumb-item__content {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-breadcrumb-select .tools-vmok-plugin-breadcrumb .tools-vmok-plugin-breadcrumb-item__separator,
.ocean-vmok-plugin-oc-breadcrumb-select .tools-vmok-plugin-breadcrumb .tools-vmok-plugin-breadcrumb-item .tools-vmok-plugin-breadcrumb-item__content .tools-vmok-plugin-breadcrumb-item__separator {
  display: none;
}
.tools-vmok-plugin-select__popper .tools-vmok-plugin-select__options .tools-vmok-plugin-option.tools-vmok-plugin-option--selected .ocean-vmok-plugin-oc-item-group-content-title .ocean-vmok-plugin-oc-typography-color-default,
.tools-vmok-plugin-select__popper .tools-vmok-plugin-select__options .tools-vmok-plugin-option.tools-vmok-plugin-option--selected .ocean-vmok-plugin-oc-item-group-content-title .ocean-vmok-plugin-oc-typography-color-secondary {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-breadcrumb-separator {
  padding: 0 6px;
  display: flex;
  align-items: center;
  color: #93969d;
}
.ocean-vmok-plugin-oc-collapse {
  display: flex;
  flex-direction: column;
  position: relative;
}
.ocean-vmok-plugin-oc-collapse__container {
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-color-picker {
  cursor: pointer;
  height: 32px;
  border-radius: 4px;
  background-color: #f2f4f7;
  display: flex;
  justify-content: space-between;
  padding: 6px 8px;
}
.ocean-vmok-plugin-oc-color-picker[disabled="disabled"] {
  cursor: not-allowed;
  background-color: #f5f7fa;
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-color-picker[error="error"] {
  background-color: #fdf2f2;
}
.ocean-vmok-plugin-oc-color-picker-selected {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-color-picker-selected-text {
  margin-left: 8px;
  color: #31343b;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-color-picker-placeholder {
  color: #93969d;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-color-picker-wrap {
  position: relative;
  display: inline-block;
  padding: 4px 44px 4px 4px;
  cursor: pointer;
  width: 100%;
  min-height: 100%;
}
.ocean-vmok-plugin-oc-color-picker-wrap .ocean-vmok-plugin-oc-color-option {
  vertical-align: top;
  margin: 0;
  padding: 0;
}
.ocean-vmok-plugin-oc-color-picker-wrap .ocean-vmok-plugin-oc-color-picker-icon-wrap {
  position: absolute;
  top: 8px;
  right: 12px;
  width: 16px;
  height: 16px;
  line-height: 0;
}
.ocean-vmok-plugin-oc-color-picker-wrap .ocean-vmok-plugin-oc-color-picker-icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
  fill: #999999;
}
.ocean-vmok-plugin-oc-color-picker-wrap .ocean-vmok-plugin-oc-color-picker-icon.ocean-vmok-plugin-oc-color-picker-icon-open {
  transform: rotate(180deg);
}
.ocean-vmok-plugin-oc-color-option {
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 2px;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-color-option .ocean-vmok-plugin-oc-color-option-block {
  outline: 2px solid #e0e0e0;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 3;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-color-option .ocean-vmok-plugin-oc-color-option-icon-close {
  fill: #999999;
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-oc-color-option-none .ocean-vmok-plugin-oc-color-option-block {
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-oc-color-option-none .ocean-vmok-plugin-oc-color-option-icon-close {
  display: block;
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-active .ocean-vmok-plugin-oc-color-option-block {
  outline-color: #badaff !important;
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-oc-color-option-xs {
  width: 16px;
  height: 16px;
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-oc-color-option-sm {
  width: 20px;
  height: 20px;
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-oc-color-option-md {
  width: 24px;
  height: 24px;
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-oc-color-option-lg {
  width: 28px;
  height: 28px;
}
.ocean-vmok-plugin-oc-color-option.ocean-vmok-plugin-oc-color-option-xl {
  width: 32px;
  height: 32px;
}
.ocean-vmok-plugin-oc-color-picker-popper {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: 256px;
  background-color: #ffffff;
  padding: 8px;
  margin-top: 4px;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-color-picker-popper-fade-enter-active,
.ocean-vmok-plugin-oc-color-picker-popper-fade-leave-active {
  transition: opacity 0.1s ease-in-out;
}
.ocean-vmok-plugin-oc-color-picker-popper-fade-enter-from,
.ocean-vmok-plugin-oc-color-picker-popper-fade-leave-to {
  opacity: 0;
}
.ocean-vmok-plugin-oc-color-picker-popper-fade-enter-to,
.ocean-vmok-plugin-oc-color-picker-popper-fade-leave-from {
  opacity: 1;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-saturation-wrap {
  width: 100%;
  padding-bottom: 75%;
  position: relative;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-sliders-wrap {
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-sliders-wrap .ocean-vmok-plugin-oc-hue-wrap {
  position: relative;
  height: 8px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-sliders-wrap .ocean-vmok-plugin-oc-alpha-wrap {
  position: relative;
  height: 8px;
  margin-top: 8px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field {
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field-prefix-text {
  color: #31343b;
  font-size: 14px;
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field-rgba {
  margin-top: 12px;
  display: flex;
  gap: 8px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field-rgba-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field-rgba-item .tools-vmok-plugin-input-number {
  padding-right: 8px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field-rgba-item .tools-vmok-plugin-input-number .tools-vmok-plugin-input {
  font-size: 14px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field-rgba-item input {
  text-align: center;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-value-field-rgba-item-text {
  font-size: 14px;
  line-height: 22px;
  color: #000;
  margin-top: 2px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-option-predefine {
  border-top: 1px solid #e8eaed;
  padding-top: 12px;
  margin-top: 12px;
  font-size: 0;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-option-predefine-title {
  font-size: 12px;
  line-height: 18px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-option-predefine .ocean-vmok-plugin-oc-color-options {
  margin-top: 9px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 11.4px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-option-predefine .ocean-vmok-plugin-oc-color-options :not(.ocean-vmok-plugin-active) .ocean-vmok-plugin-oc-color-option-block:hover {
  outline-color: #dee0e3 !important;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-picker-confirm-btn {
  text-align: right;
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-picker-confirm-btn button {
  min-width: 40px;
}
.ocean-vmok-plugin-oc-color-picker-popper .ocean-vmok-plugin-oc-color-picker-confirm-btn button:first-child {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-checkerboard {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-alpha {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.ocean-vmok-plugin-oc-alpha-checkboard-wrap {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-alpha-gradient {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-alpha-container {
  cursor: pointer;
  position: relative;
  height: 100%;
  margin: 0 2px;
}
.ocean-vmok-plugin-oc-alpha-container .ocean-vmok-plugin-oc-alpha-pointer {
  z-index: 2;
  position: absolute;
}
.ocean-vmok-plugin-oc-alpha-container .ocean-vmok-plugin-oc-alpha-picker {
  cursor: pointer;
  width: 8px;
  border-radius: 50%;
  height: 8px;
  border: 2px solid #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  transform: translateX(-4px);
}
.ocean-vmok-plugin-oc-hue {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-hue--horizontal {
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.ocean-vmok-plugin-oc-hue---vertical {
  background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.ocean-vmok-plugin-oc-hue-container {
  cursor: pointer;
  margin: 0 2px;
  position: relative;
  height: 100%;
}
.ocean-vmok-plugin-oc-hue-pointer {
  z-index: 2;
  position: absolute;
}
.ocean-vmok-plugin-oc-hue-picker {
  cursor: pointer;
  width: 8px;
  border-radius: 50%;
  height: 8px;
  border: 2px solid #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  transform: translateX(-2px);
}
.ocean-vmok-plugin-oc-saturation,
.ocean-vmok-plugin-oc-saturation--white,
.ocean-vmok-plugin-oc-saturation--black {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ocean-vmok-plugin-oc-saturation .ocean-vmok-plugin-oc-saturation--white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.ocean-vmok-plugin-oc-saturation .ocean-vmok-plugin-oc-saturation--black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.ocean-vmok-plugin-oc-saturation .ocean-vmok-plugin-oc-saturation-pointer {
  cursor: pointer;
  position: absolute;
}
.ocean-vmok-plugin-oc-saturation .ocean-vmok-plugin-oc-saturation-circle {
  cursor: head;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  transform: translate(-4px, -4px);
}
.ocean-vmok-plugin-oc-statistic {
  display: inline-block;
  padding: 16px;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-statistic-border {
  padding: 15px;
  border: 1px solid var(--borderColor);
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-inline {
  padding: 0;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-bg-default {
  background-color: #f5f7fa;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-bg-secondary {
  background-color: #f3f3f4;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-bg-primary {
  background-color: #e8f4ff;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-bg-danger {
  background-color: #fdf2f2;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-bg-success {
  background-color: #ecf8eb;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-bg-warning {
  background-color: #fff9e0;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-cursor {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-statistic.ocean-vmok-plugin-oc-statistic-cursor:hover {
  background-color: var(--hoverBackgroundColor) !important;
}
.ocean-vmok-plugin-oc-statistic-title,
.ocean-vmok-plugin-oc-statistic-content,
.ocean-vmok-plugin-oc-statistic-extra {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-statistic-title {
  margin-bottom: 10px;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-statistic-title .ocean-vmok-plugin-oc-statistic-title-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-statistic-extra {
  margin-top: 7px;
  display: inline-flex;
  gap: 0 4px;
}
.ocean-vmok-plugin-oc-statistic-extra-suffix {
  font-size: 0;
}
.ocean-vmok-plugin-oc-statistic-content-prefix {
  margin-right: 4px;
  display: inline-flex;
}
.ocean-vmok-plugin-oc-statistic-content-suffix {
  margin-left: 8px;
  display: inline-flex;
}
.ocean-vmok-plugin-oc-statistic-content-suffix-wrap {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-sub-side-bar {
  padding: 16px 0;
  height: 100%;
  overflow: auto;
}
.ocean-vmok-plugin-oc-sub-side-bar-title {
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  line-height: 32px;
  margin: 0;
  list-style: none;
  padding: 0;
  position: relative;
}
.ocean-vmok-plugin-oc-sub-side-bar-title li {
  margin: 0;
  position: relative;
}
.ocean-vmok-plugin-oc-sub-side-bar-title li .ocean-vmok-plugin-oc-sub-menu__list .ocean-vmok-plugin-oc-sub-side-bar-title__header {
  color: #62656c;
  padding: 0 16px 0 32px;
}
.ocean-vmok-plugin-oc-sub-side-bar-title .ocean-vmok-plugin-oc-sub-menu__list {
  padding: 0;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-sub-side-bar-title-line {
  width: 2px;
  height: 32px;
  background-color: #0057ff;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  transition: all 0.1s ease-in-out;
}
.ocean-vmok-plugin-oc-switch {
  line-height: 0;
}
.ocean-vmok-plugin-oc-switch--dark .tools-vmok-plugin-switch--checked {
  background: #31343b;
}
.ocean-vmok-plugin-oc-switch--dark .tools-vmok-plugin-switch--checked.tools-vmok-plugin-switch--loading {
  background: #31343b;
}
.ocean-vmok-plugin-oc-switch--dark .ocean-vmok-plugin-oc-switch-truty {
  color: #31343b;
}
.ocean-vmok-plugin-oc-table-wrapper {
  position: relative;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-t-summary .tools-vmok-plugin-t-summary-cell {
  padding: 0px 16px;
  height: 42px;
  line-height: 18px;
  box-sizing: border-box;
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-t-summary .tools-vmok-plugin-t-summary-cell:hover {
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-th__sorter {
  color: #93969d;
  margin: 0 0 0 4px;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-th {
  font-weight: bolder;
  padding: 0px 16px;
  height: 42px;
  line-height: 18px;
  box-sizing: border-box;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-td {
  padding: 8px 16px;
  height: 42px;
}
.ocean-vmok-plugin-oc-table-wrapper .tools-vmok-plugin-table__tree-icon {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-table-wrapper .ocean-vmok-plugin-oc-table-pagination {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-table-wrapper .ocean-vmok-plugin-oc-table-pagination .ocean-vmok-plugin-oc-table-pagination-item {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-table-wrapper .ocean-vmok-plugin-oc-table-pagination .ocean-vmok-plugin-oc-table-pagination-item .tools-vmok-plugin-page-select {
  margin: 0;
}
.ocean-vmok-plugin-oc-table-loading-text {
  color: #0057ff;
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-tabs {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-tabs .tools-vmok-plugin-tabs__tab {
  padding: 4px 0;
}
.ocean-vmok-plugin-oc-tabs-primary .ocean-vmok-plugin-tab--active {
  color: #0057ff !important;
}
.ocean-vmok-plugin-oc-tabs__md .tools-vmok-plugin-tabs__tab {
  font-size: 14px;
  line-height: 22px;
  margin-right: 24px;
}
.ocean-vmok-plugin-oc-tabs__lg .tools-vmok-plugin-tabs__tab {
  line-height: 24px;
  margin-right: 32px;
}
.ocean-vmok-plugin-oc-tabs__lg.ocean-vmok-plugin-oc-tabs__card .tools-vmok-plugin-tabs__tab {
  line-height: 28px;
}
.ocean-vmok-plugin-oc-tabs__xl .tools-vmok-plugin-tabs__tab {
  font-size: 18px;
  line-height: 28px;
  margin-right: 32px;
}
.ocean-vmok-plugin-oc-tabs__xl.ocean-vmok-plugin-oc-tabs__card .tools-vmok-plugin-tabs__tab {
  line-height: 28px;
}
.ocean-vmok-plugin-oc-tabs .ocean-vmok-plugin-row {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-tabs .ocean-vmok-plugin-row .ocean-vmok-plugin-tab-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-tabs .ocean-vmok-plugin-row .ocean-vmok-plugin-after-tab-icon {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-tabs .tools-vmok-plugin-tabs .tools-vmok-plugin-tabs__tab-close {
  line-height: 0;
}
.ocean-vmok-plugin-oc-tabs .ocean-vmok-plugin-tab--active {
  color: #31343b;
}
.ocean-vmok-plugin-oc-tabs .tools-vmok-plugin-tabs__tab--active .tools-vmok-plugin-tabs__tab-close {
  color: #31343b;
}
.ocean-vmok-plugin-oc-tabs__card .tools-vmok-plugin-tabs > .tools-vmok-plugin-tabs__nav {
  background-color: #f2f4f7;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ocean-vmok-plugin-oc-tabs__line .ocean-vmok-plugin-oc-tabs-hide-line .tools-vmok-plugin-tabs__nav::before {
  display: none;
}
.ocean-vmok-plugin-oc-tabs__line .ocean-vmok-plugin-oc-tabs-hide-active-line .tools-vmok-plugin-tabs__bar {
  display: none;
}
.ocean-vmok-plugin-oc-tabs__align .tools-vmok-plugin-tabs .tools-vmok-plugin-tabs__extra-content {
  flex: 1;
  display: inline-flex;
}
.ocean-vmok-plugin-oc-tabs__align-center .tools-vmok-plugin-tabs .tools-vmok-plugin-tabs__extra-content {
  justify-content: center;
}
.ocean-vmok-plugin-oc-tabs__align-end .tools-vmok-plugin-tabs .tools-vmok-plugin-tabs__extra-content {
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-tag {
  font-size: 0;
  line-height: 0;
}
.ocean-vmok-plugin-oc-tag.ocean-vmok-plugin-oc-tag-type-flex {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag {
  cursor: default;
}
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--white-light {
  background-color: #ffffff;
  color: #31343b;
}
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--xs .ocean-vmok-plugin-oc-tag-text {
  zoom: 0.83333333;
  line-height: 12px;
}
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--xs,
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--sm {
  padding: 0 4px;
  border-width: 0;
}
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--xs.tools-vmok-plugin-tag--border,
.ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag--sm.tools-vmok-plugin-tag--border {
  padding: 0 3px;
  border-width: 1px;
}
.ocean-vmok-plugin-oc-tag-text {
  font-family: "PingFang SC";
  font-style: normal;
}
.ocean-vmok-plugin-oc-tag-text-bold {
  font-weight: bolder;
}
.ocean-vmok-plugin-oc-tag-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-tag-icon {
  margin-right: 2px;
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-tag-douyin .tools-vmok-plugin-tag {
  color: #fff;
  border: none;
}
.ocean-vmok-plugin-oc-tag-douyin .tools-vmok-plugin-tag--danger-light-fill {
  background: linear-gradient(135deg, #FF1764 0%, #ED3495 100%);
}
.ocean-vmok-plugin-oc-tag-douyin .tools-vmok-plugin-tag--default-light-fill {
  background: linear-gradient(135deg, #ABADBA 0%, #84879A 100%);
}
.ocean-vmok-plugin-oc-tag-market .tools-vmok-plugin-tag {
  font-weight: bolder;
  border-radius: 4px 0px;
}
.ocean-vmok-plugin-oc-tag-operate .tools-vmok-plugin-tag {
  border-radius: 12px 12px 12px 0px;
}
.ocean-vmok-plugin-oc-tag-operate-normal .tools-vmok-plugin-tag {
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-tag-operate .tools-vmok-plugin-tag,
.ocean-vmok-plugin-oc-tag-operate-normal .tools-vmok-plugin-tag {
  font-weight: bolder;
  border: none;
}
.ocean-vmok-plugin-oc-tag-operate .tools-vmok-plugin-tag--danger-fill,
.ocean-vmok-plugin-oc-tag-operate-normal .tools-vmok-plugin-tag--danger-fill {
  background: linear-gradient(102deg, #FA5089 23.92%, #FC96B8 105.66%);
}
.ocean-vmok-plugin-oc-tag-operate .tools-vmok-plugin-tag--warning-fill,
.ocean-vmok-plugin-oc-tag-operate-normal .tools-vmok-plugin-tag--warning-fill {
  background: linear-gradient(103deg, #FF734D 3.67%, #FAB426 97.07%);
}
.ocean-vmok-plugin-oc-tag-operate .tools-vmok-plugin-tag--success-fill,
.ocean-vmok-plugin-oc-tag-operate-normal .tools-vmok-plugin-tag--success-fill {
  background: linear-gradient(101deg, #34BA7B 31.95%, #B6D70F 140.28%);
}
.ocean-vmok-plugin-oc-tag-operate .tools-vmok-plugin-tag--info-fill,
.ocean-vmok-plugin-oc-tag-operate-normal .tools-vmok-plugin-tag--info-fill {
  background: linear-gradient(103deg, #3865E9 6.94%, #38A1FF 100%);
}
.ocean-vmok-plugin-oc-tag-round .tools-vmok-plugin-tag--xs {
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-tag-round .tools-vmok-plugin-tag--sm {
  border-radius: 20px;
}
.ocean-vmok-plugin-oc-tag-input {
  position: relative;
}
.ocean-vmok-plugin-oc-tag-input .tools-vmok-plugin-custom-input--md .tools-vmok-plugin-custom-input__suffix {
  height: 24px;
}
.ocean-vmok-plugin-oc-tag-input .tools-vmok-plugin-custom-input {
  cursor: text;
}
.ocean-vmok-plugin-oc-tag-input .ocean-vmok-plugin-oc-tag {
  height: auto;
}
.ocean-vmok-plugin-oc-tag-input .ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag {
  height: auto;
}
.ocean-vmok-plugin-oc-tag-input .ocean-vmok-plugin-oc-tag-text {
  white-space: normal;
  line-height: 24px;
}
.ocean-vmok-plugin-oc-tag-input .ocean-vmok-plugin-oc-tag-icon .ocean-vmok-plugin-oc-tag .tools-vmok-plugin-tag {
  height: 16px;
}
.ocean-vmok-plugin-oc-textarea-plus-wrapper {
  /* 组件背景色 */
  --textarea-plus-bg: #ffffff;
  /* 组件文字大小 */
  --textarea-plus-font-size: 14px;
  /* 组件行高 */
  --textarea-plus-line-height: 22px;
  /* 组件圆角 */
  --textarea-plus-border-radius: 4px;
  /* 组件文本颜色 */
  --textarea-plus-color: #31343b;
  /* 组件表头背景色 */
  --textarea-plus-header-bg: #f2f4f7;
  /* 组件边框线颜色 */
  --textarea-plus-border: #dee0e3;
  /* 组件编号错误状态背景色 */
  --textarea-plus-num-error-bg: #e34949;
  /* 组件输入框 hover 背景色 */
  --textarea-plus-input-hover-bg: #f2f4f7;
  /* 组件输入框高度 */
  --textarea-plus-input-height: 34px;
  /* 组件输入框左右间距 */
  --textarea-plus-input-padding-left: 12px;
  /* 组件编号文本颜色 */
  --textarea-plus-num-color: #93969d;
  /* 组件编号错误状态文本颜色 */
  --textarea-plus-num-error-color: #ffffff;
  /* 组件清空文本颜色 */
  --textarea-plus-clear-color: #0057ff;
  /* 组件清空hover文本颜色 */
  --textarea-plus-clear-hover-color: #2e7bff;
  /* 组件操作区域文本颜色 */
  --textarea-plus-action-color: #93969d;
  /* 组件操作区域错误状态文本颜色 */
  --textarea-plus-action-error-color: #e34949;
  /* 组件操作区域文本大小 */
  --textarea-plus-action-font-size: 12px;
  /* 组件操作区域文本好高 */
  --textarea-plus-action-line-height: 18px;
  position: relative;
}
.ocean-vmok-plugin-oc-textarea-plus-wrapper .ocean-vmok-plugin-oc-textarea-plus-operate {
  position: absolute;
  right: 16px;
  top: 8px;
}
.ocean-vmok-plugin-oc-textarea-plus-wrapper .ocean-vmok-plugin-oc-textarea-plus-operate .ocean-vmok-plugin-oc-textarea-plus-operate-btn {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-textarea-plus-wrapper .ocean-vmok-plugin-oc-textarea-plus-border {
  border-width: 1px;
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ocean-vmok-plugin-oc-title-prefix {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ocean-vmok-plugin-oc-title-text + div {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-title-text .ocean-vmok-plugin-oc-title-required {
  vertical-align: 3px;
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-title-text .ocean-vmok-plugin-oc-title-popover,
.ocean-vmok-plugin-oc-title-text .ocean-vmok-plugin-oc-title-new {
  height: 16px;
  margin-left: 4px;
  vertical-align: sub;
}
.ocean-vmok-plugin-oc-title-text .ocean-vmok-plugin-oc-title-required,
.ocean-vmok-plugin-oc-title-text .ocean-vmok-plugin-oc-title-popover,
.ocean-vmok-plugin-oc-title-text .ocean-vmok-plugin-oc-title-new,
.ocean-vmok-plugin-oc-title-text .ocean-vmok-plugin-oc-title-slot {
  display: inline-block;
}
.ocean-vmok-plugin-oc-title-popover {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-title-popover + div {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-title-slot {
  display: flex;
}
.ocean-vmok-plugin-oc-title-slot + div {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-title-new {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-title-new + div {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-title-required {
  width: 4px;
  height: 4px;
  background: #e34949;
  border-radius: 2px;
}
.ocean-vmok-plugin-oc-title-suffix {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-title.ocean-vmok-plugin-oc-title__align .ocean-vmok-plugin-oc-title-suffix {
  flex: 1;
  display: inline-flex;
}
.ocean-vmok-plugin-oc-title.ocean-vmok-plugin-oc-title__align-center .ocean-vmok-plugin-oc-title-suffix {
  justify-content: center;
}
.ocean-vmok-plugin-oc-title.ocean-vmok-plugin-oc-title__align-end .ocean-vmok-plugin-oc-title-suffix {
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-tree {
  padding: 0;
  margin: 0;
}
.ocean-vmok-plugin-oc-typography {
  font-family: 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
  font-style: normal;
  font-weight: 400;
  word-break: break-all;
  white-space: normal;
  display: -webkit-box;
  text-rendering: auto;
}
.ocean-vmok-plugin-oc-typography ol,
.ocean-vmok-plugin-oc-typography ul {
  padding: 0;
  margin: 0;
}
.ocean-vmok-plugin-oc-typography ul li,
.ocean-vmok-plugin-oc-typography ol li {
  margin-left: 14px;
}
.ocean-vmok-plugin-oc-typography ul {
  list-style: initial;
}
.ocean-vmok-plugin-oc-typography li + li {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-typography .ocean-vmok-plugin-oc-typography-value-em {
  color: #0057ff;
  font-style: normal;
}
.ocean-vmok-plugin-oc-typography-size-xs {
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-typography-size-sm {
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-typography-size-md {
  font-size: 16px;
  line-height: 24px;
}
.ocean-vmok-plugin-oc-typography-size-lg {
  font-size: 18px;
  line-height: 26px;
}
.ocean-vmok-plugin-oc-typography-size-xl {
  font-size: 20px;
  line-height: 28px;
}
.ocean-vmok-plugin-oc-typography-color-inherit {
  color: inherit;
}
.ocean-vmok-plugin-oc-typography-color-default {
  color: #31343b;
}
.ocean-vmok-plugin-oc-typography-color-auxiliary {
  color: #62656c;
}
.ocean-vmok-plugin-oc-typography-color-secondary {
  color: #93969d;
}
.ocean-vmok-plugin-oc-typography-color-primary {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-typography-color-danger {
  color: #e34949;
}
.ocean-vmok-plugin-oc-typography-color-success {
  color: #0da600;
}
.ocean-vmok-plugin-oc-typography-color-warning {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-typography-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-typography-color-primary.ocean-vmok-plugin-oc-typography.ocean-vmok-plugin-oc-typography-disabled {
  color: #badaff;
}
.ocean-vmok-plugin-oc-typography-bold {
  font-weight: bold;
}
.ocean-vmok-plugin-oc-typography-italic {
  font-style: italic;
}
.ocean-vmok-plugin-oc-typography-dashed span {
  font-weight: bold;
  white-space: break-spaces;
  word-break: break-word;
  text-rendering: optimizeLegibility;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  border-image-slice: 1;
  border-image-source: repeating-linear-gradient(90deg, #93969d, #93969d 3px, transparent 0, transparent 5px);
  border-width: 0 0 1px;
  border-bottom-style: solid;
  border-bottom: 1px solid;
  border-image-outset: 0px;
}
.ocean-vmok-plugin-oc-typography-dashed span:hover {
  border-image-source: repeating-linear-gradient(90deg, #93969d, #93969d 1px, transparent 0, transparent 1px);
}
.ocean-vmok-plugin-oc-typography-dashed-normal span {
  white-space: break-spaces;
  word-break: break-word;
  text-rendering: optimizeLegibility;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  border-image-slice: 1;
  border-image-source: repeating-linear-gradient(90deg, #93969d, #93969d 3px, transparent 0, transparent 5px);
  border-width: 0 0 1px;
  border-bottom-style: solid;
  border-bottom: 1px solid;
  border-image-outset: 0px;
}
.ocean-vmok-plugin-oc-typography-dashed-normal span:hover {
  border-image-source: repeating-linear-gradient(90deg, #93969d, #93969d 1px, transparent 0, transparent 1px);
}
.ocean-vmok-plugin-oc-typography-underline {
  text-decoration-line: underline;
  text-decoration-style: solid;
}
.ocean-vmok-plugin-oc-typography-line-through {
  text-decoration-line: line-through;
  text-decoration-style: solid;
}
.ocean-vmok-plugin-oc-typography-type-number,
.ocean-vmok-plugin-oc-typography-type-number * {
  font-family: "OC-OPPOSans", 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
}
.ocean-vmok-plugin-oc-typography-type-market,
.ocean-vmok-plugin-oc-typography-type-market * {
  font-family: "MF YuanHei", 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
}
.ocean-vmok-plugin-oc-typography-type-number.ocean-vmok-plugin-oc-typography.ocean-vmok-plugin-oc-typography-bold,
.ocean-vmok-plugin-oc-typography-type-number.ocean-vmok-plugin-oc-typography.ocean-vmok-plugin-oc-typography-bold * {
  font-family: "OC-OPPOSans-Bold", 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
}
.ocean-vmok-plugin-oc-typography-type-text {
  display: inline-block;
}
.ocean-vmok-plugin-oc-typography-cursor,
.ocean-vmok-plugin-oc-typography-overflow,
.ocean-vmok-plugin-oc-typography-dashed {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-typography-dashed-normal {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-typography-color-primary.ocean-vmok-plugin-oc-typography.ocean-vmok-plugin-oc-typography-cursor:not(.ocean-vmok-plugin-oc-typography-disabled):hover,
.ocean-vmok-plugin-oc-typography-color-default.ocean-vmok-plugin-oc-typography.ocean-vmok-plugin-oc-typography-cursor:not(.ocean-vmok-plugin-oc-typography-disabled):hover,
.ocean-vmok-plugin-oc-typography-color-secondary.ocean-vmok-plugin-oc-typography.ocean-vmok-plugin-oc-typography-cursor:not(.ocean-vmok-plugin-oc-typography-disabled):hover,
.ocean-vmok-plugin-oc-typography-color-auxiliary.ocean-vmok-plugin-oc-typography.ocean-vmok-plugin-oc-typography-cursor:not(.ocean-vmok-plugin-oc-typography-disabled):hover {
  color: #2e7bff;
}
.ocean-vmok-plugin-oc-typography-operation-expand {
  margin: 0 0 0 4px;
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-typography-operation-icon {
  margin-left: 4px;
  margin-top: -2px;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-typography-list-span {
  word-break: break-all;
  white-space: normal;
}
.ocean-vmok-plugin-oc-typography-list-span-nowrap {
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-typography-list-icon {
  margin-left: 4px;
  margin-top: -2px;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-typography-list-style {
  width: 8px;
  height: 8px;
  flex: 1;
  display: inline-block;
  margin-right: 4px;
  background-color: #fff;
  position: relative;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  border: 1px solid #ffffff;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-circle {
  border-radius: 100%;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-primary {
  background: #0057ff;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-danger {
  background: #e34949;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-success {
  background: #0da600;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-warning {
  background: #eb9617;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-auxiliary {
  background: #62656c;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-secondary {
  background: #93969d;
}
.ocean-vmok-plugin-oc-typography-span-nowrap {
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-typography .ocean-vmok-plugin-oc-popover {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-video-player-wrapper {
  width: 100%;
  height: 100%;
  line-height: 1.15;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-controls,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-controls,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-inactive .controls-autohide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.ocean-vmok-plugin-oc-video-player-hide-control .controls-autohide {
  pointer-events: none;
  visibility: hidden;
  cursor: default;
  opacity: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-controls-initshow,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-controls-initshow {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-controls {
  display: block;
  position: absolute;
  visibility: visible;
  height: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  z-index: 10;
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75));
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-controls.show {
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-inner-controls {
  position: absolute;
  height: 40px;
  bottom: 0;
  justify-content: space-between;
  display: flex;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-left-grid,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-right-grid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 1;
  height: 100%;
  z-index: 1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-right-grid {
  flex-direction: row-reverse;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-right-grid > :first-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-right-grid xg-icon {
  margin-left: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-left-grid > :first-child {
  margin-left: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-left-grid xg-icon {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-center-grid {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  outline: none;
  top: -20px;
  padding: 5px 0;
  text-align: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .flex-controls .xg-inner-controls {
  justify-content: space-around;
  display: flex;
  bottom: 8px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .flex-controls .xg-center-grid {
  display: flex;
  flex: 1;
  position: relative;
  top: 0;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  left: 0;
  right: 0;
  padding: 0 16px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xg-center-grid {
  z-index: 2;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .flex-controls .xg-center-grid {
  padding: 0 8px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .bottom-controls .xg-center-grid {
  top: 20px;
  padding: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .bottom-controls .xg-left-grid,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .bottom-controls .xg-right-grid {
  bottom: 10px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .mini-controls {
  background-image: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .mini-controls .xg-inner-controls {
  bottom: 0;
  left: 0;
  right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .mini-controls .xg-center-grid {
  bottom: -28px;
  top: auto;
  padding: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .mini-controls .xg-left-grid,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .mini-controls .xg-right-grid {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .controls-follow {
  bottom: 70px;
  transition: bottom 0.3s ease;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.flex-controls .controls-follow {
  bottom: 45px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-inactive .controls-follow,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.no-controls .controls-follow,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.mini-controls .controls-follow {
  bottom: 10px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-fullscreen-parent {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen {
  z-index: 10;
  position: absolute;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-rotate-parent {
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  right: 0;
  width: 100vh;
  height: 100vw;
  z-index: 9999;
  transform-origin: top left;
  transform: rotate(90deg);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  transform: rotate(0);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-rotate-parent .xgplayer-mobile video {
  z-index: -1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: PingFang SC, Helvetica Neue, Helvetica, STHeiTi, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  font-weight: 400;
  background: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer * {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  white-space: normal;
  word-wrap: normal;
  overflow-wrap: normal;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer ul,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer li {
  list-style: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-none {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-cssfullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-rotate-fullscreen {
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  right: 0;
  width: 100vh;
  height: 100vw;
  transform-origin: top left;
  transform: rotate(90deg);
  z-index: 9999;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video {
  z-index: -1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-video-container.xg-video-container {
  position: absolute;
  top: 0;
  bottom: 48px;
  display: block;
  width: 100%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer[data-xgfill="cover"] video {
  -o-object-fit: cover;
  object-fit: cover;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer[data-xgfill="fill"] video {
  -o-object-fit: fill;
  object-fit: fill;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-pos {
  left: 10px;
  right: 10px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-margin {
  margin-left: 16px;
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-bottom {
  bottom: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .btn-text {
  position: relative;
  top: 50%;
  height: 24px;
  font-size: 13px;
  text-align: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .btn-text span {
  display: inline-block;
  min-width: 52px;
  height: 24px;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon {
  position: relative;
  box-sizing: border-box;
  height: 40px;
  margin-left: 16px;
  margin-right: 16px;
  cursor: pointer;
  color: #fffc;
  fill: #fff;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon .xg-tips {
  top: -30px;
  left: 50%;
  transform: translate(-50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon:active .xg-tips,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon:hover .xg-tips {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon:active .xg-tips.hide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon:hover .xg-tips.hide {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon .xgplayer-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon .xg-icon-disable {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon .xg-img {
  width: 100%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon svg,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-icon img {
  height: 100%;
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-bar {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-inactive xg-bar,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mini xg-bar {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-inactive .xg-top-bar {
  display: flex;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-top-bar {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 16px;
  right: 16px;
  display: flex;
  height: 50px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-top-bar xg-icon {
  position: relative;
  top: 10px;
  left: 0;
  width: 34px;
  margin-top: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-top-bar xg-icon:first-child {
  margin-left: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-left-bar,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-right-bar {
  position: absolute;
  z-index: 9;
  top: 50px;
  bottom: 50px;
  width: 50px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-left-bar {
  left: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-right-bar {
  right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-tips {
  display: none;
  position: absolute;
  padding: 4px 6px;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 4px;
  font-size: 11px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  opacity: 0.85;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-margin {
  left: 0px;
  right: 0px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile * {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos {
  left: 6%;
  right: 6%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile xg-icon:hover .xg-tips {
  display: none;
}
@media only screen and (max-width: 480px) {
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile xg-icon {
    margin-right: 10px;
    margin-left: 10px;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xg-top-bar {
    left: 10px;
    right: 10px;
  }
}
@media screen and (orientation: portrait) {
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls,
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls {
    bottom: 34px;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar {
    top: 34px;
    top: constant(safe-area-inset-top);
    top: env(safe-area-inset-top);
  }
}
@media only screen and (orientation: landscape) {
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xg-pos {
    left: 6%;
    right: 6%;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-rotate-fullscreen {
    left: 0;
    width: 100vw;
    height: 100vh;
    transform: rotate(0);
  }
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-screen-container {
  display: block;
  width: 100%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-icon {
  display: none;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-icon.show {
  display: block;
}
@keyframes xg_right_options_active {
  0% {
    transform: translate(50%);
  }
  to {
    transform: translate(-50%);
  }
}
@keyframes xg_right_options_hide {
  0% {
    transform: translate(-50%);
  }
  to {
    transform: translate(50%);
  }
}
@keyframes xg_left_options_active {
  0% {
    transform: translate(-50%);
  }
  to {
    transform: translate(50%);
  }
}
@keyframes xg_left_options_hide {
  0% {
    transform: translate(50%);
  }
  to {
    transform: translate(-50%);
  }
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list {
  display: none;
  position: absolute;
  z-index: 5;
  width: 78px;
  right: 50%;
  bottom: 100%;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 1px;
  transform: translate(50%);
  cursor: pointer;
  overflow: auto;
  height: 0;
  opacity: 0.85;
  font-size: 14px;
  color: #fffc;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list li {
  height: 20px;
  line-height: 18px;
  position: relative;
  padding: 4px 0;
  text-align: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list li:hover,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list li.selected {
  color: red;
  opacity: 1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list li:nth-child(1) {
  position: relative;
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list li:last-child {
  position: relative;
  margin-bottom: 12px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list:hover {
  opacity: 1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.active {
  display: block;
  height: auto;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list {
  width: 20%;
  height: 100%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li {
  flex: 1;
  width: 100%;
  padding: 0;
  position: relative;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li span {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li:nth-child(1) {
  margin-top: 20px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li:last-child {
  margin-bottom: 20px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-right-side {
  right: -10.5%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-right-side.active {
  height: 100%;
  animation: xg_right_options_active 0.2s ease-out forwards;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-right-side.hide {
  height: 100%;
  animation: xg_right_options_hide 0.2s ease-in forwards;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-left-side {
  left: -10.5%;
  transform: translate(-50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-left-side.active {
  height: 100%;
  animation: xg_left_options_active 0.2s ease-out forwards;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-options-list.xg-left-side.hide {
  height: 100%;
  animation: xg_left_options_hide 0.2s ease-in forwards;
}
@media only screen and (max-width: 480px) {
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xg-options-icon.portrait {
    display: none;
  }
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-thumbnail {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-replay {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-replay {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 5;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-replay .xgplayer-replay-txt {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  line-height: 34px;
  text-align: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-replay-svg {
  width: 50px;
  height: 50px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-replay-txt {
  line-height: 24px;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-poster {
  display: block;
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-poster.hide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-playing .xgplayer-poster {
  opacity: 0;
  visibility: hidden;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-poster,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-ended .xgplayer-poster,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-poster {
  opacity: 1;
  visibility: visible;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-poster.hide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-ended .xgplayer-poster.hide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-poster.hide {
  opacity: 0;
  visibility: hidden;
}
@keyframes playPause {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  99% {
    transform: scale(1.3);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-start-inner {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.38);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start {
  width: 70px;
  height: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start svg {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start.hide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start.focus-hide {
  display: none;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start:hover {
  opacity: 0.85;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start .xg-icon-play {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start .xg-icon-pause,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start[data-state="pause"] .xg-icon-play {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start[data-state="pause"] .xg-icon-pause,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start.interact {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start.interact xg-start-inner {
  animation: playPause 0.4s 0.1s ease-out forwards;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-start.show {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile xg-start-inner {
  background: initial;
  border-radius: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-start {
  height: 50px;
  width: 50px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-start:hover {
  opacity: 1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-inactive .xgplayer-start.auto-hide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-start,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-error .xgplayer-start,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-start.show,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-error .xgplayer-start.show {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 5;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .show {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner {
  display: block;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  height: 100px;
  width: 100px;
  transform: translate(-50%, -50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div {
  width: 6%;
  height: 13%;
  background-color: #ffffffb3;
  position: absolute;
  left: 45%;
  top: 45%;
  opacity: 0;
  border-radius: 30px;
  animation: fade 1s linear infinite;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1 {
  transform: rotate(0) translateY(-140%);
  animation-delay: 0s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2 {
  transform: rotate(30deg) translateY(-140%);
  animation-delay: -0.9163s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3 {
  transform: rotate(60deg) translateY(-140%);
  animation-delay: -0.833s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4 {
  transform: rotate(90deg) translateY(-140%);
  animation-delay: -0.7497s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5 {
  transform: rotate(120deg) translateY(-140%);
  animation-delay: -0.6664s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6 {
  transform: rotate(150deg) translateY(-140%);
  animation-delay: -0.5831s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7 {
  transform: rotate(180deg) translateY(-140%);
  animation-delay: -0.4998s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8 {
  transform: rotate(210deg) translateY(-140%);
  animation-delay: -0.4165s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9 {
  transform: rotate(240deg) translateY(-140%);
  animation-delay: -0.3332s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10 {
  transform: rotate(270deg) translateY(-140%);
  animation-delay: -0.2499s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11 {
  transform: rotate(300deg) translateY(-140%);
  animation-delay: -0.1666s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12 {
  transform: rotate(330deg) translateY(-142%);
  animation-delay: -0.0833s;
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-enter {
  display: block;
  opacity: 1;
  transition: opacity 0.3s;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-enter {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner {
  width: 70px;
  height: 70px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: linear-gradient(180deg, rgba(57, 57, 57, 0.9), rgba(57, 57, 57, 0) 50.27%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer .mask {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #0006;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header {
  display: flex;
  top: 0;
  left: 0;
  right: 40px;
  box-sizing: border-box;
  padding: 10px 3px 0 8px;
  justify-content: space-between;
  color: #fff;
  font-size: 14px;
  position: absolute;
  z-index: 22;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn {
  pointer-events: all;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini {
  display: none;
  position: relative;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini + label {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini + label:before {
  content: "";
  color: #ff142b;
  background-color: transparent;
  border-radius: 2px;
  border: solid 1px #cdcdcd;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 16px;
  margin-right: 7px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini:checked + label {
  color: #ff142b;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini:checked + label:before {
  border-color: #ff142b;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini:checked + label:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 8px;
  border-color: #ff142b;
  border-style: solid;
  border-width: 0px 2px 2px 0px;
  transform: rotate(45deg);
  left: 6px;
  top: 5px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips {
  position: absolute;
  padding: 4px 6px;
  white-space: nowrap;
  bottom: -30px;
  right: 15px;
  border-radius: 4px;
  background-color: #0000008a;
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini + label:before {
  border-color: #ff142b;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini + label {
  color: #ff142b;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer .mini-cancel-btn {
  cursor: pointer;
  display: block;
  color: #fff;
  width: 40px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  line-height: 38px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer .play-icon {
  cursor: pointer;
  height: 48px;
  width: 48px;
  position: absolute;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 24px;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -24px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer .play-icon svg,
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer .play-icon img {
  width: 50px;
  height: 50px;
  fill: #faf7f7;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer .xg-icon-play {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer .xg-icon-pause,
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer[data-state="pause"] .xg-icon-play {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-layer[data-state="pause"] .xg-icon-pause {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-miniicon {
  position: relative;
  outline: none;
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-miniicon .name {
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  height: 20px;
  color: #fffc;
  line-height: 40px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-miniicon .name span {
  font-size: 13px;
  width: 60px;
  height: 20px;
  line-height: 18px;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 10px;
  display: inline-block;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mini {
  position: fixed;
  width: 320px;
  height: 180px;
  z-index: 91;
  box-shadow: 0 4px 7px 2px #0003;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mini:hover {
  cursor: move;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mini:hover .xg-mini-layer {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mini.xgplayer-ended .xg-mini-layer {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xg-mini-layer .play-icon {
  background: none;
  border-radius: initial;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-inactive {
  cursor: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-thumbnail {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview {
  display: none;
  position: absolute;
  width: 200px;
  margin: 0 auto;
  padding: 0 20px 30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
  font-size: 17px;
  text-align: center;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview span {
  line-height: 24px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview span.xg-cur {
  color: red;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-seek-show {
  transform: translate(-10px);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre {
  transform: rotate(180deg) translate(-5px);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-bar {
  width: 96px;
  height: 2px;
  margin: 8px auto 0;
  border-radius: 10px;
  box-sizing: content-box;
  background: rgba(255, 255, 255, 0.3);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-bar .xg-curbar {
  width: 0;
  height: 100%;
  background-color: red;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-bar.hide {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .mobile-thumbnail {
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .xg-top-note {
  position: absolute;
  height: 32px;
  width: 135px;
  top: 26px;
  left: 50%;
  margin-left: -78px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  color: #fff;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .xg-top-note span {
  display: block;
  line-height: 32px;
  height: 32px;
  font-size: 13px;
  text-align: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .xg-top-note i {
  color: red;
  margin: 0 5px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger .xg-playbackrate {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger[data-xg-action="seeking"] .time-preview {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer xg-trigger[data-xg-action="playbackrate"] .xg-playbackrate {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .gradient {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.36) 20%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.24) 77%, rgba(0, 0, 0, 0.36) 83%, rgba(0, 0, 0, 0.6));
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .gradient.top {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.36) 20%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0) 70%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .gradient.bottom {
  background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.24) 77%, rgba(0, 0, 0, 0.36) 83%, rgba(0, 0, 0, 0.6));
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .gradient.none,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xgplayer-controls {
  background-image: initial;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-playing .gradient {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile.xgplayer-inactive .gradient {
  background-image: initial;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xgmask {
  position: absolute;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  background-color: #0000;
}
@media (prefers-color-scheme: dark) {
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview {
    color: #fff;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview span.xg-cur {
    color: red;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview .xg-bar {
    background-color: #ffffff4d;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar {
    background-color: red;
  }
}
@keyframes loadingRotate {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes loadingDashOffset {
  0% {
    stroke-dashoffset: 236;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.ocean-vmok-plugin-oc-video-player-wrapper xg-loading-inner {
  display: block;
  height: 100%;
  width: 100%;
  transform-origin: center;
  animation: loadingRotate 1s 0.1s linear infinite;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-loading {
  display: none;
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-loading svg,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-loading img {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xgplayer-loading {
  width: 50px;
  height: 50px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-isloading .xgplayer-loading {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-nostart .xgplayer-loading,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-pause .xgplayer-loading,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-is-enter .xgplayer-loading,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-is-ended .xgplayer-loading,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-is-error .xgplayer-loading {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 50px;
  height: 12px;
  left: 0;
  right: 0;
  top: 0;
  outline: none;
  flex: 1;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-outer {
  position: relative;
  width: 100%;
  height: 2px;
  border-radius: 3px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .progress-list {
  display: flex;
  height: 100%;
  width: 100%;
  border-radius: inherit;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-inner {
  position: relative;
  flex: 1;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transition: height 0.2s ease-in, opacity 0.2s ease-out;
  border-radius: inherit;
  margin-right: 2px;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-inner:last-child,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-inner:only-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .inner-focus-point {
  background: #fff;
  position: relative;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .inner-focus-point:before,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .inner-focus-point:after {
  position: absolute;
  top: 0;
  content: " ";
  display: block;
  width: 2px;
  height: 300%;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  border-radius: 3px;
  background: #fff;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .inner-focus-point:before {
  left: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .inner-focus-point:after {
  right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-cache,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-played {
  display: block;
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-played {
  background: linear-gradient(-90deg, #fa1f41 0%, #e31106 100%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-cache {
  background: rgba(255, 255, 255, 0.5);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-btn {
  display: block;
  background: rgba(255, 94, 94, 0.304093);
  border: 0.5px solid rgba(255, 94, 94, 0.056545);
  box-shadow: 0 0 1px #ff000062;
  width: 20px;
  height: 20px;
  border-radius: 30px;
  left: 0;
  top: 50%;
  position: absolute;
  z-index: 1;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-btn:before {
  content: " ";
  display: block;
  position: relative;
  width: 12px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 30px;
  background: #ffffff;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-btn.active {
  border: 4px solid rgba(255, 94, 94, 0.064057);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-btn.active:before {
  box-shadow: 0 0 3px #f85959b0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-dot {
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 5px;
  top: 0px;
  background: white;
  border-radius: 6px;
  z-index: 16;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-dot .xgplayer-progress-tip {
  position: absolute;
  left: 25%;
  top: -40px;
  height: auto;
  line-height: 30px;
  width: auto;
  transform: scale(0.8) translate(-50%);
  background: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  cursor: default;
  white-space: nowrap;
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .flex-controls .xgplayer-progress {
  transform: translateY(0);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-btn {
  transform: translate(-50%, -50%) scale(0);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-outer {
  height: 3px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-inner {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .inner-focus-point:before,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .inner-focus-point:after {
  width: 3px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .inner-focus-highlight {
  background: rgba(255, 255, 255, 0.8);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer {
  height: 6px;
  margin-bottom: 3px;
  transition: height 0.3s ease, margin-bottom 0.3s ease;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn {
  transform: translate(-50%, -50%) scale(1);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:before,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:after {
  width: 6px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer {
  top: 9px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before {
  height: 6px;
  width: 6px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer {
  height: 4px;
}
@media (prefers-color-scheme: dark) {
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-inner {
    background-color: #ffffff4d;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress .inner-focus-highlight {
    background: rgba(255, 255, 255, 0.8);
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-btn {
    background: rgba(255, 94, 94, 0.304093);
    border: 0.5px solid rgba(255, 94, 94, 0.056545);
    box-shadow: 0 0 1px #ff000062;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-btn:before {
    background-color: #fff;
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-played {
    background-color: linear-gradient(-90deg, #fa1f41 0%, #e31106 100%);
  }
  .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-cache {
    background-color: #ffffff80;
  }
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-progress {
  display: none;
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0px;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-progress xg-mini-progress-played,
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-progress xg-mini-progress-cache {
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-progress xg-mini-progress-played {
  background: linear-gradient(-90deg, #fa1f41 0%, #e31106 100%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xg-mini-progress xg-mini-progress-cache {
  background: rgba(255, 255, 255, 0.5);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-inactive .xg-mini-progress,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mini .xg-mini-progress {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-play .xg-icon-play {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-play .xg-icon-pause,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-play[data-state="pause"] .xg-icon-play {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-play[data-state="pause"] .xg-icon-pause,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-fullscreen .xg-exit-fullscreen {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-fullscreen .xg-get-fullscreen,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-fullscreen[data-state="full"] .xg-exit-fullscreen {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-fullscreen[data-state="full"] .xg-get-fullscreen {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-top-bar .xgplayer-back {
  position: relative;
  left: 0;
  top: 16px;
  width: 34px;
  height: 40px;
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-top-bar .xgplayer-back.show {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-time {
  min-width: 40px;
  font-size: 14px;
  font-family: PingFangSC-Semibold;
  color: #fff;
  text-align: center;
  display: inline-block;
  line-height: 40px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-time span {
  display: inline-block;
  line-height: 40px;
  height: 40px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-time .time-duration {
  color: #ffffff80;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-time .time-live-tag {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-time.xg-time-left {
  margin-left: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-time.xg-time-right {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-time {
  min-width: 30px;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume.slide-show .xgplayer-slider {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-slider {
  display: none;
  position: absolute;
  width: 28px;
  height: 92px;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 1px;
  bottom: 40px;
  outline: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-slider:after {
  content: " ";
  display: block;
  height: 15px;
  width: 28px;
  position: absolute;
  bottom: -15px;
  left: 0;
  z-index: 20;
  cursor: initial;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-value-label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  padding: 5px 0 0;
  font-size: 12px;
  background-color: #0000008a;
  color: #fff;
  text-align: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-bar,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-drag {
  display: block;
  position: absolute;
  bottom: 6px;
  left: 12px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100px;
  width: 4px;
  height: 76px;
  outline: none;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-drag {
  bottom: 0;
  left: 0;
  background: #fa1f41;
  max-height: 76px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-drag:after {
  content: " ";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #fff;
  box-shadow: 0 0 5px #00000042;
  position: absolute;
  border-radius: 50%;
  left: -2px;
  top: -4px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="normal"] .xg-volume {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="normal"] .xg-volume-small,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="normal"] .xg-volume-mute,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="small"] .xg-volume {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="small"] .xg-volume-small {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="small"] .xg-volume-mute,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="mute"] .xg-volume,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="mute"] .xg-volume-small {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="mute"] .xg-volume-mute {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-pip .xg-exit-pip {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-pip .xg-get-pip,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-pip[data-state="pip"] .xg-exit-pip {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-pip[data-state="pip"] .xg-get-pip {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-playnext {
  position: relative;
  display: none;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-playnext:hover {
  opacity: 0.85;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-playnext:hover .xgplayer-tips {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .lang-is-en .xgplayer-playnext .xgplayer-tips {
  margin-left: -25px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .lang-is-jp .xgplayer-playnext .xgplayer-tips {
  margin-left: -38px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-download {
  position: relative;
  display: block;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .lang-is-en .xgplayer-download .xgplayer-tips {
  margin-left: -32px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .lang-is-jp .xgplayer-download .xgplayer-tips {
  margin-left: -40px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-shot {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-definition {
  display: none;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-playbackrate {
  display: none;
  cursor: default;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen .xg-get-cssfull {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen[data-state="full"] .xg-get-cssfull {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen[data-state="full"] .xg-exit-cssfull {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-error {
  background: #000;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  color: #fff;
  text-align: center;
  line-height: 100%;
  justify-content: center;
  align-items: center;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-error .xgplayer-error-refresh {
  color: #fa1f41;
  padding: 0 3px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-error .xgplayer-error-text {
  line-height: 18px;
  margin: auto 6px 20px;
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-is-error .xgplayer-error {
  display: flex;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-prompt {
  display: block;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  padding: 6px 12px 5px;
  opacity: 0;
  left: 10px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50px;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #fff;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-prompt.show {
  display: block;
  opacity: 1;
  z-index: 10;
  pointer-events: initial;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-prompt.arrow {
  transform: translate(-50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-prompt.arrow:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.5);
  transform: translate(-50%, 100%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-prompt .highlight {
  display: inline-block;
  margin-left: 6px;
  color: red;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer.xgplayer-is-error .xgplayer-prompt.show {
  display: none;
  opacity: 1;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-spot {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #fff;
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-spot.mini {
  min-width: 6px;
  transform: translate(-50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xgplayer-spot {
  height: 3px;
  min-width: 3px;
  top: 50%;
  opacity: 1;
  transform: translateY(-50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-mobile .xgplayer-spot.mini {
  min-width: 3px;
  transform: translate(-50%, -50%);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xgplayer-spot {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-info {
  position: absolute;
  left: 0;
  bottom: 100%;
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-info.short-line .xg-spot-line {
  height: 6px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-info.short-line .xg-spot-content {
  bottom: -4px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-info.hide {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xg-spot-info {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xg-spot-info.hide {
  display: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-line {
  position: relative;
  bottom: -7px;
  margin-left: 50%;
  display: block;
  width: 1px;
  height: 41px;
  background-color: #fff;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgplayer-progress-point {
  display: none;
  position: relative;
  bottom: -4px;
  left: 50%;
  transform: translate(-50%);
  background: rgba(0, 0, 0, 0.54);
  font-size: 11px;
  color: #fff;
  padding: 4px 6px;
  border-radius: 4px;
  text-align: center;
  opacity: 0.85;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-content {
  position: relative;
  bottom: -7px;
  color: #fff;
  border-radius: 2px 2px 0 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-ext-text {
  position: relative;
  bottom: -7px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-thumbnail {
  position: relative;
  background-color: #111010;
  pointer-events: none;
  border-radius: 2px 2px 0 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-time {
  position: absolute;
  bottom: 2px;
  font-size: 12px;
  line-height: 16.8px;
  left: 50%;
  transform: translate(-50%);
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .progress-thumbnail {
  margin: 0 auto;
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-text {
  display: none;
  padding: 5px 8px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0 0 2px 2px;
  pointer-events: none;
  box-sizing: border-box;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .spot-inner-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 18px;
  font-size: 12px;
  max-height: 40px;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xg-spot-content.show-text .xg-spot-text {
  display: block;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .product .xg-spot-text {
  background: #3370ff;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .product .xg-spot-line {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 7px solid #3370ff;
  width: 0;
  height: 15px;
  left: -10px;
  background: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgvideo-preview {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s, opacity 0.3s;
  background-color: #000;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgvideo-preview .xgvideo-thumbnail {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer .xgvideo-preview.show {
  opacity: 1;
  visibility: visible;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-dynamic-bg,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-dynamic-bg canvas,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-dynamic-bg xgmask,
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-dynamic-bg xgfilter {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-dynamic-bg canvas {
  transform: translateZ(0);
}
.ocean-vmok-plugin-oc-video-player-wrapper .xgplayer-dynamic-bg xgmask {
  background: rgba(0, 0, 0, 0.7);
}
.ocean-vmok-plugin-oc-video-player-modal-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 120px;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-video-player-modal-wrapper .xgplayer.xgplayer-is-cssfullscreen {
  position: relative;
}
.ocean-vmok-plugin-oc-video-player-modal-wrapper .ocean-vmok-plugin-oc-video-player-modal-close {
  color: #fff;
  position: absolute;
  top: 32px;
  right: 32px;
  height: 48px;
  width: 48px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-video-player {
  width: 100% !important;
  height: 100% !important;
}
.ocean-vmok-plugin-oc-video-player-hide-start .ocean-vmok-plugin-xgplayer-start {
  display: none !important;
}
.ocean-vmok-plugin-oc-video-player-hide-replay .xgplayer-replay {
  display: none !important;
}
.ocean-vmok-plugin-oc-video-player-new .ocean-vmok-plugin-xgplayer-enter-spinner {
  width: 48px !important;
  height: 48px !important;
}
.ocean-vmok-plugin-oc-page-switch-wrapper {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-page-switch-wrapper .ocean-vmok-plugin-oc-page-switch-icon {
  color: #31343b;
}
.ocean-vmok-plugin-oc-page-switch-wrapper .ocean-vmok-plugin-oc-page-switch-icon:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-page-switch-wrapper .ocean-vmok-plugin-oc-page-switch-icon-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-page-switch-wrapper .ocean-vmok-plugin-oc-page-switch-text {
  color: #31343b;
  font-size: 12px;
  margin: 0 16px;
}
.ocean-vmok-plugin-oc-page-switch-wrapper .ocean-vmok-plugin-oc-page-switch-text .ocean-vmok-plugin-text-slash {
  margin: 0 8px;
}
.ocean-vmok-plugin-oc-rolling-load {
  width: 100%;
  height: 100%;
  overflow: scroll;
  position: relative;
}
.ocean-vmok-plugin-oc-rolling-load .tools-vmok-plugin-infinite-scroll {
  overscroll-behavior: none;
}
.ocean-vmok-plugin-oc-rolling-load .ocean-vmok-plugin-oc-rolling-load-content {
  height: 100%;
}
.ocean-vmok-plugin-oc-rolling-load::-webkit-scrollbar {
  display: none;
}
.ocean-vmok-plugin-oc-rolling-load__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 80px 0;
}
.ocean-vmok-plugin-oc-rolling-load__append {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 8px 0;
}
.ocean-vmok-plugin-oc-rolling-load__append-text {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-rolling-load__append-xl .tools-vmok-plugin-inline-spin {
  height: 56px;
}
.ocean-vmok-plugin-oc-rolling-load__append-lg .tools-vmok-plugin-inline-spin {
  height: 36px;
}
.ocean-vmok-plugin-oc-rolling-load__append-md .tools-vmok-plugin-inline-spin {
  height: 18px;
}
.ocean-vmok-plugin-oc-rolling-load__append-sm .tools-vmok-plugin-inline-spin {
  height: 14px;
}
.ocean-vmok-plugin-oc-rolling-load__append-xs .tools-vmok-plugin-inline-spin {
  height: 12px;
}
.ocean-vmok-plugin-oc-rolling-load .tools-vmok-plugin-spin__content .tools-vmok-plugin-inline-spin {
  height: 18px;
}
.ocean-vmok-plugin-oc-asset-share-batch-add {
  border: 1px solid #dfe0e2;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-asset-share-batch-add .ocean-vmok-plugin-tips-link {
  margin-bottom: 12px;
}
.ocean-vmok-plugin-oc-asset-share-batch-add o-textarea-plus {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-asset-share-batch-add-button {
  display: flex;
  justify-content: flex-end;
  height: 24px;
}
.ocean-vmok-plugin-oc-asset-share-batch-select {
  display: flex;
}
.ocean-vmok-plugin-oc-asset-share-batch-select-add {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-asset-share-batch-select o-textarea-plus {
  height: 278px;
}
.ocean-vmok-plugin-oc-asset-share-batch-select .ocean-vmok-plugin-o-textarea-plus__header {
  height: 38px !important;
}
.ocean-vmok-plugin-oc-asset-share-batch-select .ocean-vmok-plugin-oc-batch-upload-text-modal-footer-error-list {
  max-height: 150px;
}
.ocean-vmok-plugin-oc-asset-share-drawer-header {
  font-weight: bold;
  font-size: 16px;
}
.ocean-vmok-plugin-oc-asset-share-drawer-content {
  border-radius: 12px;
  background: #fff;
  padding: 24px;
  min-height: 100%;
}
.ocean-vmok-plugin-oc-asset-share-drawer-content .ocean-vmok-plugin-oc-row-input {
  width: auto;
}
.ocean-vmok-plugin-oc-asset-share-drawer-content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-asset-share-drawer-content-header-append {
  cursor: pointer;
  height: 100%;
  padding: 0 8px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #f4f4f5;
  color: #323335;
  border-color: #f4f4f5;
  white-space: nowrap;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-asset-share-modal-batch-tip {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-asset-share-modal-group-select {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-asset-share-modal-share-type {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-asset-share-modal-share-type-select {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-asset-share-modal-share-company-select {
  margin-bottom: 24px;
  width: 504px;
}
.ocean-vmok-plugin-oc-asset-share-modal-share-company-select-text {
  height: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-asset-share-modal-search-bar {
  margin-top: 8px;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-asset-share-modal-search-bar-title {
  margin-bottom: 8px;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-asset-share-modal-search-bar-append {
  cursor: pointer;
  height: 100%;
  padding: 0 8px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #f4f4f5;
  color: #323335;
  border-color: #f4f4f5;
  white-space: nowrap;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-asset-share-modal-id-input-guide {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-asset-share-modal-share-select {
  min-height: 320px;
}
.ocean-vmok-plugin-oc-asset-share-modal-share-select-disabled {
  flex-direction: column;
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dee0e3;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-account-switch {
  padding-bottom: 12px;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-disabled-mask {
  z-index: 20;
  position: absolute;
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  background-color: #dee0e3;
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-disabled-mask:hover {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-container {
  transition: all 0.3s;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-container-collapsed {
  margin-bottom: 0 !important;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-collapse {
  display: inline-block;
  margin-top: -8px;
  position: absolute;
  right: 16px;
  top: 56%;
  transform: translate(0, -50%);
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-aigc-title {
  padding: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-aigc-title .ocean-vmok-plugin-modal-icon {
  width: 58px;
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-aigc-title .ocean-vmok-plugin-introduce-text {
  margin-left: 8px;
  margin-top: 1px;
  font-size: 12px;
  color: #64666b;
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-modal-background {
  width: 100%;
  height: 296px;
  position: absolute;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-modal-background-icon {
  width: 328px;
  height: 165px;
  position: absolute;
  right: 0;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-content-container {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector .ocean-vmok-plugin-content-container-tabs {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-create-anchor-info {
  display: inline-block;
  padding: 16px;
  background: #31343b;
  border-radius: 4px;
  width: 208px;
}
.ocean-vmok-plugin-create-anchor-info .ocean-vmok-plugin-create-anchor-info—type {
  display: flex;
  align-items: center;
  color: #ffffff;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.ocean-vmok-plugin-create-anchor-info .ocean-vmok-plugin-create-anchor-info—type .ocean-vmok-plugin-create-anchor-info-type-icon {
  font-size: 20px;
  margin-right: 8px;
}
.ocean-vmok-plugin-create-anchor-info .ocean-vmok-plugin-create-anchor-info—type .ocean-vmok-plugin-create-anchor-info-type-delimiter {
  width: 1px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.34);
  margin: 0 8px;
}
.ocean-vmok-plugin-create-anchor-info .ocean-vmok-plugin-create-anchor-info—type .ocean-vmok-plugin-create-anchor-info-type-details-names {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ocean-vmok-plugin-create-anchor-select .ocean-vmok-plugin-create-anchor-select-radio {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-create-anchor-select .ocean-vmok-plugin-create-anchor-info-row {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-create-anchor-select .ocean-vmok-plugin-create-anchor-filter-container {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-create-anchor-drawer-body .ocean-vmok-plugin-oc-create-material-card-content .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-top-right {
  width: 375px;
  top: 188px;
  left: 4px;
  right: auto;
  transform: scale(0.44);
  transform-origin: 0 0 0;
}
.ocean-vmok-plugin-create-anchor-drawer-body .ocean-vmok-plugin-oc-create-material-card-content .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-top-right .ocean-vmok-plugin-create-anchor-select-item-info {
  display: inline-flex;
  align-items: center;
  border-radius: 2px;
  padding: 4px;
  color: #ffffff;
  background: #292929;
}
.ocean-vmok-plugin-create-anchor-drawer-body .ocean-vmok-plugin-oc-create-material-card-content .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-top-right .ocean-vmok-plugin-create-anchor-select-item-info .ocean-vmok-plugin-create-anchor-select-item-icon {
  margin-right: 8px;
}
.ocean-vmok-plugin-create-anchor-drawer-body .ocean-vmok-plugin-oc-create-material-card-content .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-top-right .ocean-vmok-plugin-create-anchor-select-item-info .ocean-vmok-plugin-create-anchor-select-item-delimiter {
  width: 1px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.34);
  margin: 0 8px;
}
.ocean-vmok-plugin-create-material-list-filter-option-item {
  max-width: 60px;
}
.ocean-vmok-plugin-create-app-select {
  width: 432px;
}
.ocean-vmok-plugin-create-app-select-input-suffix {
  cursor: pointer;
  line-height: 22px;
  font-size: 14px;
  color: #0057ff;
  padding-left: 8px;
  border-left: 1px solid #dfe0e2;
}
.ocean-vmok-plugin-create-app-select-input-suffix[disabled="true"] {
  color: #badaff;
  cursor: not-allowed;
}
.ocean-vmok-plugin-create-app-select-modal-body {
  padding-bottom: 24px;
}
.ocean-vmok-plugin-create-app-select-modal-filter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.ocean-vmok-plugin-create-app-select-modal-nav {
  margin-bottom: 29px;
}
.ocean-vmok-plugin-oc-create-audience-district-radio {
  flex: 1;
}
.ocean-vmok-plugin-oc-create-audience-district-radio .tools-vmok-plugin-radio-group {
  flex-wrap: wrap;
  gap: 4px 8px;
}
.ocean-vmok-plugin-oc-create-audience-district .ocean-vmok-plugin-ml-16 {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-create-audience-district .ocean-vmok-plugin-before-radio {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.ocean-vmok-plugin-custom-select-wrapper {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: top;
}
.ocean-vmok-plugin-custom-select-wrapper-connect {
  margin: 0 8px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #31343b;
  font-weight: 400;
}
.ocean-vmok-plugin-oc-create-audience-mobile-brand {
  width: 792px;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper-selected {
  padding: 10px 22px 10px 10px !important;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper {
  display: flex;
  flex-direction: row;
  padding: 10px;
  border-radius: 8px;
  background: #f5f7fa;
  position: relative;
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-checkbox {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 2;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 4px;
  color: #ffffff;
  background: #ffffff;
  border: 2px solid #dee0e3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-checkbox .ocean-vmok-plugin-oc-create-audio-card-select-checkbox-icon {
  margin-top: 4px;
  display: none;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-radio {
  position: absolute;
  z-index: 2;
  top: 0px;
  right: 0px;
  padding: 2px 4px;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-radio .tools-vmok-plugin-radio__inner {
  border-color: #dee0e3;
  border-width: 2px;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-close {
  display: none;
  position: absolute;
  right: -8px;
  top: -8px;
  color: #93969d;
  z-index: 3;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-closable:hover {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-wrapper {
  position: relative;
  margin-right: 8px;
  width: 40px;
  height: 40px;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-wrapper .ocean-vmok-plugin-oc-image-img {
  height: 100% !important;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: unset;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-mask {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.12);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-wrapper:hover .ocean-vmok-plugin-oc-create-audio-card-avatar-mask {
  background: rgba(0, 0, 0, 0.5);
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content .ocean-vmok-plugin-oc-create-audio-card-titile {
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content .ocean-vmok-plugin-oc-create-audio-card-tag-wrapper {
  margin-bottom: 4px;
  display: flex;
  flex-direction: row;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content .ocean-vmok-plugin-oc-create-audio-card-info .ocean-vmok-plugin-oc-create-audio-card-slider-wrapper {
  padding-left: 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content .ocean-vmok-plugin-oc-create-audio-card-info .ocean-vmok-plugin-oc-create-audio-card-slider-wrapper .ocean-vmok-plugin-oc-create-audio-card-slider {
  margin-top: 3px;
  margin-right: 8px;
  display: flex;
  flex: 1;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content .ocean-vmok-plugin-oc-create-audio-card-info .ocean-vmok-plugin-oc-create-audio-card-slider-wrapper .ocean-vmok-plugin-oc-create-audio-card-slider .tools-vmok-plugin-slider__rail {
  background: #ffffff;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content .ocean-vmok-plugin-oc-create-audio-card-info .ocean-vmok-plugin-oc-create-audio-card-slider-wrapper .ocean-vmok-plugin-oc-create-audio-card-slider .tools-vmok-plugin-slider__thumb {
  width: 12px !important;
  height: 12px !important;
  border-width: 3px !important;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-content .ocean-vmok-plugin-oc-create-audio-card-info .ocean-vmok-plugin-oc-create-audio-card-slider-wrapper .tools-vmok-plugin-slider--disabled .tools-vmok-plugin-slider__rail {
  background-color: #f5f7fa !important;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-wrapper:hover .ocean-vmok-plugin-oc-create-audio-card-close {
  display: block;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-select {
  border: 1px solid #f5f7fa;
  box-sizing: border-box;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-select:hover {
  border-color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-select:hover .ocean-vmok-plugin-oc-create-audio-card-select-checkbox {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-selected {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-selected .ocean-vmok-plugin-oc-create-audio-card-select-checkbox {
  background: #0057ff;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-selected .ocean-vmok-plugin-oc-create-audio-card-select-checkbox .ocean-vmok-plugin-oc-create-audio-card-select-checkbox-icon {
  display: block;
}
.ocean-vmok-plugin-oc-create-audio-card .ocean-vmok-plugin-oc-create-audio-card-selected .ocean-vmok-plugin-oc-create-audio-card-select-checkbox .ocean-vmok-plugin-oc-create-audio-card-select-radio .tools-vmok-plugin-radio__inner {
  background-color: #0057ff;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled {
  position: relative;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-wrapper .ocean-vmok-plugin-oc-create-audio-card-disabled-mask {
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  z-index: 3;
  border-radius: 4px;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-avatar-wrapper .ocean-vmok-plugin-oc-create-audio-card-disabled-mask:hover {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .tools-vmok-plugin-tag--default-fill {
  background: #93969d;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-select:hover {
  border-color: #f5f7fa;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-select:hover .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-checkbox {
  border-color: #f5f7fa;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-select:hover .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-radio .tools-vmok-plugin-radio__inner {
  border-color: #f5f7fa;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-selected .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-checkbox {
  background: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-selected .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-radio .tools-vmok-plugin-radio__inner {
  background: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-selected:hover .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-checkbox {
  background-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-audio-card-disabled .ocean-vmok-plugin-oc-create-audio-card-selected:hover .ocean-vmok-plugin-oc-create-audio-card-wrapper .ocean-vmok-plugin-oc-create-audio-card-select-radio .tools-vmok-plugin-radio__inner {
  background: #0057ff;
}
.ocean-vmok-plugin-oc-create-batch-select-input {
  width: 546px;
  margin-bottom: 13px;
}
.ocean-vmok-plugin-oc-create-batch-select-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-batch-select-panel {
  display: flex;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left {
  width: 546px;
  border-radius: 4px;
  border: solid 1px #e8eaed;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 37px;
  background-color: #f2f4f7;
  border-bottom: solid 1px #e8eaed;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-header-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-header-title {
  margin-left: 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-body {
  height: 281px;
  width: 100%;
  overflow-y: scroll;
  padding: 6px 0;
  position: relative;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-body-item {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 4px 12px;
  justify-content: space-between;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-body-item-one-line {
  height: 22px;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-body-item-prefix {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-body-item:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-body-all {
  padding: 8px 12px;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-body-all:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-left-empty {
  position: absolute;
  top: 96px;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-right {
  margin-left: 8px;
  width: 240px;
  height: 100%;
  border-radius: 4px;
  border: solid 1px #e8eaed;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-right-header {
  width: 100%;
  height: 38px;
  background-color: #f2f4f7;
  border-bottom: solid 1px #e8eaed;
  font-weight: 600;
  font-size: 14px;
  line-height: 38px;
  color: #31343b;
  padding-left: 12px;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-right-body {
  height: 280px;
  width: 100%;
  overflow-y: scroll;
  padding: 0 12px 12px 12px;
  position: relative;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-right-body-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-create-batch-select-panel-right-empty {
  position: absolute;
  top: 95px;
  width: calc(100% - 24px);
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package {
  width: 792px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-type {
  display: flex;
  align-items: center;
  color: #31343b;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-info {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #31343b;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-info-operate {
  display: flex;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-info-operate .ocean-vmok-plugin-oc-typography {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-info-operate .ocean-vmok-plugin-oc-typography:last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-info-include {
  display: inline-block;
  margin-right: 12px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-info-exclude {
  display: inline-block;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package .ocean-vmok-plugin-brand-custom-audience-package-info-num {
  font-weight: 400;
}
.ocean-vmok-plugin-oc-create-calendar {
  position: relative;
}
.ocean-vmok-plugin-oc-create-calendar-checkout-today {
  position: absolute;
  right: 0;
  top: 8px;
}
.ocean-vmok-plugin-oc-create-calendar .tools-vmok-plugin-date__table {
  height: auto;
  width: auto;
  padding: 0;
}
.ocean-vmok-plugin-oc-create-calendar .tools-vmok-plugin-date__table .tools-vmok-plugin-date__row {
  gap: 4px;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-create-calendar .tools-vmok-plugin-date__table .tools-vmok-plugin-date__cell {
  height: 80px;
  width: 97px;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-create-calendar .tools-vmok-plugin-date-picker-panel {
  border: none;
  border-radius: 0;
}
.ocean-vmok-plugin-oc-create-calendar .tools-vmok-plugin-date__header {
  border-bottom: none;
  background-color: transparent;
  line-height: 28px;
}
.ocean-vmok-plugin-oc-create-calendar .tools-vmok-plugin-date__header .tools-vmok-plugin-date__header-label {
  flex: none;
  margin: 0 66px;
}
.ocean-vmok-plugin-oc-item-card {
  display: flex;
  align-items: center;
  width: 544px;
  height: 64px;
  background-color: #f2f4f7;
  border-radius: 4px;
  position: relative;
}
.ocean-vmok-plugin-oc-item-card-errorMsg {
  color: #e5453f;
  font-size: 12px;
  line-height: 18px;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-item-card-error {
  background-color: #fdf2f2;
}
.ocean-vmok-plugin-oc-item-card-img-box {
  width: 27px;
  height: 48px;
  margin-left: 12px;
  margin-right: 12px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-item-card-img-box .ocean-vmok-plugin-oc-image-img {
  height: 100%;
}
.ocean-vmok-plugin-oc-item-card-img-box-img {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-item-card-info-title {
  display: flex;
  gap: 4px;
  align-self: center;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-item-card-info-title .ocean-vmok-plugin-oc-tag {
  margin-top: 1px;
}
.ocean-vmok-plugin-oc-item-card-info-extra,
.ocean-vmok-plugin-oc-item-card-info-vertical,
.ocean-vmok-plugin-oc-item-card-info-id {
  color: #93969d;
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-item-card-info-vertical-container {
  display: flex;
}
.ocean-vmok-plugin-oc-item-card-info-vertical {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-item-card-change {
  cursor: pointer;
  position: absolute;
  right: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #0057ff;
  display: flex;
  gap: 4px;
}
.ocean-vmok-plugin-oc-custom-package-wrapper {
  width: 792px;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #31343b;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-operate {
  display: flex;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-operate .ocean-vmok-plugin-oc-typography {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-operate .ocean-vmok-plugin-oc-typography:last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-include {
  display: inline-block;
  margin-right: 12px;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-exclude {
  display: inline-block;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-num {
  font-weight: 400;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-icon-disabled {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-icon {
  color: #62656c;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-header-icon span:hover {
  background: #e8f4ff;
  border-radius: 2px;
}
.ocean-vmok-plugin-oc-external-url {
  width: 100%;
  min-width: 570px;
}
.ocean-vmok-plugin-oc-external-url-top-operate {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-external-url-top-operate-text {
  margin-left: 8px;
  color: #62656c;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-external-url-list {
  overflow-y: auto;
  width: 100%;
}
.ocean-vmok-plugin-oc-external-url-item {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-external-url-item-input {
  display: flex;
  align-items: center;
  position: relative;
}
.ocean-vmok-plugin-oc-external-url-item-input-change {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #0057ff;
  margin-right: 3px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-external-url-item-input-button {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-external-url-item-input-after {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-external-url-item-input-change-disabled {
  color: #bfc1c5;
}
.ocean-vmok-plugin-oc-external-url-item-input-delete {
  cursor: pointer;
  color: #93969d;
  line-height: 1em;
}
.ocean-vmok-plugin-oc-external-url-item-input-delete:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-external-url-item-input-delete-disabled {
  cursor: pointer;
  color: #93969d;
  display: flex;
}
.ocean-vmok-plugin-oc-external-url-item-card {
  display: flex;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-external-url-item-card-delete {
  cursor: pointer;
  color: #93969d;
  display: flex;
}
.ocean-vmok-plugin-oc-external-url-item-card-delete:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-external-url-item-card-delete-disabled {
  cursor: pointer;
  color: #93969d;
  display: flex;
}
.ocean-vmok-plugin-oc-external-url-add {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-external-url-plus {
  margin-right: 4px;
  color: #62656c;
}
.ocean-vmok-plugin-oc-external-url-drawer-body .ocean-vmok-plugin-oc-create-material-card-select-top-right {
  top: 50% !important;
  left: 50%;
  right: inherit !important;
  transform: translate(-50%, -50%);
  z-index: 10 !important;
}
.ocean-vmok-plugin-oc-create-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.ocean-vmok-plugin-oc-create-filter-bar .ocean-vmok-plugin-create-filter-bar-item-select .ocean-vmok-plugin-oc-select {
  display: flex;
}
.ocean-vmok-plugin-oc-create-inventory-info {
  width: 100%;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-oc-title + .ocean-vmok-plugin-content-wrapper {
  padding-top: 8px;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper {
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-title {
  display: flex;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-title-item {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-title-item-0 {
  width: 66px;
  padding-left: 8px;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-title-item-1,
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-title-item-2 {
  flex: 1;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-list {
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-create-inventory-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-list .ocean-vmok-plugin-oc-create-inventory-info-item + .ocean-vmok-plugin-oc-create-inventory-info-item {
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-create-kv-info {
  width: 100%;
}
.ocean-vmok-plugin-oc-create-kv-info .ocean-vmok-plugin-oc-title + .ocean-vmok-plugin-content-wrapper {
  padding-top: 8px;
}
.ocean-vmok-plugin-oc-create-kv-info .ocean-vmok-plugin-content-wrapper-top .ocean-vmok-plugin-oc-key-value + .ocean-vmok-plugin-oc-key-value {
  margin-top: 12px !important;
}
.ocean-vmok-plugin-oc-create-kv-info .ocean-vmok-plugin-content-wrapper-left .ocean-vmok-plugin-oc-typography + .ocean-vmok-plugin-oc-typography {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-kv-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-oc-key-value-value {
  flex: 1;
}
.ocean-vmok-plugin-oc-create-kv-info .ocean-vmok-plugin-oc-create-kv-info-key {
  margin-right: 8px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-sidebar {
  box-sizing: border-box;
  position: absolute;
  width: 200px !important;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-oc-card-wrapper {
  height: calc(100vh - 102px);
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-sidebar::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.ocean-vmok-plugin-oc-sidebar::-webkit-scrollbar {
  width: 6px;
}
.ocean-vmok-plugin-oc-sidebar::-webkit-scrollbar-thumb {
  background-color: #e7e7e7;
  border-radius: 5px;
  background-clip: padding-box;
  min-height: 28px;
}
.ocean-vmok-plugin-oc-sidebar::-webkit-scrollbar-thumb:hover {
  background-color: #ddd;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left {
  padding: 12px 8px;
  width: 100%;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  height: 38px;
  width: 100%;
  line-height: 22px;
  padding-left: 40px;
  font-size: 14px;
  flex: 1;
  position: relative;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step:last-child {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-header {
  font-weight: bolder;
  color: #b9bcc3;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-item {
  color: #31343b;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-item::before {
  content: "";
  width: 4px;
  height: 4px;
  display: block;
  border-radius: 4px;
  background-color: #31343b;
  position: absolute;
  left: 19px;
  transition: all 0.2s;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-item.ocean-vmok-plugin-active,
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-item:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-item.ocean-vmok-plugin-active::before,
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-item:hover::before {
  background-color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #31343b;
  padding-left: 50px;
  margin: 8px 0;
  cursor: pointer;
  position: relative;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child__anchor {
  position: relative;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child__anchor::before {
  position: absolute;
  height: 100%;
  left: -16px;
  top: 0;
  background: #dee0e3;
  width: 2px;
  content: "";
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child .ocean-vmok-plugin-menu-left-step-child-item {
  margin-bottom: 12px;
  position: relative;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child .ocean-vmok-plugin-menu-left-step-child-item:last-child {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child .ocean-vmok-plugin-menu-left-step-child-item:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child .ocean-vmok-plugin-menu-left-step-child-item.ocean-vmok-plugin-active {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step-child .ocean-vmok-plugin-menu-left-step-child-item.ocean-vmok-plugin-active::before {
  position: absolute;
  height: 100%;
  left: -16px;
  top: 0;
  background: #0057ff;
  width: 2px;
  content: "";
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step .ocean-vmok-plugin-step,
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step .ocean-vmok-plugin-icon-name {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  color: #ffffff;
  background-color: #b9bcc3;
  text-align: center;
  display: inline-block;
  line-height: 18px;
  position: absolute;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step .ocean-vmok-plugin-step-status {
  width: 14px;
  height: 14px;
  line-height: 14px;
  right: 12px;
  left: inherit;
  position: absolute;
  color: #e34949;
  top: 50%;
  margin-top: -7px;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step .ocean-vmok-plugin-icon-name {
  color: #93969d;
  background-color: inherit;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step.ocean-vmok-plugin-done {
  cursor: auto;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step.ocean-vmok-plugin-done .ocean-vmok-plugin-menu-left-step-header {
  color: #31343b;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step.ocean-vmok-plugin-done .ocean-vmok-plugin-step {
  background-color: #e8f4ff;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step.ocean-vmok-plugin-done .ocean-vmok-plugin-icon-name {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step.ocean-vmok-plugin-active .ocean-vmok-plugin-menu-left-step-header {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step.ocean-vmok-plugin-active .ocean-vmok-plugin-step {
  background-color: #0057ff;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-sidebar .ocean-vmok-plugin-menu-left-step.ocean-vmok-plugin-active .ocean-vmok-plugin-icon-name {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-layout .ocean-vmok-plugin-oc-layout__main-wrapper {
  padding-left: 200px;
}
/*
* 屏幕自适应
* < 1280 滚动条
* 1280-1440 小导航，左右自适应
* 1440-1920 大导航，左右自适应
* > 1902 大导航，左右定宽，1688
*/
.ocean-vmok-plugin-oc-sidebar-collapsed {
  width: 44px !important;
  position: absolute;
  transition: width 0s;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left {
  padding: 12px 0;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left__header {
  padding-left: 8px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-name,
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left-step-child {
  display: none;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left-step {
  padding: 0 8px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left-step .ocean-vmok-plugin-step {
  left: 4px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left-step-item {
  padding: 0;
  width: 36px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left-step-item::before {
  left: 10px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left-step-item.ocean-vmok-plugin-error::before {
  background-color: #e34949;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-menu-left-step-item .ocean-vmok-plugin-step-status {
  display: none !important;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-item {
  padding-left: 28px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed .ocean-vmok-plugin-item .ocean-vmok-plugin-icon-name {
  margin-left: -6px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover {
  width: 200px !important;
  transition: width 0.1s;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-oc-card-wrapper {
  background-color: #ffffff !important;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left {
  padding: 12px 8px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left__header {
  padding-left: 0;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-name,
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step-child {
  display: block;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step {
  padding: 0;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step .ocean-vmok-plugin-step {
  left: 10px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step-item {
  padding-left: 40px;
  width: 100%;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step-item::before {
  left: 19px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step-item.ocean-vmok-plugin-error::before {
  background-color: #31343b;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step-item.ocean-vmok-plugin-error.ocean-vmok-plugin-active::before {
  background-color: #0057ff;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-menu-left-step-item .ocean-vmok-plugin-step-status {
  display: block !important;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-item {
  padding-left: 40px;
}
.ocean-vmok-plugin-oc-sidebar-collapsed:hover .ocean-vmok-plugin-item .ocean-vmok-plugin-icon-name {
  margin-left: 0px;
}
.ocean-vmok-plugin-oc-create-layout-collapsed .ocean-vmok-plugin-oc-layout__main-wrapper {
  padding-left: 44px;
}
.ocean-vmok-plugin-oc-create-material-audit-suggest-panel-content {
  max-height: 250px;
  overflow-y: auto;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper {
  display: inline-block;
  transition: all 0.5s;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content {
  position: relative;
  border-radius: 8px;
  border: 2px solid #dee0e3;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: relative;
  background: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-data {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-data-vertical .ocean-vmok-plugin-oc-image-img {
  height: 100%;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-data-vertical .ocean-vmok-plugin-oc-create-material-card-content-show-img-media .ocean-vmok-plugin-oc-media-thumb-container {
  background-size: cover;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-top {
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 2;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-top .ocean-vmok-plugin-oc-create-material-card-top-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-top .ocean-vmok-plugin-oc-create-material-card-top-tag .tools-vmok-plugin-tag--default-fill {
  background-color: rgba(50, 51, 53, 0.6);
  backdrop-filter: blur(2px);
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  font-size: 12px;
  color: #31343b;
  overflow: hidden;
  border-radius: 0 0 6px 6px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-bottom-tag {
  margin: 0 4px 4px 4px;
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-bottom-tag .ocean-vmok-plugin-oc-tag {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-audit {
  margin: 0 4px 4px 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tip {
  margin: 0 4px 4px 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tab {
  display: flex;
  flex-wrap: nowrap;
  height: 24px;
  width: 100%;
  background: #f2f4f7;
  box-shadow: 0px -7px 10px 0px rgba(0, 0, 0, 0.06);
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tab .ocean-vmok-plugin-oc-create-material-card-tab-item {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tab .ocean-vmok-plugin-oc-create-material-card-tab-item:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tab .ocean-vmok-plugin-oc-create-material-card-tab-item::after {
  content: "";
  height: 16px;
  width: 1px;
  background: #dee0e3;
  position: absolute;
  right: 0;
  top: 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tab .ocean-vmok-plugin-oc-create-material-card-tab-item:last-child::after {
  display: none;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tab .ocean-vmok-plugin-oc-create-material-card-tab-item-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-tab .ocean-vmok-plugin-oc-create-material-card-tab-item-disabled:hover {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-aweme-info {
  display: flex;
  align-items: center;
  height: 26px;
  padding: 0 7px;
  background: rgba(26, 26, 27, 0.5);
  color: #ffffff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-aweme-info .ocean-vmok-plugin-oc-create-material-card-aweme-info-avatar {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-bottom .ocean-vmok-plugin-oc-create-material-card-aweme-info .ocean-vmok-plugin-oc-create-material-card-aweme-info-avatar .ocean-vmok-plugin-oc-create-material-card-aweme-info-avatar-img {
  width: 16px;
  height: 16px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__wrapper {
  margin: 0!important;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox,
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-radio {
  position: absolute;
  z-index: 2;
  top: 2px;
  right: 2px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-radio .tools-vmok-plugin-radio__inner {
  border-color: #dee0e3;
  border-width: 2px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__inner:hover {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-top-right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-top-right-select {
  right: 20px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-close {
  display: none;
  position: absolute;
  right: -8px;
  top: -8px;
  color: #93969d;
  z-index: 3;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-close .ocean-vmok-plugin-oc-create-material-card-close-icon {
  border-radius: 50%;
  background: #ffffff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-disabled-mask {
  z-index: 2;
  position: absolute;
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  background-color: #dee0e3;
  border-radius: 8px;
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-disabled-mask:hover {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-show-play {
  position: absolute;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-show-player {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-show-img {
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-show-img-media {
  overflow: hidden;
  height: 100%;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-content-show-img-media .ocean-vmok-plugin-oc-media-thumb-container {
  height: 100%!important;
  margin-left: -2px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-group-img-container__list {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90px;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-group-img-container__list .ocean-vmok-plugin-group-img-container__list__item {
  width: 26px;
  height: 26px;
  margin: 0 2px 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-group-img-container__list_4 {
  max-width: 60px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-group-img-container__list_3 {
  flex-wrap: wrap-reverse;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-select {
  border: 2px solid #dee0e3;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-select:hover {
  border-color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-selected {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-selected .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-selected .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-radio .tools-vmok-plugin-radio__inner {
  background-color: #0057ff;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-closable:hover {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-name {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-sub {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-sub .ocean-vmok-plugin-oc-create-material-card-sub-text {
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-aweme-bottom {
  display: flex;
  align-items: center;
  margin-top: 2px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-aweme-bottom .ocean-vmok-plugin-oc-create-material-card-aweme-bottom-avatar {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-aweme-bottom .ocean-vmok-plugin-oc-create-material-card-aweme-bottom-avatar .ocean-vmok-plugin-oc-create-material-card-aweme-bottom-avatar-img {
  width: 16px;
  height: 16px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-count-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 2px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-count-info .ocean-vmok-plugin-oc-create-material-card-count-info-item {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-count-info .ocean-vmok-plugin-oc-create-material-card-count-info-icon-wrap {
  display: flex;
  align-items: center;
  margin-right: 2px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper .ocean-vmok-plugin-oc-create-material-card-content-carousel .ocean-vmok-plugin-oc-audio-player {
  position: absolute;
  right: 12px;
  bottom: 22px;
  z-index: 10000;
}
.ocean-vmok-plugin-oc-create-material-card-wrapper:hover .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-close {
  display: block;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .tools-vmok-plugin-tag--default-fill {
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-select {
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-select .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-select .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-radio .tools-vmok-plugin-radio__inner {
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-select:hover {
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-select:hover .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-select:hover .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-radio .tools-vmok-plugin-radio__inner {
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-selected {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-selected .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-selected .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-radio .tools-vmok-plugin-radio__inner {
  background: #0057ff;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-selected:hover {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-selected:hover .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-checkbox .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-create-material-card-disabled .ocean-vmok-plugin-oc-create-material-card-selected:hover .ocean-vmok-plugin-oc-create-material-card-content-show .ocean-vmok-plugin-oc-create-material-card-select-radio .tools-vmok-plugin-radio__inner {
  background: #0057ff;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-material-card-resize {
  transform: scale(1.5);
}
.ocean-vmok-plugin-oc-material-card-resize-zindex {
  z-index: 99;
  position: relative;
}
.ocean-vmok-plugin-oc-material-card-video-popover {
  padding: 0px !important;
  border-radius: 12px;
  line-height: 0;
  border-radius: 8px;
  overflow: hidden;
}
.vue-advanced-cropper {
  text-align: center;
  position: relative;
  user-select: none;
  max-height: 100%;
  max-width: 100%;
  direction: ltr;
}
.vue-advanced-cropper__stretcher {
  pointer-events: none;
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.vue-advanced-cropper__image {
  user-select: none;
  position: absolute;
  transform-origin: center;
  max-width: none !important;
}
.vue-advanced-cropper__background,
.vue-advanced-cropper__foreground {
  opacity: 1;
  background: black;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.vue-advanced-cropper__foreground {
  opacity: 0.5;
}
.vue-advanced-cropper__boundaries {
  opacity: 1;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.vue-advanced-cropper__cropper-wrapper {
  width: 100%;
  height: 100%;
}
.vue-advanced-cropper__image-wrapper {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}
.vue-advanced-cropper__stencil-wrapper {
  position: absolute;
}
.vue-handler-wrapper {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
}
.vue-handler-wrapper__draggable {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vue-handler-wrapper--west-north {
  cursor: nw-resize;
}
.vue-handler-wrapper--north {
  cursor: n-resize;
}
.vue-handler-wrapper--east-north {
  cursor: ne-resize;
}
.vue-handler-wrapper--east {
  cursor: e-resize;
}
.vue-handler-wrapper--east-south {
  cursor: se-resize;
}
.vue-handler-wrapper--south {
  cursor: s-resize;
}
.vue-handler-wrapper--west-south {
  cursor: sw-resize;
}
.vue-handler-wrapper--west {
  cursor: w-resize;
}
.vue-handler-wrapper--disabled {
  cursor: auto;
}
.vue-line-wrapper {
  background: none;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vue-line-wrapper--north,
.vue-line-wrapper--south {
  height: 12px;
  width: 100%;
  left: 0;
  transform: translateY(-50%);
}
.vue-line-wrapper--north {
  top: 0;
  cursor: n-resize;
}
.vue-line-wrapper--south {
  top: 100%;
  cursor: s-resize;
}
.vue-line-wrapper--east,
.vue-line-wrapper--west {
  width: 12px;
  height: 100%;
  transform: translateX(-50%);
  top: 0;
}
.vue-line-wrapper--east {
  left: 100%;
  cursor: e-resize;
}
.vue-line-wrapper--west {
  left: 0;
  cursor: w-resize;
}
.vue-line-wrapper--disabled {
  cursor: auto;
}
.vue-bounding-box {
  position: relative;
  height: 100%;
  width: 100%;
}
.vue-bounding-box__handler {
  position: absolute;
}
.vue-bounding-box__handler--west-north {
  left: 0;
  top: 0;
}
.vue-bounding-box__handler--north {
  left: 50%;
  top: 0;
}
.vue-bounding-box__handler--east-north {
  left: 100%;
  top: 0;
}
.vue-bounding-box__handler--east {
  left: 100%;
  top: 50%;
}
.vue-bounding-box__handler--east-south {
  left: 100%;
  top: 100%;
}
.vue-bounding-box__handler--south {
  left: 50%;
  top: 100%;
}
.vue-bounding-box__handler--west-south {
  left: 0;
  top: 100%;
}
.vue-bounding-box__handler--west {
  left: 0;
  top: 50%;
}
.vue-draggable-area {
  position: relative;
}
.vue-preview-result {
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  height: 100%;
  width: 100%;
}
.vue-preview-result__wrapper {
  position: absolute;
}
.vue-preview-result__image {
  pointer-events: none;
  position: relative;
  user-select: none;
  transform-origin: center;
  max-width: none !important;
}
.vue-simple-handler {
  display: block;
  background: white;
  height: 10px;
  width: 10px;
}
.vue-simple-line {
  background: none;
  transition: border 0.5s;
  border-color: rgba(255, 255, 255, 0.3);
  border-width: 0;
  border-style: solid;
}
.vue-simple-line--south,
.vue-simple-line--north {
  height: 0;
  width: 100%;
}
.vue-simple-line--east,
.vue-simple-line--west {
  height: 100%;
  width: 0;
}
.vue-simple-line--east {
  border-right-width: 1px;
}
.vue-simple-line--west {
  border-left-width: 1px;
}
.vue-simple-line--south {
  border-bottom-width: 1px;
}
.vue-simple-line--north {
  border-top-width: 1px;
}
.vue-simple-line--hover {
  opacity: 1;
  border-color: white;
}
.vue-preview {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.vue-preview--fill {
  width: 100%;
  height: 100%;
  position: absolute;
}
.vue-preview__wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
}
.vue-preview__image {
  pointer-events: none;
  position: absolute;
  user-select: none;
  transform-origin: center;
  max-width: none !important;
}
.vue-rectangle-stencil {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.vue-rectangle-stencil__preview {
  position: absolute;
  width: 100%;
  height: 100%;
}
.vue-rectangle-stencil--movable {
  cursor: move;
}
.vue-circle-stencil {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: content-box;
  cursor: move;
}
.vue-circle-stencil__preview {
  border-radius: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.vue-circle-stencil--movable {
  cursor: move;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-upload-image-tab {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools {
  height: 400px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-cropper {
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-cropper-multiple {
  width: 580px;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-list {
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-list .ocean-vmok-plugin-oc-create-material-crop-tools-list-item {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-list .ocean-vmok-plugin-oc-create-material-crop-tools-list-item:last-child {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-list .ocean-vmok-plugin-oc-create-material-crop-tools-list-item .ocean-vmok-plugin-oc-media-thumb-container {
  height: 90px !important;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-list .ocean-vmok-plugin-oc-create-material-crop-tools-list-item-select {
  position: relative;
}
.ocean-vmok-plugin-oc-create-material-crop-wrapper .ocean-vmok-plugin-oc-create-material-crop-tools .ocean-vmok-plugin-oc-create-material-crop-tools-list .ocean-vmok-plugin-oc-create-material-crop-tools-list-item-select:after {
  content: "";
  width: 160px;
  height: 90px;
  box-sizing: border-box;
  border: 2px solid #0057ff;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.ocean-vmok-plugin-create-vue-advanced-cropper-background {
  background: transparent;
}
.ocean-vmok-plugin-create-material-crop-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ocean-vmok-plugin-create-material-crop-footer .ocean-vmok-plugin-oc-button-wrap {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-create-material-crop-tip {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-material-lib-body .ocean-vmok-plugin-oc-create-material-submit-bar-wrapper {
  padding: 0;
}
.ocean-vmok-plugin-oc-create-material-lib-body .ocean-vmok-plugin-oc-material-lib-upload-card {
  height: 100%;
}
.ocean-vmok-plugin-oc-create-material-lib-body .ocean-vmok-plugin-oc-material-lib-upload-card-wrapper {
  height: 100%;
  overflow: auto;
}
.ocean-vmok-plugin-create-material-list {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-filter-container {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-before-filter {
  padding-bottom: 16px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-after-filter {
  padding-bottom: 16px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px 0 24px 24px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper .ocean-vmok-plugin-create-material-list-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-right: 24px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper .ocean-vmok-plugin-create-material-list-card-header .ocean-vmok-plugin-create-material-list-card-header-slot {
  flex: 1;
  margin-right: 8px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper .ocean-vmok-plugin-create-material-list-card-header .ocean-vmok-plugin-create-material-list-card-header-count {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: #93969d;
  margin-right: 8px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper .ocean-vmok-plugin-create-material-list-card-header .ocean-vmok-plugin-create-material-list-sort {
  margin-left: auto;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper .ocean-vmok-plugin-create-material-list-card-header-sort-text {
  float: left;
  margin-right: 8px;
  line-height: 32px !important;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper .ocean-vmok-plugin-create-material-list-card-container-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 16px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-rolling-load-wrapper .ocean-vmok-plugin-oc-rolling-load__empty {
  height: 100% !important;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-pagination-list {
  position: relative;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-pagination-list .ocean-vmok-plugin-create-material-list-pagination-list-content {
  overflow: auto;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-pagination-list .ocean-vmok-plugin-create-material-list-pagination-list-content .ocean-vmok-plugin-create-material-list-card-container-body {
  height: 1px;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-pagination-list .ocean-vmok-plugin-create-material-list-pagination-list-content .ocean-vmok-plugin-create-material-list-pagination-list-content-empty {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-pagination-list .ocean-vmok-plugin-create-material-list-pagination-list-pagination {
  padding-top: 12px;
  padding-right: 24px;
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-create-material-list .ocean-vmok-plugin-create-material-list-scroll-content {
  position: relative;
  flex: 1;
}
.ocean-vmok-plugin-create-material-list-flex {
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-create-material-list-flex-auto {
  flex: 1;
}
.ocean-vmok-plugin-oc-create-material-selected-wrapper .ocean-vmok-plugin-oc-create-material-selected-drag {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper {
  height: 64px;
  padding: 0;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-left {
  height: 100%;
  overflow: hidden;
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-left .ocean-vmok-plugin-oc-create-material-submit-bar-count {
  font-size: 14px;
  color: #31343b;
  margin-right: 5px;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-left .ocean-vmok-plugin-oc-create-material-submit-bar-list {
  height: 100%;
  line-height: 0;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 10px;
  padding-right: 10px;
  flex: 1;
  overflow-x: auto;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-left .ocean-vmok-plugin-oc-create-material-submit-bar-list .ocean-vmok-plugin-oc-create-material-submit-bar-list-item {
  position: relative;
  margin-right: 12px;
  background: #dee0e3;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-left .ocean-vmok-plugin-oc-create-material-submit-bar-list .ocean-vmok-plugin-oc-create-material-submit-bar-list-item:hover .ocean-vmok-plugin-oc-create-material-submit-bar-list-item-icon {
  display: block;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-left .ocean-vmok-plugin-oc-create-material-submit-bar-list .ocean-vmok-plugin-oc-create-material-submit-bar-list-item .ocean-vmok-plugin-oc-create-material-submit-bar-list-item-icon {
  position: absolute;
  color: #93969d;
  top: -5px;
  right: -6px;
  display: block;
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-left .ocean-vmok-plugin-oc-create-material-submit-bar-list .ocean-vmok-plugin-oc-create-material-submit-bar-list-item .ocean-vmok-plugin-oc-create-material-submit-bar-list-item-icon:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-wrapper .ocean-vmok-plugin-oc-create-material-submit-bar-btn-group .ocean-vmok-plugin-oc-button-wrap {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-create-material-submit-bar-list-img {
  width: 24px;
  height: 42px;
  object-fit: contain;
  border-radius: 2px;
}
.ocean-vmok-plugin-oc-create-material-upload-audio-wrapper .ocean-vmok-plugin-oc-create-material-upload-audio-tab {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-material-upload-audio-wrapper .ocean-vmok-plugin-oc-create-material-upload-audio-select {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-create-material-upload-image-wrapper .ocean-vmok-plugin-oc-create-material-upload-image-tab {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-material-upload-image-wrapper .ocean-vmok-plugin-oc-create-material-upload-image-select {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-create-material-upload-video-wrapper .ocean-vmok-plugin-oc-create-material-upload-video-tab {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-material-upload-video-wrapper .ocean-vmok-plugin-oc-create-material-upload-video-select {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-create-more-wrapper-rolling-load {
  height: auto !important;
}
.ocean-vmok-plugin-create-more-wrapper-msg {
  margin-top: 8px;
}
.ocean-vmok-plugin-create-more-wrapper-header {
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-create-more-wrapper-header__text {
  font-size: 14px;
  display: flex;
  height: 22px;
  align-items: center;
}
.ocean-vmok-plugin-create-more-wrapper-header__text-span {
  color: #31343b;
  font-weight: 500;
}
.ocean-vmok-plugin-create-more-wrapper-header__text-popover {
  margin-left: 4px;
}
.ocean-vmok-plugin-create-more-wrapper-header-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-create-more-wrapper-header-right {
  display: flex;
}
.ocean-vmok-plugin-create-more-wrapper-header-right__button + .ocean-vmok-plugin-create-more-wrapper-header-right__button {
  margin-left: 8px;
}
.ocean-vmok-plugin-create-more-wrapper-search-icon {
  color: #93969d;
}
.ocean-vmok-plugin-create-more-wrapper-info {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}
.ocean-vmok-plugin-create-more-wrapper-info-item {
  display: flex;
  color: #62656c;
}
.ocean-vmok-plugin-create-more-wrapper-info span {
  font-size: 14px;
  line-height: 22px;
  color: #62656c;
}
.ocean-vmok-plugin-create-more-wrapper-info-item__fast-delete:hover {
  background: #c6dfff;
  border-radius: 2px;
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-create-more-wrapper-info-item__fast-delete:hover .ocean-vmok-plugin-create-more-wrapper-info-item__search-key {
  background: #c6dfff;
  color: #0057ff;
}
.ocean-vmok-plugin-create-more-wrapper-info-item__fast-delete-btn:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-create-more-wrapper-info-item__search-key {
  background: #e8f4ff;
  border-radius: 2px;
}
.ocean-vmok-plugin-create-more-wrapper-info-disabled .ocean-vmok-plugin-create-more-wrapper-info-item span {
  color: #b9bcc3;
}
.ocean-vmok-plugin-create-more-wrapper-info-disabled .ocean-vmok-plugin-create-more-wrapper-info-item__fast-delete:hover {
  color: #b9bcc3;
  background: none;
  cursor: not-allowed;
}
.ocean-vmok-plugin-create-more-wrapper-autocomplere {
  margin-top: 8px;
  max-width: 544px;
}
.ocean-vmok-plugin-create-more-wrapper-autocomplere__popper .tools-vmok-plugin-auto-complete-option {
  padding: 0;
}
.ocean-vmok-plugin-create-more-wrapper-autocomplere__popper-span {
  margin-left: 8px;
}
.ocean-vmok-plugin-create-more-wrapper-autocomplere__popper-span__search-key {
  color: #0057ff;
  font-weight: 600;
}
.ocean-vmok-plugin-create-more-wrapper-autocomplere__popper-option {
  width: 100%;
  padding: 6px 12px;
  display: flex;
}
div + .ocean-vmok-plugin-create-more-wrapper-collapse {
  margin-top: 8px;
}
.ocean-vmok-plugin-create-more-wrapper-collapse-open .ocean-vmok-plugin-oc-collapse__container:not(:empty) {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-num-info {
  width: 272px;
}
.ocean-vmok-plugin-oc-create-num-info .ocean-vmok-plugin-oc-title + .ocean-vmok-plugin-content-wrapper {
  padding-top: 8px;
}
.ocean-vmok-plugin-oc-create-num-info .ocean-vmok-plugin-content-wrapper {
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  display: inline-flex;
}
.ocean-vmok-plugin-oc-create-num-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-create-num-info-item {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-num-info .ocean-vmok-plugin-content-wrapper .ocean-vmok-plugin-no-margin-bottom {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-phone-preview-wrap {
  padding: 12px;
  height: 662px;
  height: 100%;
  width: 100%;
  position: fixed;
  inset: 0px;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4);
}
.ocean-vmok-plugin-oc-phone-preview-wrap .ocean-vmok-plugin-oc-iframe-preview {
  position: absolute;
  width: 320px;
  height: 662px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 100% 100%;
  border: 14px solid white;
}
.ocean-vmok-plugin-oc-phone-preview-wrap_close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: rgba(26, 26, 27, 0.5);
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-preview {
  position: relative;
  width: 272px;
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-create-preview__title {
  display: flex;
  height: 24px;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-preview__content {
  width: 100%;
}
.ocean-vmok-plugin-oc-create-preview__content-header {
  padding-bottom: 12px;
}
.ocean-vmok-plugin-oc-create-preview__content-app {
  position: relative;
}
.ocean-vmok-plugin-oc-create-preview__content-app .tools-vmok-plugin-tabs__nav::before {
  display: none;
}
.ocean-vmok-plugin-oc-create-preview__content-app .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__tab {
  margin-right: 16px;
  padding: 0;
}
.ocean-vmok-plugin-oc-create-preview__content-app .tools-vmok-plugin-tabs__nav .tools-vmok-plugin-tabs__tab:nth-last-child(2) {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-create-preview__content-app .tools-vmok-plugin-tabs__angle-left {
  padding-right: 8px;
  margin-top: -8px;
}
.ocean-vmok-plugin-oc-create-preview__content-app .tools-vmok-plugin-tabs__angle-right {
  padding-left: 8px;
  margin-top: -8px;
}
.ocean-vmok-plugin-oc-create-preview__content-app .ocean-vmok-plugin-oc-create-preview__tab-change {
  padding-bottom: 12px;
}
.ocean-vmok-plugin-oc-create-preview__content-app .ocean-vmok-plugin-tab-item {
  min-width: 32px;
  height: 43px;
  cursor: pointer;
  position: relative;
}
.ocean-vmok-plugin-oc-create-preview__content-app .ocean-vmok-plugin-tab-item::after {
  position: absolute;
  width: 16px;
  height: 2px;
  left: 50%;
  bottom: 0;
  margin-left: -8px;
  background: #0057ff;
  border-radius: 20px;
  content: "";
  display: none;
}
.ocean-vmok-plugin-oc-create-preview__content-app .ocean-vmok-plugin-tab-item .ocean-vmok-plugin-app-image {
  width: 32px;
  height: 32px;
  opacity: 0.4;
  border-radius: 6px;
  transition: opacity 0.3s;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}
.ocean-vmok-plugin-oc-create-preview__content-app .ocean-vmok-plugin-tab-item.ocean-vmok-plugin-active::after {
  display: block;
}
.ocean-vmok-plugin-oc-create-preview__content-app .ocean-vmok-plugin-tab-item.ocean-vmok-plugin-active .ocean-vmok-plugin-app-image {
  opacity: 1;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper,
.ocean-vmok-plugin-oc-create-preview__content-empty {
  width: 100%;
  height: 484px;
  border-radius: 8px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main {
  height: 100%;
  width: 100%;
  position: relative;
  background-size: 100% 100%;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-ad-flex {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-bg {
  cursor: pointer;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-size: 100% 100%;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-contaniner {
  width: 100%;
  height: 100%;
  background-color: #666;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-small-text {
  zoom: 0.8;
  margin-left: 2px;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-aweme-avatar {
  position: absolute;
  width: 36px;
  height: 36px;
  z-index: 2;
  right: 4px;
  top: 192px;
  border-radius: 50%;
  border: 1px solid #fff;
  line-height: 48px;
  font-size: 24px;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-aweme-avatar img {
  width: 100%;
  height: 100%;
  display: block;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-promotion-info {
  color: #fff;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-ad-logo {
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14px;
  color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
  margin-left: 4px;
  flex: none;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-ad-logo:after {
  content: "广告";
  font-size: 12px;
  zoom: 0.83333333;
}
.ocean-vmok-plugin-oc-create-preview__content-wrapper-main .ocean-vmok-plugin-ad-logo.ocean-vmok-plugin-dark {
  background: rgba(22, 24, 35, 0.05);
  color: rgba(22, 24, 35, 0.6);
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-tip {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  background: #f2f4f7;
  color: #62656c;
  font-size: 14px;
  border-radius: 4px;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty .ocean-vmok-plugin-create-product-add-empty-icon {
  margin-right: 5px;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty .ocean-vmok-plugin-create-product-add-right-top {
  display: block;
  position: absolute;
  right: -6px;
  top: -6px;
  color: #93969d;
  cursor: pointer;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty:hover {
  background: #e8eaed;
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty-disabled {
  background: #f5f7fa;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty-disabled:hover {
  background: #f5f7fa;
  color: #badaff;
  cursor: not-allowed;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty-error {
  background: #fdf2f2;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-empty-error:hover {
  background: #fdf2f2;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-single {
  position: relative;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-multiple .ocean-vmok-plugin-create-product-add-multiple-add {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-multiple .ocean-vmok-plugin-create-product-add-multiple-add .ocean-vmok-plugin-create-product-add-multiple-add-text {
  color: #62656c;
  font-size: 14px;
  margin-left: 8px;
}
.ocean-vmok-plugin-create-product-add-wrapper .ocean-vmok-plugin-create-product-add-multiple .ocean-vmok-plugin-create-product-add-multiple-add .ocean-vmok-plugin-oc-over-count {
  color: #e34949;
}
.ocean-vmok-plugin-create-product-add-group-list {
  margin-top: 3px;
  padding-top: 6px;
}
.ocean-vmok-plugin-create-product-add-group-list .ocean-vmok-plugin-create-product-add-group-list-content {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-create-product-add-group-list-scroll {
  overflow-y: auto;
  max-height: 615px;
}
.ocean-vmok-plugin-create-product-add-group-list-scroll .ocean-vmok-plugin-create-product-add-group-list-content {
  padding-right: 7px;
}
.ocean-vmok-plugin-oc-create-product-card {
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 8px;
  background: #f5f7fa;
  box-sizing: border-box;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-image {
  border-radius: 0px;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-image .tools-vmok-plugin-image {
  height: 100%;
  display: block;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-image .tools-vmok-plugin-image .tools-vmok-plugin-image__img-container {
  height: 100%;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-image .tools-vmok-plugin-image .tools-vmok-plugin-image__img-container .tools-vmok-plugin-image__img {
  height: 100%;
  object-fit: contain;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-media-wrapper {
  padding: 8px 0 8px 8px;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content {
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  margin-left: 8px;
  margin-right: auto;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content .ocean-vmok-plugin-oc-create-product-card-content-top .ocean-vmok-plugin-oc-create-product-card-content-title-link {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content .ocean-vmok-plugin-oc-create-product-card-content-top .ocean-vmok-plugin-oc-create-product-card-content-title-link:hover {
  color: #2e7bff;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content .ocean-vmok-plugin-oc-create-product-card-content-top .ocean-vmok-plugin-oc-typography-value-int {
  vertical-align: middle;
  line-height: 1px;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content .ocean-vmok-plugin-oc-create-product-card-content-tag {
  display: inline-flex;
  justify-content: center;
  gap: 3px;
  margin-right: 4px;
  font-weight: normal;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content .ocean-vmok-plugin-oc-create-product-card-middle-content-tag {
  justify-content: left;
  margin: 4px 0;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content .ocean-vmok-plugin-oc-create-product-card-content-detail {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-content .ocean-vmok-plugin-oc-create-product-card-content-detail .ocean-vmok-plugin-oc-create-product-card-content-detail-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-right {
  width: 24px;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-right .ocean-vmok-plugin-oc-create-product-card-right-checkbox {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-create-product-card .ocean-vmok-plugin-oc-create-product-card-right-block {
  width: 8px;
}
.ocean-vmok-plugin-oc-create-product-card-disabled {
  background: rgba(248, 248, 249, 0.5);
  border-color: rgba(248, 248, 249, 0.5);
}
.ocean-vmok-plugin-oc-create-product-card-disabled .ocean-vmok-plugin-oc-create-product-card-image {
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-create-product-card-selectable {
  border: 1px solid #f5f7fa;
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-create-product-card-selectable:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-product-card-selected {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-product-card-selected-disabled {
  border-color: #badaff;
}
.ocean-vmok-plugin-oc-create-product-img-add-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #31343b;
  background-color: #f2f4f7;
  border-color: #f2f4f7;
  border-radius: 4px;
  width: 50px;
  height: 50px;
}
.ocean-vmok-plugin-oc-create-product-img-add-button:hover {
  color: #0057ff;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-product-img-add-button:hover .ocean-vmok-plugin-oc-create-product-img-add-text {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-product-img-add-button-disabled {
  background-color: #f5f7fa;
  border-color: #f5f7fa;
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-product-img-add-button-disabled:hover {
  cursor: not-allowed;
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-product-img-add-text {
  font-size: 14px;
  line-height: 20px;
  color: #31343b;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-product-img-add-text-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-product-img-list {
  display: flex;
  line-height: 0;
}
.ocean-vmok-plugin-oc-create-product-img-list-space {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 8px;
}
.ocean-vmok-plugin-oc-create-product-img-list-item {
  font-size: inherit;
  width: 50px;
  height: 50px;
}
.ocean-vmok-plugin-oc-create-product-img-submit-bar-img {
  width: 32px !important;
  height: 32px !important;
}
.ocean-vmok-plugin-oc-create-video-list {
  height: 100%;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-video-list-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-create-video-list-top-title,
.ocean-vmok-plugin-oc-create-video-list-top-filter,
.ocean-vmok-plugin-oc-create-video-list-top-checkbox {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-video-list-top-title-box {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-video-list-top-title {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-create-video-list-pagination-list-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 16px;
}
.ocean-vmok-plugin-oc-create-video-list-pagination-list {
  position: relative;
}
.ocean-vmok-plugin-oc-create-video-list-pagination-list-content {
  overflow: auto;
}
.ocean-vmok-plugin-oc-create-video-list-pagination-list-content-empty {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-video-list-pagination-list-pagination {
  padding-top: 16px;
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-create-video-list .tools-vmok-plugin-page-select {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-create-product-tabs-container {
  position: relative;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-inner {
  width: 100%;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-inner.ocean-vmok-plugin-product-tabs-inner-fixed {
  background: #fff;
  padding-top: 8px;
  box-shadow: 0px 8px 24px 0px #00000014;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-pre-block {
  position: absolute;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background: linear-gradient(90deg, #ffffff 0%, #ffffff 44.6%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-pre-block .ocean-vmok-plugin-oc-create-product-tabs-container-circle {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  box-shadow: 0px 3px 9px 0px #00000014;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-pre-block .ocean-vmok-plugin-oc-create-product-tabs-container-circle iconpark-icon {
  color: #323335;
  margin-left: 4px;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-pre-block-no-selectable {
  background: linear-gradient(90deg, #f2f4f7 0%, #f2f4f7 44.6%, rgba(255, 255, 255, 0) 100%);
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-pre-block-no-selectable .ocean-vmok-plugin-oc-create-product-tabs-container-circle {
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-next-block {
  cursor: pointer;
  position: absolute;
  right: 0px;
  width: 50px;
  height: 50px;
  background: linear-gradient(270deg, #ffffff 0%, #ffffff 44.6%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-next-block .ocean-vmok-plugin-oc-create-product-tabs-container-circle {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  box-shadow: 0px 3px 9px 0px #00000014;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-next-block .ocean-vmok-plugin-oc-create-product-tabs-container-circle iconpark-icon {
  color: #323335;
  margin-left: 4px;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-next-block-no-selectable {
  background: linear-gradient(270deg, #f2f4f7 0%, #f2f4f7 44.6%, rgba(255, 255, 255, 0) 100%);
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs-container-next-block-no-selectable .ocean-vmok-plugin-oc-create-product-tabs-container-circle {
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs {
  display: flex;
  height: 59px;
  overflow-x: scroll;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-bg {
  border-radius: 8px;
  height: 49px;
  background: #fff;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-container-panel-block {
  height: 46px;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-container-panel-block:last-child .ocean-vmok-plugin-panel {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-create-product-tabs-container .ocean-vmok-plugin-oc-create-product-tabs::-webkit-scrollbar {
  display: none;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-container {
  display: flex;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-container .ocean-vmok-plugin-oc-create-promotion-card-change-btn {
  margin-left: 12px;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-item {
  border-radius: 4px;
  display: flex;
  align-items: center;
  width: 248px;
  background: #f2f4f7;
  padding: 6px;
  position: relative;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-item.ocean-vmok-plugin-hover:hover {
  cursor: pointer;
  outline: 1px solid #0057ff;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-item.ocean-vmok-plugin-hover:hover .ocean-vmok-plugin-oc-create-promotion-card-close-btn {
  display: block;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-item .ocean-vmok-plugin-oc-create-promotion-card-close-btn {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-item .ocean-vmok-plugin-oc-create-promotion-card-item-img {
  flex-shrink: 0;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-item .ocean-vmok-plugin-oc-create-promotion-card-item-info {
  flex: 1;
  margin: 0 12px;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-item .ocean-vmok-plugin-oc-create-promotion-card-item-btn {
  flex-shrink: 0;
  width: 64px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 2px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  background: #ed5085;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-container-simple {
  position: relative;
  height: 32px;
  width: 432px;
  border-radius: 4px;
  background: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-container-simple-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-container-simple .ocean-vmok-plugin-oc-create-promotion-card-close-btn {
  position: absolute;
  display: none;
  top: -10px;
  right: -10px;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-empty-btn {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-container-simple-del:hover {
  cursor: pointer;
  outline: 1px solid #0057ff;
}
.ocean-vmok-plugin-oc-create-promotion-card-wrapper .ocean-vmok-plugin-oc-create-promotion-card-container-simple-del:hover .ocean-vmok-plugin-oc-create-promotion-card-close-btn {
  display: block;
}
.ocean-vmok-plugin-oc-create-range-num-info {
  width: 272px;
}
.ocean-vmok-plugin-oc-create-range-num-info .ocean-vmok-plugin-oc-title + .ocean-vmok-plugin-content-wrapper {
  padding-top: 8px;
}
.ocean-vmok-plugin-oc-create-range-num-info-item + .ocean-vmok-plugin-oc-create-range-num-info-item {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-range-picker .ocean-vmok-plugin-date-picker-wrapper {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-red-packet-card {
  min-width: 318px;
  height: 212px;
  position: relative;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-border {
  border: 3.5px solid #ff5c64;
  border-radius: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-header {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  height: 72px;
  z-index: 1;
  /* .@{oc-css-prefix}oc-create-red-packet-card-header-icon {
      width: 80px;
      height: 80px;
      position: absolute;
      right: 8px;
    } */
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-header .ocean-vmok-plugin-oc-create-red-packet-card-header-bg {
  width: 100%;
  height: 100%;
  border-radius: 12px 12px 0 0;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-header .ocean-vmok-plugin-oc-create-red-packet-card-header-data {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 10px 16px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-header .ocean-vmok-plugin-oc-create-red-packet-card-header-data .ocean-vmok-plugin-oc-create-red-packet-card-header-data-title {
  color: #fff;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-header .ocean-vmok-plugin-oc-create-red-packet-card-header-data .ocean-vmok-plugin-oc-create-red-packet-card-header-data-title .ocean-vmok-plugin-oc-create-red-packet-card-header-data-title-tag {
  margin-right: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-header .ocean-vmok-plugin-oc-create-red-packet-card-header-data .ocean-vmok-plugin-oc-create-red-packet-card-header-data-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content {
  margin-top: 72px;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #ff405f;
  position: relative;
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-top {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-top .ocean-vmok-plugin-oc-create-red-packet-card-content-title-text {
  font-size: 12px;
  align-self: end;
  margin-bottom: 5px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-top .ocean-vmok-plugin-oc-create-red-packet-card-content-unit {
  font-size: 14px;
  font-weight: bolder;
  margin: 4px 4px -4px 4px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-top .ocean-vmok-plugin-oc-create-red-packet-card-content-value {
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-top .ocean-vmok-plugin-oc-create-red-packet-card-content-value .ocean-vmok-plugin-oc-promotion-metric-card-number-val {
  font-size: 26px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-top .ocean-vmok-plugin-oc-create-red-packet-card-content-value .ocean-vmok-plugin-oc-promotion-metric-card-number-tail {
  font-size: 14px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-top .ocean-vmok-plugin-oc-create-red-packet-card-content-tag-list {
  margin-left: 4px;
  margin-bottom: -4px;
  display: flex;
  gap: 4px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-desc {
  font-size: 12px;
  color: #93969d;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-content .ocean-vmok-plugin-oc-create-red-packet-card-content-icon {
  position: absolute;
  width: 64px;
  height: 64px;
  right: 12px;
  top: 5px;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-bottom {
  margin: 0px 16px;
  padding: 8px 0;
  border-top: 1px dashed rgba(255, 68, 80, 0.2);
  position: relative;
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-red-packet-card .ocean-vmok-plugin-oc-create-red-packet-card-bottom .ocean-vmok-plugin-oc-create-red-packet-card-bottom-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-red-packet-card-gray .ocean-vmok-plugin-oc-create-red-packet-card-border {
  border-color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-red-packet-card-gray .ocean-vmok-plugin-oc-create-red-packet-card-content {
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-red-packet-card-gray .ocean-vmok-plugin-oc-create-red-packet-card-bottom {
  border-color: #dee0e3;
}
.ocean-vmok-plugin-oc-create-red-packet-card-orange .ocean-vmok-plugin-oc-create-red-packet-card-border {
  border-color: #ff915a;
}
.ocean-vmok-plugin-oc-create-red-packet-card-orange .ocean-vmok-plugin-oc-create-red-packet-card-content {
  color: #ff5f40;
}
.ocean-vmok-plugin-oc-create-red-packet-card-orange .ocean-vmok-plugin-oc-create-red-packet-card-bottom {
  border-color: rgba(255, 68, 80, 0.2);
}
.ocean-vmok-plugin-oc-create-red-packet-card-auto-height {
  height: auto;
}
.ocean-vmok-plugin-oc-create-red-packet-card-auto-height .ocean-vmok-plugin-oc-create-red-packet-card-header {
  position: relative;
}
.ocean-vmok-plugin-oc-create-red-packet-card-auto-height .ocean-vmok-plugin-oc-create-red-packet-card-content {
  padding: 20px 0;
  margin-top: 0;
  height: auto;
}
.ocean-vmok-plugin-oc-create-red-packet-line {
  min-width: 350px;
  height: 78px;
  position: relative;
  overflow: hidden;
  display: flex;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-border {
  border: 2px solid #FF3757;
  border-radius: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  background: #ffffff;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-left {
  width: 144px;
  z-index: 1;
  position: relative;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-left .ocean-vmok-plugin-oc-create-red-packet-line-left-bg {
  width: 100%;
  height: 100%;
  border-radius: 12px 0 0 12px;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-left .ocean-vmok-plugin-oc-create-red-packet-line-left-content {
  margin-right: 20px;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-left .ocean-vmok-plugin-oc-create-red-packet-line-left-content .ocean-vmok-plugin-oc-create-red-packet-line-left-title {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-left .ocean-vmok-plugin-oc-create-red-packet-line-left-content .ocean-vmok-plugin-oc-create-red-packet-line-left-desc {
  color: #ffffff;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  z-index: 5;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-right .ocean-vmok-plugin-oc-create-red-packet-line-right-title {
  margin-bottom: 4px;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-create-red-packet-line .ocean-vmok-plugin-oc-create-red-packet-line-right .ocean-vmok-plugin-oc-create-red-packet-line-right-title .ocean-vmok-plugin-oc-create-red-packet-line-right-title-num {
  color: #31343b;
  font-size: 20px;
  font-style: oblique;
  font-family: "OC-OPPOSans-Bold";
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-create-red-packet-line-pink .ocean-vmok-plugin-oc-create-red-packet-line-border {
  border-color: rgba(227, 73, 73, 0.2);
}
.ocean-vmok-plugin-oc-create-red-packet-line-orange .ocean-vmok-plugin-oc-create-red-packet-line-border {
  border-color: #ff915a;
}
.ocean-vmok-plugin-oc-create-red-packet-line-red .ocean-vmok-plugin-oc-create-red-packet-line-border {
  border-color: #FF3757;
}
.ocean-vmok-plugin-oc-create-red-packet-line-auto-height {
  height: auto;
}
.ocean-vmok-plugin-oc-create-select-condition {
  width: 544px;
  border-radius: 4px;
  border: 1px solid #dee0e3;
  margin-top: -8px;
}
.ocean-vmok-plugin-oc-create-select-condition-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0px 12px 12px 12px;
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-create-select-condition-item {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
}
.ocean-vmok-plugin-oc-create-select-condition-item-title {
  padding-right: 12px;
}
.ocean-vmok-plugin-oc-create-select-condition-item-rule {
  padding-right: 12px;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value {
  width: 188px;
  padding-right: 12px;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value-text {
  display: flex;
  height: 34px;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  font-weight: 400;
  font-size: 14px;
  background: #f2f4f7;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value-text-disabled {
  background-color: #f8f8f9;
  border-color: #f8f8f9;
  color: #b9bcc3;
  box-shadow: none;
  animation: none;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value-text-tip {
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value-text-tip-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value-text-select {
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value-text-set {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-select-condition-item-value-input {
  height: 34px;
}
.ocean-vmok-plugin-oc-create-select-condition-item-remove-icon {
  cursor: pointer;
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-select-condition-item-remove-icon:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-select-condition-item-remove-icon:active {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-create-select-condition-header {
  display: flex;
  justify-content: space-between;
  height: 38px;
  padding: 8px 12px 0px 12px;
  background: #fbfcfc;
  border-bottom: 1px solid #dee0e3;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ocean-vmok-plugin-oc-create-select-gear {
  padding: 12px;
}
.ocean-vmok-plugin-oc-create-select-gear-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
}
.ocean-vmok-plugin-oc-create-select-gear-title-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-select-gear-title-left-text {
  background: linear-gradient(133.49deg, #323439 -67.01%, #122b59 54.93%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 2px;
  font-size: 14px;
  line-height: 32px;
}
.ocean-vmok-plugin-oc-create-select-gear-title-left-text-popover {
  margin-left: 4px;
}
div + .ocean-vmok-plugin-oc-create-select-gear-title-after {
  margin-top: 6px;
}
div + .ocean-vmok-plugin-oc-create-select-gear-content {
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-create-select-gear-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #dee0e3;
  background: #fff;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-noradio {
  border: none;
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-noradio:hover {
  cursor: default !important;
  background-color: #f2f5fd;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-noradio:hover .ocean-vmok-plugin-oc-create-select-gear-content-item-button-text {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-noradio-disabled {
  background-color: #f5f7fa;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-noradio-disabled:hover {
  background-color: #f5f7fa;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-noradio-disabled:hover .ocean-vmok-plugin-oc-create-select-gear-content-item-button-text {
  cursor: not-allowed !important;
  color: #b9bcc3 !important;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-radio {
  margin-right: 12px;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-radio .tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner {
  background-color: #0057ff;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-active {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-disabled {
  border-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-disabled:hover {
  cursor: not-allowed !important;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-disabled:hover .tools-vmok-plugin-radio .tools-vmok-plugin-radio__inner {
  border-color: #f3f3f4 !important;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item:hover .tools-vmok-plugin-radio.tools-vmok-plugin-radio--checked .tools-vmok-plugin-radio__inner {
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item:hover .tools-vmok-plugin-radio .tools-vmok-plugin-radio__inner {
  border-color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-button-text {
  position: absolute;
  right: 16px;
}
.ocean-vmok-plugin-oc-create-select-gear-content-item-button-text-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-select-ies-tag-wrapper {
  display: flex;
}
.ocean-vmok-plugin-oc-create-select-ies-desc-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: 2px;
}
.ocean-vmok-plugin-oc-create-select-ies-desc-wrapper .ocean-vmok-plugin-oc-key-value {
  margin: 0;
  margin-right: 12px;
  width: var(--descOptionsWidth);
}
.ocean-vmok-plugin-oc-create-select-ies-desc-wrapper .ocean-vmok-plugin-oc-key-value:last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-create-select-package .ocean-vmok-plugin-oc-create-select-package-card {
  width: 544px;
  border: 1px solid #dee0e3;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-create-select-package .ocean-vmok-plugin-oc-create-select-package-card .ocean-vmok-plugin-oc-create-select-package-card-header {
  height: 34px;
  padding: 0 12px;
  background-color: #f5f7fa;
  border-bottom: 1px solid #dee0e3;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #31343b;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-select-package .ocean-vmok-plugin-oc-create-select-package-card .ocean-vmok-plugin-oc-create-select-package-card-content {
  padding: 16px;
  max-height: 218px;
  overflow: auto;
}
.ocean-vmok-plugin-oc-create-select-package .ocean-vmok-plugin-oc-create-select-package-card .ocean-vmok-plugin-oc-create-select-package-card-content .ocean-vmok-plugin-oc-create-select-package-card-content-header {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-select-package .ocean-vmok-plugin-oc-create-select-package-card .ocean-vmok-plugin-oc-create-select-package-card-content .ocean-vmok-plugin-oc-empty {
  height: 218px;
}
.ocean-vmok-plugin-oc-create-select-placement .tools-vmok-plugin-cascader-panel__selection-block {
  height: unset;
}
.ocean-vmok-plugin-oc-create-select-placement .tools-vmok-plugin-cascader-panel__list-wrapper {
  max-height: 272px;
  overflow-y: scroll;
}
.ocean-vmok-plugin-oc-create-select-placement .ocean-vmok-plugin-create-select-placement-item {
  display: flex;
}
.ocean-vmok-plugin-oc-create-select-placement .ocean-vmok-plugin-create-select-placement-item-img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-create-select-placement .ocean-vmok-plugin-create-select-placement-item-name .ocean-vmok-plugin-oc-typography-bold {
  font-weight: 400;
}
.ocean-vmok-plugin-oc-create-text-render-audio {
  display: flex;
  position: relative;
  padding-right: 295px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-text-render-audio-left {
  padding-right: 24px;
  border-right: 1px solid #dfe0e2;
  width: 457px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ocean-vmok-plugin-oc-create-text-render-audio-left .ocean-vmok-plugin-oc-radio-group-plain .tools-vmok-plugin-radio-group {
  row-gap: 4px;
}
.ocean-vmok-plugin-oc-create-text-render-audio-right {
  position: absolute;
  right: 0;
  top: 0;
  overflow-y: auto;
  height: 100%;
  margin-left: 24px;
  width: 271px;
}
.ocean-vmok-plugin-oc-create-text-render-audio-right-body {
  margin-top: 16px;
  height: calc(100% - 38px);
}
.ocean-vmok-plugin-oc-create-text-render-audio-right-body:has(.ocean-vmok-plugin-oc-empty) {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-text-render-audio-right-body .ocean-vmok-plugin-audio-card + .ocean-vmok-plugin-audio-card {
  margin-top: 16px;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper {
  height: 240px;
  border: 1px dashed #dee0e3;
  background: #f2f4f7;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  position: relative;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper .ocean-vmok-plugin-oc-create-upload-select-desc .ocean-vmok-plugin-oc-create-upload-select-tip {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper .ocean-vmok-plugin-oc-create-upload-select-desc .ocean-vmok-plugin-oc-create-upload-select-tip .ocean-vmok-plugin-oc-create-upload-select-upload-icon {
  color: #62656c;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper .ocean-vmok-plugin-oc-create-upload-select-desc .ocean-vmok-plugin-oc-create-upload-select-tip .ocean-vmok-plugin-oc-create-upload-select-upload-text {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper .ocean-vmok-plugin-oc-create-upload-select-loading {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper .ocean-vmok-plugin-oc-create-upload-select-loading .ocean-vmok-plugin-oc-create-upload-select-loading-icon {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-upload-select-wrapper-disabled {
  background: #f5f7fa;
}
.ocean-vmok-plugin-oc-create-upload-table-wrapper .tools-vmok-plugin-tr:hover .ocean-vmok-plugin-oc-promotion-operation-action-item {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-word-tag-click-div {
  height: 100%;
  position: relative;
  width: 80px;
  margin-left: 12px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-word-tag-click-div::before {
  content: "";
  width: 1px;
  height: 16px;
  background: #dee0e3;
  position: absolute;
  left: -12px;
  top: 3px;
}
.ocean-vmok-plugin-oc-create-word-tag-click {
  width: 0;
  height: 100%;
  white-space: nowrap;
  position: relative;
  left: -90px;
  font-size: 14px;
  color: #31343b;
  z-index: 10;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-word-tag-enter {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-create-word-tag-click-disabled {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-word-tag-suggest {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-create-word-tag-panel-info {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-word-tag-panel {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-word-tag-suggest-list .ocean-vmok-plugin-oc-create-word-tag-suggest-list-title {
  font-size: 14px;
  color: #93969d;
  padding-left: 12px;
  line-height: 34px;
}
.ocean-vmok-plugin-oc-create-word-tag-suggest-list .tools-vmok-plugin-list {
  border: none;
}
.ocean-vmok-plugin-oc-create-word-tag-suggest-list .tools-vmok-plugin-list .tools-vmok-plugin-list__header {
  display: none;
}
.ocean-vmok-plugin-oc-create-word-tag-suggest-list .tools-vmok-plugin-list .tools-vmok-plugin-list__body-scroller {
  max-height: 192px;
  height: auto;
}
.ocean-vmok-plugin-oc-create-word-tag-suggest-list .ocean-vmok-plugin-oc-create-word-tag-suggest-empty {
  padding: 20px 0;
}
.ocean-vmok-plugin-oc-create-word-tag-suggest-popper {
  padding: 6px 0;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal .ocean-vmok-plugin-tips-link {
  margin-bottom: 12px;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-inline-button {
  display: flex;
  margin: 8px 12px 8px 16px;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 8px;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-error-list {
  max-height: 50px;
  overflow-y: auto;
  flex: 1;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-button {
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-button .ocean-vmok-plugin-oc-button-wrap:nth-of-type(1) {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-error-list .ocean-vmok-plugin-error-valid-tip {
  color: #e34949;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-error-list .ocean-vmok-plugin-error-lines {
  font-size: 12px;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-error-list .ocean-vmok-plugin-error-lines span {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-error-list .ocean-vmok-plugin-error-lines span:after {
  display: inline-block;
  content: "，";
}
.ocean-vmok-plugin-oc-batch-upload-text-modal-footer-error-list .ocean-vmok-plugin-error-lines span:nth-last-child(1):after {
  display: none;
}
.ocean-vmok-plugin-recommend-title-select-modal-tabs {
  margin: 24px 0px;
}
.ocean-vmok-plugin-oc-recommend-title-select-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-recommend-title-select-modal-footer .ocean-vmok-plugin-num {
  font-size: 14px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-recommend-title-select-modal-footer-button {
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-recommend-title-select-modal-footer-button .ocean-vmok-plugin-oc-button-wrap:nth-of-type(1) {
  margin-right: 8px;
}
.ocean-vmok-plugin-recommend-title-filter {
  position: relative;
}
.ocean-vmok-plugin-recommend-title-filter-select {
  position: absolute;
  top: 0px;
  right: 0px;
}
.ocean-vmok-plugin-creative-title-input {
  width: 554px;
}
.ocean-vmok-plugin-oc-creative-title-group {
  width: 544px;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-top-operation {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-top-operation button {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-top-operation .ocean-vmok-plugin-total-add {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #666666;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-creative-title-item {
  position: relative;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-creative-title-item__delete {
  position: absolute;
  cursor: pointer;
  color: #93969d;
  right: -23px;
  display: flex;
  top: 8px;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-creative-title-item__delete:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-creative-title-item__delete-disabled {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-creative-title-group .ocean-vmok-plugin-creative-title-item__delete-disabled:hover {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-general-cascader-pop-filter-panel .tools-vmok-plugin-cascader-panel__main--border {
  border: none;
}
.ocean-vmok-plugin-oc-general-cascader-panel-filter {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-general-cascader-filter-input {
  padding: 12px;
  border-bottom: 1px solid #dee0e3;
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-general-cascader-panel-title {
  font-size: 14px;
  color: #31343b;
  font-weight: bolder;
  line-height: 38px;
  padding-left: 12px;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader {
  width: 980px;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-show-border {
  padding: 24px;
  border-radius: 0px 0px 4px 4px;
  border-right: 1px solid #dfe0e2;
  border-bottom: 1px solid #dfe0e2;
  border-left: 1px solid #dfe0e2;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-content {
  height: 520px;
  gap: 8px;
  flex-shrink: 0;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-content-select {
  display: flex;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-content-select-left {
  width: 686px;
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-content-select-right-item {
  background-color: #f4f4f5;
  margin: 8px 12px 0;
  border-radius: 4px;
  padding: 2px 16px;
  position: relative;
  color: #969aa0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* flex-direction: column; */
  gap: 8px 0;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-content-select-right-item-img {
  height: 32px;
  width: 32px;
  border-radius: 50%;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-content-select-right-item-close {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader-content-search {
  margin-bottom: 8px;
  width: 686px;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader .tools-vmok-plugin-cascader-panel__selection-block {
  height: 432px;
}
.ocean-vmok-plugin-oc-general-multi-level-cascader .ocean-vmok-plugin-oc-selected-panel {
  height: 434px;
}
.ocean-vmok-plugin-oc-material-per-second-view-chart_selector_wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-material-per-second-view-chart_chart_wrapper {
  position: relative;
  width: auto;
  padding: 0px;
  margin: 0px;
  border-width: 0px;
  cursor: auto;
}
.ocean-vmok-plugin-oc-material-per-second-view-chart_chart_wrapper .ocean-vmok-plugin-progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 20px;
  pointer-events: none;
  border-right: 1px solid #2e7bff;
  background: linear-gradient(270deg, rgba(42, 85, 229, 0.1) 0%, rgba(42, 85, 229, 0) 100%);
}
.ocean-vmok-plugin-oc-material-per-second-view-chart_chart_wrapper .ocean-vmok-plugin-progress-btn {
  position: absolute;
  width: 62px;
  background: #ffffff;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  line-height: 18px;
  padding: 2px 8px;
  font-weight: 600;
  font-size: 12px;
  transform: translate(-50%, 0);
  cursor: grabbing;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ocean-vmok-plugin-oc-material-per-second-view-chart_chart_wrapper .ocean-vmok-plugin-progress-btn .ocean-vmok-plugin-btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-material-per-second-view-chart_chart_wrapper .ocean-vmok-plugin-progress-btn .ocean-vmok-plugin-btn-wrapper .ocean-vmok-plugin-i-icon {
  display: block;
  height: 14px;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-message-content {
  height: 100%;
  overflow-y: auto;
  padding: 24px;
  box-sizing: border-box;
  background: #ffffff;
  position: relative;
}
.ocean-vmok-plugin-oc-message-content__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #31343b;
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-message-content__create-time {
  font-size: 14px;
  line-height: 22px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-message-content__detail {
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  margin-top: 24px;
}
.ocean-vmok-plugin-oc-message-content__detail a {
  color: #0057ff;
  text-decoration: none;
}
.ocean-vmok-plugin-oc-message-content__detail a:hover {
  color: #2e7bff;
}
.ocean-vmok-plugin-oc-message-drawer.ocean-vmok-plugin-oc-message-drawer__with-footer .ocean-vmok-plugin-message-drawer__pagination {
  bottom: 114px;
}
.ocean-vmok-plugin-oc-message-drawer__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -2px;
}
.ocean-vmok-plugin-oc-message-drawer__message-content {
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-message-drawer__pagination {
  width: 226px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: #ffffff;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #f2f4f7;
  box-shadow: 0px 6px 18px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-message-drawer__pagination-button .tools-vmok-plugin-button.tools-vmok-plugin-button--md {
  min-width: 0px;
  width: 68px;
}
.ocean-vmok-plugin-oc-message-drawer__pagination-indicator {
  flex: none;
  font-size: 14px;
  line-height: 18px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-message-layout {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-message-layout__message-list-container {
  width: 476px;
  border-right: 1px solid #e8eaed;
  flex: none;
}
.ocean-vmok-plugin-oc-message-layout__message-content-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.ocean-vmok-plugin-oc-message-layout__footer {
  flex: none;
  height: 65px;
  border-top: 1px solid #e8eaed;
}
.ocean-vmok-plugin-oc-message-list {
  display: flex;
  flex-direction: column;
  padding: 0px 12px;
}
.ocean-vmok-plugin-oc-message-list__read-all-button {
  flex: none;
  margin: 24px 0 12px 24px;
}
.ocean-vmok-plugin-navigator {
  min-width: 1280px;
  height: 64px;
  top: 0;
  text-align: left;
  display: flex;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left {
  height: 100%;
  position: relative;
  text-align: left;
  display: inline-flex;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu {
  margin-left: 12px;
  display: inline-flex;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-right {
  right: -2px;
  top: 0;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-left {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  margin-left: -2px;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-left,
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-right {
  color: #93969d;
  position: absolute;
  width: 24px;
  height: 24px;
  margin-top: 20px;
  z-index: 20001;
  flex-shrink: 0;
  border-radius: 999px;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-left .ocean-vmok-plugin-menu-arrow-right,
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-right .ocean-vmok-plugin-menu-arrow-right {
  margin: 7px 8px;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-left .ocean-vmok-plugin-menu-arrow-left,
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-left-menu .ocean-vmok-plugin-menu-arrow-bg-right .ocean-vmok-plugin-menu-arrow-left {
  margin: 7px;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-menu-arrow:hover,
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-menu-arrow-bg-left:hover,
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-menu-arrow-bg-right:hover {
  cursor: pointer;
  color: #0057ff;
  z-index: 20004;
}
.ocean-vmok-plugin-navigator-logo {
  padding-left: 24px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  height: 100%;
}
.ocean-vmok-plugin-navigator-logo .ocean-vmok-plugin-logo {
  height: 40px;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-right {
  display: flex;
  height: 64px;
  position: absolute;
  flex-wrap: nowrap;
  height: 100%;
  align-items: center;
  right: 0;
  top: 0;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-right .ocean-vmok-plugin-navigator-right-tool {
  display: flex;
}
.ocean-vmok-plugin-navigator .ocean-vmok-plugin-navigator-right .ocean-vmok-plugin-navigator-right-line {
  width: 1px;
  height: 20px;
  margin-left: 16px;
  margin-right: 16px;
}
.ocean-vmok-plugin-navigator-entrance {
  justify-content: center;
  margin-left: 8px;
  margin-right: 24px;
  cursor: pointer;
}
.ocean-vmok-plugin-nav-right-tool-default .ocean-vmok-plugin-navigator-right-line {
  background: #b9bcc3;
}
.ocean-vmok-plugin-nav-right-tool-transparent .ocean-vmok-plugin-navigator-right-line {
  background: rgba(255, 255, 255, 0.5);
}
.ocean-vmok-plugin-nav-transparent {
  background: transparent;
}
.ocean-vmok-plugin-nav-white {
  background: white;
}
.ocean-vmok-plugin-nav-absolute {
  position: absolute;
}
.ocean-vmok-plugin-nav-relative {
  position: relative;
}
.ocean-vmok-plugin-nav-fixed {
  position: fixed;
}
.ocean-vmok-plugin-nav-empty-drop {
  margin-top: 11px;
  max-height: none;
}
.ocean-vmok-plugin-nav-empty-drop .ocean-vmok-plugin-empty-dropdown-content {
  border-radius: 12px;
  background: #ffffff;
}
.ocean-vmok-plugin-navigator-dropdown-wrapper {
  position: relative;
}
.ocean-vmok-plugin-navigator-dropdown-wrapper .ocean-vmok-plugin-tag-number {
  position: absolute;
  top: -2px;
  left: 16px;
  margin: 0;
  color: #ffffff;
  background-color: #e34949;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 8px;
  font-size: 12px;
  padding: 0 4px;
  border: 1px solid text-white;
}
.ocean-vmok-plugin-navigator-dropdown-wrapper .ocean-vmok-plugin-tag-number__text {
  transform: scale(0.8);
  display: inline-block;
}
.ocean-vmok-plugin-navigator-dropdown-wrapper .ocean-vmok-plugin-tag-red {
  position: absolute;
  top: 6px;
  left: 24px;
  margin-left: 2px;
  background-color: #e34949;
  width: 6px;
  height: 6px;
  border-radius: 8px;
}
.ocean-vmok-plugin-navigator-dropdown-wrapper .ocean-vmok-plugin-dropdown-button {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  padding: 6px;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-dropdown-pop {
  margin-top: 11px;
  border-radius: 12px;
  background: #ffffff;
  max-height: none;
  padding: 8px 0;
  color: #31343b;
  font-size: 14px;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-oc-dropdown-item-text {
  width: 100%;
  display: block;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-oc-dropdown-item-text .ocean-vmok-plugin-oc-typography-color-inherit {
  display: block;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-oc-dropdown-item {
  padding: 3px 4px;
  font-size: 14px;
  text-align: center;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-oc-dropdown-content-footer {
  margin: 8px 16px 0 16px;
  text-align: center;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-navigator-dropdown-header {
  display: flex;
  height: 48px;
  padding: 7px 16px 13px;
  border-bottom: 1px solid #f2f4f7;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-navigator-dropdown-header .ocean-vmok-plugin-navigator-dropdown-header-left {
  display: flex;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-navigator-dropdown-header .ocean-vmok-plugin-dropdown-title {
  color: #31343b;
  font-size: 14px;
  font-weight: bolder;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-navigator-dropdown-header .ocean-vmok-plugin-dropdown-subtitle {
  margin-left: 8px;
  color: #93969d;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-navigator-dropdown-header .ocean-vmok-plugin-drop-message-footer-setting {
  color: #0057ff;
  right: 16px;
  cursor: pointer;
  position: absolute;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-dropdown-message-footer {
  height: 40px;
  border-top: 1px solid #f4f4f5;
  justify-content: space-between;
  align-items: center;
  display: flex;
  padding: 8px 16px 0px;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-dropdown-message-footer .ocean-vmok-plugin-drop-message-footer-all {
  color: #0057ff;
  left: 16px;
  line-height: 22px;
  position: absolute;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-dropdown-pop .ocean-vmok-plugin-dropdown-message-footer .ocean-vmok-plugin-drop-message-footer-ignore {
  color: #0057ff;
  line-height: 22px;
  right: 16px;
  cursor: pointer;
  position: absolute;
}
.ocean-vmok-plugin-navigator-pop {
  margin-top: 11px;
  padding: 8px 16px;
}
.ocean-vmok-plugin-nav-message-title-drop {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.ocean-vmok-plugin-navigator-dropdown-header-left .tools-vmok-plugin-button--text {
  color: #31343b !important;
  font-weight: bolder !important;
}
.ocean-vmok-plugin-nav-message-title-drop-content {
  padding: 6px auto;
  display: block;
}
.ocean-vmok-plugin-nav-message-title-drop-content .ocean-vmok-plugin-nav-message-title-drop-item {
  padding: 6px 12px;
  height: 34px;
}
.ocean-vmok-plugin-nav-message-title-drop-content .ocean-vmok-plugin-nav-message-title-drop-item:hover {
  cursor: pointer;
  background: #f2f4f7;
}
.ocean-vmok-plugin-navigator-dropdown-button-default {
  color: #93969d;
}
.ocean-vmok-plugin-navigator-dropdown-button-default:hover {
  background-color: rgba(42, 85, 229, 0.08);
}
.ocean-vmok-plugin-navigator-dropdown-button-transparent {
  color: #ffffff;
  opacity: 0.5;
}
.ocean-vmok-plugin-navigator-dropdown-button-transparent:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.ocean-vmok-plugin-navigator-account {
  width: 280px;
  cursor: pointer;
  padding: 8px 16px;
  background-color: #fff;
}
.ocean-vmok-plugin-navigator-account .ocean-vmok-plugin-icon-copy {
  color: #93969d;
  display: none;
}
.ocean-vmok-plugin-navigator-account .ocean-vmok-plugin-icon-copy:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-account .ocean-vmok-plugin-icon-check {
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-account:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-navigator-account:hover .ocean-vmok-plugin-icon-copy {
  display: flex;
}
.ocean-vmok-plugin-navigator-account .ocean-vmok-plugin-default-avatar {
  line-height: 30px;
  text-align: center;
  font-weight: bolder;
  color: #fff;
  background-color: #0057ff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.ocean-vmok-plugin-navigator-account .ocean-vmok-plugin-oc-item-group-prefix,
.ocean-vmok-plugin-navigator-account .ocean-vmok-plugin-oc-item-group-suffix {
  align-self: center;
}
.ocean-vmok-plugin-navigator-list-message {
  position: relative;
  width: 560px;
}
.ocean-vmok-plugin-navigator-list-message-empty .ocean-vmok-plugin-oc-empty {
  height: 100%;
}
.ocean-vmok-plugin-navigator-list-message-body {
  overflow: auto;
}
.ocean-vmok-plugin-navigator-list-message-body .ocean-vmok-plugin-isRollingLoad {
  max-height: none;
}
.ocean-vmok-plugin-navigator-list-message-list {
  padding-top: 8px;
}
.ocean-vmok-plugin-navigator-list-message-spin-text {
  font-size: 12px;
  margin-left: 4px;
  align-items: center;
  color: #0057ff;
  display: flex;
}
.ocean-vmok-plugin-navigator-list-message-item-content {
  color: #93969d;
  font-size: 12px;
  line-height: 18px;
  margin-top: 8px;
}
.ocean-vmok-plugin-navigator-list-message-item {
  padding: 8px 16px;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-item-title-content {
  display: flex;
  align-content: space-between;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-item-title-content-left {
  display: flex;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-item-title-content-date {
  margin-left: auto;
  color: #93969d;
  font-size: 12px;
  flex: 0 0 auto;
  line-height: 18px;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-item-title-content .ocean-vmok-plugin-text {
  flex: 1;
}
.ocean-vmok-plugin-navigator-list-message-item:hover {
  background-color: #f2f4f7;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-list-message-item:hover .ocean-vmok-plugin-text {
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-list-message-item:hover .ocean-vmok-plugin-oc-item-group-content-title .ocean-vmok-plugin-oc-typography-type-text {
  font-size: 14px;
  font-weight: bolder;
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-text:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-tag {
  display: inline;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-read-status {
  display: flex;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #e34949;
}
.ocean-vmok-plugin-navigator-list-message-item .tools-vmok-plugin-tag {
  padding: 0 4px;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-oc-item-group-description {
  pointer-events: none;
  margin-top: 8px;
  padding-left: 10px;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-oc-item-group-content-title .ocean-vmok-plugin-oc-typography-type-text {
  font-size: 14px;
  font-weight: bolder;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-oc-item-group-content-title .ocean-vmok-plugin-oc-typography-type-text:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-list-message-item .ocean-vmok-plugin-date {
  color: #93969d;
  font-size: 12px;
  margin: 0;
  margin-left: 8px;
}
.ocean-vmok-plugin-navigator-list-message-item.ocean-vmok-plugin-read .ocean-vmok-plugin-oc-item-group-content-title .ocean-vmok-plugin-oc-typography-type-text {
  font-weight: normal;
}
.ocean-vmok-plugin-navigator-list-message-item.ocean-vmok-plugin-read .ocean-vmok-plugin-read-status {
  background-color: #dee0e3;
}
.ocean-vmok-plugin-navigator-tabs {
  padding: 16px;
  padding-bottom: 8px;
  background-color: #fff;
  display: flex;
}
.ocean-vmok-plugin-navigator-tabs-list {
  margin-right: 16px;
  padding-right: 16px;
  border-right: 1px solid #f2f4f7;
}
.ocean-vmok-plugin-navigator-tabs-list .ocean-vmok-plugin-navigator-tab {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-tabs-list .ocean-vmok-plugin-navigator-tab:nth-last-child(1) {
  margin-bottom: 0;
}
.ocean-vmok-plugin-navigator-tabs-list .ocean-vmok-plugin-navigator-tab-active {
  color: #0057ff;
  background-color: #e8f4ff;
}
.ocean-vmok-plugin-navigator-user-button {
  width: 204px;
  border-radius: 34px;
  padding: 4px 8px;
}
.ocean-vmok-plugin-navigator-user-button .ocean-vmok-plugin-oc-item-group-suffix {
  margin-left: 0;
}
.ocean-vmok-plugin-navigator-user-button .ocean-vmok-plugin-down-arrow {
  transition: all 0.1s;
}
.ocean-vmok-plugin-navigator-user-pop {
  width: 280px;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-back {
  padding: 9px 16px;
  color: #31343b;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-back-button {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-back-button-span {
  margin-left: 2px;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-account-diver {
  height: 1px;
  width: 100%;
  background: #dfe0e2;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-current-account {
  padding: 16px;
  padding-right: 12px;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-current-account-info {
  margin-top: 10px;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-setting-list {
  margin: 0;
  padding: 8px 0;
  list-style: none;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-setting-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 16px;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-setting-list-item-content {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-setting-list-item .ocean-vmok-plugin-icon-check {
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-setting-list-item .ocean-vmok-plugin-item-icon {
  margin-right: 4px;
  height: 16px;
}
.ocean-vmok-plugin-navigator-user-pop .ocean-vmok-plugin-setting-list-item:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-navigator-user:hover .ocean-vmok-plugin-down-arrow {
  transform: rotate(180deg);
}
.ocean-vmok-plugin-navigator-user-dropdown {
  max-height: none;
  border-radius: 12px;
  padding: 0;
  margin-top: 3px;
}
.ocean-vmok-plugin-navigator-user-transparent .ocean-vmok-plugin-down-arrow {
  color: rgba(255, 255, 255, 0.8);
}
.ocean-vmok-plugin-navigator-user-transparent .ocean-vmok-plugin-navigator-user-button:hover {
  background: rgba(255, 255, 255, 0.1);
}
.ocean-vmok-plugin-navigator-user-default .ocean-vmok-plugin-down-arrow {
  color: #93969d;
}
.ocean-vmok-plugin-navigator-user-default .ocean-vmok-plugin-navigator-user-button:hover {
  background: rgba(42, 85, 229, 0.08);
}
.ocean-vmok-plugin-oc-feedback {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  overflow: hidden;
  background: #fff;
  position: relative;
}
.ocean-vmok-plugin-oc-feedback-bg-icon {
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(-40deg) translate(20px, -10px);
}
.ocean-vmok-plugin-oc-feedback-info {
  background: linear-gradient(90deg, #e5f2ff 0%, #bfdfff 100%);
}
.ocean-vmok-plugin-oc-feedback-info-light {
  background: linear-gradient(180deg, #e5f2ff 0%, rgba(232, 240, 255, 0) 100%);
}
.ocean-vmok-plugin-oc-feedback-warning {
  background: linear-gradient(90deg, #fff4e4 0%, #ffe5a1 100%);
}
.ocean-vmok-plugin-oc-feedback-warning-light {
  background: linear-gradient(180deg, #fff5d0 0%, rgba(255, 245, 208, 0) 100%);
}
.ocean-vmok-plugin-oc-feedback-error {
  background: linear-gradient(90deg, #ffede3 0%, #ffc3c3 100%);
}
.ocean-vmok-plugin-oc-feedback-error-light {
  background: linear-gradient(180deg, #fdf2f2 0%, rgba(253, 242, 242, 0) 100%);
}
.ocean-vmok-plugin-oc-feedback-header {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-feedback-header-wrapper {
  margin-left: 12px;
}
.ocean-vmok-plugin-oc-feedback-header-title-text {
  font-size: 16px;
  font-weight: 600;
  color: #31343b;
  line-height: 24px;
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-feedback-header-title-num {
  font-size: 26px;
  font-weight: 700;
  line-height: 22px;
  font-family: OC-Number-Bold;
  margin-right: 3px;
}
.ocean-vmok-plugin-oc-feedback-header-title-num-info,
.ocean-vmok-plugin-oc-feedback-header-title-num-info-light {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-feedback-header-title-num-warning,
.ocean-vmok-plugin-oc-feedback-header-title-num-warning-light {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-feedback-header-title-num-error,
.ocean-vmok-plugin-oc-feedback-header-title-num-error-light {
  color: #e34949;
}
.ocean-vmok-plugin-oc-feedback-header-title-suffix {
  color: #101011;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-feedback-header-auxiliary {
  margin-top: 4px;
  color: #62656c;
  font-size: 12px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-feedback-suggest {
  width: 100%;
  border-radius: 8px;
  opacity: 1;
  z-index: 2;
  position: relative;
  background-color: #fff;
  padding: 16px;
}
.ocean-vmok-plugin-oc-feedback-suggest-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-feedback-suggest-title-left {
  font-size: 14px;
  font-weight: 600;
  color: #31343b;
  line-height: 22px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-feedback-suggest-title-left-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-feedback-suggest-title-right {
  font-size: 12px;
  color: #62656c;
  line-height: 18px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-white-close .tools-vmok-plugin-modal__close-icon {
  color: #ffffff !important;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-white-close .tools-vmok-plugin-modal__close-icon:hover {
  color: #0057ff !important;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-guide-modal-wrap .tools-vmok-plugin-modal {
  max-height: 640px;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-guide-modal-wrap .tools-vmok-plugin-modal .tools-vmok-plugin-modal__close-icon {
  color: #93969d;
}
.ocean-vmok-plugin-oc-guide-modal-wrap .tools-vmok-plugin-modal .tools-vmok-plugin-modal__close-icon:hover {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-header {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body-box + .ocean-vmok-plugin-oc-guide-modal-wrap-body-text {
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body-box-image {
  border-radius: 12px 12px 0px 0px;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body-box-image-radius {
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body-box-video-player .ocean-vmok-plugin-oc-video-player {
  border-radius: 12px 12px 0px 0px;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body-box-video-player-radius .ocean-vmok-plugin-oc-video-player {
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body-text {
  display: flex;
  justify-content: center;
  overflow: auto;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-body-nopadding {
  padding: 0;
}
.ocean-vmok-plugin-oc-guide-modal-wrap-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.ocean-vmok-plugin-oc-quick-operation {
  width: 100%;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #fff;
  border-radius: 12px;
  padding: 16px 0 16px 24px;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper > :not(:last-child) {
  margin-right: 40px;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-item {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-item-name {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary {
  color: #62656c;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-icon {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-popover {
  margin-left: 4px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-value {
  margin: 0 4px 0 8px;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-clickable:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-clickable:hover .ocean-vmok-plugin-oc-quick-operation-wrapper-primary-popover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-clickable:active {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-clickable:active .ocean-vmok-plugin-oc-quick-operation-wrapper-primary-icon {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-clickable:active .ocean-vmok-plugin-oc-quick-operation-wrapper-primary-value {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-primary-clickable:active .ocean-vmok-plugin-oc-quick-operation-wrapper-primary-popover {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-quick-operation .ocean-vmok-plugin-oc-quick-operation-wrapper-primary-popover:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-quick-operation .ocean-vmok-plugin-oc-quick-operation-wrapper-primary-popover:active {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger {
  color: #62656c;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-icon {
  color: #e34949;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-popover {
  margin-left: 4px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-value {
  margin: 0 4px 0 8px;
  color: #e34949;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-clickable:hover {
  color: #e34949;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-clickable:hover .ocean-vmok-plugin-oc-quick-operation-wrapper-danger-popover {
  color: #e34949;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-clickable:active {
  color: #c71023;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-clickable:active .ocean-vmok-plugin-oc-quick-operation-wrapper-danger-icon {
  color: #c71023;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-clickable:active .ocean-vmok-plugin-oc-quick-operation-wrapper-danger-value {
  color: #c71023;
}
.ocean-vmok-plugin-oc-quick-operation-wrapper-danger-clickable:active .ocean-vmok-plugin-oc-quick-operation-wrapper-danger-popover {
  color: #c71023;
}
.ocean-vmok-plugin-oc-quick-operation .ocean-vmok-plugin-oc-quick-operation-wrapper-danger-popover:hover {
  color: #e34949;
}
.ocean-vmok-plugin-oc-quick-operation .ocean-vmok-plugin-oc-quick-operation-wrapper-danger-popover:active {
  color: #c71023;
}
.ocean-vmok-plugin-oc-step-guides {
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  background-color: #fff;
}
.ocean-vmok-plugin-oc-step-guides-title {
  color: #31343b;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-step-guides-wrapper {
  width: 100%;
}
.ocean-vmok-plugin-oc-step-guides-wrapper-card {
  height: 90px !important;
  padding: 32px 0 8px 0;
}
.ocean-vmok-plugin-oc-step-guides-wrapper-link {
  height: 112px !important;
  margin-top: 24px;
  padding: 32px 0;
  border: 1px solid #dee0e3;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-step-guides-groups {
  display: flex;
  justify-content: center;
  position: relative;
  cursor: default;
}
.ocean-vmok-plugin-oc-step-guides-groups-item {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-step-guides-groups-item-info {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-step-guides-groups-item-info-desc {
  margin-left: 16px;
  text-align: left;
}
.ocean-vmok-plugin-oc-step-guides-groups-item-info-desc-title {
  color: #31343b;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  word-break: keep-all;
}
.ocean-vmok-plugin-oc-step-guides-groups-item-info-desc-auxiliary {
  margin-top: 8px;
  color: #93969d;
  font-size: 12px;
  line-height: 18px;
  word-break: keep-all;
}
.ocean-vmok-plugin-oc-step-guides-groups-item-divider {
  border-bottom: 2px dashed #dfe0e2;
}
.ocean-vmok-plugin-oc-step-guides-groups-arrow {
  position: absolute;
  cursor: pointer;
  top: calc(50% - 8px);
}
.ocean-vmok-plugin-oc-step-guides-groups-left-card {
  left: 0;
}
.ocean-vmok-plugin-oc-step-guides-groups-left-link {
  left: 16px;
}
.ocean-vmok-plugin-oc-step-guides-groups-right-card {
  right: 0;
}
.ocean-vmok-plugin-oc-step-guides-groups-right-link {
  right: 16px;
}
.ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel .ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel-tab-wrap {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel .ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel-tab-wrap:last-of-type {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel .ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel-row-wrap {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel .ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel-row-wrap:last-of-type {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel .ocean-vmok-plugin-oc-create-material-audit-suggest-info-panel-row-wrap .ocean-vmok-plugin-render-container {
  margin: 4px 0;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-wrapper .ocean-vmok-plugin-batch-edit-bid-budget-effect-type {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-wrapper .ocean-vmok-plugin-oc-promotion-data-card {
  padding: 0 !important;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-wrapper .ocean-vmok-plugin-change-value-input-group {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-wrapper .ocean-vmok-plugin-change-value-input-group .ocean-vmok-plugin-change-value-input-total {
  width: 50%;
  display: flex;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-wrapper .ocean-vmok-plugin-oc-promotion-data-card {
  padding: 0 !important;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-cell {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-cell .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value-edit {
  font-size: 12px;
  color: #31343b;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-cell .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value-edit .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value-edit-icon {
  margin-right: 4px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-cell .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value-desc {
  color: #93969d;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-cell .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value-msg {
  flex-basis: 100%;
  display: flex;
  justify-content: flex-end;
}
.tools-vmok-plugin-table-cell--right .ocean-vmok-plugin-oc-promotion-batch-edit-bid-budget-value-edit {
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell-data {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell-text {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell-icon {
  color: #62656c;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell-icon:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-poover-form .ocean-vmok-plugin-oc-radio-group {
  width: 100%;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-poover-form .tools-vmok-plugin-radio-item-group {
  width: 100%;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-poover-form .ocean-vmok-plugin-oc-radio-group .tools-vmok-plugin-radio-item {
  width: 50%;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-poover-form .tools-vmok-plugin-date-picker {
  width: 100% !important;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-edit-cell-msg {
  display: flex;
  flex-basis: 100%;
  justify-content: flex-end;
}
.ocean-vmok-plugin-batch-edit-delivery-duration-effect-type {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-delivery-duration-cell-edit {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-delivery-duration-edit-icon {
  margin-left: 4px;
}
.ocean-vmok-plugin-delivery-duration-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-delivery-duration-info-slot {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-promotion-batch-edit-district-table {
  margin-top: 24px;
}
.ocean-vmok-plugin-promotion-batch-edit-district-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-promotion-batch-edit-match-type-edit-cell {
  overflow: auto;
}
.ocean-vmok-plugin-promotion-batch-edit-match-type-edit-cell .tools-vmok-plugin-radio-item--checked {
  z-index: 1;
}
.ocean-vmok-plugin-oc-modal-wrap .ocean-vmok-plugin-oc-promotion-batch-edit-modal-body {
  position: relative;
  overflow-y: scroll;
}
.ocean-vmok-plugin-oc-modal-wrap .ocean-vmok-plugin-oc-promotion-batch-edit-modal-body-scroll-auto {
  overflow-y: auto;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer__left {
  display: flex;
  font-size: 12px;
  align-items: center;
  line-height: 18px;
  margin-right: 16px;
  width: 100%;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer__left-error {
  line-height: 18px;
  max-height: 40px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer__left-error-message {
  color: #e34949;
  float: left;
  height: 20px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer__left-error-all {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer__left-error-all:hover {
  background: rgba(227, 73, 73, 0.3);
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer__right {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-next-modal-footer {
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-next-modal-header .ocean-vmok-plugin-oc-modal-header-icon:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-next-modal-header span:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-header {
  font-size: 16px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-header .ocean-vmok-plugin-oc-popover-icon-wrapper {
  margin-left: 4px;
}
div + .ocean-vmok-plugin-oc-promotion-batch-edit-modal-table {
  margin-top: 20px;
}
.ocean-vmok-plugin-batch-edit-modal-table-scroll-row:hover .ocean-vmok-plugin-oc-promotion-operation span {
  color: #0057ff;
}
.ocean-vmok-plugin-batch-edit-modal-table-scroll-row:hover [name="oc-icon-light-edit"] {
  color: #0057ff;
}
.ocean-vmok-plugin-batch-edit-modal-table-scroll-row:hover .ocean-vmok-plugin-oc-promotion-operation .ocean-vmok-plugin-oc-promotion-operation-disabled-item {
  color: #93969d;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-footer-cancel-button {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-batch-edit-price-cell-edit {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-batch-edit-price-edit-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-batch-edit-price-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-price-unit-text {
  color: #93969d;
  padding-right: 8px;
}
.ocean-vmok-plugin-oc-batch-ratio-cell-edit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-batch-ratio-edit-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-batch-ratio-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-batch-ratio-cell-edit-text {
  max-width: 85px;
}
.ocean-vmok-plugin-oc-batch-edit-roi-goal-cell-edit {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-batch-edit-roi-goal-edit-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-batch-edit-roi-goal-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-batch-edit-roi-goal-cell-edit-ellipsis {
  max-width: 100px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-wrapper .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-effect-type {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell-edit {
  display: flex;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell-text {
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell-icon {
  margin-left: 4px;
  color: #62656c;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell-icon:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-edit-cell .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-value-msg {
  width: 100%;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-next-name {
  color: #31343b;
  font-size: 14px;
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-popover-content {
  max-height: 300px;
  overflow-y: auto;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar {
  height: 48px;
  border-radius: 4px;
  padding: 0px 16px 0px 16px;
  display: flex;
  background-color: rgba(42, 85, 229, 0.06);
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-num {
  font-weight: 600;
  font-size: 14px;
  color: #0057ff;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-groups {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-groups-divider {
  width: 1px;
  height: 12px;
  background-color: #b1caf6;
  margin: 0 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-groups-group {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-groups-group-item .tools-vmok-plugin-button--text {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-groups-group-item .tools-vmok-plugin-button--disabled {
  color: #badaff;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-groups-group > :nth-child(n) {
  margin-right: 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-groups-group > :last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-close {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-bar .ocean-vmok-plugin-bar-close:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-dropdown-popper {
  min-width: 200px;
  max-height: 350px;
}
.ocean-vmok-plugin-oc-promotion-batch-operation-dropdown-popper .tools-vmok-plugin-dropdown-item {
  padding-left: 24px;
}
.ocean-vmok-plugin-batch-revive-delivery-input-margin {
  margin: 24px 0 16px 0;
}
.ocean-vmok-plugin-batch-revive-delivery-input-tip {
  margin-bottom: 12px;
}
.ocean-vmok-plugin-batch-revive-delivery-cell-edit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ocean-vmok-plugin-batch-revive-delivery-edit-icon {
  margin-left: 4px;
}
.ocean-vmok-plugin-batch-revive-delivery-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-bid-wrapper {
  text-align: right;
  width: 100%;
  min-width: auto;
  height: auto;
  min-height: auto;
}
.ocean-vmok-plugin-oc-promotion-bid-header {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: flex-end;
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-bid-header--icon {
  cursor: pointer;
  color: #2a55e5;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-bid-header .ocean-vmok-plugin-edit-absolute {
  position: absolute;
  left: 0;
  height: 16px;
  z-index: 1;
  padding-right: 24px;
  background: linear-gradient(90deg, #f2f5fd 0%, #e8edfc 51.74%, rgba(234, 239, 253, 0) 100%);
}
.ocean-vmok-plugin-oc-promotion-bid-header .ocean-vmok-plugin-edit-disabled {
  cursor: not-allowed;
  color: #badaff;
  opacity: 0.46;
}
.ocean-vmok-plugin-oc-promotion-bid-header--title {
  font-family: 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
  font-style: normal;
  word-break: break-all;
  white-space: normal;
  font-size: 12px;
  line-height: 20px;
  color: #323335;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body {
  text-align: start;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-oc-promotion-budget-title-desc {
  font-size: 12px;
  line-height: 18px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-group-margin-bottom {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-group-margin-bottom + .ocean-vmok-plugin-oc-promotion-budget-extra {
  margin-top: -8px;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-oc-promotion-budget-reserved-info {
  margin-top: 8px;
  padding: 8px;
  background: #f2f4f7;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-oc-promotion-budget-reserved-info-num {
  font-weight: bolder;
  color: #31343b;
  margin: 0 4px;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-oc-promotion-budget-reserved-info-mr {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-oc-promotion-budget-reserved-info-btn {
  display: inline-block;
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-budget-popover-body .ocean-vmok-plugin-oc-promotion-budget-extra {
  margin-top: 8px;
}
.ocean-vmok-plugin-qc-promotion-campaign-modal-btn {
  display: inline-block;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-promotion-compare-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-promotion-compare-card .tools-vmok-plugin-spin__block-mask,
.ocean-vmok-plugin-oc-promotion-compare-card .tools-vmok-plugin-spin__block {
  z-index: 1800 !important;
}
.ocean-vmok-plugin-oc-promotion-compare-select-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-promotion-compare-select-container .ocean-vmok-plugin-select-container {
  position: relative;
  margin-right: 24px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-compare-select-container .ocean-vmok-plugin-select-container:last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-promotion-compare-select-container .ocean-vmok-plugin-select-container .ocean-vmok-plugin-color {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background-color: #0057ff;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-compare-select-container-popper {
  padding: 0;
  max-height: fit-content;
}
.ocean-vmok-plugin-oc-promotion-compare-select-item {
  padding: 5px 12px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-compare-select-extra .ocean-vmok-plugin-block {
  width: 12px;
  height: 12px;
  margin-right: 4px;
  border-radius: 1px;
}
.ocean-vmok-plugin-oc-promotion-coupon-balance {
  height: 90px;
  display: flex;
  padding: 16px 24px;
  border-radius: 12px;
  background-color: #f8f8f9;
  min-width: 600px;
}
.ocean-vmok-plugin-oc-promotion-coupon-balance-total-wrapper {
  min-width: 180px;
}
.ocean-vmok-plugin-oc-promotion-coupon-balance-detail {
  padding-top: 8px;
  display: flex;
  align-items: end;
}
.ocean-vmok-plugin-oc-promotion-coupon-balance-line {
  width: 6px;
  height: 54px;
  margin: 0 16px;
}
.ocean-vmok-plugin-oc-template-list-popover {
  padding: 8px 0;
}
.ocean-vmok-plugin-oc-promotion-data-card {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-group {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-group .ocean-vmok-plugin-edit-absolute {
  display: flex;
  position: absolute;
  left: 0;
  height: 16px;
  z-index: 1;
  padding-right: 24px;
  background: linear-gradient(90deg, #f2f5fd 0%, #e8edfc 51.74%, rgba(234, 239, 253, 0) 100%);
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-group-title,
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-group-desc {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-group-title-right,
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-group-desc-right {
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-edit {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-edit .ocean-vmok-plugin-edit-icon + .ocean-vmok-plugin-edit-icon {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-edit .ocean-vmok-plugin-edit-icon {
  display: flex;
  align-self: center;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-tag-text {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-oc-promotion-data-tag {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-invisible {
  visibility: hidden;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-visible {
  visibility: visible;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-edit-disabled {
  cursor: not-allowed;
  color: #badaff;
}
.ocean-vmok-plugin-oc-promotion-data-card .ocean-vmok-plugin-edit-disabled svg {
  opacity: 0.46;
}
.ocean-vmok-plugin-oc-promotion-data-overview .ocean-vmok-plugin-oc-promotion-data-overview-control-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-promotion-data-overview .ocean-vmok-plugin-oc-promotion-data-overview-control-bar .ocean-vmok-plugin-oc-control-bar-right {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-data-overview .ocean-vmok-plugin-oc-promotion-data-overview-control-bar .ocean-vmok-plugin-oc-control-bar-right .ocean-vmok-plugin-icon-popover-reference {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-promotion-data-overview .ocean-vmok-plugin-oc-promotion-data-overview-content {
  min-height: 86px;
}
.ocean-vmok-plugin-oc-promotion-data-overview-toggle-btn {
  width: 32px;
  height: 32px;
}
.ocean-vmok-plugin-oc-promotion-data-overview-toggle-btn .tools-vmok-plugin-button {
  min-width: 32px !important;
  height: 32px;
  padding: 0;
}
.ocean-vmok-plugin-oc-promotion-detail-card {
  page-break-inside: avoid;
}
.ocean-vmok-plugin-oc-promotion-detail-card:hover .ocean-vmok-plugin-oc-promotion-detail-card-header .ocean-vmok-plugin-oc-promotion-detail-card-header-left .ocean-vmok-plugin-oc-promotion-detail-card-header-icon-edit {
  display: block;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-header {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f5f7fa;
  border-radius: 8px;
  padding: 0 16px;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-header .ocean-vmok-plugin-oc-promotion-detail-card-header-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-header .ocean-vmok-plugin-oc-promotion-detail-card-header-left .ocean-vmok-plugin-oc-promotion-detail-card-header-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-header .ocean-vmok-plugin-oc-promotion-detail-card-header-left .ocean-vmok-plugin-oc-promotion-detail-card-header-icon-edit {
  display: none;
  margin-top: 2px;
  margin-left: 8px;
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-header .ocean-vmok-plugin-oc-promotion-detail-card-header-left .ocean-vmok-plugin-oc-promotion-detail-card-header-icon-edit:hover {
  color: #2e7bff;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-header .ocean-vmok-plugin-oc-promotion-detail-card-header-left .ocean-vmok-plugin-oc-promotion-detail-card-header-icon-edit.ocean-vmok-plugin-disabled {
  cursor: not-allowed;
  color: #badaff;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-body {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-body .ocean-vmok-plugin-oc-promotion-detail-card-body-item {
  display: flex;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-body .ocean-vmok-plugin-oc-promotion-detail-card-body-item .ocean-vmok-plugin-oc-promotion-detail-card-body-item-component {
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-body .ocean-vmok-plugin-oc-promotion-detail-card-body-item .ocean-vmok-plugin-oc-promotion-detail-card-body-item-label {
  min-width: 120px;
  max-width: 120px;
  margin-right: 16px;
  flex-shrink: 0;
}
.ocean-vmok-plugin-oc-promotion-detail-card .ocean-vmok-plugin-oc-promotion-detail-card-body .ocean-vmok-plugin-oc-promotion-detail-card-body-item-right {
  max-height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-promotion-highlight-card {
  width: 100%;
  padding: 16px;
  background-color: #f2f5fd;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__header-left {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__header-left-title {
  padding-right: 4px;
  margin-right: -4px;
  background: linear-gradient(104deg, rgba(0, 65, 255, 0.72) 5.13%, rgba(66, 136, 255, 0.72) 94.28%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateX(0) skewX(-7deg);
  transform-origin: 0 0;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  display: flex;
  gap: 8px;
  position: relative;
  min-height: 82px;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content-item,
.ocean-vmok-plugin-oc-promotion-highlight-card__content-line {
  flex: none;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content-line {
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content-line::after {
  width: 1px;
  content: '';
  position: absolute;
  background: #DFE0E2;
  top: 25%;
  bottom: 25%;
  left: 50%;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content::-webkit-scrollbar {
  width: 9px;
  height: 6px;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content::-webkit-scrollbar-thumb {
  background-color: #ebebed;
  border-radius: 3px;
  background-clip: padding-box;
  min-height: 28px;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__content::-webkit-scrollbar-thumb:hover {
  background-color: #BFC1C5;
}
.ocean-vmok-plugin-oc-promotion-highlight-card__loading-text {
  color: #0057ff;
  font-size: 12px;
  line-height: 18px;
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-promotion-highlight-card.ocean-vmok-plugin-oc-promotion-highlight-card__theme-market {
  background-color: #FFF4F1;
}
.ocean-vmok-plugin-oc-promotion-highlight-card.ocean-vmok-plugin-oc-promotion-highlight-card__theme-market .ocean-vmok-plugin-oc-promotion-highlight-card__header-left-title {
  background: linear-gradient(113deg, #FF6934 10.06%, #FF9663 80.47%);
  background-clip: text;
}
.ocean-vmok-plugin-oc-promotion-info-card-btn {
  display: inline-block;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar {
  padding: 16px;
  background: #f8f8f9;
  width: 100%;
  min-width: 1112px;
  min-height: 86px;
  border-radius: 12px;
  cursor: default;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-content-box {
  display: flex;
  flex-direction: row;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-spin-box {
  width: 100%;
  height: 100%;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-spin-box .ocean-vmok-plugin-oc-promotion-key-info-bar-loading-text {
  margin-left: 5px;
  color: #2e7bff;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-info-con {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-left-con {
  flex: 1;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-left-con .ocean-vmok-plugin-oc-promotion-key-info-bar-title-con {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-left-con .ocean-vmok-plugin-oc-promotion-key-info-bar-title-con .ocean-vmok-plugin-oc-promotion-key-info-bar-hover-show {
  position: relative;
  top: 2px;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-right-con {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-hover-show {
  margin-left: 4px;
  color: #0057ff;
  visibility: hidden;
  cursor: pointer;
  display: inline-block;
  align-items: center;
  height: 16px;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar:hover .ocean-vmok-plugin-oc-promotion-key-info-bar-hover-show {
  visibility: visible;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo {
  font-size: 12px;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo .ocean-vmok-plugin-oc-promotion-live-adinfo-flex {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo .ocean-vmok-plugin-oc-promotion-live-adinfo-content {
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo-pointer {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo .ocean-vmok-plugin-oc-promotion-live-adinfo-text {
  max-width: calc(100% - 128px);
  overflow: hidden;
  padding-right: 16px;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo .ocean-vmok-plugin-oc-promotion-live-adinfo-img-wrap {
  position: relative;
  height: 32px;
  width: 32px;
  overflow: hidden;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  background-color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo .ocean-vmok-plugin-oc-promotion-live-adinfo-material {
  display: flex;
  align-items: center;
  color: #62656c;
  gap: 4px;
}
.ocean-vmok-plugin-oc-promotion-live-adinfo .ocean-vmok-plugin-oc-promotion-live-adinfo-aweme {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-detail {
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-detail .ocean-vmok-plugin-oc-promotion-media-group-detail-tag {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2000;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-detail .ocean-vmok-plugin-oc-promotion-media-group-detail-mark {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2000;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-detail .ocean-vmok-plugin-oc-promotion-media-group-list {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: #f2f4f7;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-detail .ocean-vmok-plugin-oc-promotion-media-group-list .ocean-vmok-plugin-oc-promotion-media-group-list-ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-detail .ocean-vmok-plugin-oc-promotion-media-group-list .ocean-vmok-plugin-oc-media-wrapper .ocean-vmok-plugin-oc-media-thumb-container {
  background-color: #dee0e3;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-detail .ocean-vmok-plugin-oc-promotion-media-group-list-disabled {
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-promotion-media-group-wrapper .ocean-vmok-plugin-oc-promotion-media-group-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 16px;
  color: #31343b;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-promotion-media-group-preview {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -8px;
}
.ocean-vmok-plugin-oc-promotion-media-group-preview .ocean-vmok-plugin-oc-promotion-media-group-preview-item {
  margin-left: 8px;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-promotion-media-group-preview-popover .ocean-vmok-plugin-oc-popover-body {
  max-height: 250px;
  overflow-y: auto;
  margin-bottom: -8px;
}
.ocean-vmok-plugin-oc-promotion-metric-card .ocean-vmok-plugin-oc-statistic-content {
  align-items: flex-end;
}
.ocean-vmok-plugin-oc-promotion-metric-popover {
  padding: 0;
}
.ocean-vmok-plugin-oc-promotion-metric-chart {
  height: 242px;
  width: 590px;
  display: flex;
  align-content: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-promotion-metric-card-separator {
  padding: 0 4px;
  display: block;
  line-height: 24px;
}
.ocean-vmok-plugin-metric-card-chart {
  min-width: 80px;
  margin-left: 8px;
  color: #93969d;
}
.ocean-vmok-plugin-metric-card-chart-icon {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-more-filter-modal {
  overflow: hidden;
}
.ocean-vmok-plugin-popover-footer {
  margin: 16px 8px 8px 0;
}
.ocean-vmok-plugin-oc-promotion-name-edit-textarea .tools-vmok-plugin-textarea__suffix {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.ocean-vmok-plugin-oc-promotion-operation-com {
  font-size: 12px;
  width: auto;
}
.ocean-vmok-plugin-oc-promotion-operation-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
.ocean-vmok-plugin-oc-promotion-operation-wrapper-direction-vertical {
  align-items: start;
  flex-direction: column;
  gap: 4px;
}
.ocean-vmok-plugin-oc-promotion-operation-wrapper .ocean-vmok-plugin-oc-promotion-operation-action-item {
  line-height: 18px;
}
.ocean-vmok-plugin-oc-promotion-operation-more-action {
  fill: #666;
  border-radius: 4px;
  cursor: pointer;
  height: 16px;
  vertical-align: -4px;
}
.ocean-vmok-plugin-oc-operation-no-padding {
  padding: 0;
}
.ocean-vmok-plugin-oc-promotion-operation-extra-operation {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-promotion-extra-operation-body {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  line-height: 34px;
  padding: 6px 0;
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-extra-operation-body .ocean-vmok-plugin-oc-promotion-operation-action-item,
.ocean-vmok-plugin-oc-promotion-extra-operation-body .ocean-vmok-plugin-oc-popover {
  height: 34px;
  padding: 0 16px;
  text-align: center;
  display: block;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-extra-operation-body .ocean-vmok-plugin-oc-promotion-operation-action-item:hover,
.ocean-vmok-plugin-oc-promotion-extra-operation-body .ocean-vmok-plugin-oc-popover:hover {
  background: #edf1fd;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo {
  font-size: 12px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-pointer {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-name {
  font-weight: 600;
  line-height: 18px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-ad-name,
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-id-fade {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-aweme-pop-wrap {
  height: 32px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-x-pop-wrap {
  height: 16px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-id {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-other {
  font-size: 12px;
  display: flex;
  margin-top: 4px;
  align-items: center;
  color: #62656c;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-other .ocean-vmok-plugin-oc-promotion-product-adinfo-close-icon {
  color: #b9bcc3;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-other img {
  max-height: 32px;
  max-width: 32px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-aweme {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-material {
  display: flex;
  align-items: center;
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-product-number {
  position: absolute;
  right: 0;
  height: 12px;
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  min-width: 16px;
  text-align: center;
  padding: 0 2px;
  bottom: 0;
  background-color: rgba(26, 26, 27, 0.5);
  border-top-left-radius: 4px;
  color: #fff;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-product {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo .ocean-vmok-plugin-oc-promotion-product-adinfo-img-wrap {
  position: relative;
  height: 32px;
  width: 32px;
  overflow: hidden;
  border-radius: 4px;
  margin-right: 4px;
  display: flex;
  justify-content: center;
  background-color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-aweme-pop {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-aweme-pop img {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-ft12 {
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-ft14 {
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-title {
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-subtitle {
  font-size: 12px;
  line-height: 18px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-promotion-status-card {
  padding: 12px 8px 12px 16px;
  width: 100%;
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper {
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title,
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-desc {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-suffix,
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-desc .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-suffix,
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title .ocean-vmok-plugin-oc-promotion-status-card-wrapper-desc-suffix,
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-desc .ocean-vmok-plugin-oc-promotion-status-card-wrapper-desc-suffix {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title {
  gap: 4px;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-value {
  font-family: 'pingfang sc', -apple-system, blinkmacsystemfont, 'segoe ui', 'hiragino sans gb', 'microsoft yahei', 'helvetica neue', sans-serif, 'apple color emoji', 'segoe ui emoji';
  font-style: normal;
  word-break: break-all;
  white-space: normal;
  font-size: 12px;
  line-height: 20px;
  color: #323335;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-value .ocean-vmok-plugin-list-style {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin-right: 4px;
  display: inline-flex;
  position: relative;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  border: 1px solid #ffffff;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-value .ocean-vmok-plugin-list-style-color-secondary {
  background: #93969d;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-value .ocean-vmok-plugin-list-style-color-primary {
  background: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-value .ocean-vmok-plugin-list-style-color-danger {
  background: #e34949;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-value .ocean-vmok-plugin-list-style-color-success {
  background: #0da600;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-title-value .ocean-vmok-plugin-list-style-color-warning {
  background: #eb9617;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-desc {
  padding-left: 12px;
}
.ocean-vmok-plugin-oc-promotion-status-card .ocean-vmok-plugin-oc-promotion-status-card-wrapper .ocean-vmok-plugin-oc-promotion-status-card-wrapper-desc .ocean-vmok-plugin-oc-typography {
  padding-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-status-tag {
  display: flex;
  gap: 4px;
}
.ocean-vmok-plugin-oc-promotion-step {
  display: flex;
}
.ocean-vmok-plugin-oc-promotion-step.ocean-vmok-plugin-vertical {
  flex-direction: column;
}
.ocean-vmok-plugin-oc-promotion-task-notice {
  position: fixed;
  top: 95px;
  right: 32px;
  width: 346px;
  font-size: 14px;
  z-index: 998;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.ocean-vmok-plugin-oc-promotion-task-notice__header {
  position: relative;
  color: #31343b;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-promotion-task-notice__header-ver {
  height: 12px;
  width: 1px;
  background: #e0e0e0;
  margin: 0 8px;
}
.ocean-vmok-plugin-oc-promotion-task-notice__header-close-icon {
  cursor: pointer;
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
}
.ocean-vmok-plugin-oc-promotion-task-notice__body {
  max-height: 245px;
  overflow: auto;
  min-height: 50px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ocean-vmok-plugin-oc-promotion-task-notice__body-item {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #31343b;
  gap: 4px;
  line-height: 18px;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-promotion-task-notice__body-item-left {
  width: 16px;
  height: 16px;
  position: relative;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-task-notice__body-item-left .ocean-vmok-plugin-oc-loading {
  width: 16px;
  height: 16px;
}
.ocean-vmok-plugin-oc-promotion-task-notice__body-item-left.ocean-vmok-plugin-success {
  color: #0da600;
}
.ocean-vmok-plugin-oc-promotion-task-notice__body-item-left.ocean-vmok-plugin-error {
  color: #e34949;
}
.ocean-vmok-plugin-oc-promotion-task-notice__body-item-left.ocean-vmok-plugin-warn {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-promotion-task-notice__footer {
  display: flex;
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-promotion-title-bar {
  border-radius: 12px;
  background: #ffffff;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box {
  border-radius: 12px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-popover {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-text {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-icon {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-icon:after {
  display: inline-block;
  content: "";
  width: 1px;
  height: 16px;
  margin: 0 16px;
  background: #dfe0e2;
  border-radius: 2px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-icon:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-title-suffix {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-title-suffix:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 16px;
  margin: 0 16px;
  background: #dfe0e2;
  border-radius: 2px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-title-left-tabs-tab .ocean-vmok-plugin-tab--active {
  color: #0057ff;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-tabs {
  padding: 0 24px 16px 24px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-box-tabs-has-body {
  padding: 0 24px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-diver {
  height: 1px;
  background: #dfe0e2;
  margin: 0 24px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-body {
  padding: 24px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-has-top-top {
  margin-bottom: -24px;
  border-radius: 12px;
  padding-bottom: 24px;
}
.ocean-vmok-plugin-oc-promotion-title-bar-has-top-box {
  border-radius: 12px;
  background: #ffffff;
}
.ocean-vmok-plugin-oc-promotion-title-bar-has-top-body {
  border-radius: 0 0 12px 12px;
  background: #ffffff;
}
.ocean-vmok-plugin-oc-promotion-tool-bar .ocean-vmok-plugin-oc-card-content {
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-promotion-tool-bar .ocean-vmok-plugin-oc-promotion-tool-bar-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-tool-bar .ocean-vmok-plugin-oc-promotion-tool-bar-left .ocean-vmok-plugin-oc-promotion-tool-bar-prefix-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 14px;
}
.ocean-vmok-plugin-oc-promotion-tool-bar .ocean-vmok-plugin-oc-promotion-tool-bar-left .ocean-vmok-plugin-oc-promotion-tool-bar-left-title-wrapper {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-tool-bar .ocean-vmok-plugin-oc-promotion-tool-bar-left .ocean-vmok-plugin-oc-promotion-tool-bar-left-title-wrapper .ocean-vmok-plugin-title-text {
  font-size: 18px;
  color: #31343b;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-promotion-tool-bar .ocean-vmok-plugin-oc-promotion-tool-bar-left .ocean-vmok-plugin-oc-promotion-tool-bar-left-title-wrapper-separator:after {
  display: inline-block;
  content: "";
  width: 2px;
  height: 12px;
  margin: 0 16px;
  background: #b9bcc3;
  border-radius: 2px;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-dropdown {
  margin-right: 32px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-dropdown-line::before {
  display: inline-block;
  content: "";
  width: 2px;
  height: 12px;
  margin: 0 16px;
  background: #b9bcc3;
  border-radius: 2px;
}
.ocean-vmok-plugin-oc-report-comment-wrapper {
  display: flex;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-avatar {
  /* flex: 0 0 44px; */
  width: 44px;
  height: 44px;
  margin-right: 16px;
  border-radius: 50%;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-avatar img {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-info {
  /* flex: 1 1 auto; */
  width: calc(100% - 44px - 16px);
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-info .ocean-vmok-plugin-comment-user {
  font-weight: 600;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-info .ocean-vmok-plugin-comment-user .ocean-vmok-plugin-reply-text {
  color: #93969d;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-info .ocean-vmok-plugin-comment-text {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-info .ocean-vmok-plugin-time-row {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-info .ocean-vmok-plugin-time-row .ocean-vmok-plugin-time {
  color: #93969d;
  /* 基础字体/Regular/12px */
  font-size: 12px;
  font-weight: 400;
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-report-comment-wrapper .ocean-vmok-plugin-comment-info .ocean-vmok-plugin-time-row .ocean-vmok-plugin-comment-tag {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-report-creative-analysis-header {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-report-live-avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-live-avatar .ocean-vmok-plugin-oc-report-live-avatar-content {
  position: relative;
}
.ocean-vmok-plugin-oc-report-live-avatar .ocean-vmok-plugin-oc-report-live-avatar-content-live {
  border-radius: 50%;
  border: 1px solid #ff1764;
}
.ocean-vmok-plugin-oc-report-live-avatar .ocean-vmok-plugin-oc-report-live-avatar-content-live-img {
  border-radius: 50%;
  border: 1px solid #fff;
}
.ocean-vmok-plugin-oc-report-live-avatar .ocean-vmok-plugin-oc-report-live-avatar-content-icon {
  position: absolute;
  top: -5px;
  left: -1px;
  border-radius: 3px;
}
.ocean-vmok-plugin-oc-report-live-avatar-tag {
  display: flex;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid #fff;
  margin-top: -14px;
}
#emoji-tooltip-wrapper {
  background: #1d2129;
  border-radius: 2px;
  filter: alpha(opacity=70);
  padding: 8px 12px;
  position: fixed;
  -webkit-transform: translateX(calc(-50% + 2px)) translateY(-5px);
  transform: translateX(calc(-50% + 2px)) translateY(-5px);
  z-index: 9999999;
}
#emoji-tooltip-wrapper span {
  border-color: #1d2129 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  filter: alpha(opacity=70);
  height: 0;
  left: 50px;
  position: absolute;
  top: -10px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}
#emoji-tooltip-wrapper p {
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}
#emoji-mobile {
  border-radius: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: none;
  transform: none;
}
#emoji-mobile .emoji-item,
#emoji-mobile .recent-item {
  height: 8vw;
  width: 8vw;
}
#emoji-mobile .dynamic-item {
  cursor: pointer;
  height: 11vw;
  margin: 3px;
  overflow: hidden;
  position: relative;
  width: 11vw;
}
#emoji-mobile .empty-item {
  width: 8vw;
}
.emoji-lable {
  height: 28px;
  opacity: 0.7;
  width: 28px;
}
.emoji-title {
  color: #fff;
  display: block;
  font-size: 12px;
  line-height: 2;
}
.emoji-lable:hover {
  color: blue;
  cursor: pointer;
  opacity: 1;
}
.emoji-panel {
  -webkit-touch-callout: none;
  border: 0.5px;
  border-radius: 15px;
  bottom: 100%;
  box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2);
  display: none;
  overflow: hidden;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-user-select: none;
  user-select: none;
}
.emoji-panel .empty-item {
  height: 0;
  margin: 3px;
  width: 25px;
}
.emoji-panel.current {
  display: block;
}
.emoji-panel .emoji-page-bar {
  bottom: 0;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
}
.emoji-panel .emoji-page-dot {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  display: block;
  height: 6px;
  margin: 3px;
  position: relative;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 6px;
}
.emoji-panel .emoji-page-dot.current {
  background: blue;
}
.emoji-panel .emoji-page-dot:hover {
  cursor: pointer;
}
.emoji-panel-total {
  -webkit-overflow-scrolling: touch;
  display: block;
  padding: 10px;
  position: relative;
}
.emoji-panel-total::-webkit-scrollbar {
  width: 2px;
}
.emoji-panel-total::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.5);
  border-radius: 10px;
  width: 2px;
}
.emoji-panel-total::-webkit-scrollbar-track {
  background: hsla(0, 0%, 100%, 0.2);
  border-radius: 0;
}
.emoji-panel-total .emoji-panel-dynamic .emoji-panel-items {
  background-color: inherit;
}
.emoji-panel-total .emoji-panel-dynamic .emoji-line {
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.emoji-panel-items {
  -webkit-overflow-scrolling: touch;
  background: inherit;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 9999;
}
.emoji-panel-items::-webkit-scrollbar {
  width: 2px;
}
.emoji-panel-items::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.5);
  border-radius: 10px;
  width: 2px;
}
.emoji-panel-items::-webkit-scrollbar-track {
  background: hsla(0, 0%, 100%, 0.2);
  border-radius: 0;
}
.emoji-panel-items .emoji-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.emoji-panel-items .emoji-page {
  display: none;
  margin: 10px 0 5px;
  width: 100%;
}
.emoji-panel-items .emoji-page.current {
  display: block;
}
.emoji-panel-items .emoji-page .emoji-item {
  cursor: pointer;
  margin: 3px;
  width: 25px;
}
.emoji-panel-recent {
  border-top: 1px solid #eee;
  box-sizing: border-box;
  display: block;
  height: 70px;
  padding: 5px 10px;
}
.emoji-panel-recent-title {
  display: block;
  font-size: 12px;
  line-height: 2;
}
.emoji-panel-recent-items .emoji-line {
  display: flex;
}
.emoji-panel-recent-items .emoji-line .recent-item {
  cursor: pointer;
  height: 25px;
  margin: 3px;
  width: 25px;
}
.emoji-panel-recent-items .emoji-line .recent-item:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.emoji-item {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 25px;
  width: 25px;
}
.emoji-line {
  display: flex;
  justify-content: space-between;
}
.emoji-line .recent-item {
  cursor: pointer;
  height: 25px;
  margin: 3px;
}
.emoji-line .dynamic-item {
  cursor: pointer;
  height: 36px;
  margin: 3px;
  overflow: hidden;
  position: relative;
  width: 36px;
}
.emoji-line .dynamic-item span {
  width: 100%;
}
.emoji-line .dynamic-item .gif-wrapper {
  height: 100%;
}
.emoji-line .dynamic-item img {
  height: auto!important;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 110% !important;
}
[class*=emoji-item__] {
  background-repeat: no-repeat;
  background-size: 200px;
}
#emoji-mobile [class*=emoji-item__] {
  background-size: 64vw;
}
.emoji-panel .emoji-item__0 {
  background-image: url(https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/sprites_a_60.png~tplv-gjr78lqtd0-10.image);
}
.emoji-panel .emoji-item__1 {
  background-image: url(https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/sprites_b_60.png~tplv-gjr78lqtd0-10.image);
}
.emoji-panel--sg .emoji-item__0 {
  background-image: url(https://p19-live-sg.ibyteimg.com/tos-alisg-i-j963mrpdmh/sprites_a_60.png~tplv-j963mrpdmh-image.image);
}
.emoji-panel--sg .emoji-item__0.use-webp {
  background-image: url(https://p19-live-sg.ibyteimg.com/tos-alisg-i-j963mrpdmh/sprites_a_60.png~tplv-j963mrpdmh-image.webp);
}
.emoji-panel--sg .emoji-item__1 {
  background-image: url(https://p19-live-sg.ibyteimg.com/tos-alisg-i-j963mrpdmh/sprites_b_60.png~tplv-j963mrpdmh-image.image);
}
.emoji-panel--sg .emoji-item__1.use-webp {
  background-image: url(https://p19-live-sg.ibyteimg.com/tos-alisg-i-j963mrpdmh/sprites_b_60.png~tplv-j963mrpdmh-image.webp);
}
.emoji-item__col-0 {
  background-position-x: 0 !important;
}
.emoji-item__row-0 {
  background-position-y: 0 !important;
}
.emoji-item__col-1 {
  background-position-x: -25px !important;
}
.emoji-item__row-1 {
  background-position-y: -25px !important;
}
.emoji-item__col-2 {
  background-position-x: -50px !important;
}
.emoji-item__row-2 {
  background-position-y: -50px !important;
}
.emoji-item__col-3 {
  background-position-x: -75px !important;
}
.emoji-item__row-3 {
  background-position-y: -75px !important;
}
.emoji-item__col-4 {
  background-position-x: -100px !important;
}
.emoji-item__row-4 {
  background-position-y: -100px !important;
}
.emoji-item__col-5 {
  background-position-x: -125px !important;
}
.emoji-item__row-5 {
  background-position-y: -125px !important;
}
.emoji-item__col-6 {
  background-position-x: -150px !important;
}
.emoji-item__row-6 {
  background-position-y: -150px !important;
}
.emoji-item__col-7 {
  background-position-x: -175px !important;
}
.emoji-item__row-7 {
  background-position-y: -175px !important;
}
#emoji-mobile .emoji-item__col-0 {
  background-position-x: 0 !important;
}
#emoji-mobile .emoji-item__row-0 {
  background-position-y: 0 !important;
}
#emoji-mobile .emoji-item__col-1 {
  background-position-x: -8vw !important;
}
#emoji-mobile .emoji-item__row-1 {
  background-position-y: -8vw !important;
}
#emoji-mobile .emoji-item__col-2 {
  background-position-x: -16vw !important;
}
#emoji-mobile .emoji-item__row-2 {
  background-position-y: -16vw !important;
}
#emoji-mobile .emoji-item__col-3 {
  background-position-x: -24vw !important;
}
#emoji-mobile .emoji-item__row-3 {
  background-position-y: -24vw !important;
}
#emoji-mobile .emoji-item__col-4 {
  background-position-x: -32vw !important;
}
#emoji-mobile .emoji-item__row-4 {
  background-position-y: -32vw !important;
}
#emoji-mobile .emoji-item__col-5 {
  background-position-x: -40vw !important;
}
#emoji-mobile .emoji-item__row-5 {
  background-position-y: -40vw !important;
}
#emoji-mobile .emoji-item__col-6 {
  background-position-x: -48vw !important;
}
#emoji-mobile .emoji-item__row-6 {
  background-position-y: -48vw !important;
}
#emoji-mobile .emoji-item__col-7 {
  background-position-x: -56vw !important;
}
#emoji-mobile .emoji-item__row-7 {
  background-position-y: -56vw !important;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper {
  width: 100%;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper {
  position: relative;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .tools-vmok-plugin-input-group {
  width: 100%;
  max-width: 100% !important;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .tools-vmok-plugin-textarea__wrapper {
  position: relative;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .tools-vmok-plugin-textarea__prefix {
  position: absolute;
  bottom: 0px;
  left: 4px;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .tools-vmok-plugin-textarea__suffix {
  position: absolute;
  bottom: 0;
  right: 4px;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .tools-vmok-plugin-textarea {
  height: calc(100% - 20px);
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .ocean-vmok-plugin-emoji-container {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .ocean-vmok-plugin-emoji-container .ocean-vmok-plugin-emoji-btn {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .ocean-vmok-plugin-emoji-container .ocean-vmok-plugin-emoji-btn.ocean-vmok-plugin-disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .ocean-vmok-plugin-emoji-container .emoji-panel {
  background-color: #ffffff;
  z-index: 10;
  bottom: unset;
  top: 0;
  left: 200px;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .ocean-vmok-plugin-emoji-container .emoji-panel .emoji-panel-total {
  height: 300px !important;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .ocean-vmok-plugin-emoji-container .emoji-panel .emoji-title {
  color: unset;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-emoji-textarea-wrapper .ocean-vmok-plugin-emoji-container .emoji-panel .emoji-panel-dynamic .emoji-panel-items {
  height: unset;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-insert-wrapper {
  width: 100%;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-insert-wrapper .ocean-vmok-plugin-insert-row {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-insert-wrapper .ocean-vmok-plugin-insert-row .ocean-vmok-plugin-insert-prefix {
  max-width: 90px;
  color: #93969d;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-insert-wrapper .ocean-vmok-plugin-insert-row .ocean-vmok-plugin-insert-data {
  flex: 1;
  display: flex;
  margin-right: 12px;
  height: 20px;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-insert-wrapper .ocean-vmok-plugin-insert-row .ocean-vmok-plugin-insert-data .ocean-vmok-plugin-insert-data-item-typography {
  margin-left: 8px;
  min-width: 20px;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-insert-wrapper .ocean-vmok-plugin-insert-row .ocean-vmok-plugin-insert-data .ocean-vmok-plugin-insert-data-item-typography:nth-child(1) {
  margin-left: 0;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-insert-wrapper .ocean-vmok-plugin-insert-row .ocean-vmok-plugin-insert-suffix {
  max-width: 80px;
  align-items: flex-start;
  text-align: right;
}
.ocean-vmok-plugin-oc-report-comment-textarea-wrapper .ocean-vmok-plugin-maxlength {
  color: #93969d;
}
.ocean-vmok-plugin-oc-report-live-card {
  border-radius: 8px;
  background: #fff;
  padding: 16px;
}
.ocean-vmok-plugin-oc-report-live-card-up {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-live-card-up-left {
  display: flex;
  align-items: center;
  width: 100%;
}
.ocean-vmok-plugin-oc-report-live-card-up-left-right {
  margin-left: 12px;
  width: 100%;
}
.ocean-vmok-plugin-oc-report-live-card-up-left-right-review {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-report-live-card-up-left-right span + div {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-report-live-card-up-left-right-bottom {
  display: flex;
}
.ocean-vmok-plugin-oc-report-live-card-up-left-right-bottom span + span {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-report-live-card-up-right {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 0 12px;
}
.ocean-vmok-plugin-oc-report-live-card-up-right div + div {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-report-live-card-down {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.ocean-vmok-plugin-oc-report-live-card-down-item {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.ocean-vmok-plugin-oc-report-live-card-down-item-bottom {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-live-card-down-item0 {
  width: 36%;
}
.ocean-vmok-plugin-oc-report-live-card-down-item1 {
  width: 24%;
}
.ocean-vmok-plugin-oc-report-live-card-down-item2 {
  width: 40%;
}
.ocean-vmok-plugin-oc-report-live-card-middel {
  margin-top: 4px;
}
.ocean-vmok-plugin-report-metrics-calculate-tab {
  width: 100%;
  display: flex;
}
.ocean-vmok-plugin-report-metrics-calculate-tab .ocean-vmok-plugin-summary-card {
  flex: 1;
  border-top: 0px;
  border-right: 0px;
}
.ocean-vmok-plugin-report-metrics-calculate-tab .ocean-vmok-plugin-summary-card:hover {
  border-top: 4px solid #2a55e5 !important;
  padding-top: 12px;
  background: linear-gradient(180deg, #eff5ff 0%, rgba(239, 245, 255, 0) 100%) !important;
}
.ocean-vmok-plugin-report-metrics-calculate-tab .ocean-vmok-plugin-summary-card:hover .ocean-vmok-plugin-report-metrics-calculate-tab-card-icon {
  top: calc(50% - 12px);
}
.ocean-vmok-plugin-oc-report-script-analysis {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-header {
  width: 100%;
  height: 24px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-collapse {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-body {
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  background: #f8f8f9;
}
.ocean-vmok-plugin-report-select-date-picker-wrapper {
  display: flex;
}
.ocean-vmok-plugin-report-select-date-picker-wrapper .ocean-vmok-plugin-oc-select .tools-vmok-plugin-input__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ocean-vmok-plugin-report-select-date-picker-wrapper .ocean-vmok-plugin-oc-select .tools-vmok-plugin-input__wrapper--focused {
  z-index: 1;
}
.ocean-vmok-plugin-report-select-date-picker-wrapper .tools-vmok-plugin-date-picker .tools-vmok-plugin-input__wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ocean-vmok-plugin-report-select-date-picker-select-line {
  width: 1px;
  height: 32px;
  background: #f2f4f7;
}
.ocean-vmok-plugin-report-select-date-picker-select-line:after {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  margin-top: 7px;
  background-color: #dee0e3;
}
.ocean-vmok-plugin-report-select-range-picker {
  display: flex;
}
.ocean-vmok-plugin-report-select-range-picker .ocean-vmok-plugin-oc-select .tools-vmok-plugin-input__wrapper {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ocean-vmok-plugin-report-select-range-picker .ocean-vmok-plugin-oc-select .tools-vmok-plugin-input__wrapper--focused {
  z-index: 1;
}
.ocean-vmok-plugin-report-select-range-picker .ocean-vmok-plugin-oc-range-picker .tools-vmok-plugin-custom-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ocean-vmok-plugin-report-select-range-picker-select-line {
  width: 1px;
  height: 32px;
  background: #f2f4f7;
}
.ocean-vmok-plugin-report-select-range-picker-select-line:after {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  margin-top: 7px;
  background-color: #dee0e3;
}
.ocean-vmok-plugin-oc-report-template-card {
  z-index: 1;
  position: relative;
  border-radius: 8px;
  width: 177px;
  cursor: pointer;
  background: linear-gradient(85deg, #dee8ff 7.46%, #ecf2ff 90.49%);
}
.ocean-vmok-plugin-oc-report-template-card-box {
  padding: 12px;
  border-radius: 8px;
  background: transparent;
  position: relative;
  min-height: 92px;
}
.ocean-vmok-plugin-oc-report-template-card-box-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.ocean-vmok-plugin-oc-report-template-card-box-desc {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-report-template-card-box-title-len2 {
  width: 112px !important;
}
.ocean-vmok-plugin-oc-report-template-card-box-title-len1 {
  width: 96px !important;
}
.ocean-vmok-plugin-oc-report-template-card-box:hover {
  z-index: 2;
  border: 1px solid #0057ff;
  padding: 11px;
}
.ocean-vmok-plugin-oc-report-template-card-right-top {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 3px 5px;
  border-radius: 0px 8px;
  background: #f2f7ff;
}
.ocean-vmok-plugin-oc-report-template-card-right-bottom {
  position: absolute;
  right: 0;
  bottom: -6px;
  z-index: 1;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: #f2f4f7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper:hover .ocean-vmok-plugin-oc-file-select-card-del {
  display: block;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper .ocean-vmok-plugin-oc-file-select-card-del {
  position: absolute;
  top: -6px;
  right: -6px;
  color: #93969d;
  cursor: pointer;
  display: none;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper .ocean-vmok-plugin-oc-file-select-card-add {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper .ocean-vmok-plugin-oc-file-select-card-add .ocean-vmok-plugin-oc-file-select-card-add-text {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper .ocean-vmok-plugin-oc-file-select-card-uploading {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper .ocean-vmok-plugin-oc-file-select-card-uploading .ocean-vmok-plugin-oc-file-select-card-uploading-text {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper .ocean-vmok-plugin-oc-file-select-card-error {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  padding: 0 16px;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper .ocean-vmok-plugin-oc-file-select-card-error .ocean-vmok-plugin-oc-file-select-card-error-icon {
  margin-bottom: 8px;
  color: #e34949;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-file-select-card-wrapper:hover .ocean-vmok-plugin-oc-file-select-card-add {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-file-select-card-error {
  background: #fdf2f2;
}
.ocean-vmok-plugin-oc-file-select-card-disabled {
  background: #f5f7fa;
}
.ocean-vmok-plugin-oc-file-select-card-disabled .ocean-vmok-plugin-oc-file-select-card-add {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-file-select-card-disabled:hover {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-file-select-card-disabled:hover .ocean-vmok-plugin-oc-file-select-card-add {
  color: #b9bcc3;
}
.tools-vmok-plugin-image-preview {
  z-index: 999999;
}
.tools-vmok-plugin-image-preview__img {
  max-width: calc(100% - 120px);
  max-height: calc(100% - 120px);
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  position: relative;
  background-color: #f2f4f7;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper:hover .ocean-vmok-plugin-oc-media-upload-preview-card-del {
  display: block;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper:hover .ocean-vmok-plugin-oc-media-upload-preview-card-operate {
  display: flex;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper:hover .ocean-vmok-plugin-oc-media-upload-preview-card-play {
  display: none;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper .tools-vmok-plugin-image {
  position: absolute;
  width: 0;
  height: 0;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper .ocean-vmok-plugin-oc-media-upload-preview-card-del {
  position: absolute;
  top: -6px;
  right: -6px;
  z-index: 3;
  color: #93969d;
  cursor: pointer;
  display: none;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper .ocean-vmok-plugin-oc-media-upload-preview-card-play {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 1;
  color: #ffffff;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper .ocean-vmok-plugin-oc-media-upload-preview-card-operate {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 4px;
  background-color: rgba(26, 26, 27, 0.5);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  z-index: 2;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper .ocean-vmok-plugin-oc-media-upload-preview-card-operate .ocean-vmok-plugin-oc-media-upload-preview-card-operate-icon {
  margin-left: 16px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-media-upload-preview-card-wrapper .ocean-vmok-plugin-oc-media-upload-preview-card-operate .ocean-vmok-plugin-oc-media-upload-preview-card-operate-icon:first-child {
  margin-left: 0;
}
.ocean-vmok-plugin-oc-audio-upload {
  margin-left: 16px;
  margin-bottom: 8px;
  position: relative;
  width: 100%;
}
.ocean-vmok-plugin-oc-audio-upload__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 320px;
  height: 32px;
  padding: 5px 8px;
  padding-right: 32px;
  border-radius: 4px;
  background-color: #f2f4f7;
  position: relative;
}
.ocean-vmok-plugin-oc-audio-upload__info__delete__hide {
  padding-right: 8px;
}
.ocean-vmok-plugin-oc-audio-upload__info__name {
  display: flex;
  align-items: center;
  color: #31343b;
  font-size: 14px;
  overflow: hidden;
  flex: 1;
}
.ocean-vmok-plugin-oc-audio-upload__info__name iconpark-icon {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-audio-upload__info__name__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: calc(100% - 40px);
}
.ocean-vmok-plugin-oc-audio-upload__info__name__text__fail {
  color: #e34949;
}
.ocean-vmok-plugin-oc-audio-upload__info__uploading,
.ocean-vmok-plugin-oc-audio-upload__info__success,
.ocean-vmok-plugin-oc-audio-upload__info__fail {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-audio-upload__info__fail .ocean-vmok-plugin-oc-fail-tips {
  color: #e34949;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-audio-upload__info__delete {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  right: 8px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-audio-upload__after {
  position: absolute;
  left: 320px;
  top: 0;
}
.ocean-vmok-plugin-oc-file-select-card-uploading-text {
  color: #0057ff;
  font-size: 12px;
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-audio-upload {
  margin-left: 16px;
  margin-bottom: 8px;
  width: 100%;
}
.ocean-vmok-plugin-oc-audio-upload__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 320px;
  height: 32px;
  padding: 5px 8px;
  padding-right: 32px;
  border-radius: 4px;
  background-color: #f2f4f7;
  position: relative;
}
.ocean-vmok-plugin-oc-audio-upload__info__delete__hide {
  padding-right: 8px;
}
.ocean-vmok-plugin-oc-audio-upload__info__name {
  display: flex;
  align-items: center;
  color: #31343b;
  font-size: 14px;
  overflow: hidden;
  flex: 1;
}
.ocean-vmok-plugin-oc-audio-upload__info__name iconpark-icon {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-audio-upload__info__name__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: calc(100% - 40px);
}
.ocean-vmok-plugin-oc-audio-upload__info__uploading,
.ocean-vmok-plugin-oc-audio-upload__info__success,
.ocean-vmok-plugin-oc-audio-upload__info__fail {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-audio-upload__info__fail .ocean-vmok-plugin-fail-tips {
  color: #e34949;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-audio-upload__info__delete {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  right: 8px;
}
.ocean-vmok-plugin-oc-audio-upload__after {
  position: absolute;
  left: 320px;
  top: 0;
}
.ocean-vmok-plugin-oc-collapse__button {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-collapse__button.ocean-vmok-plugin-oc-collapse__button-reverse {
  flex-direction: row-reverse;
}
.ocean-vmok-plugin-oc-collapse__button-text {
  margin: 0 4px;
}
.ocean-vmok-plugin-oc-collapse__button:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-collapse__wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  color: #31343b;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-collapse__wrapper-primary {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-collapse__wrapper-card {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 0;
  background-color: #f2f4f7;
  cursor: pointer;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-collapse__wrapper-card:hover {
  background-color: #e8eaed;
}
.ocean-vmok-plugin-oc-collapse__wrapper-card .ocean-vmok-plugin-oc-collapse__button {
  width: 100%;
  text-align: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-collapse__wrapper-bottom,
.ocean-vmok-plugin-oc-collapse__wrapper-top {
  justify-content: center;
}
.ocean-vmok-plugin-oc-collapse__wrapper-bottom-start,
.ocean-vmok-plugin-oc-collapse__wrapper-top-start {
  justify-content: flex-start;
}
.ocean-vmok-plugin-oc-collapse__wrapper-bottom-end,
.ocean-vmok-plugin-oc-collapse__wrapper-top-end {
  justify-content: flex-end;
}
.ocean-vmok-plugin-oc-sub-side-bar-item {
  padding: 0 16px;
  display: flex;
  align-items: center;
  height: 32px;
  transition: color 0.1s, background-color 0.1s;
}
.ocean-vmok-plugin-oc-sub-side-bar-item.ocean-vmok-plugin-cursor {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-sub-side-bar-item.ocean-vmok-plugin-cursor:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-sub-side-bar-item.ocean-vmok-plugin-active {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-sub-side-bar-item .ocean-vmok-plugin-oc-sub-side-bar-icon {
  margin-left: 6px;
}
.ocean-vmok-plugin-oc-sub-side-bar-item .ocean-vmok-plugin-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #e34949;
  margin-top: -20px;
}
.ocean-vmok-plugin-oc-sub-side-bar-item .ocean-vmok-plugin-num {
  text-align: right;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-switch-card-item {
  height: 98px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  background-color: #f2f4f7;
  border: 1px solid #f2f4f7;
}
.ocean-vmok-plugin-oc-switch-card-item-header {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-switch-card-item-header .ocean-vmok-plugin-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-switch-card-item-header-tag {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-switch-card-item-content {
  display: flex;
  flex-direction: column;
  padding: 15px;
  position: relative;
  z-index: 10;
  flex: 1;
}
.ocean-vmok-plugin-oc-switch-card-item-content-align-baseline {
  align-items: baseline;
}
.ocean-vmok-plugin-oc-switch-card-item-content-align-start {
  align-items: flex-start;
}
.ocean-vmok-plugin-oc-switch-card-item-content-align-end {
  align-items: flex-end;
}
.ocean-vmok-plugin-oc-switch-card-item-content-align-center {
  align-items: center;
}
.ocean-vmok-plugin-oc-switch-card-item-badge {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  background-color: #0057ff;
  color: #ffffff;
  border-radius: 0px 2px 0 8px;
  padding: 0 4px;
  line-height: 20px;
  font-size: 12px;
  zoom: 0.8333;
}
.ocean-vmok-plugin-oc-switch-card-item-desc {
  margin-top: 6px;
}
.ocean-vmok-plugin-oc-switch-card-item-desc-space {
  padding-right: 56px;
}
.ocean-vmok-plugin-oc-switch-card-item-bg {
  width: 64px;
  height: 100%;
  flex: none;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-small {
  height: 100%;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-xsmall {
  height: 100%;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-xsmall .ocean-vmok-plugin-oc-switch-card-item-content {
  padding: 11px 15px;
  flex: 1;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-xsmall .ocean-vmok-plugin-oc-switch-card-item-desc {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-switch-card-item--checked-icon {
  position: absolute;
  right: 4px;
  top: 1px;
  z-index: 11;
}
.ocean-vmok-plugin-oc-switch-card-item--help {
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 11;
}
.ocean-vmok-plugin-oc-switch-card-item--help .ocean-vmok-plugin-oc-tag-market .tools-vmok-plugin-tag {
  border-radius: 0px 4px 0px 6px;
}
.ocean-vmok-plugin-oc-switch-card-item--market-bit {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -8px;
  top: -8px;
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
  height: 16px;
  background: linear-gradient(103deg, #ff734d 3.67%, #fab426 97.07%);
  border-radius: 8px 8px 8px 0px;
  padding: 0 4px;
}
.ocean-vmok-plugin-oc-switch-card-item--market-bit span {
  zoom: 83.33%;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-active {
  border: 1px solid #0057ff;
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-disabled {
  cursor: not-allowed;
  background-color: #f5f7fa;
  border: 1px solid #f5f7fa;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-disabled.ocean-vmok-plugin-active {
  border: 1px solid #badaff;
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-disabled .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner,
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-disabled .tools-vmok-plugin-checkbox.tools-vmok-plugin-checkbox--checked .tools-vmok-plugin-checkbox__inner:hover {
  background-color: #badaff;
  border-color: #badaff;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-disabled .ocean-vmok-plugin-oc-switch-card-item-option-bg,
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-disabled .ocean-vmok-plugin-icon {
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-switch-card-item.ocean-vmok-plugin-disabled .ocean-vmok-plugin-oc-switch-card-item-badge {
  background-color: #badaff;
}
.ocean-vmok-plugin-oc-switch-card-item:hover:not(.ocean-vmok-plugin-active):not(.ocean-vmok-plugin-disabled) {
  background-color: #f5f7fa;
  border: 1px solid #f5f7fa;
}
.ocean-vmok-plugin-oc-breadcrumb-select-group {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-breadcrumb-select-group-media {
  margin-right: 6px;
}
.ocean-vmok-plugin-oc-breadcrumb-select .tools-vmok-plugin-select__options {
  max-height: inherit;
}
.ocean-vmok-plugin-oc-breadcrumb-select .tools-vmok-plugin-custom-input__content {
  align-items: center;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu {
  padding-right: 12px;
  overflow-y: auto;
  height: 100%;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-item,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content {
  height: 40px;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content {
  padding-right: 8px;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content__icon,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu__icon {
  color: #93969d;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-item,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-item:last-child,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu:last-child {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content:hover .tools-vmok-plugin-menu-content__icon {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content:hover {
  background-color: rgba(42, 85, 229, 0.06);
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu--collapsed .tools-vmok-plugin-sub-menu:hover {
  background-color: rgba(42, 85, 229, 0.06);
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu--collapsed .tools-vmok-plugin-sub-menu-active,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu--collapsed .tools-vmok-plugin-sub-menu-active:hover,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content--active,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content--active:hover {
  background-color: #ffffff;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu--collapsed .tools-vmok-plugin-sub-menu-active .tools-vmok-plugin-menu-content__icon,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu--collapsed .tools-vmok-plugin-sub-menu-active:hover .tools-vmok-plugin-menu-content__icon,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content--active .tools-vmok-plugin-menu-content__icon,
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-menu-content--active:hover .tools-vmok-plugin-menu-content__icon {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu .tools-vmok-plugin-sub-menu__header:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu .tools-vmok-plugin-sub-menu__header:hover .tools-vmok-plugin-sub-menu__icon {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu .tools-vmok-plugin-sub-menu__header {
  color: #31343b;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu-active .tools-vmok-plugin-sub-menu__header {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu-active .tools-vmok-plugin-sub-menu__header .tools-vmok-plugin-sub-menu__icon {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-side-bar .tools-vmok-plugin-sub-menu__list .tools-vmok-plugin-menu-content {
  padding-left: 40px !important;
}
.ocean-vmok-plugin-oc-side-bar-item {
  display: flex;
}
.ocean-vmok-plugin-oc-side-bar-item-icon {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-side-bar-item-disabled .tools-vmok-plugin-menu-content,
.ocean-vmok-plugin-oc-side-bar-item-disabled .tools-vmok-plugin-menu-content:hover {
  color: #b9bcc3;
  cursor: not-allowed;
  background-color: inherit;
}
.ocean-vmok-plugin-oc-side-bar-item-disabled .tools-vmok-plugin-menu-content__icon {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-side-bar-item-last {
  margin-bottom: 0 !important;
}
.tools-vmok-plugin-menu-popper__inner {
  border-radius: 12px;
  min-width: 180px;
}
.tools-vmok-plugin-menu-popper__inner .tools-vmok-plugin-sub-menu__popper-title {
  height: 30px;
  margin-bottom: 15px;
}
.tools-vmok-plugin-menu-popper__inner .tools-vmok-plugin-menu-item {
  height: 30px;
  margin-bottom: 10px;
}
.tools-vmok-plugin-menu-popper__inner .tools-vmok-plugin-sub-menu__list {
  margin: 0;
  padding: 8px;
}
.tools-vmok-plugin-menu-popper__inner .tools-vmok-plugin-menu-content {
  height: 30px;
  border-radius: 8px;
}
.tools-vmok-plugin-menu-popper__inner .tools-vmok-plugin-menu-content:hover {
  background-color: #f4f4f5;
}
.tools-vmok-plugin-menu-popper__inner .tools-vmok-plugin-menu-content--active {
  background-color: inherit;
}
.ocean-vmok-plugin-oc-create-inventory-info-item {
  display: flex;
  align-items: center;
  padding: 8px 14px 8px 8px;
  background-color: #ffffff;
}
.ocean-vmok-plugin-oc-create-inventory-info-item .ocean-vmok-plugin-img {
  display: flex;
  align-items: center;
  width: 66px;
}
.ocean-vmok-plugin-oc-create-inventory-info-item .ocean-vmok-plugin-img .ocean-vmok-plugin-test {
  width: 28px;
}
.ocean-vmok-plugin-oc-create-inventory-info-item .ocean-vmok-plugin-img .ocean-vmok-plugin-oc-popover {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-create-inventory-info-item .ocean-vmok-plugin-num,
.ocean-vmok-plugin-oc-create-inventory-info-item .ocean-vmok-plugin-cnt {
  display: flex;
  align-items: center;
  flex: 1;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-empty-container {
  justify-content: center;
  flex-direction: column;
  height: 185px;
  border-radius: 8px;
  opacity: 0.8;
  background: #ffffff;
  padding-top: 8px;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container {
  position: relative;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list {
  width: 100%;
  display: flex;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list .ocean-vmok-plugin-candidate-item {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list .ocean-vmok-plugin-candidate-item-large {
  height: 184px;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list .ocean-vmok-plugin-candidate-item-small {
  height: 142px;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list .ocean-vmok-plugin-more-btn {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list .ocean-vmok-plugin-more-btn.ocean-vmok-plugin-disabled {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list .ocean-vmok-plugin-more-btn .ocean-vmok-plugin-button-box {
  width: 35px;
  height: 100%;
  background: #ffffffcc;
  border-radius: 4px;
  position: relative;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-candidate-list .ocean-vmok-plugin-more-btn .ocean-vmok-plugin-button-box .ocean-vmok-plugin-button-content {
  color: #969aa0;
  font-size: 14px;
  line-height: 22px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-pre-page-btn-wrapper,
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-next-page-btn-wrapper {
  width: 32px;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 10;
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-pre-page-btn-wrapper {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-next-page-btn-wrapper {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  right: 0;
  top: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-pre-page-btn,
.ocean-vmok-plugin-oc-create-aigc-generate-selector-candidate-list .ocean-vmok-plugin-candidate-list-container .ocean-vmok-plugin-next-page-btn {
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 50%;
  color: #31343b;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-aweme-star-container {
  width: 792px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-footer {
  border: none !important;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-fans-num {
  font-weight: 400;
  font-size: 12px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-star-select {
  padding: 12px;
  padding-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-stars-table {
  position: relative;
  height: 292px;
  overflow: auto;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-stars-table .ocean-vmok-plugin-table-title {
  display: flex;
  align-items: center;
  padding: 0 0 8px 12px;
  font-size: 12px;
  color: #93969d;
  font-weight: 400;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table {
  position: relative;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-head {
  border-bottom: 1px solid #dee0e3;
  height: 38px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-body {
  overflow: auto;
  height: 308px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-head,
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-row {
  display: flex;
  padding: 9px 12px;
  font-size: 14px;
  color: #31343b;
  font-weight: 400;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-head > *,
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-row > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-head .ocean-vmok-plugin-name,
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-row .ocean-vmok-plugin-name {
  width: 100px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-head .ocean-vmok-plugin-count,
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-row .ocean-vmok-plugin-count {
  width: 60px;
  margin-left: 8px;
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-head .ocean-vmok-plugin-oc-popover span,
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-selected-aweme-stars-table .ocean-vmok-plugin-row .ocean-vmok-plugin-oc-popover span {
  display: flex;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-empty-stars {
  height: 260px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-right-panel-header {
  display: flex;
  height: 38px;
  padding-left: 12px;
  align-items: center;
  background: #f2f4f7;
  font-weight: 500;
  color: #31343b;
  font-size: 14px;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-star-cascader-panel-footer-show {
  height: 305px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-star-cascader-panel-footer-hide {
  height: 343px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-star-cascader-panel .tools-vmok-plugin-cascader-panel__main--border {
  overflow: hidden;
  border: none;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-star-cascader-panel-unselected .tools-vmok-plugin-cascader-panel__selection-block {
  min-height: 345px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container .ocean-vmok-plugin-aweme-star-cascader-panel-selected .tools-vmok-plugin-cascader-panel__selection-block {
  min-height: 305px;
}
.ocean-vmok-plugin-oc-create-aweme-star-container--footer .ocean-vmok-plugin-left-panel .ocean-vmok-plugin-footer {
  border-top: 1px solid #dee0e3 !important;
}
.ocean-vmok-plugin-oc-tree-control-item {
  position: relative;
  padding: 0;
  cursor: pointer;
  list-style: none;
  margin: 2px 0;
}
.ocean-vmok-plugin-oc-tree-control-item__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 8px;
}
.ocean-vmok-plugin-oc-tree-control-item__item--icon {
  width: 16px;
  height: 16px;
  position: relative;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-tree-control-item__item--icon:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-tree-control-item__item--icon .ocean-vmok-plugin-oc-loading {
  height: 100%;
}
.ocean-vmok-plugin-oc-tree-control-item__item--icon-switcher {
  transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
.ocean-vmok-plugin-oc-tree-control-item__item--icon-switcher.ocean-vmok-plugin-open {
  transform: rotate(0deg);
}
.ocean-vmok-plugin-oc-tree-control-item__item--icon-switcher.ocean-vmok-plugin-hidden {
  visibility: hidden;
}
.ocean-vmok-plugin-oc-tree-control-item__item--highlight {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0 4px;
  padding: 0 8px;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-tree-control-item__item--highlight:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-tree-control-item__item--checkbox {
  vertical-align: 0;
}
.ocean-vmok-plugin-oc-tree-control-item__item--title {
  padding: 8px 0;
  line-height: 38px;
  display: flex;
  align-items: center;
  flex: 1;
}
.ocean-vmok-plugin-oc-tree-control-item__item--highlight-disabled {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-tree-control-item__item--highlight-selected,
.ocean-vmok-plugin-oc-tree-control-item__item--highlight-selected:hover {
  background-color: #f2f5fd;
}
.ocean-vmok-plugin-oc-tree-control-item__item--highlight-selected .ocean-vmok-plugin-oc-typography-color-default,
.ocean-vmok-plugin-oc-tree-control-item__item--highlight-selected:hover .ocean-vmok-plugin-oc-typography-color-default {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-tree-control-item__children {
  padding-left: 18px;
}
.ocean-vmok-plugin-oc-audio-player {
  color: #fff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-operation-expand {
  margin: 0 0 0 4px;
  cursor: pointer;
  color: #0057ff;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-oc-operation-icon {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-typography-list-style {
  width: 8px;
  height: 8px;
  flex: 1;
  display: inline-block;
  margin-right: 4px;
  background-color: #fff;
  position: relative;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  border: 1px solid #ffffff;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-circle {
  border-radius: 100%;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-primary {
  background: #0057ff;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-danger {
  background: #e34949;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-success {
  background: #0da600;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-warning {
  background: #eb9617;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-auxiliary {
  background: #62656c;
}
.ocean-vmok-plugin-oc-typography-list-style.ocean-vmok-plugin-oc-typography-list-style-color-secondary {
  background: #93969d;
}
.ocean-vmok-plugin-oc-tip-tag-wrapper {
  padding: 4px 16px;
  height: 28px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #31343b;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-tip-tag-wrapper .ocean-vmok-plugin-oc-tip-tag-icon {
  margin-right: 5px;
}
.ocean-vmok-plugin-oc-tip-tag-info {
  background: #e8f4ff;
}
.ocean-vmok-plugin-oc-tip-tag-info .ocean-vmok-plugin-oc-tip-tag-icon {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-tip-tag-success {
  background: #ecf8eb;
}
.ocean-vmok-plugin-oc-tip-tag-success .ocean-vmok-plugin-oc-tip-tag-icon {
  color: #0da600;
}
.ocean-vmok-plugin-oc-tip-tag-warning {
  background: #fff9e0;
}
.ocean-vmok-plugin-oc-tip-tag-warning .ocean-vmok-plugin-oc-tip-tag-icon {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-tip-tag-danger {
  background: #fdf2f2;
}
.ocean-vmok-plugin-oc-tip-tag-danger .ocean-vmok-plugin-oc-tip-tag-icon {
  color: #e34949;
}
.ocean-vmok-plugin-oc-create-calendar-custom-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
  border-radius: 4px;
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-calendar-custom-wrapper-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ocean-vmok-plugin-oc-create-calendar-custom-wrapper-content-description {
  color: #93969d;
  font-size: 12px;
}
.ocean-vmok-plugin-oc-create-calendar-custom-active {
  background-color: #ffffff;
  border: 1px solid #0057ff;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-calendar-custom-in-week {
  background-color: #e8f4ff;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-calendar-custom-in-week-grap {
  opacity: 40%;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-calendar-custom-in-month {
  background-color: #f5f7fa;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-calendar-custom-hover {
  background-color: #e8eaed;
}
.ocean-vmok-plugin-oc-create-calendar-custom-disabled {
  color: #dee0e3;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-main {
  margin-top: 8px;
  display: flex;
  height: 322px;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-main-left {
  border: 1px solid #e8eaed;
  border-radius: 4px;
  overflow: hidden;
  width: 546px;
}
.ocean-vmok-plugin-oc-custom-package-wrapper-main-right {
  width: 240px;
  margin-left: 8px;
  border: 1px solid #e8eaed;
  border-radius: 4px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-package-exhibition {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ocean-vmok-plugin-oc-package-exhibition-header {
  display: flex;
  justify-content: space-between;
  padding: 8px 12px;
  background-color: #f2f4f7;
  border-bottom: 1px solid #e8eaed;
}
.ocean-vmok-plugin-oc-package-exhibition-header span {
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-package-exhibition-tab .tools-vmok-plugin-tabs__nav {
  padding-left: 12px;
}
.ocean-vmok-plugin-oc-package-exhibition-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 12px;
  max-height: 253px;
  overflow: auto;
}
.ocean-vmok-plugin-oc-package-exhibition-body-empty {
  margin: auto;
}
.ocean-vmok-plugin-oc-package-exhibition-body-item {
  margin-top: 12px;
  height: 24px;
  background-color: #f2f4f7;
  border-radius: 4px;
  padding: 1px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-package-exhibition-body-item-right {
  flex: none;
  margin-left: 4px;
  font-size: 0;
}
.ocean-vmok-plugin-oc-package-exhibition-body-item:last-child {
  margin-bottom: 12px;
}
.ocean-vmok-plugin-oc-package-table-header-tab {
  margin: 0 12px;
  height: 36px;
}
.ocean-vmok-plugin-oc-package-table {
  position: relative;
  width: 544px;
}
.ocean-vmok-plugin-oc-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-th {
  background-color: #fff;
  height: 32px;
  padding: 0 0 0 12px;
  font-size: 14px;
  line-height: 22px;
  border-bottom: 1px solid #e8eaed;
}
.ocean-vmok-plugin-oc-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tbody {
  padding: 6px 0;
}
.ocean-vmok-plugin-oc-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tbody .tools-vmok-plugin-td {
  padding: 5px 0 5px 12px;
  border: none;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-package-hide-th .tools-vmok-plugin-th {
  display: none;
}
.ocean-vmok-plugin-oc-package-hide-tab .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tr .tools-vmok-plugin-th {
  background-color: #f2f4f7;
  height: 38px;
}
.ocean-vmok-plugin-oc-package-table-btn-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-right: 12px;
}
.ocean-vmok-plugin-oc-package-table-btn-wrapper .ocean-vmok-plugin-oc-button-wrap {
  margin-right: 14px;
}
.ocean-vmok-plugin-oc-package-table-btn-wrapper .ocean-vmok-plugin-oc-button-wrap:last-child {
  margin-right: 0;
}
.ocean-vmok-plugin-oc-asset-share-drawer-all-account-search {
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-asset-share-drawer-all-account-right {
  text-align: right;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table {
  margin-top: 8px;
  display: flex;
  height: 322px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-left {
  border: 1px solid #dee0e3;
  border-radius: 4px;
  overflow: hidden;
  width: 546px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-left .tools-vmok-plugin-cascader-panel__main--border {
  border: 0px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-left .ocean-vmok-plugin-oc-audience-package-table-name {
  display: flex;
  align-items: center;
  padding-left: 12px;
  height: 42px;
  position: relative;
  top: -1px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right {
  width: 240px;
  margin-left: 8px;
  border: 1px solid #dee0e3;
  border-radius: 4px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right .ocean-vmok-plugin-brand-package-exhibition {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right .ocean-vmok-plugin-brand-package-exhibition-header {
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  background-color: #f2f4f7;
  border-bottom: 1px solid #dee0e3;
  font-size: 14px;
  line-height: 36px;
  color: #31343b;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right .ocean-vmok-plugin-brand-package-exhibition-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 12px;
  max-height: 283px;
  overflow: auto;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right .ocean-vmok-plugin-brand-package-exhibition-body-empty {
  margin: auto;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right .ocean-vmok-plugin-brand-package-exhibition-body-item {
  margin-top: 8px;
  width: 100%;
  height: 26px;
  background-color: #f2f4f7;
  border-radius: 4px;
  padding: 1px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right .ocean-vmok-plugin-brand-package-exhibition-body-item iconpark-icon {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-right .ocean-vmok-plugin-brand-package-exhibition-body-item:last-child {
  margin-bottom: 12px;
}
.ocean-vmok-plugin-oc-create-brand-custom-audience-package-table-tab-single .tools-vmok-plugin-tabs__bar--show {
  display: none;
}
.ocean-vmok-plugin-oc-create-brand-package-table {
  position: relative;
  width: 544px;
}
.ocean-vmok-plugin-oc-create-brand-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-th {
  background-color: #fff;
  height: 32px;
  padding: 0 0 0 12px;
  font-size: 14px;
  line-height: 22px;
  border-bottom: 1px solid #e8eaed;
}
.ocean-vmok-plugin-oc-create-brand-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tbody {
  padding: 6px 0;
  overflow-y: scroll;
}
.ocean-vmok-plugin-oc-create-brand-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tbody .tools-vmok-plugin-tr:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-brand-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tbody .tools-vmok-plugin-tr:hover .tools-vmok-plugin-td {
  background: transparent;
}
.ocean-vmok-plugin-oc-create-brand-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tbody .tools-vmok-plugin-td {
  padding: 5px 0 5px 12px;
  border: none;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-create-brand-package-table .tools-vmok-plugin-table__wrapper .tools-vmok-plugin-tbody .tools-vmok-plugin-td:nth-of-type(2) {
  padding: 0px;
}
.ocean-vmok-plugin-brand-package-table-header-tab {
  margin: 0 12px;
  height: 36px;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-oc-tabs {
  background: #f2f4f7;
  border-radius: 4px 4px 0 0;
  border-top: 1px solid #dee0e3;
  border-left: 1px solid #dee0e3;
  border-right: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-oc-tabs .tools-vmok-plugin-tabs__nav {
  padding-left: 16px;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-oc-tabs .ocean-vmok-plugin-switch-text {
  font-size: 14px;
  line-height: 22px;
  color: #62656c;
  margin-right: 12px;
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-oc-tabs .tools-vmok-plugin-tabs__extra-content {
  align-items: center;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-city-tab {
  padding: 7px 0;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-create-audience-district-city .tools-vmok-plugin-cascader-panel__main {
  border-radius: 0;
}
.ocean-vmok-plugin-oc-create-audience-district-city .tools-vmok-plugin-cascader-panel__main .ocean-vmok-plugin-create-audience-district-city__label-extra > span {
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-after-cascader {
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-audience-district-city__header {
  margin-left: 12px;
  font-size: 14px;
  height: 22px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-audience-district-city__header-span {
  font-size: 14px;
  color: #31343b;
  font-weight: 500;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-create-audience-district-city .ocean-vmok-plugin-title-no-bgcolor .tools-vmok-plugin-cascader-panel__selection-header {
  background: none;
}
.ocean-vmok-plugin-oc-create-audience-district-city-disabled .ocean-vmok-plugin-title-no-bgcolor .tools-vmok-plugin-cascader-panel__selection-header {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-create-audience-district-business {
  display: flex;
  flex-direction: row;
}
.ocean-vmok-plugin-oc-create-audience-district-business__map .arco-input-search .arco-input-group {
  width: 544px;
}
.ocean-vmok-plugin-oc-create-audience-district-business__map .arco-input-search .arco-input-group .arco-input-group-prefix {
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-audience-district-business__map .ocean-vmok-plugin-amap-maps .ocean-vmok-plugin-text {
  color: #0057ff !important;
}
.ocean-vmok-plugin-oc-create-audience-district-business-disabled-all {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: not-allowed;
  z-index: 151;
}
.ocean-vmok-plugin-oc-create-audience-district-county__header {
  margin-left: 12px;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-create-audience-district-county__header-span {
  font-size: 14px;
  color: #31343b;
  font-weight: 500;
}
.ocean-vmok-plugin-oc-create-audience-district-county .ocean-vmok-plugin-after-cascader {
  margin-top: 8px;
  display: flex;
  align-items: flex-start;
}
.ocean-vmok-plugin-oc-create-audience-district-county .ocean-vmok-plugin-after-cascader-span {
  font-size: 14px;
  color: #31343b;
  font-weight: 500;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-create-audience-district-store {
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-create-audience-district-store-disabled {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-create-audience-district-store-disabled-all {
  z-index: 151;
}
.ocean-vmok-plugin-oc-create-audience-district-store__map .ocean-vmok-plugin-arco-spin {
  display: block;
}
.ocean-vmok-plugin-oc-create-audience-district-store__map .ocean-vmok-plugin-arco-input-search,
.ocean-vmok-plugin-oc-create-audience-district-store__map .ocean-vmok-plugin-arco-input-group {
  display: none;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card {
  width: 340px;
  padding: 16px;
  border-radius: 8px;
  background: #ffffff;
  position: absolute;
  bottom: 290px;
  right: 16px;
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-footer div + div {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider {
  display: flex;
  margin-top: 16px;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-title {
  font-size: 12px;
  line-height: 18px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-box {
  position: relative;
  width: 248px;
  padding-bottom: 26px;
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-box-text {
  position: absolute;
  top: 12px;
  left: 50%;
  color: #0057ff;
  font-size: 12px;
  line-height: 18px;
  transform: translate(-50%, 0px);
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-box .tools-vmok-plugin-slider__track,
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-box .tools-vmok-plugin-slider__rail {
  height: 2px;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-box .tools-vmok-plugin-slider__thumb {
  width: 12px;
  height: 12px;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-box .tools-vmok-plugin-slider__marks {
  top: 12px;
}
.ocean-vmok-plugin-oc-create-audience-district-store__card-slider-box .tools-vmok-plugin-slider__marks span {
  font-size: 12px;
  line-height: 18px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-audience-district-store__bar {
  padding: 12px;
  position: absolute;
  bottom: 44px;
  right: 16px;
  left: 16px;
  z-index: 1;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}
.ocean-vmok-plugin-oc-create-audience-district-store__bar .ocean-vmok-plugin-oc-msg-icon {
  color: #003fd2;
}
.ocean-vmok-plugin-oc-create-range-num-info-item {
  display: flex;
  align-items: flex-end;
}
.ocean-vmok-plugin-oc-create-range-num-info-item .ocean-vmok-plugin-num {
  font-size: 28px;
  line-height: 34px;
}
.ocean-vmok-plugin-oc-create-range-num-info-item .ocean-vmok-plugin-oc-typography + .ocean-vmok-plugin-oc-typography {
  margin-left: 4px;
}
.ocean-vmok-plugin-oc-create-range-num-info-item .ocean-vmok-plugin-extra {
  width: 24px;
  display: flex;
  justify-content: center;
}
.ocean-vmok-plugin-oc-promotion-metric-card-number .ocean-vmok-plugin-oc-typography {
  display: inline-block;
  vertical-align: bottom;
}
.ocean-vmok-plugin-oc-create-product-tabs {
  display: flex;
  height: 70px;
  overflow-x: scroll;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel {
  background-color: #fff;
  box-shadow: 0px 4px 12px 0px #00000014;
  height: 50px;
  position: relative;
  border: 1px solid #b9bcc3;
  border-radius: 8px;
  margin-right: 12px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel .ocean-vmok-plugin-oc-create-product-tabs-panel-product-detail {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel .ocean-vmok-plugin-oc-create-product-tabs-panel-product-detail .ocean-vmok-plugin-oc-create-product-tabs-panel-img-block {
  width: 48px;
  height: 48px;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel .ocean-vmok-plugin-oc-create-product-tabs-panel-product-detail .ocean-vmok-plugin-oc-create-product-tabs-panel-img-block .ocean-vmok-plugin-oc-create-product-tabs-panel-img {
  position: relative;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  width: 48px;
  height: 48px;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel .ocean-vmok-plugin-oc-create-product-tabs-panel-product-detail .ocean-vmok-plugin-oc-create-product-tabs-panel-img-block .ocean-vmok-plugin-oc-create-product-tabs-panel-img-info {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 16px;
  width: 48px;
  font-size: 10px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 7px;
  padding: 2px 4px;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel .ocean-vmok-plugin-oc-create-product-tabs-panel-product-detail .ocean-vmok-plugin-oc-create-product-tabs-panel-product-name {
  padding: 0px 8px;
  max-height: 40px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 这里是超出几行省略 */
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel:hover {
  color: #2e7bff;
  border: 1px solid #2e7bff;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel:hover .ocean-vmok-plugin-oc-create-product-tabs-panel-arrow {
  border-top: 1px solid #2e7bff;
  border-left: 1px solid #2e7bff;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-warning {
  color: #eb9617;
  border: 1px solid #eb9617;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-warning .ocean-vmok-plugin-oc-create-product-tabs-panel-arrow {
  border-top: 1px solid #eb9617;
  border-left: 1px solid #eb9617;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-error {
  color: #e34949;
  border: 1px solid #e34949;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-error .ocean-vmok-plugin-oc-create-product-tabs-panel-arrow {
  border-top: 1px solid #e34949;
  border-left: 1px solid #e34949;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-active {
  border: 1px solid #0057ff;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-active .ocean-vmok-plugin-oc-create-product-tabs-panel-arrow {
  border-top: 1px solid #0057ff;
  border-left: 1px solid #0057ff;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel-arrow {
  box-sizing: content-box;
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  transform: rotate(-135deg);
  border-bottom: 1px solid transparent;
  height: 6px;
  width: 6px;
  border-top: 1px solid #b9bcc3;
  border-left: 1px solid #b9bcc3;
  border-right: 1px solid transparent;
  background: #fff;
  display: block;
  content: "";
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel-no-selectable {
  background-color: #f2f4f7;
  box-shadow: unset;
  cursor: unset;
  border: unset;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel-no-selectable:hover {
  color: #31343b;
  border: unset;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel-no-selectable:hover .ocean-vmok-plugin-oc-create-product-tabs-panel-arrow {
  border-top: 1px solid #b9bcc3;
  border-left: 1px solid #b9bcc3;
}
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel-no-selectable .ocean-vmok-plugin-warning,
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel-no-selectable .ocean-vmok-plugin-error,
.ocean-vmok-plugin-oc-create-product-tabs .ocean-vmok-plugin-oc-create-product-tabs-panel-no-selectable .ocean-vmok-plugin-active {
  color: #31343b;
  border: unset;
}
.ocean-vmok-plugin-oc-create-num-info-item {
  width: 128px;
}
.ocean-vmok-plugin-oc-create-num-info-item .ocean-vmok-plugin-title,
.ocean-vmok-plugin-oc-create-num-info-item .ocean-vmok-plugin-content {
  display: flex;
  align-items: baseline;
  gap: 3px;
}
.ocean-vmok-plugin-oc-create-num-info-item .ocean-vmok-plugin-title-num,
.ocean-vmok-plugin-oc-create-num-info-item .ocean-vmok-plugin-content-num {
  font-size: 24px;
  line-height: 34px;
}
.ocean-vmok-plugin-oc-create-num-info-item .ocean-vmok-plugin-title {
  align-items: center;
}
.ocean-vmok-plugin-oc-create-num-info-item .ocean-vmok-plugin-title + .ocean-vmok-plugin-content {
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-upload-table-name-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ocean-vmok-plugin-oc-upload-table-name-wrapper .ocean-vmok-plugin-oc-upload-table-name-right {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-upload-table-name-wrapper .ocean-vmok-plugin-oc-upload-table-name-right .ocean-vmok-plugin-oc-upload-table-name-text {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-upload-table-name-wrapper .ocean-vmok-plugin-oc-upload-table-name-right .ocean-vmok-plugin-oc-upload-table-name-text .ocean-vmok-plugin-oc-upload-table-name-edit-icon {
  margin-left: 5px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-upload-table-name-wrapper .ocean-vmok-plugin-oc-upload-table-name-right .ocean-vmok-plugin-oc-upload-table-name-progress {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ocean-vmok-plugin-oc-upload-table-name-wrapper .ocean-vmok-plugin-oc-upload-table-name-right .ocean-vmok-plugin-oc-upload-table-name-progress .ocean-vmok-plugin-oc-upload-table-name-progress-success {
  color: #0da600;
  margin-left: 12px;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area-w-100 {
  width: 100%;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area-label-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area-selected {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area .tools-vmok-plugin-cascader-exb {
  height: 320px;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area .tools-vmok-plugin-cascader-panel__selection-header {
  background-color: #f2f4f7;
  height: 38px !important;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area .tools-vmok-plugin-cascader-exb__header {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area .tools-vmok-plugin-cascader-panel__selection-block {
  height: 318px;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area-cas {
  height: 320px;
  display: flex;
}
.ocean-vmok-plugin-oc-asset-share-modal-select-area-cas-panel {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-asset-share-modal-failed-task-footer {
  display: flex;
  justify-content: flex-end;
}
@font-face {
  font-family: "OC-OPPOSans";
  src: url("//lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_ui/OPPOSans-R-subset.ttf");
  font-display: swap;
}
@font-face {
  font-family: "OC-OPPOSans-Bold";
  src: url("//lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_ui/OPPOSans-B-subset.ttf");
  font-display: swap;
}
@font-face {
  font-family: "OC-Number-Regular";
  src: url("//lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_ui/OPPOSans-R-subset.ttf");
  font-display: swap;
}
@font-face {
  font-family: "OC-Number-Bold";
  src: url("//lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_ui/OPPOSans-B-subset.ttf");
  font-display: swap;
}
@font-face {
  font-family: "MF YuanHei";
  src: url("//lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_ui/MFYuanHei-Regular.otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.tools-vmok-plugin-message__content {
  align-items: flex-start;
  line-height: 18px;
  max-width: 640px;
}
.tools-vmok-plugin-message__content .tools-vmok-plugin-message__text {
  text-align: left;
  margin-left: 4px;
}
.tools-vmok-plugin-message__content .tools-vmok-plugin-message__icon {
  margin-top: 2px;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-modal-confirm-title {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  line-height: 24px;
  margin-top: -3px;
}
.ocean-vmok-plugin-oc-modal-confirm-title .ocean-vmok-plugin-oc-modal-confirm-icon {
  font-size: 18px;
  margin-right: 8px;
  margin-top: 3px;
}
.ocean-vmok-plugin-oc-modal-confirm-title .ocean-vmok-plugin-oc-modal-confirm-icon[name="oc-icon-info"] {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-modal-confirm-title .ocean-vmok-plugin-oc-modal-confirm-icon[name="oc-icon-success"] {
  color: #0da600;
}
.ocean-vmok-plugin-oc-modal-confirm-title .ocean-vmok-plugin-oc-modal-confirm-icon[name="oc-icon-warning"] {
  color: #eb9617;
}
.ocean-vmok-plugin-oc-modal-confirm-title .ocean-vmok-plugin-oc-modal-confirm-icon[name="oc-icon-close-one"] {
  color: #e34949;
}
.ocean-vmok-plugin-oc-modal-confirm-body-with-icon {
  padding-left: 27px;
}
.ocean-vmok-plugin-oc-not-support {
  background: #ffffff;
  display: flex;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list {
  margin: 16px -24px 0;
  max-height: 318px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-oc-recommend-modal-title-total {
  padding: 0 24px 16px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-byted-checkbox-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item {
  padding-left: 8px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item:hover .ocean-vmok-plugin-similar-title {
  display: block;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_content {
  padding: 0px 24px 4px;
  height: 100%;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_content .ocean-vmok-plugin-recommend-title-checkbox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_content .ocean-vmok-plugin-recommend-title-checkbox .ocean-vmok-plugin-row-wrapper {
  width: 100%;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_content .ocean-vmok-plugin-recommend-title-checkbox .ocean-vmok-plugin-checkbox-item {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_content .ocean-vmok-plugin-no-data-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_content .ocean-vmok-plugin-no-data-wrapper img {
  width: 320px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_content .ocean-vmok-plugin-no-data-wrapper .ocean-vmok-plugin-no-data-tips {
  color: #999999;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item {
  position: relative;
  height: 38px;
  line-height: 38px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0 8px;
  margin: 0;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item::first-child {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item label {
  height: 22px;
  margin: 2px 0;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item .ocean-vmok-plugin-list_item_text {
  width: 360px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item .ocean-vmok-plugin-list_item_text .ocean-vmok-plugin-content {
  overflow: hidden;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item .ocean-vmok-plugin-list_item_text .ocean-vmok-plugin-content p {
  margin: 0;
  display: inline-block;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item .ocean-vmok-plugin-list_item_text .ocean-vmok-plugin-similar-title {
  display: none;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: #edf1f5;
  padding-left: 14px;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item:hover {
  background: #edf1f5;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item .ocean-vmok-plugin-checkbox-disabled {
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item .ocean-vmok-plugin-checkbox-disabled:hover {
  background: transparent;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-list_item .ocean-vmok-plugin-checkbox-disabled:hover .ocean-vmok-plugin-similar-title {
  display: none;
}
.ocean-vmok-plugin-oc-recommend-modal-title-list .ocean-vmok-plugin-no-hover:hover {
  background: transparent;
}
.ocean-vmok-plugin-highlight-keyword {
  color: red;
  font-weight: 500;
}
.ocean-vmok-plugin-oc-create-material-card-carousel-content-wrapper {
  height: 100%;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-material-card-carousel-content-wrapper-footer {
  padding-top: 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 100%);
}
.ocean-vmok-plugin-oc-create-material-card-carousel-content-wrapper-show-img {
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-material-card-carousel-content-wrapper-audio-voice {
  color: #ffffff;
  position: absolute;
  bottom: 16px;
  right: 7px;
  z-index: 3;
}
.ocean-vmok-plugin-oc-message-list-message {
  display: flex;
  padding: 12px;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-message-list-message:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-message-list-message.ocean-vmok-plugin-selected {
  background-color: #e8f4ff;
}
.ocean-vmok-plugin-oc-message-list-message.ocean-vmok-plugin-unread .ocean-vmok-plugin-oc-message-list-message__title {
  font-weight: 600;
}
.ocean-vmok-plugin-oc-message-list-message__dot-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: none;
  margin-top: 3px;
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-message-list-message__read-dot {
  width: 6px;
  height: 6px;
  background: #e34949;
  border-radius: 50%;
}
.ocean-vmok-plugin-oc-message-list-message__read-dot.ocean-vmok-plugin-oc-message-list-message__is-read {
  background: #cdd1d8;
}
.ocean-vmok-plugin-oc-message-list-message__title {
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-message-list-message__desc {
  font-weight: 400;
  font-size: 12px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-message-list-message__tag-wrapper {
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-message-list-message__tag {
  display: inline-flex;
}
.ocean-vmok-plugin-oc-message-list-message__create-time {
  color: #93969d;
  margin-top: 4px;
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper {
  border-radius: 4px;
  border: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-header {
  padding: 0 12px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dee0e3;
  background: #f2f4f7;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-header .ocean-vmok-plugin-oc-tag-panel-header-num {
  font-weight: bolder;
  font-size: 14px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 12px;
  margin: 0 -8px -8px 0;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item {
  width: calc(33% - 8px);
  margin: 0 8px 8px 0;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item .ocean-vmok-plugin-oc-tag-panel-list-item-tag {
  height: 24px;
  padding: 0px 8px;
  border-radius: 4px;
  background: #f2f4f7;
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item .ocean-vmok-plugin-oc-tag-panel-list-item-tag-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item .ocean-vmok-plugin-oc-tag-panel-list-item-tag .ocean-vmok-plugin-oc-tag-panel-list-item-close {
  color: #93969d;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item .ocean-vmok-plugin-oc-tag-panel-list-item-tag-with-desc {
  height: 54px;
  padding: 6px 12px;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item .ocean-vmok-plugin-oc-tag-panel-list-item-tag-disabled {
  background: #f5f7fa;
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item .ocean-vmok-plugin-oc-tag-panel-list-item-tag-disabled .ocean-vmok-plugin-oc-tag-panel-list-item-close {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description {
  width: 100%;
  margin: 0 8px 8px 0;
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-tag-content {
  width: 30%;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-tag-content .ocean-vmok-plugin-oc-tag-panel-list-item-tag {
  height: 24px;
  padding: 0px 8px;
  margin-right: 12px;
  margin-bottom: 4px;
  border-radius: 4px;
  background: #f2f4f7;
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-tag-content .ocean-vmok-plugin-oc-tag-panel-list-item-tag .ocean-vmok-plugin-oc-tag-panel-list-item-close {
  color: #93969d;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-tag-content .ocean-vmok-plugin-oc-tag-panel-list-item-tag-with-desc {
  height: 54px;
  padding: 6px 12px;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-description {
  flex: 1;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-description .ocean-vmok-plugin-oc-tag-panel-list-item-description-input {
  color: #62656c;
  margin-bottom: 2px;
  height: 24px;
  padding-left: 0;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-tag-disabled {
  background: #f5f7fa;
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-tag-panel-wrapper .ocean-vmok-plugin-oc-tag-panel-list .ocean-vmok-plugin-oc-tag-panel-list-item-with-description .ocean-vmok-plugin-oc-tag-panel-list-item-tag-disabled .ocean-vmok-plugin-oc-tag-panel-list-item-close {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-product-card-wrapper {
  background: #f2f4f7;
  border-radius: 4px;
  height: 80px;
  display: flex;
  position: relative;
  border: 1px solid transparent;
  box-sizing: content-box;
}
.ocean-vmok-plugin-oc-product-card-wrapper:hover {
  background: #f2f4f7;
  border-color: #0057ff;
}
.ocean-vmok-plugin-oc-product-card-wrapper:hover .ocean-vmok-plugin-oc-product-card-del {
  display: block;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-desc {
  flex: 1;
  display: flex;
  align-self: center;
  flex-direction: column;
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-desc .ocean-vmok-plugin-oc-product-card-desc-name-narrow {
  margin-bottom: 4px;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-desc .ocean-vmok-plugin-oc-product-card-desc-bottom-tags {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 4px;
  margin-top: 4px;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-opt {
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-opt .ocean-vmok-plugin-oc-product-card-opt-edit {
  margin-right: 8px;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-del {
  position: absolute;
  right: -8px;
  top: -8px;
  color: #93969d;
  display: none;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-right-top {
  display: block;
  position: absolute;
  right: -6px;
  top: -6px;
  color: #93969d;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-product-card-wrapper .ocean-vmok-plugin-oc-product-card-left-top {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-product-card-wrapper-disabled {
  background: #f5f7fa;
}
.ocean-vmok-plugin-oc-product-card-wrapper-disabled:hover {
  background: #f5f7fa;
  border-color: transparent;
}
.ocean-vmok-plugin-oc-product-card-wrapper-error {
  background: #fdf2f2;
}
.ocean-vmok-plugin-oc-product-card-wrapper-error:hover {
  background: #fdf2f2;
}
.ocean-vmok-plugin-oc-product-card-desc-name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-product-card-desc-name .ocean-vmok-plugin-oc-product-card-desc-name-tags {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-info-card-container {
  display: flex;
}
.ocean-vmok-plugin-oc-info-card-container.ocean-vmok-plugin-align-center {
  align-items: center;
}
.ocean-vmok-plugin-oc-info-card-container .ocean-vmok-plugin-left-area.ocean-vmok-plugin-sp-line {
  padding-right: 16px;
  border-right: 1px solid #e5e5e5;
}
.ocean-vmok-plugin-oc-info-card-container .ocean-vmok-plugin-right-area {
  margin-left: 16px;
}
.ocean-vmok-plugin-oc-info-card-container .ocean-vmok-plugin-info-item {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-info-card-container .ocean-vmok-plugin-info-item.ocean-vmok-plugin-hori-center {
  justify-content: center;
}
.ocean-vmok-plugin-age-edit .ocean-vmok-plugin-oc-popover span {
  line-height: 0;
}
.ocean-vmok-plugin-age-edit .ocean-vmok-plugin-age-edit-select .tools-vmok-plugin-select__options > .tools-vmok-plugin-option:first-child .tools-vmok-plugin-option__action {
  display: none;
}
.ocean-vmok-plugin-promotion-batch-edit-age-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-navigator-first-con::-webkit-scrollbar {
  width: 0 !important;
}
.ocean-vmok-plugin-navigator-first-con {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  overflow-x: hidden;
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-dropdown {
  margin-left: 8px;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled {
  cursor: not-allowed;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button {
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button {
  padding: 9px 12px;
  display: flex;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag .ocean-vmok-plugin-first-con-a,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled .ocean-vmok-plugin-first-con-a,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button .ocean-vmok-plugin-first-con-a {
  font-size: 14px;
  position: relative;
  display: block;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag .ocean-vmok-plugin-first-con-red,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled .ocean-vmok-plugin-first-con-red,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button .ocean-vmok-plugin-first-con-red {
  height: 6px;
  width: 6px;
  background: #e34949;
  border-radius: 50%;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag .ocean-vmok-plugin-first-con-text,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled .ocean-vmok-plugin-first-con-text,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button .ocean-vmok-plugin-first-con-text {
  display: flex;
  vertical-align: middle;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag .ocean-vmok-plugin-first-con-p,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled .ocean-vmok-plugin-first-con-p,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button .ocean-vmok-plugin-first-con-p {
  line-height: 22px;
  font-size: 14px;
  white-space: nowrap;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag .ocean-vmok-plugin-navigator-first-con-down,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag-disabled .ocean-vmok-plugin-navigator-first-con-down,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button .ocean-vmok-plugin-navigator-first-con-down {
  margin-left: 4px !important;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-item-flag:hover,
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-item-button:hover {
  border-radius: 4px;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-p-default-flag {
  display: flex;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-navigator-first-con-p-default-flag firefly-new-badge {
  margin-left: 4px !important;
  display: inline-flex;
  align-self: center !important;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-is-mark-item {
  font-weight: bolder;
}
.ocean-vmok-plugin-navigator-first-con .ocean-vmok-plugin-first-con-line {
  display: inline-block;
  height: 4px;
  width: 16px;
  position: absolute;
  border-radius: 2px;
  margin: 4px auto 0;
  left: 0;
  right: 0;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-header {
  padding: 24px 24px 0;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-footer .ocean-vmok-plugin-menu-dropdown-footer-divider {
  width: 100%;
  height: 1px;
  background: #f2f4f7;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-footer .ocean-vmok-plugin-menu-dropdown-footer-content {
  padding: 12px 24px;
  align-content: space-between;
  display: flex;
  align-items: self-start;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-footer .ocean-vmok-plugin-menu-dropdown-footer-left {
  display: flex;
  align-items: self-start;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-footer .ocean-vmok-plugin-menu-dropdown-footer-left .ocean-vmok-plugin-menu-dropdown-footer-left-icon {
  color: #93969d;
  align-items: self-start;
  display: flex;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-footer .ocean-vmok-plugin-menu-dropdown-footer-hint {
  color: #31343b;
  font-size: 12px;
  line-height: 18px;
  flex-wrap: wrap;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-footer .ocean-vmok-plugin-menu-dropdown-footer-option {
  margin-left: auto;
  flex: 0 0 auto;
  color: #0057ff;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  display: flex;
}
.ocean-vmok-plugin-navigator-menu-dropdown .ocean-vmok-plugin-menu-dropdown-footer .ocean-vmok-plugin-menu-dropdown-footer-option .ocean-vmok-plugin-menu-dropdown-footer-option-more {
  margin-left: 16px;
}
.ocean-vmok-plugin-navigator_dopdown {
  max-height: fit-content;
  box-shadow: 0px 6px 18px 0 rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 0px;
  margin-top: 7px;
}
.ocean-vmok-plugin-navigator_en_dopdown {
  max-height: fit-content;
  box-shadow: 0px 6px 18px 0 rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  transform: translate3d(0px, 57px, 0px) !important;
  padding: 0px;
  width: calc(100vw - 48px) !important;
  margin: 7px 24px 0px 24px !important;
}
.ocean-vmok-plugin-navigator-first-con-item-flag firefly-new-badge {
  margin-left: 4px !important;
  display: inline-flex;
  align-self: center !important;
}
.ocean-vmok-plugin-navigator-first-con-down {
  margin-left: 4px;
}
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-navigator-first-con-item-flag-disabled .ocean-vmok-plugin-first-con-p {
  color: rgba(255, 255, 255, 0.3);
}
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-navigator-first-con-item-flag .ocean-vmok-plugin-first-con-p,
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-first-con-item-button .ocean-vmok-plugin-first-con-p {
  color: rgba(255, 255, 255, 0.8);
}
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-is-mark-item {
  color: #ffffff !important;
}
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-is-mark-item icon,
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-is-mark-item .ocean-vmok-plugin-first-con-p,
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-is-mark-item div,
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-is-mark-item iconpark-icon {
  color: #ffffff !important;
}
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-is-common-item {
  color: #ffffff !important;
}
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-navigator-first-con-item-flag:hover,
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-first-con-item-button:hover {
  background: rgba(255, 255, 255, 0.1);
}
.ocean-vmok-plugin-navigator-first-con-transparent .ocean-vmok-plugin-first-con-line {
  background: #ffffff !important;
}
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-navigator-first-con-item-flag-disabled .ocean-vmok-plugin-first-con-p {
  color: #b9bcc3;
}
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-navigator-first-con-item-flag .ocean-vmok-plugin-first-con-p,
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-first-con-item-button .ocean-vmok-plugin-first-con-p {
  color: #31343b;
}
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-is-mark-item {
  color: #0057ff !important;
}
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-is-mark-item icon,
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-is-mark-item .ocean-vmok-plugin-first-con-p,
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-is-mark-item iconpark-icon {
  color: #0057ff !important;
}
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-is-common-item {
  color: #93969d;
}
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-navigator-first-con-item-flag:hover,
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-first-con-item-button:hover {
  background: rgba(42, 85, 229, 0.08);
}
.ocean-vmok-plugin-navigator-first-con-default .ocean-vmok-plugin-first-con-line {
  background: #0057ff;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-body__result-status .ocean-vmok-plugin-oc-icon-success {
  color: #0da600;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-modal-body__result-status .ocean-vmok-plugin-oc-icon-close-one {
  color: #e34949;
}
.ocean-vmok-plugin-oc-popover-body .ocean-vmok-plugin-oc-promotion-extra-operation-body .ocean-vmok-plugin-oc-promotion-operation-action-item {
  text-align: left;
}
.ocean-vmok-plugin-oc-promotion-operation-action-item {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-promotion-operation-disabled-item {
  color: #93969d;
  cursor: not-allowed;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-promotion-operation-disabled-msg {
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-age-edit .ocean-vmok-plugin-oc-popover span {
  line-height: 0;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-age-edit-icon:hover {
  cursor: pointer;
  color: #0057ff;
}
.ocean-vmok-plugin-oc-more-filter-modal-footer {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: right;
}
.ocean-vmok-plugin-oc-more-filter-modal-footer .ocean-vmok-plugin-reset-icon {
  cursor: pointer;
  color: #0057ff;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: right;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-more-filter-modal-footer .ocean-vmok-plugin-reset-icon iconpark-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-more-filter-modal-footer .ocean-vmok-plugin-cancel-btn {
  margin-right: 16px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body {
  border: 1px solid #dee0e3;
  border-radius: 4px;
  display: flex;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content {
  width: 200px;
  max-height: calc(100vh - 80px - 70px - 80px);
  overflow: auto;
  background: #f5f7fa;
  padding: 12px 0;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item {
  width: 100%;
  line-height: 32px;
  position: relative;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item .ocean-vmok-plugin-title-item-text {
  padding-left: 16px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item .ocean-vmok-plugin-sub-title-item {
  position: relative;
  font-weight: 400;
  padding-left: 32px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item .ocean-vmok-plugin-sub-title-item.ocean-vmok-plugin-active {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item .ocean-vmok-plugin-sub-title-item.ocean-vmok-plugin-active .ocean-vmok-plugin-title-item-active-left {
  display: block;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item.ocean-vmok-plugin-group-title {
  font-weight: 600;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item.ocean-vmok-plugin-active {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item.ocean-vmok-plugin-active .ocean-vmok-plugin-title-item-active-left {
  display: block;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-left-content .ocean-vmok-plugin-title-item .ocean-vmok-plugin-title-item-active-left {
  background-color: #0057ff;
  height: 20px;
  width: 2px;
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
}
.ocean-vmok-plugin-oc-more-filter-modal-body.ocean-vmok-plugin-full-width {
  border: none;
}
.ocean-vmok-plugin-oc-more-filter-modal-body.ocean-vmok-plugin-full-width .ocean-vmok-plugin-right-content {
  width: 854px;
  padding: 0;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content {
  padding: 16px;
  max-height: calc(100vh - 80px - 70px - 80px);
  overflow: auto;
  width: calc(100% - 200px);
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content.ocean-vmok-plugin-only-right {
  width: 100%;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-config-area {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-config-area .ocean-vmok-plugin-group-filter-item {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-config-area .ocean-vmok-plugin-group-filter-item:last-child {
  margin-bottom: 0px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-config-area .ocean-vmok-plugin-sub-filter-item-title {
  font-weight: 600;
  color: #31343b;
  margin: 16px 0 16px;
  border-radius: 3px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-filter-item-title {
  margin-bottom: 16px;
  font-size: 14px;
  color: #31343b;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-group:not(:first-child) {
  border-top: 1px solid #dfe0e2;
  padding-top: 24px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-group .ocean-vmok-plugin-filter-item-title {
  font-size: 16px;
}
.ocean-vmok-plugin-oc-more-filter-modal-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item:last-child .ocean-vmok-plugin-config-area {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-more-filter-pop-body {
  display: flex;
  border: none;
  max-width: 840px;
  margin: 8px;
}
.ocean-vmok-plugin-oc-more-filter-pop-body .ocean-vmok-plugin-right-content {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 24px;
}
.ocean-vmok-plugin-oc-more-filter-pop-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-config-area {
  width: 264px;
}
.ocean-vmok-plugin-oc-more-filter-pop-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-filter-item-title {
  margin-bottom: 8px;
  font-size: 14px;
  color: #31343b;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-more-filter-tile-body {
  display: flex;
  border: none;
  gap: 0 40px;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 8px 16px;
  width: 100%;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item {
  display: flex;
  align-items: center;
  gap: 0 16px;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-reset-icon {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  line-height: 32px;
  color: #0057ff;
  cursor: pointer;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-filter-item-title {
  margin-bottom: 8px;
  font-size: 14px;
  color: #31343b;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .tools-vmok-plugin-range-picker {
  width: 320px !important;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .tools-vmok-plugin-range-picker .tools-vmok-plugin-custom-input__after .tools-vmok-plugin-icon {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input--fill {
  background: rgba(42, 85, 229, 0.06);
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--focused,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-custom-input--fill.tools-vmok-plugin-custom-input--focused,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input--fill:hover,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-custom-input--fill:hover,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input--fill:active,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-custom-input--fill:active,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input--fill:focus,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-custom-input--fill:focus {
  border: 1px solid transparent;
  box-shadow: none;
}
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .ocean-vmok-plugin-oc-typography-color-default,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .ocean-vmok-plugin-oc-typography-color-default,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input__after,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-custom-input__after,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-select__arrow,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-select__arrow,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input__clear,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-custom-input__clear,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-custom-input__content,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-custom-input__content,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-ies-filter .tools-vmok-plugin-input__wrapper--unstyle,
.ocean-vmok-plugin-oc-more-filter-tile-body .ocean-vmok-plugin-right-content .ocean-vmok-plugin-title-item-data .ocean-vmok-plugin-oc-filter-date-range-filter .tools-vmok-plugin-input__wrapper--unstyle {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-filter-btn-icon {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-filter-count-num {
  width: 16px;
  height: 16px;
  background: #0057ff;
  border-radius: 50%;
  font-size: 14px;
  margin-left: 8px;
  font-weight: 600;
  color: #fff;
  line-height: 16px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-form-wrapper .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-form-type {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-schedule-form-wrapper .ocean-vmok-plugin-oc-promotion-batch-edit-schedule-form-mode {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-change-value-input-wrapper .ocean-vmok-plugin-input-rule-type {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-change-value-input-wrapper .ocean-vmok-plugin-input-rule-type-append {
  min-width: 30px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #93969d;
  background: #f2f4f7;
  border-radius: 0px 4px 4px 0px;
}
.ocean-vmok-plugin-oc-change-value-input-wrapper .ocean-vmok-plugin-input-rule-type-dropdown {
  min-width: 50px;
}
.ocean-vmok-plugin-oc-change-value-input-wrapper .ocean-vmok-plugin-input-rule-type-dropdown .tools-vmok-plugin-button--text {
  color: #31343b;
}
.ocean-vmok-plugin-navigator-user-account-info .ocean-vmok-plugin-default-avatar {
  line-height: 30px;
  text-align: center;
  font-weight: bolder;
  color: #fff;
  background-color: #0057ff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.ocean-vmok-plugin-navigator-user-account-info .ocean-vmok-plugin-oc-item-group-description {
  pointer-events: none;
  width: 140px;
}
.ocean-vmok-plugin-navigator-user-account-info .ocean-vmok-plugin-oc-item-group-prefix,
.ocean-vmok-plugin-navigator-user-account-info .ocean-vmok-plugin-oc-item-group-suffix {
  align-self: center;
}
.ocean-vmok-plugin-navigator-user-account-info .ocean-vmok-plugin-account-info-suffix {
  margin-right: 8px;
}
.ocean-vmok-plugin-navigator-user-account-info-title-transparent .ocean-vmok-plugin-oc-typography-color-default,
.ocean-vmok-plugin-navigator-user-account-info-title-transparent .ocean-vmok-plugin-oc-typography-value-int {
  color: #fff;
}
.ocean-vmok-plugin-navigator-user-account-info-description-transparent {
  color: rgba(255, 255, 255, 0.5);
}
.ocean-vmok-plugin-navigator-user-account-info-description-transparent .ocean-vmok-plugin-oc-typography-color-secondary {
  color: rgba(255, 255, 255, 0.5) !important;
}
.ocean-vmok-plugin-oc-recommend-title-drop {
  border-radius: 4px;
  padding: 16px;
}
.ocean-vmok-plugin-oc-recommend-title-drop .ocean-vmok-plugin-new-look-more {
  display: flex;
  justify-content: space-between;
  min-height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #2a55e5;
  cursor: pointer;
  padding-bottom: 4px;
}
.ocean-vmok-plugin-oc-recommend-title-drop .ocean-vmok-plugin-new-look-more-padding {
  padding-bottom: 8px;
}
.ocean-vmok-plugin-oc-recommend-title-drop .ocean-vmok-plugin-new-look-error {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-recommend-title-drop .ocean-vmok-plugin-suggestion-list .ocean-vmok-plugin-suggestion-item {
  width: 100%;
  color: #31343b;
  font-size: 14px;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-recommend-title-drop .ocean-vmok-plugin-suggestion-list .ocean-vmok-plugin-suggestion-item:hover {
  background: #f8f8f8;
}
.ocean-vmok-plugin-dynamic-word-select-modal-words-popover {
  max-height: 200px;
  overflow: scroll;
}
.ocean-vmok-plugin-dynamic-work-tips {
  margin-bottom: 10px;
}
.ocean-vmok-plugin-dynamic-word-modal {
  padding-bottom: 24px !important;
}
.ocean-vmok-plugin-dynamic-word-modal-tabs {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-dynamic-word-modal .tools-vmok-plugin-tr .ocean-vmok-plugin-insert .tools-vmok-plugin-button--text {
  color: #31343b;
}
.ocean-vmok-plugin-dynamic-word-modal .tools-vmok-plugin-tr:hover .ocean-vmok-plugin-insert .tools-vmok-plugin-button--text {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-bidword-keyword-modal-label {
  margin-right: 6px;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-bidword-keyword-modal-input {
  display: inline-block;
  width: 288px;
}
.ocean-vmok-plugin-oc-bidword-keyword-modal-inputlen {
  color: #666;
  font-size: 12px;
  padding-left: 8px;
}
.ocean-vmok-plugin-oc-bidword-modal-footer {
  display: flex;
  flex-direction: row-reverse;
}
.ocean-vmok-plugin-oc-bidword-modal-footer-button {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-promotion-data-tag {
  display: flex;
  align-items: center;
  margin: 0 4px;
}
.ocean-vmok-plugin-oc-template-list-wrapper {
  width: 276px;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-item {
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 18px;
  color: #31343b;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-item:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-item.ocean-vmok-plugin-selected {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-item.ocean-vmok-plugin-disabled {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-divider {
  margin: 4px 12px 4px 12px;
  border-top: 1px solid #dfe0e2;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-list {
  max-height: 320px;
  overflow-y: auto;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-list .ocean-vmok-plugin-custom-template-list .ocean-vmok-plugin-custom-template-item {
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-list .ocean-vmok-plugin-custom-template-list .ocean-vmok-plugin-custom-template-item .ocean-vmok-plugin-actions {
  display: flex;
  color: #93969d;
  margin-left: 16px;
  visibility: hidden;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-list .ocean-vmok-plugin-custom-template-list .ocean-vmok-plugin-custom-template-item .ocean-vmok-plugin-actions .ocean-vmok-plugin-operation-icon:hover {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-list .ocean-vmok-plugin-custom-template-list .ocean-vmok-plugin-custom-template-item:hover .ocean-vmok-plugin-actions {
  visibility: visible;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-template-list .ocean-vmok-plugin-system-template-list .ocean-vmok-plugin-system-template-item {
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-oc-template-list-custom-btn .ocean-vmok-plugin-oc-button-wrap {
  width: 100%;
  height: 32px;
}
.ocean-vmok-plugin-oc-template-list-wrapper .ocean-vmok-plugin-oc-template-list-custom-btn .ocean-vmok-plugin-oc-button-wrap .tools-vmok-plugin-button {
  width: 100%;
}
.ocean-vmok-plugin-oc-system-template-popover .ocean-vmok-plugin-select-metrics-tip {
  color: #31343b;
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-system-template-popover .ocean-vmok-plugin-select-metrics-tip .ocean-vmok-plugin-title {
  font-weight: 600;
}
.ocean-vmok-plugin-oc-custom-column-modal-body {
  display: flex;
  padding: 0;
  overflow: hidden !important;
  margin: 0 24px;
  border: 1px solid #dee0e3;
  border-radius: 4px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container {
  display: flex;
  flex-flow: column;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-metric-search {
  border-right: 1px solid #dee0e3;
  border-bottom: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-metric-search .tools-vmok-plugin-input__wrapper {
  border: none;
  background-color: unset;
  border-radius: unset;
  box-shadow: unset;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom {
  display: flex;
  flex: 1;
  max-height: 529px;
  overflow: auto;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-empty-wrapper {
  width: 671px;
  border-right: 1px solid #dee0e3;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-tabs {
  border-right: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .tools-vmok-plugin-tabs__nav {
  padding-left: 12px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-menu-list {
  width: 200px;
  height: 100%;
  background: #f5f7fa;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-metric-select-container {
  overflow-y: auto;
  width: 471px;
  padding: 16px 16px 0 16px;
  border-right: 1px solid #dee0e3;
  height: 100%;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-metric-select-container .ocean-vmok-plugin-metric-select-area .ocean-vmok-plugin-first-title {
  display: flex;
  align-items: center;
  height: 22px;
  line-height: 22px;
  font-weight: 600;
  font-size: 14px;
  color: #31343b;
  margin-bottom: 12px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-metric-select-container .ocean-vmok-plugin-metric-select-area .ocean-vmok-plugin-select-list .ocean-vmok-plugin-second-title {
  height: 32px;
  display: flex;
  align-items: center;
  padding-left: 12px;
  margin-bottom: 12px;
  background-color: #f2f4f7;
  border-radius: 2px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-metric-select-container .ocean-vmok-plugin-metric-select-area .ocean-vmok-plugin-select-list .ocean-vmok-plugin-metric-item-checkbox-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8px 16px;
  padding-left: 12px;
  padding-bottom: 16px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-metric-select-container .ocean-vmok-plugin-metric-select-area .ocean-vmok-plugin-select-list .ocean-vmok-plugin-metric-item-checkbox-wrapper .ocean-vmok-plugin-metric-item-checkbox .tools-vmok-plugin-checkbox__label {
  color: #62656c;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(1),
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(2) {
  max-height: 529px;
  overflow: auto;
  height: 100%;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(1) .ocean-vmok-plugin-oc-space,
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(2) .ocean-vmok-plugin-oc-space,
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(1) .ocean-vmok-plugin-oc-space-item:nth-of-type(1),
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(2) .ocean-vmok-plugin-oc-space-item:nth-of-type(1) {
  height: 100%;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(1) .ocean-vmok-plugin-first-title .ocean-vmok-plugin-oc-space,
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-oc-space-item:nth-of-type(2) .ocean-vmok-plugin-first-title .ocean-vmok-plugin-oc-space {
  height: auto;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-left-container .ocean-vmok-plugin-left-container-bottom .ocean-vmok-plugin-left-container-space > .ocean-vmok-plugin-oc-space-item:nth-of-type(1) {
  min-height: 30px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-tabs-left-container .ocean-vmok-plugin-left-container-bottom {
  height: 491px !important;
  overflow: auto;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-tabs-left-container .ocean-vmok-plugin-left-container-bottom > .ocean-vmok-plugin-oc-space > .ocean-vmok-plugin-oc-space-item:nth-of-type(1) {
  height: auto !important;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-tabs-left-container .ocean-vmok-plugin-left-container-bottom > .ocean-vmok-plugin-oc-space > .ocean-vmok-plugin-oc-space-item:nth-of-type(2) {
  height: 491px !important;
  overflow: auto;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-tabs-left-container .ocean-vmok-plugin-left-container-bottom > .ocean-vmok-plugin-oc-space > .ocean-vmok-plugin-oc-space-item:nth-of-type(2) > .ocean-vmok-plugin-oc-space > .ocean-vmok-plugin-oc-space-item:nth-of-type(2) {
  height: 100% !important;
  overflow: auto;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container {
  width: 280px;
  max-height: 566px;
  padding: 16px;
  overflow-y: auto;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-title {
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-title .ocean-vmok-plugin-text {
  height: 22px;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list {
  padding-top: 16px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-frozen-item-list .ocean-vmok-plugin-selected-item,
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-selected-item-list .ocean-vmok-plugin-selected-item {
  cursor: move;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-frozen-item-list .ocean-vmok-plugin-selected-item:not(:first-child),
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-selected-item-list .ocean-vmok-plugin-selected-item:not(:first-child) {
  margin-top: 8px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-frozen-list-tip-popover-reference {
  flex: 1;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-frozen-list-tip-wrapper {
  margin-top: 12px;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-frozen-list-tip-wrapper .ocean-vmok-plugin-frozen-list-tip {
  display: flex;
  align-items: center;
  flex: 1;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-frozen-list-tip-wrapper .ocean-vmok-plugin-frozen-list-tip .ocean-vmok-plugin-text {
  padding: 0 8px;
  flex-grow: 0;
  color: #93969d;
}
.ocean-vmok-plugin-oc-custom-column-modal-body .ocean-vmok-plugin-selected-container .ocean-vmok-plugin-selected-list .ocean-vmok-plugin-frozen-list-tip-wrapper .ocean-vmok-plugin-frozen-list-tip .ocean-vmok-plugin-line {
  flex-grow: 1;
  height: 0;
  border: 0.5px solid #dee0e3;
}
.ocean-vmok-plugin-oc-custom-column-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-custom-column-modal-footer .ocean-vmok-plugin-template-name-input {
  position: relative;
}
.ocean-vmok-plugin-oc-custom-column-modal-footer .ocean-vmok-plugin-template-name-input .ocean-vmok-plugin-tip {
  position: absolute;
  font-size: 10px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-custom-column-modal-footer .ocean-vmok-plugin-template-name-input .ocean-vmok-plugin-tip.ocean-vmok-plugin-error {
  color: #e34949;
}
.ocean-vmok-plugin-negative-words-box {
  margin-bottom: 24px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-date-form-mode {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-audience-package-row-empty {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-batch-edit-audience-package-row-empty .ocean-vmok-plugin-oc-popover {
  margin-left: 4px;
}
.ocean-vmok-plugin-general-multi-level-group-select {
  width: 686px;
}
.ocean-vmok-plugin-general-multi-level-group-select .ocean-vmok-plugin-general-multi-level-group-select-ml-8 {
  margin-left: 8px;
}
.ocean-vmok-plugin-general-multi-level-group-select .ocean-vmok-plugin-general-multi-level-group-select-text-gray {
  color: #93969d;
}
.ocean-vmok-plugin-general-multi-level-group-select {
  width: 686px;
}
.ocean-vmok-plugin-general-multi-level-group-select-title {
  background-color: #f2f4f7;
  height: 38px;
  line-height: 38px;
  padding-left: 12px;
  border-radius: 8px 8px 0 0;
  font-size: 14px;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-arrow-name {
  cursor: pointer;
  font-size: 12px;
  color: #62656c;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-product-adinfo-arrow-name-icon {
  color: #93969d;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip {
  width: 200px;
  padding: 16px;
  display: flex;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__video {
  width: 55px;
  height: 96px;
  border-radius: 4px;
  overflow: hidden;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__info {
  margin-left: 10px;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #31343b;
  margin-bottom: 12px;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__point-list {
  color: #31343b;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__point {
  display: flex;
  font-weight: 500;
  line-height: 18px;
  height: 20px;
  font-size: 12px;
  align-items: center;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__point span + span {
  margin-left: 8px;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__point .ocean-vmok-plugin-point-color {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  vertical-align: middle;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__point + .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__point {
  margin-top: 8px;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip.ocean-vmok-plugin-type-vertical {
  width: 137px;
  flex-direction: column;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip.ocean-vmok-plugin-type-vertical .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__video {
  width: 96px;
  height: 55px;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip.ocean-vmok-plugin-type-vertical .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__info {
  margin-left: 0;
  margin-top: 10px;
}
.lightcharts-tooltip .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip.ocean-vmok-plugin-type-horizontal .ocean-vmok-plugin-material-per-second-view-chart_chart-tooltip__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-suggestion-con {
  color: #0057ff;
  display: inline-flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-text-con {
  display: inline-flex;
  align-items: center;
  color: #62656c;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-key-value-con {
  color: #62656c;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-key-value-con .ocean-vmok-plugin-key-con-item {
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-promotion-key-info-bar-key-value-con .ocean-vmok-plugin-value-con-item {
  color: #31343b;
  display: inline-flex;
  align-items: center;
  font-weight: bolder;
  font-family: "PingFang SC";
}
.ocean-vmok-plugin-oc-promotion-detail-card-img-text-tag-wrapper {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-detail-card-img-text-tag-wrapper-img {
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-promotion-detail-card-img-text-tag-wrapper-tag {
  margin-left: 8px;
  margin-top: 1px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-step-item {
  text-align: center;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical {
  text-align: left;
  display: flex;
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-content {
  padding: 0 0 0 10px;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-icon-wrap {
  align-items: flex-start;
  justify-content: left;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-title {
  margin-top: 0;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-title .ocean-vmok-plugin-tips-icon {
  position: absolute;
  top: 50%;
  margin-left: 3px;
  color: #dee0e3;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-title .ocean-vmok-plugin-iconpark-icon {
  display: block;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-line {
  height: 100%;
  position: absolute;
  top: 0;
  margin-top: -1px;
  left: 0;
  width: 2px;
  z-index: 1;
  background-color: #c1c1c1;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-line.ocean-vmok-plugin-last-item {
  height: 100%;
  width: 2px;
}
.ocean-vmok-plugin-oc-promotion-step-item.ocean-vmok-plugin-vertical .ocean-vmok-plugin-step-line.ocean-vmok-plugin-first-item {
  height: 100%;
  width: 2px;
  left: 0;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-content {
  padding: 0 10px;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-title {
  color: #31343b;
  font-size: 14px;
  display: inline-block;
  margin-top: 10px;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  line-height: 18px;
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-title .ocean-vmok-plugin-tips-icon {
  position: absolute;
  top: 50%;
  margin-left: 3px;
  color: #dee0e3;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-title .ocean-vmok-plugin-iconpark-icon {
  display: block;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-line {
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0;
  height: 2px;
  z-index: 1;
  background-color: #c1c1c1;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-line.ocean-vmok-plugin-last-item {
  width: 50%;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-line.ocean-vmok-plugin-first-item {
  width: 50%;
  right: 0;
  left: auto;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-desc {
  color: #93969d;
  font-size: 12px;
  line-height: 18px;
  margin: 4px auto 0px;
  display: flex;
  justify-content: center;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-icon {
  position: relative;
  z-index: 2;
  background: #fff;
  border-radius: 50%;
}
.ocean-vmok-plugin-oc-promotion-step-item .ocean-vmok-plugin-step-icon-wrap {
  width: 100%;
  height: 20px;
  display: flex;
  justify-content: center;
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-dropdown-btn {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-dropdown-btn .ocean-vmok-plugin-dropdown-btn-name {
  font-size: 18px;
  font-weight: 600;
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-dropdown-btn .ocean-vmok-plugin-dropdown-btn-icon {
  margin-left: 4px;
  transition: transform 0.2s;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-dropdown-btn .ocean-vmok-plugin-dropdown-btn-icon-rotate {
  transform: rotate(180deg);
}
.ocean-vmok-plugin-oc-promotion-tool-bar-key-value {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-key-value.ocean-vmok-plugin-oc-promotion-tool-bar-key-value-vertical {
  flex-direction: column;
  gap: 4px;
  align-items: self-start;
}
.ocean-vmok-plugin-oc-promotion-tool-bar-key-value-content {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion {
  width: 100%;
  display: flex;
  align-items: center;
  background: #f8f8f9;
  padding: 16px;
  border-radius: 11px;
  margin-bottom: 16px;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion-item {
  height: 22px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion-item:last-of-type {
  margin-bottom: 0;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion-item-tag {
  text-decoration-color: #fab426;
  text-decoration-thickness: 4px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion-item-separator-my {
  color: #2a55e5;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion-item-separator-bench {
  color: #ff734d;
}
.ocean-vmok-plugin-oc-report-creative-analysis-conclusion-operations {
  margin-right: 24px;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table {
  display: grid;
  grid-template-rows: 30px 30px 100px 100px;
  gap: 8px;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-header {
  background: #f8f8f9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-header-main {
  grid-row-start: 1;
  grid-row-end: 3;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-header-sub {
  grid-column-end: -1;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-header-child {
  grid-row-start: 2;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item-label {
  background-color: #f8f8f9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  text-align: center;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item-label-my {
  grid-row-start: 3;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item-label-bench {
  grid-row-start: 4;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item {
  border: 1px solid #dfe0e2;
  border-radius: 4px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item-my {
  grid-row-start: 3;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item-my-selected {
  border: 1.5px solid #2a55e5;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item-bench {
  grid-row-start: 4;
}
.ocean-vmok-plugin-oc-report-creative-analysis-table-row-item-bench-selected {
  border: 1.5px solid #ff734d;
}
.ocean-vmok-plugin-preview-douyin-bk {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-new-1.png");
}
.ocean-vmok-plugin-preview-douyin.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-bg,
.ocean-vmok-plugin-preview-douyin.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-bg {
  z-index: 10000 !important;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-contaniner-right {
  display: flex;
  width: 41.103px;
  height: 293.596px;
  position: absolute;
  right: 0;
  bottom: var(--creativeMaterialBottom);
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-avatar.png");
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: 2;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-aweme-avatar {
  background-color: #000;
  top: 0 !important;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-aweme-plus-icon {
  position: absolute;
  top: 25px;
  right: 13px;
  z-index: 10;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-aweme-avatar-bg {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-avatar-bg.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  content: "";
  position: absolute;
  right: 4px;
  top: 0;
  z-index: 9;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-creative-info {
  position: absolute;
  bottom: var(--creativeMaterialBottom);
  left: 9px;
  width: 188px;
  z-index: 3;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-title {
  margin-top: 9px;
  z-index: 2;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-desc {
  z-index: 2;
  color: #ffffff;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-live-btn {
  width: 197px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fe2c55;
  font-size: 12px;
  color: #fff;
  border-radius: 2px;
  margin-top: 5px;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-shopping-cart {
  width: 146px;
  height: 20px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  border-radius: 2px;
  background: rgba(50, 51, 53, 0.4);
  color: #ffffff;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-shopping-cart-icon {
  width: 14px;
  height: 14px;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-shopping-cart .ocean-vmok-plugin-product-name {
  zoom: 0.75;
  margin-left: 4px;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-oc-ai-info {
  display: flex;
  color: #ffffff;
  font-size: 12px;
  align-items: center;
  line-height: 14px;
  margin-top: 4px;
  gap: 4px;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-oc-live-button {
  background-color: #fe2c55;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-search-list {
  width: 100%;
  height: 29px;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-search-word1.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
  bottom: 39px;
  left: 0;
  padding-left: 26px;
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  padding-right: 20px;
}
.ocean-vmok-plugin-preview-douyin .ocean-vmok-plugin-search-list .ocean-vmok-plugin-search-word {
  zoom: 0.75;
}
.ocean-vmok-plugin-preview-douyin.ocean-vmok-plugin-image-mode-awemePhoto .ocean-vmok-plugin-preview-douyin-bk {
  top: -2px;
  left: 0;
}
.ocean-vmok-plugin-preview-douyin.ocean-vmok-plugin-image-mode-awemePhoto .ocean-vmok-plugin-creative-info {
  bottom: calc(var(--creativeMaterialBottom) + 6px);
}
.ocean-vmok-plugin-preview-douyin.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-bg-live {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-live-2.png");
}
.ocean-vmok-plugin-preview-douyin.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-contaniner-live {
  position: absolute;
  bottom: 48px;
  left: 8px;
  right: 8px;
  color: #ffffff;
  display: flex;
  height: auto;
  width: auto;
  flex-direction: column;
  z-index: 2;
  background-color: inherit;
  gap: 4px;
}
.ocean-vmok-plugin-preview-douyin.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-title {
  margin-top: 0;
}
.ocean-vmok-plugin-preview-douyin-search-bk {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-search-new1.png");
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-oc-video-player-wrapper .xgplayer video {
  object-fit: cover;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-creative-type-double-row .ocean-vmok-plugin-preview-douyin-search-bk {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-search-double2.png");
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-creative-info {
  position: relative;
  padding: 103px 12px 10px;
  color: #161823;
  bottom: inherit;
  left: 0;
  z-index: 2;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-user-info {
  width: 214px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-user-info .ocean-vmok-plugin-source {
  margin-left: 5px;
  font-weight: 400;
  font-size: 14px;
  margin-top: 0;
  zoom: 0.7778;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  margin-top: 2px;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-user-info .ocean-vmok-plugin-source em {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: rgba(22, 24, 35, 0.6);
  margin-top: 4px;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-user-info .ocean-vmok-plugin-aweme-avatar {
  position: relative;
  top: 0;
  left: 0;
  width: 29px;
  height: 29px;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-title {
  zoom: 0.9075;
  font-weight: 300;
  line-height: 18px;
  margin-top: 4px;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-promotion-card {
  width: 100%;
  zoom: 0.83;
  margin-top: 8px;
  position: relative;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-card-image {
  width: 42px;
  height: 42px;
  margin-left: -12px;
  border-radius: 0;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item {
  background: rgba(22, 24, 35, 0.03);
  color: #161823;
  padding: 6px 12px;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-title {
  zoom: 0.9;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-desc {
  zoom: 0.8333;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-card-button {
  background: #fe2c55;
  border-radius: 4px;
  padding: 0 4px;
}
.ocean-vmok-plugin-preview-douyin-search .ocean-vmok-plugin-comment-img {
  width: 100%;
  margin-top: 8px;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-verticalVideo:not(.ocean-vmok-plugin-creative-type-double-row) .ocean-vmok-plugin-oc-creative-preview-image,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-awemePhoto:not(.ocean-vmok-plugin-creative-type-double-row) .ocean-vmok-plugin-oc-creative-preview-image {
  width: 164px;
  height: 218px;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-verticalVideo:not(.ocean-vmok-plugin-creative-type-double-row) .ocean-vmok-plugin-create-preview-blue-flow,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-awemePhoto:not(.ocean-vmok-plugin-creative-type-double-row) .ocean-vmok-plugin-create-preview-blue-flow {
  width: 164px;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-feedsLive:not(.ocean-vmok-plugin-creative-type-double-row) .ocean-vmok-plugin-oc-creative-preview-image {
  width: 164px;
  height: 218px;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-oc-creative-preview-image {
  background: #161823;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-logo.png");
  background-size: 100px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-feedsLive.ocean-vmok-plugin-creative-type-double-row .ocean-vmok-plugin-oc-creative-preview-image {
  background-size: 60px auto;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-feedsLive.ocean-vmok-plugin-creative-type-double-row .ocean-vmok-plugin-oc-creative-preview-image__tag {
  left: inherit;
  right: 4px;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-preview-douyin-search-bk,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-preview-douyin-search-bk {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/douyin-mall.png");
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-product-info,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-product-info {
  display: flex;
  width: 124px;
  height: 189px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 6px;
  background-color: #ffffff;
  position: absolute;
  left: 8px;
  top: 96px;
  padding: 0;
  overflow: hidden;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-product-info-img,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-product-info-img {
  width: 124px;
  height: 124px;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/product.png");
  background-position: center;
  background-size: 100%;
  background-color: #f5f6f9;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-product-info-img img,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-product-info-img img {
  width: 100%;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-product-info-title,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-product-info-title {
  color: #161823;
  zoom: 0.8333;
  padding: 5px 7px;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-product-info-price,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-product-info-price {
  color: #fe2c55;
  font-size: 18px;
  position: absolute;
  bottom: 9px;
  left: 5px;
  zoom: 0.75;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-product-info-price em,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-product-info-price em {
  font-size: 16px;
  font-style: normal;
  margin-right: 3px;
}
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mall .ocean-vmok-plugin-product-info-price .ocean-vmok-plugin-oc-typography-color-default,
.ocean-vmok-plugin-preview-douyin-search.ocean-vmok-plugin-image-mode-mallAwemePhoto .ocean-vmok-plugin-product-info-price .ocean-vmok-plugin-oc-typography-color-default {
  color: #fe2c55;
}
.ocean-vmok-plugin-preview-toutiao .ocean-vmok-plugin-aweme-avatar {
  top: 242px !important;
}
.ocean-vmok-plugin-preview-toutiao .ocean-vmok-plugin-name {
  display: flex;
  align-items: center;
  gap: 5px;
  zoom: 0.85;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-video,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-image,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-image.png");
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-creative-info {
  position: absolute;
  top: 184px;
  left: 0;
  right: 0;
  padding: 11px;
  font-size: 0;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-oc-creative-preview-image,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-oc-creative-preview-image,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-oc-creative-preview-image {
  width: 100%;
  height: 136px;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 5px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-name,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-name,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-name {
  zoom: 1;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-source,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-source,
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-source {
  zoom: 0.725;
  margin-top: 8px;
  width: 210px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-video.png");
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-creative-info {
  top: 180px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-oc-creative-preview-image {
  width: 124.032px;
  height: 165.376px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-smallImage {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-small.png");
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-smallImage .ocean-vmok-plugin-creative-info {
  position: absolute;
  top: 188px;
  left: 0;
  right: 0;
  padding: 10px 11px;
  font-size: 0;
  display: flex;
  align-items: flex-start;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-smallImage .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-left-section {
  flex: 1;
  height: 63.595px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 6px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-smallImage .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image {
  width: 81.661px;
  height: 63.595px;
  margin-top: 0;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-live-tags {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-live-tags .ocean-vmok-plugin-tags {
  color: #fff;
  font-size: 10px;
  padding: 2px 4px;
  border-radius: 2px;
  display: flex;
  gap: 2px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-live-tags .ocean-vmok-plugin-douyin-tags {
  background-color: #f04142;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-creative-info {
  height: 100%;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-oc-creative-preview-image {
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  margin-top: 0;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-info-section {
  position: absolute;
  bottom: 13px;
  width: 210px;
  left: 9px;
  right: 9px;
  z-index: 3;
  color: #ffffff;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-user-info {
  display: flex;
  align-items: center;
  height: 28px;
}
.ocean-vmok-plugin-preview-toutiao.ocean-vmok-plugin-image-mode-feedsLive:after {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-live-bg.png");
  background-size: 100% 100%;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  z-index: 2;
  border-radius: 5px;
}
.ocean-vmok-plugin-preview-toutiao-search {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-search.png");
  padding-top: 102px;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ocean-vmok-plugin-preview-toutiao-search-bg {
  background-color: #ffffff;
  border-radius: 11px 11px 0 0;
  flex: 1;
  width: 260px;
}
.ocean-vmok-plugin-preview-toutiao-search-bottom {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 40px;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/toutiao-search-bottom.png");
  background-size: 100% auto;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info {
  background-color: #ffffff;
  border-radius: 11px;
  width: 260px;
  padding: 12px;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image {
  width: 100%;
  height: 135px;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 0;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image .ocean-vmok-plugin-ad-logo {
  position: absolute;
  z-index: 6;
  right: 9px;
  top: 9px;
  background: rgba(0, 0, 0, 0.08);
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-title .ocean-vmok-plugin-oc-typography {
  line-height: 18px;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-card-button {
  display: flex;
  width: 100%;
  padding: 6px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #f04142;
  border-radius: 6px;
  border: 0.725px solid rgba(240, 65, 66, 0.12);
  background: rgba(240, 65, 66, 0.05);
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-promote-card-action {
  display: flex;
  align-items: center;
  color: #5e6570;
  font-size: 12px;
  zoom: 0.83;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-promote-card-action .ocean-vmok-plugin-icon {
  margin-right: 3px;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-creative-info-abstract {
  margin-top: 6px;
  color: #222;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-image-wrapper {
  white-space: nowrap;
  display: flex;
  width: 100%;
  overflow-x: auto;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-image-wrapper::-webkit-scrollbar {
  height: 0;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-image-wrapper .ocean-vmok-plugin-image-content {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  position: relative;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-image-wrapper .ocean-vmok-plugin-image-content img {
  border-radius: 4px;
  width: 64px;
  height: 64px;
}
.ocean-vmok-plugin-preview-toutiao-search .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-image-wrapper .ocean-vmok-plugin-image-content-pic {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-oc-creative-preview-image {
  width: 163.2px;
  height: 239.36px;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-card-button {
  width: 163.2px;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-oc-creative-preview-image {
  height: 101.547px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-oc-creative-preview-image img {
  height: auto;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-searchMini .ocean-vmok-plugin-creative-main,
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-creative-main {
  display: flex;
  align-items: self-start;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-searchMini .ocean-vmok-plugin-creative-info-abstract,
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-creative-info-abstract {
  flex: 1;
  margin-top: 0;
  zoom: 0.9;
  margin-right: 9px;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-searchShop .ocean-vmok-plugin-creative-info-abstract {
  margin-top: 0;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-searchMini .ocean-vmok-plugin-oc-creative-preview-image {
  width: 72.533px;
  height: 47.872px;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-oc-creative-preview-image {
  width: 62.382px;
  height: 82.692px;
}
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-user-name,
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-searchMini .ocean-vmok-plugin-user-name,
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-user-name,
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-searchLarge .ocean-vmok-plugin-user-name,
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-searchShop .ocean-vmok-plugin-user-name,
.ocean-vmok-plugin-preview-toutiao-search.ocean-vmok-plugin-image-mode-smallImage .ocean-vmok-plugin-user-name {
  color: #5e6570;
  zoom: 0.83;
}
.ocean-vmok-plugin-preview-xigua .ocean-vmok-plugin-aweme-avatar {
  width: 23px !important;
  height: 23px !important;
  left: 10px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/xigua.png");
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info {
  position: absolute;
  top: 167px;
  left: 0;
  right: 0;
  padding: 13px 0;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-right-section,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-right-section {
  margin-left: 33px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-aweme-avatar,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-aweme-avatar {
  top: 15px !important;
  height: 26px !important;
  width: 26px !important;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-source,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-source {
  color: #93969d;
  zoom: 0.9;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-title,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-title {
  line-height: 16px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image {
  width: 100%;
  height: 152px;
  margin-top: 6px;
  border-radius: 0;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-title,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-title {
  padding: 0 9px;
  height: 48px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-promote-card-action,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-promote-card-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 9px;
  margin-top: 8px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-promote-card-action .ocean-vmok-plugin-source,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-promote-card-action .ocean-vmok-plugin-source {
  color: #31343b;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-promote-card-action .ocean-vmok-plugin-card-button,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-promote-card-action .ocean-vmok-plugin-card-button {
  border-radius: 1.451px;
  background: rgba(0, 0, 0, 0.04);
  width: 55.125px;
  height: 20.309px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0c0d0f;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-creative-info,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-creative-info {
  height: 100%;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-aweme-avatar,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-aweme-avatar {
  position: relative;
  top: 0;
  left: 0;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-oc-creative-preview-image,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-oc-creative-preview-image {
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  margin-top: 0;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-info-section,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-info-section {
  position: absolute;
  bottom: 58px;
  width: 210px;
  left: 9px;
  right: 9px;
  z-index: 3;
  color: #ffffff;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-source,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-source {
  margin-left: 10px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-user-info,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-user-info {
  display: flex;
  align-items: center;
  height: 32px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-title,
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-title {
  zoom: 0.833;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-bg {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/xigua-vertical.png");
  z-index: 1000 !important;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-live-tags {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-live-tags .ocean-vmok-plugin-tags {
  color: #fff;
  font-size: 10px;
  padding: 2px 4px;
  border-radius: 2px;
  display: flex;
  gap: 2px;
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-live-tags .ocean-vmok-plugin-douyin-tags {
  background-image: linear-gradient(102deg, #f38 8.67%, #f35 88.75%);
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive .ocean-vmok-plugin-live-tags .ocean-vmok-plugin-from-tags {
  background-color: rgba(0, 0, 0, 0.3);
}
.ocean-vmok-plugin-preview-xigua.ocean-vmok-plugin-image-mode-feedsLive:after {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/xigua-vertical.png");
  background-size: 100% 100%;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  z-index: 1000 !important;
}
.ocean-vmok-plugin-preview-fanqie {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/fanqie.png");
  display: flex;
}
.ocean-vmok-plugin-preview-fanqie .ocean-vmok-plugin-creative-info {
  width: 226px;
  height: 402px;
  position: absolute;
  left: 23px;
  top: 35px;
}
.ocean-vmok-plugin-preview-fanqie .ocean-vmok-plugin-oc-creative-preview-image {
  height: 100%;
  background-color: #212121;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}
.ocean-vmok-plugin-preview-fanqie .ocean-vmok-plugin-promotion-info {
  position: absolute;
  left: 11px;
  bottom: 11px;
  right: 11px;
  z-index: 10;
}
.ocean-vmok-plugin-preview-fanqie .ocean-vmok-plugin-promotion-info .ocean-vmok-plugin-promotion-card-item {
  background: rgba(0, 0, 0, 0.5);
}
.ocean-vmok-plugin-preview-fanqie .ocean-vmok-plugin-promotion-info .ocean-vmok-plugin-card-title {
  zoom: 0.85;
}
.ocean-vmok-plugin-preview-fanqie .ocean-vmok-plugin-fanqie-logo {
  width: 202px;
  height: 19px;
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/fanqie-logo.png");
  background-size: 100% auto;
  position: absolute;
  top: 9px;
  left: 11px;
  right: 11px;
  z-index: 5;
}
.ocean-vmok-plugin-preview-fanqie.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-oc-creative-preview-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.ocean-vmok-plugin-preview-union .ocean-vmok-plugin-creative-info,
.ocean-vmok-plugin-preview-union .ocean-vmok-plugin-oc-creative-preview-image {
  width: 100%;
  height: 100%;
  margin-top: 0;
}
.ocean-vmok-plugin-preview-union .ocean-vmok-plugin-union-logo {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 1px;
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  font-size: 12px;
  z-index: 4;
  width: 58px;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  zoom: 0.6;
}
.ocean-vmok-plugin-preview-union .ocean-vmok-plugin-union-ad-close {
  color: rgba(50, 51, 53, 0.2);
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 4;
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-preview-union-bk,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-preview-union-bk {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/union-new.png");
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-creative-info,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-creative-info {
  position: absolute;
  top: 149px;
  left: 0;
  right: 0;
  padding: 0 12px;
  height: 201px;
  z-index: 3;
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-title,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-title {
  color: #64666b;
  height: 20px;
  margin-top: 4px;
  font-weight: 400;
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-video .ocean-vmok-plugin-oc-creative-preview-image,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-oc-creative-preview-image {
  height: 140px;
  overflow: hidden;
  border-radius: 4px;
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-preview-union-bk,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-preview-union-bk {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/union-vertical.png");
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-creative-info,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-creative-info {
  position: absolute;
  width: 99px;
  height: 216px;
  top: 24px;
  left: 23px;
  z-index: 3;
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image {
  height: 176px;
  overflow: hidden;
  border-radius: 2px;
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-title,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-title {
  zoom: 0.8;
  color: #64666b;
  margin-top: 4px;
}
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalImage .ocean-vmok-plugin-title .ocean-vmok-plugin-oc-typography,
.ocean-vmok-plugin-preview-union.ocean-vmok-plugin-image-mode-verticalVideo .ocean-vmok-plugin-title .ocean-vmok-plugin-oc-typography {
  line-height: 16px;
}
.ocean-vmok-plugin-preview-union-game {
  position: relative;
  height: 100%;
  background: #030301;
  border-radius: 8px;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-oc-creative-preview-image {
  height: 100%;
  background-color: #030301;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  z-index: 3;
}
.ocean-vmok-plugin-preview-union-game-bk {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/ohayoo-bg.png");
  background-position: center top;
  background-size: 100% auto !important;
  background-repeat: no-repeat;
  height: 120px !important;
  z-index: 4 !important;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item {
  border-radius: 0;
  color: #161823;
  background-color: #fff;
  height: 58px;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-image {
  width: 42px;
  height: 42px;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-title,
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-desc {
  zoom: 1;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card .ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-button {
  line-height: 26px;
  height: 26px;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card.ocean-vmok-plugin-new {
  right: 12px;
  left: 12px;
  top: 75px;
  bottom: inherit;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card.ocean-vmok-plugin-new .ocean-vmok-plugin-promotion-card-item {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  height: 48px;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card.ocean-vmok-plugin-new .ocean-vmok-plugin-card-image {
  width: 32px;
  height: 32px;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card.ocean-vmok-plugin-new .ocean-vmok-plugin-card-desc {
  margin-top: -2px;
}
.ocean-vmok-plugin-preview-union-game .ocean-vmok-plugin-promotion-card.ocean-vmok-plugin-new .ocean-vmok-plugin-card-button {
  line-height: 24px;
  height: 24px;
}
.ocean-vmok-plugin-preview-union-game.ocean-vmok-plugin-image-mode-image .ocean-vmok-plugin-oc-creative-preview-image img,
.ocean-vmok-plugin-preview-union-game.ocean-vmok-plugin-image-mode-smallImage .ocean-vmok-plugin-oc-creative-preview-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.ocean-vmok-plugin-preview-homed-bg {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/homed-vertical.png");
  background-size: 100% 100%;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.ocean-vmok-plugin-preview-homed-bg.ocean-vmok-plugin-video {
  background-image: url("https://lf3-ad-platform.byteadverts.com/obj/ad-platform/ocean_uikit_vue3/preview/homed.png");
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info {
  position: absolute;
  right: 2.5px;
  top: 102px;
  background-color: #ffffff;
  border-radius: 3px;
  width: 131px;
  height: 239px;
  overflow: hidden;
  z-index: 2;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image {
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 176px;
  position: relative;
  overflow: hidden;
  margin-top: 0;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-oc-creative-preview-image .ocean-vmok-plugin-ad-logo {
  position: absolute;
  z-index: 6;
  right: 6px;
  bottom: 6px;
  background: rgba(26, 28, 31, 0.2);
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-info-section {
  height: 63px;
  width: 100%;
  padding: 6px 5px;
  color: #222;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-info-section .ocean-vmok-plugin-info-scale {
  width: 138%;
  transform: scale(0.72);
  transform-origin: 0 0;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-info-section .ocean-vmok-plugin-title {
  height: 40px;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-info-section .ocean-vmok-plugin-source {
  display: flex;
  margin-top: 10px !important;
  color: #999;
  align-items: center;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info .ocean-vmok-plugin-info-section .ocean-vmok-plugin-source .ocean-vmok-plugin-aweme-avatar {
  position: static;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-aweme-avatar {
  top: 216px;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-aweme-plus-icon {
  position: absolute;
  top: 243px;
  right: 16px;
  z-index: 10;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-promotion-card {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-promotion-info {
  position: absolute;
  bottom: 13px;
  left: 9px;
  width: 208px;
  z-index: 3;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-desc {
  align-items: flex-end;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-desc-text {
  zoom: 0.83333333;
}
.ocean-vmok-plugin-preview-homed .ocean-vmok-plugin-creative-info-video .ocean-vmok-plugin-desc .ocean-vmok-plugin-ad-logo {
  margin-bottom: 2px;
}
.ocean-vmok-plugin-oc-report-live-card-horizontal {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-report-live-card-horizontal-middle {
  flex-grow: 1;
  margin-top: 0 !important;
}
.ocean-vmok-plugin-oc-report-live-card-horizontal-left + .ocean-vmok-plugin-oc-report-live-card-horizontal-middle,
.ocean-vmok-plugin-oc-report-live-card-horizontal-middle + .ocean-vmok-plugin-oc-report-live-card-horizontal-right {
  margin-left: 72px;
}
.metricsRichExplain .oc-popover-body {
  max-height: fit-content !important;
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card {
  position: relative;
  height: 100px;
  display: flex;
  flex-direction: column;
  padding: 16px;
  cursor: pointer;
  border: 1px solid var(--borderColor);
  background: var(--bgColor);
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-header {
  height: 22px;
  cursor: pointer;
  display: flex;
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-value {
  flex: 1;
  margin-top: 8px;
  display: flex;
  align-items: baseline;
  color: #323335;
  font-family: OPPOSans;
  font-weight: 400;
  font-style: normal;
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-value .ocean-vmok-plugin-int-value {
  font-size: 16px;
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-value .ocean-vmok-plugin-decimal-value {
  font-size: 12px;
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-ratio {
  height: 18px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  left: -10px;
  top: calc(50% - 10px);
  border-radius: 12.5px;
  border: 1px solid #dfe0e2;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  color: var(--iconColor);
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-selected {
  border-top: 4px solid #2a55e5 !important;
  border-bottom: 0px;
  border-left: 0px;
  padding-top: 12px;
  background: linear-gradient(180deg, #eff5ff 0%, rgba(239, 245, 255, 0) 100%);
}
.ocean-vmok-plugin-report-metrics-calculate-tab-card-selected .ocean-vmok-plugin-report-metrics-calculate-tab-card-icon {
  top: calc(50% - 12px);
}
/* 后一个兄弟节点 */
.ocean-vmok-plugin-report-metrics-calculate-tab-card-selected + .ocean-vmok-plugin-report-metrics-calculate-tab-card {
  border-bottom-left-radius: 8px !important;
}
/* 前一个兄弟节点 */
.ocean-vmok-plugin-report-metrics-calculate-tab-card:has( + .ocean-vmok-plugin-report-metrics-calculate-tab-card-selected) {
  border-bottom-right-radius: 8px !important;
  border-right: 1px solid var(--borderColor) !important;
}
.ocean-vmok-plugin-oc-report-script-analysis-formula {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-formula-header {
  width: 100%;
  height: 22px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-formula-body {
  width: 100%;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-formula-formula-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-formula-formula-item-title {
  height: 20px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-formula-formula-item-title-label {
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
.ocean-vmok-plugin-oc-report-script-analysis-formula-formula-item-line {
  width: calc(100% - 10px);
  height: 1px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to right, transparent 6px, #d7e0fb 6px, #d7e0fb calc(100% - 6px), transparent calc(100% - 6px));
}
.ocean-vmok-plugin-oc-report-script-analysis-formula-formula-item-content {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-script {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-script-header {
  width: 100%;
  height: 24px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-report-script-analysis-script-body {
  width: 100%;
}
.ocean-vmok-plugin-oc-report-script-analysis-script-body > span {
  display: inline;
}
@keyframes v-ocean-spin-loading-rotate {
  to {
    transform: rotate(360deg);
  }
}
.ocean-vmok-plugin-oc-loading-icon {
  color: #507aec;
  display: inline-flex;
  transform: rotate(0);
  animation: v-ocean-spin-loading-rotate 0.8s infinite linear;
}
.ocean-vmok-plugin-oc-switch-card-item-option-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container {
  display: flex;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-left-panel,
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-right-panel {
  height: 386px;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-left-panel .ocean-vmok-plugin-content,
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-right-panel .ocean-vmok-plugin-content {
  flex-grow: 1;
  overflow-y: auto;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-left-panel .ocean-vmok-plugin-footer,
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-right-panel .ocean-vmok-plugin-footer {
  border-top: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-left-panel .ocean-vmok-plugin-header {
  border-radius: 3px 3px 0 0;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-right-panel {
  width: 240px;
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .tools-vmok-plugin-cascader-panel__selection-header {
  font-weight: 400;
  background-color: unset;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .ocean-vmok-plugin-action-interest-tab {
  height: 36px;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .tools-vmok-plugin-tabs__nav::before {
  background-color: #e8eaed !important;
}
.ocean-vmok-plugin-oc-create-action-interest-panel-container .tools-vmok-plugin-tabs__nav-list-scroll-container {
  transform: translateX(12px);
}
.ocean-vmok-plugin-oc-create-action-interest-cell {
  line-height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-create-action-interest-selected-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #31343b;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-action-interest-selected-info .ocean-vmok-plugin-selected-info-left {
  display: flex;
}
.ocean-vmok-plugin-oc-create-action-interest-selected-info .ocean-vmok-plugin-selected-info-item {
  margin-right: 12px;
}
.ocean-vmok-plugin-oc-create-action-interest-loading-container {
  position: relative;
}
.ocean-vmok-plugin-oc-create-aweme-star-select-filter {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 14px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-aweme-star-select-filter .ocean-vmok-plugin-behaviors-select {
  width: 180px;
  margin: 0 12px;
}
.ocean-vmok-plugin-oc-create-aweme-star-select-filter .ocean-vmok-plugin-behaviors-select .tools-vmok-plugin-custom-input {
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-create-aweme-star-select-filter .ocean-vmok-plugin-time-select {
  width: 96px;
  margin: 0 12px;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container {
  width: 100%;
  margin-left: 0 !important;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 56px;
  padding: 0 24px 0 12px;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container img {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .tools-vmok-plugin-checkbox {
  width: 100%;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .tools-vmok-plugin-checkbox__label {
  width: 100%;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .tools-vmok-plugin-checkbox {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container:hover {
  background-color: #e8eaed;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .ocean-vmok-plugin-checkbox-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .ocean-vmok-plugin-checkbox-option .ocean-vmok-plugin-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .ocean-vmok-plugin-checkbox-option .ocean-vmok-plugin-left .ocean-vmok-plugin-avatar {
  margin-right: 8px;
  height: 32px;
  width: 32px;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .ocean-vmok-plugin-checkbox-option .ocean-vmok-plugin-left .ocean-vmok-plugin-title {
  width: 280px;
  color: #31343b;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ocean-vmok-plugin-oc-create-aweme-star-checkbox-option-container .ocean-vmok-plugin-checkbox-option .ocean-vmok-plugin-left .ocean-vmok-plugin-description {
  color: #93969d;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-create-aweme-star-input {
  width: calc(100% - 248px);
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-action-interest-modal-footer {
  height: auto;
  min-height: 80px;
}
.ocean-vmok-plugin-oc-create-action-interest-modal-footer .ocean-vmok-plugin-footer-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ocean-vmok-plugin-oc-create-action-interest-modal-footer .ocean-vmok-plugin-error-line .ocean-vmok-plugin-text {
  font-size: 12px;
  color: #e34949;
}
.ocean-vmok-plugin-oc-create-action-interest-modal-footer .ocean-vmok-plugin-footer-container-left {
  display: flex;
  flex-direction: column;
  width: 544px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-action-interest-modal-footer .ocean-vmok-plugin-line-text {
  color: #0057ff;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-left-panel-footer {
  margin: 8px 0;
  padding: 0 12px;
  font-size: 12px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-left-panel-footer .ocean-vmok-plugin-title {
  color: #31343b;
  font-weight: 400;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-left-panel-footer .ocean-vmok-plugin-title .ocean-vmok-plugin-title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-left-panel-footer .ocean-vmok-plugin-title .ocean-vmok-plugin-title-link {
  font-size: 12px;
  font-weight: 400;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-left-panel-footer .ocean-vmok-plugin-description {
  color: #93969d;
  margin-top: 4px;
  line-height: 22px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-left-panel-footer .ocean-vmok-plugin-description .ocean-vmok-plugin-keywords {
  overflow: hidden;
  height: 22px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-left-panel-footer .ocean-vmok-plugin-description .ocean-vmok-plugin-keywords > div {
  display: inline-block;
  font-size: 12px;
  margin-right: 14px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-header {
  color: #31343b;
  padding: 2px 12px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dee0e3;
  font-size: 14px;
  height: 32px;
  word-break: keep-all;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-header-filter {
  width: 76px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-header-filter .tools-vmok-plugin-button--text {
  color: #31343b !important;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-table-content {
  overflow: auto;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-table-content .ocean-vmok-plugin-operation {
  display: flex;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-table-content .ocean-vmok-plugin-operation-item {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-table-content .ocean-vmok-plugin-operation-item:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-content .ocean-vmok-plugin-oc-popover span {
  display: flex;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-action-interest-table-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dee0e3;
  align-items: center;
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  padding: 0 12px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-action-interest-table-header .ocean-vmok-plugin-label {
  color: #31343b;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-action-interest-table-header .ocean-vmok-plugin-description {
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-action-interest-table-content {
  overflow: auto;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-header {
  display: flex;
  padding: 0 12px;
  height: 36px;
  align-items: center;
  background: #f5f7fa;
  font-weight: 500;
  font-size: 14px;
  color: #31343b;
  border-bottom: 1px solid #dee0e3;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-oc-over-count {
  color: #e34949;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-right-panel-footer-content {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-category-content .tools-vmok-plugin-cascader-panel__selection-block {
  height: 281px;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-category-content .tools-vmok-plugin-cascader-panel__main--border {
  border: none;
}
.ocean-vmok-plugin-oc-create-action-interest-wrap .ocean-vmok-plugin-header-filter .tools-vmok-plugin-button--text {
  color: #31343b !important;
}
.ocean-vmok-plugin-oc-create-action-interest-table-content .ocean-vmok-plugin-content {
  position: relative;
}
.ocean-vmok-plugin-oc-create-action-interest-form-conainer {
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-action-interest-form-conainer .ocean-vmok-plugin-action-form {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #31343b;
  margin-bottom: 8px;
}
.ocean-vmok-plugin-oc-create-action-interest-form-conainer .ocean-vmok-plugin-action-form .ocean-vmok-plugin-select {
  margin: 0 12px;
}
.ocean-vmok-plugin-oc-create-action-interest-form-conainer .ocean-vmok-plugin-action-form .tools-vmok-plugin-custom-input {
  overflow-x: hidden;
}
.ocean-vmok-plugin-oc-promotion-info-card-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ocean-vmok-plugin-oc-promotion-info-card-img.ocean-vmok-plugin-red-light {
  border: 1px solid #fe2c55;
}
.ocean-vmok-plugin-oc-promotion-info-card-tags {
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-promotion-info-card-actions {
  margin-left: 8px;
  font-size: 12px;
  color: #0057ff;
  cursor: pointer;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-promotion-info-card-title {
  line-height: 22px;
  font-size: 14px;
  font-weight: 600;
  color: #31343b;
}
.ocean-vmok-plugin-oc-promotion-info-card-text-value {
  display: flex;
  align-items: center;
  font-size: 12px;
  width: 100%;
  line-height: 18px;
  color: #969aa0;
}
.ocean-vmok-plugin-oc-promotion-info-card-text-value .ocean-vmok-plugin-text {
  margin-right: 3px;
}
.ocean-vmok-plugin-oc-promotion-info-card-text {
  display: flex;
  align-items: center;
  font-size: 12px;
  width: 100%;
  line-height: 18px;
  color: #969aa0;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-2 {
  padding: 24px;
  display: flex;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-2 .ocean-vmok-plugin-menu-dropdown-content-banner {
  border-radius: 4px;
  margin-left: 24px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 {
  padding: 24px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 .ocean-vmok-plugin-navigator-menu-dropdown-content-3-1-flag {
  min-width: 180px;
  padding: 4px 8px;
  display: flex;
  line-height: 22px;
  font-size: 14px;
  vertical-align: middle;
  align-items: self-start;
  color: #31343b;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 .ocean-vmok-plugin-navigator-menu-dropdown-content-3-1-flag:hover {
  background: #f2f4f7;
  border-radius: 4px;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 .ocean-vmok-plugin-menu-dropdown-content-3-item {
  display: flex;
  color: #93969d;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 .ocean-vmok-plugin-menu-dropdown-content-3-icon {
  margin-right: 8px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 .ocean-vmok-plugin-menu-dropdown-content-3-name {
  color: #93969d;
  font-size: 14px;
  line-height: 22px;
  font-weight: bolder;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 .ocean-vmok-plugin-sub-childern-item-icon-flag {
  margin-left: 4px;
  align-self: center;
  display: flex;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3 .ocean-vmok-plugin-menu-dropdown-content-divider {
  width: 100%;
  height: 1px;
  background: #dfe0e2;
  margin-top: 8px;
  margin-bottom: 12px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 {
  padding: 8px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item-disabled {
  color: #b9bcc3;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item-disabled oc-icon,
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item-disabled iconpark-icon {
  color: #b9bcc3;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item-disabled :hover {
  cursor: not-allowed;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item {
  color: #31343b;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item oc-icon,
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item iconpark-icon {
  color: #93969d;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item-info {
  margin-left: 20px;
  margin-top: 4px;
  color: #93969d;
  font-size: 12px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item-title {
  display: flex;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item-disabled,
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item {
  padding: 4px 8px;
  display: flex;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item-disabled span,
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item span {
  margin-left: 4px;
  font-size: 14px;
  line-height: 22px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-1 .ocean-vmok-plugin-menu-dropdown-content-item:hover {
  cursor: pointer;
  background: #f2f4f7;
  border-radius: 4px;
}
.ocean-vmok-plugin-navigator-is-mark-item oc-icon,
.ocean-vmok-plugin-navigator-is-mark-item iconpark-icon,
.ocean-vmok-plugin-navigator-is-mark-item oc-typography,
.ocean-vmok-plugin-navigator-is-mark-item .ocean-vmok-plugin-menu-dropdown-content-item-info,
.ocean-vmok-plugin-navigator-is-mark-item span {
  color: #0057ff !important;
}
.ocean-vmok-plugin-menu-dropdown-footer-left-icon {
  margin-top: 3px;
}
.ocean-vmok-plugin-navigator-menu-dropdown-content-3-1-flag firefly-new-badge {
  margin-left: 4px !important;
  display: inline-flex;
  align-self: center !important;
}
.ocean-vmok-plugin-oc-scene-item-container {
  background: #f5f7fa;
  padding: 12px;
  display: flex;
  align-items: center;
  border-radius: 8px;
}
.ocean-vmok-plugin-oc-scene-item-container .ocean-vmok-plugin-scene-item {
  margin-right: 24px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-scene-item-container .ocean-vmok-plugin-scene-item .ocean-vmok-plugin-key-box {
  font-size: 12px;
  margin-right: 3px;
  color: #93969d;
}
.ocean-vmok-plugin-oc-scene-item-container .ocean-vmok-plugin-scene-item .ocean-vmok-plugin-value-box {
  font-size: 12px;
  color: #62656c;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-scene-item-container .tools-vmok-plugin-select--text .tools-vmok-plugin-select__text-wrapper {
  color: #62656c;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-filter-echo-item {
  background: rgba(42, 85, 229, 0.06);
  border-radius: 4px;
  display: flex;
  cursor: pointer;
  padding: 6px 8px;
  height: 32px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  color: #0057ff;
  max-width: 264px;
}
.ocean-vmok-plugin-oc-filter-echo-item .ocean-vmok-plugin-echo-num {
  height: 24px;
  width: 24px;
  margin: 0 8px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
}
.ocean-vmok-plugin-oc-filter-echo-body .tools-vmok-plugin-cascader-panel__main--border {
  border: none;
}
.ocean-vmok-plugin-oc-filter-echo-body .tools-vmok-plugin-cascader-panel__selection-block {
  height: auto;
}
.ocean-vmok-plugin-oc-filter-echo-body .ocean-vmok-plugin-oc-filter-select-filter,
.ocean-vmok-plugin-oc-filter-echo-body .ocean-vmok-plugin-oc-filter-echo-cascader {
  margin: -16px;
}
.ocean-vmok-plugin-oc-filter-echo-item-text {
  overflow: hidden;
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ocean-vmok-plugin-oc-filter-delete-icon {
  height: 14px;
  width: 14px;
  margin-left: 4px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-filter-more-filter-echo-popover {
  max-height: 195px;
  overflow: auto;
}
.ocean-vmok-plugin-oc-filter-template-list-body {
  width: 200px;
  font-size: 14px;
}
.ocean-vmok-plugin-oc-filter-template-list-body .ocean-vmok-plugin-template-item {
  width: 100%;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-filter-template-list-body .ocean-vmok-plugin-template-item:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-filter-template-list-body .ocean-vmok-plugin-custom-action {
  text-align: center;
  color: #0057ff;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
}
.ocean-vmok-plugin-oc-filter-template-list-body .ocean-vmok-plugin-sp {
  width: 100%;
  height: 1px;
  margin: 4px 0;
  background: #dee0e3;
}
.ocean-vmok-plugin-word-insert-top {
  border-top: 1px solid #dee0e3;
  padding-top: 8px;
}
.ocean-vmok-plugin-word-insert-wrapper {
  display: flex;
  justify-content: space-between;
}
.ocean-vmok-plugin-word-insert-wrapper .ocean-vmok-plugin-each-word {
  margin: 0 5px;
  cursor: pointer;
}
.ocean-vmok-plugin-word-insert-wrapper .ocean-vmok-plugin-add-link-more {
  margin-right: 0;
}
.ocean-vmok-plugin-word-insert-wrapper .ocean-vmok-plugin-keyword {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-word-insert-wrapper .ocean-vmok-plugin-ad-link-text-btn {
  color: #0057ff;
  font-weight: 400;
  cursor: pointer;
  font-size: 14px;
}
.ocean-vmok-plugin-word-insert-wrapper .ocean-vmok-plugin-word-and-keyword {
  display: flex;
  font-size: 14px;
}
.ocean-vmok-plugin-word-insert-wrapper .ocean-vmok-plugin-word-and-keyword .ocean-vmok-plugin-insert-tips {
  color: #969aa0;
}
.ocean-vmok-plugin-oc-selected-item-wrapper {
  height: 28px;
  padding: 4px 8px 4px 12px;
  background-color: #f2f4f7;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-selected-item-wrapper .ocean-vmok-plugin-tag {
  margin-right: 8px;
  color: #62656c;
}
.ocean-vmok-plugin-oc-selected-item-wrapper .ocean-vmok-plugin-text {
  flex: 1;
}
.ocean-vmok-plugin-oc-selected-item-wrapper .ocean-vmok-plugin-delete-btn-wrapper {
  display: flex;
}
.ocean-vmok-plugin-oc-selected-item-wrapper .ocean-vmok-plugin-delete-btn-wrapper .ocean-vmok-plugin-delete-btn:hover {
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-selected-item-wrapper .ocean-vmok-plugin-delete-btn-wrapper .ocean-vmok-plugin-delete-btn.ocean-vmok-plugin-disabled {
  color: #b9bcc3;
  cursor: not-allowed;
}
.ocean-vmok-plugin-oc-title-suffix-wrapper {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-title-suffix-wrapper .ocean-vmok-plugin-question-popover-reference {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-title-suffix-wrapper .ocean-vmok-plugin-question-popover-reference .ocean-vmok-plugin-oc-popover-icon-wrapper {
  color: #b9bcc3;
}
.ocean-vmok-plugin-oc-title-suffix-wrapper .ocean-vmok-plugin-question-popover-reference .ocean-vmok-plugin-oc-popover-icon-wrapper:hover {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-title-suffix-wrapper .ocean-vmok-plugin-title-jump-icon {
  display: flex;
  align-items: center;
  color: #0057ff;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-title-suffix-wrapper .ocean-vmok-plugin-title-jump-icon .ocean-vmok-plugin-text {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.ocean-vmok-plugin-oc-title-suffix-wrapper .ocean-vmok-plugin-title-jump-icon .ocean-vmok-plugin-oc-icon-share-wrapper {
  display: flex;
}
.ocean-vmok-plugin-oc-guide-tag-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}
.ocean-vmok-plugin-oc-guide-tag-wrapper .ocean-vmok-plugin-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #e34949;
  margin-top: -15px;
}
.ocean-vmok-plugin-previe-media {
  width: 100%;
  height: 100%;
  position: relative;
}
.ocean-vmok-plugin-previe-media .ocean-vmok-plugin-bg {
  z-index: 10;
}
.ocean-vmok-plugin-previe-media .ocean-vmok-plugin-bg::after {
  content: "";
  width: 44px;
  height: 44px;
  padding: 0;
  background-image: url("https://p1-ad.byteimg.com/tos-cn-i-yt5q7rszul/6878d3d4beb84b8497875378600e72e4~tplv-yt5q7rszul-image.image");
  background-size: 100% 100%;
  background-color: initial;
  border-radius: 0;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  filter: drop-shadow(0px 4.41012049px 11.02530003px rgba(0, 0, 0, 0.25));
  display: none;
  position: absolute;
}
.ocean-vmok-plugin-previe-media .xgplayer-start,
.ocean-vmok-plugin-previe-media xg-start-inner {
  display: none !important;
}
.ocean-vmok-plugin-previe-media.ocean-vmok-plugin-pause .ocean-vmok-plugin-bg::after {
  display: block;
}
.ocean-vmok-plugin-img-container__content-tag {
  background-color: rgba(22, 24, 35, 0.34);
  border-radius: 4px;
  padding: 3px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 15px;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 4;
  zoom: 0.72533333;
}
.ocean-vmok-plugin-img-container .ocean-vmok-plugin-oc-carousel-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-img-container .ocean-vmok-plugin-oc-media-graphic-item-thumb {
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
.ocean-vmok-plugin-img-container .ocean-vmok-plugin-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ocean-vmok-plugin-img-container .ocean-vmok-plugin-oc-carousel-footer {
  z-index: 9;
}
.ocean-vmok-plugin-anchor-card-item,
.ocean-vmok-plugin-promotion-card-item {
  width: 100%;
  padding: 6px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  background: rgba(34, 34, 34, 0.6);
  color: #fff;
}
.ocean-vmok-plugin-anchor-card-item {
  height: 34px;
  gap: 6px;
  zoom: 0.83;
}
.ocean-vmok-plugin-anchor-card-item .ocean-vmok-plugin-card-image,
.ocean-vmok-plugin-anchor-card-item .ocean-vmok-plugin-card-tag,
.ocean-vmok-plugin-anchor-card-item .ocean-vmok-plugin-card-desc {
  flex: none;
}
.ocean-vmok-plugin-anchor-card-item .ocean-vmok-plugin-card-desc-line {
  height: 8px;
  width: 1px;
  border: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}
.ocean-vmok-plugin-anchor-card-item .ocean-vmok-plugin-card-tag {
  opacity: 0.75;
}
.ocean-vmok-plugin-anchor-card-item .ocean-vmok-plugin-card-image {
  width: 18px;
  height: 18px;
  font-size: 0;
}
.ocean-vmok-plugin-anchor-card-item .ocean-vmok-plugin-card-image img {
  width: 100%;
  height: 100%;
}
.ocean-vmok-plugin-promotion-card-item {
  height: 42px;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-image,
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-button {
  flex: none;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-image {
  width: 28px;
  height: 28px;
  background-color: #ffffff;
  border-radius: 4px;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-image img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-container {
  margin: 0 7px;
  flex: 1;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-title {
  margin-top: 0;
  font-weight: 500;
  zoom: 0.75;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-desc {
  width: 110%;
  zoom: 0.66666;
  opacity: 0.6;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-button {
  background: #fe2c55;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  text-align: center;
  height: 19px;
  color: #ffffff;
}
.ocean-vmok-plugin-promotion-card-item .ocean-vmok-plugin-card-button .ocean-vmok-plugin-button-text {
  padding: 0 4.5px;
  zoom: 0.75;
}
.ocean-vmok-plugin-search-creative-main {
  position: absolute;
  width: 128px;
  height: 221px;
  right: 5px;
  top: 100px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.ocean-vmok-plugin-search-creative-main .ocean-vmok-plugin-oc-creative-preview-image {
  height: 170px;
  overflow: hidden;
  background-color: #161823;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.ocean-vmok-plugin-search-creative-main .ocean-vmok-plugin-ad-logo {
  color: rgba(255, 255, 255, 0.85) !important;
  background: rgba(0, 0, 0, 0.08) !important;
  font-size: 12px;
  padding: 0 6px;
  zoom: 0.6;
  position: absolute;
  right: 5px;
  top: 255px;
}
.ocean-vmok-plugin-search-creative-main .ocean-vmok-plugin-title {
  zoom: 0.833;
  color: #161823;
  margin-top: 0 !important;
}
.ocean-vmok-plugin-search-creative-main .ocean-vmok-plugin-title .ocean-vmok-plugin-oc-typography {
  line-height: 17px;
}
.ocean-vmok-plugin-search-creative-main .ocean-vmok-plugin-creative-info-user {
  zoom: 0.75;
  color: rgba(22, 24, 35, 0.75);
}
.ocean-vmok-plugin-search-creative-main .ocean-vmok-plugin-creative-info-user iconpark-icon {
  display: none;
}
.ocean-vmok-plugin-search-creative-main .ocean-vmok-plugin-card-button {
  background-color: rgba(254, 44, 85, 0.08);
  border-radius: 6px;
  width: 100%;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  color: #fe2c55;
  font-weight: 500;
  zoom: 0.6;
}
.ocean-vmok-plugin-oc-creative-preview-image {
  width: 100%;
  height: 133.461px;
  overflow: hidden;
  margin-top: 8px;
  border-radius: 6px;
  position: relative;
}
.ocean-vmok-plugin-oc-creative-preview-image__tag,
.ocean-vmok-plugin-oc-creative-preview-image__ai {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 10;
}
.ocean-vmok-plugin-oc-creative-preview-image__ai {
  padding: 0 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14px;
  color: #fff;
  background: rgba(22, 24, 35, 0.34);
  border-radius: 2px;
  line-height: 14px;
}
.ocean-vmok-plugin-oc-creative-preview-image__ai:after {
  content: "AI生成";
  font-size: 12px;
  zoom: 0.7;
}
.ocean-vmok-plugin-create-preview-blue-flow {
  width: 100%;
  height: auto;
  padding: 0;
  z-index: 10;
  position: relative;
  margin-top: -23px;
}
.ocean-vmok-plugin-create-preview-blue-flow__link {
  background-color: #fe2c55;
  display: flex;
  height: 23px;
  align-items: center;
  justify-content: space-between;
  color: rgba(255, 255, 255, 0.9);
  font-size: 10px;
  padding: 0 8px;
}
.ocean-vmok-plugin-create-preview-blue-flow__link-left {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-create-preview-blue-flow__link-left img {
  width: 12px;
  height: 12px;
}
.ocean-vmok-plugin-create-preview-blue-flow__container {
  background-color: rgba(22, 24, 35, 0.03);
  height: 43.52px;
  border-radius: 0 0 4px 4px;
  display: flex;
}
.ocean-vmok-plugin-create-preview-blue-flow__container-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  position: relative;
  padding: 4px 6px;
}
.ocean-vmok-plugin-create-preview-blue-flow__container-item .ocean-vmok-plugin-flow-title {
  color: rgba(22, 24, 35, 0.75);
  font-size: 9px;
}
.ocean-vmok-plugin-create-preview-blue-flow__container-item .ocean-vmok-plugin-flow-num {
  color: #fe2c55;
  font-size: 10px;
  margin-top: -2px;
}
.ocean-vmok-plugin-create-preview-blue-flow__container-item:not(:last-child)::after {
  content: "";
  width: 0.7px;
  height: 18.858px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(22, 24, 35, 0.12);
}
.ocean-vmok-plugin-create-preview-blue-flow .ocean-vmok-plugin-ad-logo {
  margin-top: 10px;
  display: inline-flex !important;
  margin-left: 0 !important;
}
.ocean-vmok-plugin-live-btn {
  border: 0.725px solid rgba(255, 255, 255, 0.2);
  padding: 3px;
  border-radius: 50px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 172px;
  color: #fff;
  z-index: 10001;
}
.ocean-vmok-plugin-live-btn-main {
  width: 122px;
  height: 28px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.725px solid rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
}
.ocean-vmok-plugin-creative-info-user {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocean-vmok-plugin-creative-info-user .ocean-vmok-plugin-oc-user-info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ocean-vmok-plugin-creative-info-user .ocean-vmok-plugin-user-avatar {
  position: relative;
  width: 23px;
  height: 23px;
  margin-right: 4px;
}
.ocean-vmok-plugin-creative-info-user .ocean-vmok-plugin-user-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.ocean-vmok-plugin-oc-filter-radio-list {
  display: flex;
  flex-flow: wrap;
}
.ocean-vmok-plugin-oc-filter-radio-list .ocean-vmok-plugin-radio-item {
  display: flex;
  align-items: center;
  min-width: 33.33%;
  margin-bottom: 8px;
  padding-right: 8px;
}
.ocean-vmok-plugin-oc-filter-radio-list .ocean-vmok-plugin-radio-item .ocean-vmok-plugin-radio-item-normal {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-filter-radio-list .ocean-vmok-plugin-radio-item-text {
  margin-left: 8px;
  cursor: pointer;
  white-space: nowrap;
}
.ocean-vmok-plugin-oc-filter-checkbox-list {
  display: flex;
  flex-flow: wrap;
  gap: 8px 0;
}
.ocean-vmok-plugin-oc-filter-checkbox-list .ocean-vmok-plugin-checkbox-item {
  display: flex;
  align-items: center;
  width: 33.33%;
}
.ocean-vmok-plugin-oc-filter-checkbox-list .ocean-vmok-plugin-checkbox-item-normal {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-filter-checkbox-list .ocean-vmok-plugin-checkbox-item-text {
  margin-left: 8px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-filter-compare-filter {
  display: flex;
  flex-flow: wrap;
}
.ocean-vmok-plugin-oc-filter-compare-filter .ocean-vmok-plugin-type-select {
  margin-right: 8px;
  width: 96px;
}
.ocean-vmok-plugin-oc-filter-compare-filter .ocean-vmok-plugin-sp {
  margin: 0 8px;
  color: #dee0e3;
  line-height: 32px;
}
.ocean-vmok-plugin-oc-filter-compare-filter-input {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.ocean-vmok-plugin-oc-filter-compare-filter-input .ocean-vmok-plugin-oc-promotion-more-filter-error {
  color: #e34949;
  position: static;
  font-size: 12px;
  word-break: break-all;
}
.ocean-vmok-plugin-oc-filter-cascader-filter {
  width: 264px;
}
.ocean-vmok-plugin-oc-filter-select-filter .ocean-vmok-plugin-oc-row-cascader .tools-vmok-plugin-cascader-panel .tools-vmok-plugin-cascader-panel__main {
  width: unset;
}
.ocean-vmok-plugin-oc-filter-select-filter .tools-vmok-plugin-cascader-panel__selection-block {
  min-width: 200px;
}
.ocean-vmok-plugin-oc-filter-select-filter .tools-vmok-plugin-cascader-panel__main {
  flex: unset;
  min-width: 264px;
}
.ocean-vmok-plugin-search-icon-area {
  display: flex;
}
.ocean-vmok-plugin-oc-filter-input-filter {
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-more-filter-error {
  color: #e34949;
  position: absolute;
  font-size: 12px;
  word-wrap: break-word;
}
.ocean-vmok-plugin-oc-filter-date-range-filter-primary {
  display: flex;
  align-items: center;
  background: rgba(42, 85, 229, 0.06);
  border-radius: 4px;
  padding-right: 8px;
}
.ocean-vmok-plugin-oc-filter-date-range-filter-primary .tools-vmok-plugin-custom-input--fill {
  background: transparent;
}
.ocean-vmok-plugin-oc-filter-date-range-filter-delete-icon {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #2a55e5;
}
.ocean-vmok-plugin-oc-filter-tile-compare-body .tools-vmok-plugin-cascader-panel__main--border {
  border: none;
}
.ocean-vmok-plugin-oc-filter-tile-compare-body .tools-vmok-plugin-cascader-panel__selection-block {
  height: auto;
}
.ocean-vmok-plugin-oc-filter-tile-compare-body .ocean-vmok-plugin-footer {
  margin-top: 16px;
}
.ocean-vmok-plugin-oc-filter-tile-campare-target {
  width: 264px;
}
.ocean-vmok-plugin-oc-filter-footer {
  margin-top: 16px;
}
.ocean-vmok-plugin-oc-filter-echo-cascader .ocean-vmok-plugin-oc-row-cascader .tools-vmok-plugin-cascader-panel .tools-vmok-plugin-cascader-panel__main {
  width: unset;
}
.ocean-vmok-plugin-oc-filter-echo-cascader .tools-vmok-plugin-cascader-panel__selection-block {
  min-width: 200px;
}
.ocean-vmok-plugin-oc-filter-echo-cascader .tools-vmok-plugin-cascader-panel__main {
  flex: unset;
  min-width: 264px;
}
.ocean-vmok-plugin-search-icon-area {
  display: flex;
}
.ocean-vmok-plugin-oc-filter-select-input {
  position: relative;
}
.ocean-vmok-plugin-oc-promotion-more-filter-error {
  color: #e34949;
  position: absolute;
  font-size: 12px;
  word-wrap: break-word;
}
.ocean-vmok-plugin-oc-filter-select-input-input {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.ocean-vmok-plugin-oc-create-aweme-star-auto-complete {
  position: absolute;
  top: 40px;
  width: 544px;
  max-height: 321px;
  padding-top: 12px;
  overflow: auto;
  background-color: #ffffff;
  line-height: 18px;
  border-radius: 4px;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  z-index: 3;
}
.ocean-vmok-plugin-oc-create-aweme-star-auto-complete .ocean-vmok-plugin-label {
  color: #93969d;
  font-size: 12px;
  padding: 0 12px;
  font-weight: 400;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-create-action-interest-table-content {
  font-size: 14px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-action-interest-table-content .ocean-vmok-plugin-table-item {
  display: flex;
  padding: 0px 12px;
  height: 32px;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-action-interest-table-content .ocean-vmok-plugin-table-item:hover {
  background: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-action-interest-table-content .ocean-vmok-plugin-empty {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocean-vmok-plugin-oc-create-action-interest-breadcrumb {
  max-width: 230px;
  overflow: hidden;
}
.ocean-vmok-plugin-oc-create-action-interest-breadcrumb .tools-vmok-plugin-button {
  color: #93969d;
}
.ocean-vmok-plugin-oc-create-action-interest-breadcrumb .tools-vmok-plugin-button:hover {
  color: #0057ff;
}
.ocean-vmok-plugin-oc-create-action-interest-breadcrumb > * {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-action-interest-breadcrumb .ocean-vmok-plugin-breadcrumb-cell {
  height: 25px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 14px;
  color: #31343b;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-input {
  width: 544px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-icon {
  margin-left: 8px;
  margin-right: 4px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result {
  position: absolute;
  top: 40px;
  max-height: 321px;
  width: 544px;
  overflow: auto;
  padding-top: 4px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.08);
  z-index: 1;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-label {
  color: #93969d;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 12px;
  margin-top: 12px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-bottom: 8px;
  padding: 4px 16px 4px 12px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item .ocean-vmok-plugin-item-info {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #31343b;
  margin-left: 8px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item .ocean-vmok-plugin-num {
  color: #93969d;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item .ocean-vmok-plugin-buttons {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item .ocean-vmok-plugin-buttons .ocean-vmok-plugin-left-button {
  margin-right: 12px;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item .ocean-vmok-plugin-buttons .ocean-vmok-plugin-disabled-left-button {
  cursor: not-allowed;
  opacity: 0.5;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item .ocean-vmok-plugin-buttons > div {
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-action-interest-input-wrap .ocean-vmok-plugin-search-result .ocean-vmok-plugin-search-result-item-left {
  display: flex;
  align-items: center;
}
.ocean-vmok-plugin-navigator_en_space {
  display: flex !important;
  flex: 1 1 0 !important;
  justify-content: space-between !important;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-menu-dropdown-content-banner {
  border-radius: 4px;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item {
  min-width: 180px;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-title {
  display: flex;
  color: #93969d;
  margin-bottom: 4px;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-name {
  font-weight: bolder;
  color: #31343b;
  line-height: 22px;
  padding: 4px 8px;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern {
  margin-left: 16px;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern .ocean-vmok-plugin-navigator-sub-childern-item-flag {
  min-width: 164px;
  padding: 4px 8px;
  color: #31343b;
  display: flex;
  vertical-align: middle;
  align-items: self-start;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern .ocean-vmok-plugin-navigator-sub-childern-item-flag:hover {
  background: #f2f4f7;
  border-radius: 4px;
  cursor: pointer;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern-item-is-mark {
  color: #0057ff !important;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern-item-is-mark icon,
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern-item-is-mark span,
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern-item-is-mark oc-typography,
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern-item-is-mark iconpark-icon {
  color: #0057ff !important;
}
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern-item-new,
.ocean-vmok-plugin-navigator_submenu .ocean-vmok-plugin-navigator-sub-item .ocean-vmok-plugin-sub-childern-item-icon-flag {
  margin-left: 4px;
  align-self: center;
  display: flex;
}
.ocean-vmok-plugin-navigator-sub-childern-item-flag firefly-new-badge {
  margin-left: 4px !important;
  display: inline-flex;
  align-self: center !important;
}
.ocean-vmok-plugin-oc-filter-radio-list-drop {
  display: flex;
}
.ocean-vmok-plugin-oc-filter-radio-list-drop .ocean-vmok-plugin-oc-dropdown-wrapper {
  margin-left: 8px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-filter-radio-list-drop .tools-vmok-plugin-button--text {
  color: inherit;
}
.ocean-vmok-plugin-oc-filter-checkbox-list-drop {
  display: flex;
}
.ocean-vmok-plugin-oc-filter-checkbox-list-drop .ocean-vmok-plugin-oc-dropdown-wrapper {
  margin-left: 8px;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-filter-checkbox-list-drop .tools-vmok-plugin-button--text {
  color: inherit;
}
.ocean-vmok-plugin-checkbox-list-drop-item {
  padding: 6px 12px;
  cursor: pointer;
}
.ocean-vmok-plugin-checkbox-list-drop-item:hover {
  background-color: #f4f4f5;
}
.ocean-vmok-plugin-oc-create-aweme-star-row {
  padding: 0 12px;
  height: 56px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ocean-vmok-plugin-oc-create-aweme-star-row:hover {
  background-color: #f2f4f7;
}
.ocean-vmok-plugin-oc-create-aweme-star-row .ocean-vmok-plugin-avatar {
  height: 32px;
  width: 32px;
  margin-right: 8px;
  border-radius: 50%;
}
.ocean-vmok-plugin-oc-create-aweme-star-row .ocean-vmok-plugin-name {
  color: #31343b;
  font-size: 14px;
  font-weight: 600;
}
.ocean-vmok-plugin-oc-create-aweme-star-row .ocean-vmok-plugin-num {
  color: #93969d;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}