/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html,
#root,
.root,
div,
section {
  --pf-primary-color: var(--wj-A1_1, #06aea6);
  --pf-primary-color-hover: var(--wj-A1_2, #1ac3bb);
  --pf-primary-color-active: var(--wj-A1_3, #4a9591);
  --pf-primary-1: var(--wj-A1_4, #e3f8f5);
  --pf-primary-2: #333030;
  --pf-primary-3: var(--wj-A1_1, #06aea6);
  --pf-primary-4: var(--wj-A1_2, #1ac3bb);
  --pf-primary-5: #0d0c0c;
  --pf-primary-6: var(--wj-A1_1, #06aea6);
  --pf-primary-7: #000000;
  --pf-success-color: #52c41a;
  --pf-success-color-hover: #73d13d;
  --pf-success-color-active: #389e0d;
  --pf-success-color-outline: rgba(82, 196, 26, 0.2);
  --pf-success-color-deprecated-bg: #f6ffed;
  --pf-success-color-deprecated-border: #b7eb8f;
  --pf-error-color: #ff4d4f;
  --pf-error-color-hover: #ff7875;
  --pf-error-color-active: #d9363e;
  --pf-error-color-outline: rgba(255, 77, 79, 0.2);
  --pf-error-color-deprecated-bg: #fff2f0;
  --pf-error-color-deprecated-border: #ffccc7;
  --pf-warning-color: #faad14;
  --pf-warning-color-hover: #ffc53d;
  --pf-warning-color-active: #d48806;
  --pf-warning-color-outline: rgba(250, 173, 20, 0.2);
  --pf-warning-color-deprecated-bg: #fffbe6;
  --pf-warning-color-deprecated-border: #ffe58f;
  --pf-info-color: var(--wj-A1_1, #06aea6);
  --pf-info-color-deprecated-bg: #403d3c;
  --pf-info-color-deprecated-border: #262424;
}
.pf-image {
  position: relative;
  display: inline-block;
}
.pf-image-img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.pf-image-img-placeholder {
  background-color: #f5f5f5;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%;
}
.pf-image-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}
.pf-image-mask-info {
  padding: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pf-image-mask:hover {
  opacity: 1;
}
.pf-image-mask-operation-icon {
  font-size: 28px;
}
.pf-image-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pf-image-preview {
  pointer-events: none;
  height: 100%;
  text-align: center;
}
.pf-image-preview.pf-zoom-enter,
.pf-image-preview.pfzoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pf-image-preview-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.pf-image-preview-mask-hidden {
  display: none;
}
.pf-image-preview-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.pf-image-preview-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 0 0 0 40px;
  background-color: rgba(51, 51, 51, 0.6);
  cursor: pointer;
  pointer-events: auto;
}
.pf-image-preview-close-icon {
  position: absolute;
  color: #fff !important;
  top: 8px;
  right: 8px;
}
.pf-image-preview-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.pf-image-preview-img {
  max-width: 90%;
  max-height: 90%;
  vertical-align: middle;
  transform: scale3d(1, 1, 1);
  cursor: grab;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: auto;
}
.pf-image-preview-img-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.pf-image-preview-img-wrapper::before {
  display: inline-block;
  width: 1px;
  height: 50%;
  margin-right: -1px;
  content: '';
}
.pf-image-preview-moving .pf-image-preview-img {
  cursor: grabbing;
}
.pf-image-preview-moving .pf-image-preview-img-wrapper {
  transition-duration: 0s;
}
.pf-image-preview-wrap {
  z-index: 1080;
}
.pf-image-preview-operations {
  z-index: 1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 3px;
  height: 46px;
  bottom: 0;
  padding: 0 26px 0 21px;
  background: rgba(51, 51, 51, 0.8);
  color: #fff;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  pointer-events: auto;
}
.pf-image-preview-operations-icon {
  height: 1em;
  width: 1em;
  line-height: 1em;
  text-align: center;
  display: inline-block;
  position: relative;
  fill: currentColor;
  transform: translateZ(0);
  cursor: pointer;
  font-size: 20px;
}
.pf-image-preview-operations-icon:hover {
  color: #4fb1ff;
}
.pf-image-preview-operations-group-count {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pf-image-preview-operations-select {
  width: 80px;
}
.pf-image-preview-operations-select.pf-select-single:not(.pf-select-customize-input) .pf-select-selector {
  height: 30px;
  background-color: rgba(51, 51, 51, 0.8);
  border-color: rgba(51, 51, 51, 0.8);
  color: #fff;
}
.pf-image-preview-operations-select.pf-select-single:not(.pf-select-customize-input) .pf-select-selector .pf-select-selection-search-input {
  height: 28px;
}
.pf-image-preview-operations-select .pf-select-dropdown {
  background-color: rgba(51, 51, 51, 0.9);
}
.pf-image-preview-operations-select .pf-select-arrow {
  color: #fff;
}
.pf-image-preview-operations-select .pf-select-item {
  color: #fff;
}
.pf-image-preview-operations-select .pf-select-item-option-active {
  background-color: rgba(0, 0, 0, 0);
}
.pf-image-preview-operations-select .pf-select-item-option-selected {
  color: #198EEB;
  background-color: rgba(0, 0, 0, 0);
}
.pf-image-preview-operations-mr {
  margin-right: 10px;
}
.pf-image-preview-operations-margin {
  margin: 0 20px;
}
.pf-image-preview-operations-selection {
  z-index: auto;
  outline: none;
  width: 100%;
  position: relative;
}
.pf-image-preview-operations-divide {
  width: 1px;
  height: 30px;
  background: #666666;
  margin: 0 20px;
}
.pf-image-preview-operations-button,
.pf-image-preview-operations-button:hover,
.pf-image-preview-operations-button:focus {
  margin-left: 20px;
  width: 40px;
  height: 20px;
  font-size: 12px;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  color: #fff;
}
.pf-image-preview-operations-button[disabled],
.pf-image-preview-operations-button:hover[disabled],
.pf-image-preview-operations-button:focus[disabled],
.pf-image-preview-operations-button[disabled]:hover,
.pf-image-preview-operations-button:hover[disabled]:hover,
.pf-image-preview-operations-button:focus[disabled]:hover,
.pf-image-preview-operations-button[disabled]:focus,
.pf-image-preview-operations-button:hover[disabled]:focus,
.pf-image-preview-operations-button:focus[disabled]:focus,
.pf-image-preview-operations-button[disabled]:active,
.pf-image-preview-operations-button:hover[disabled]:active,
.pf-image-preview-operations-button:focus[disabled]:active {
  color: #999;
  border-color: #666;
  background: rgba(0, 0, 0, 0);
}
