.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
.tippy-box {
  background-color: #3860be;
}
.tippy-arrow {
  color: #3860be;
}
.tippy-content {
  padding: 10px 15px;
  font-size: 18px;
}
.tippy-content .ui-btn-search, .tippy-content .ui-btn-check-ocr {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 50px;
  height: 50px;
  margin: -5px -10px;
  background: transparent url("/images/icons/icon-search-white.png") center center/15px auto no-repeat;
  border: 0;
  color: #FFF;
}
.tippy-content img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

/* UI Search */
.ui-show-search {
  position: relative;
  z-index: 1100;
  font-weight: 700;
  background-color: bisque;
  cursor: pointer;
  pointer-events: all;
  margin-left: 1px;
}

/* Image error */
img.error:not(.loaded) {
  position: relative;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
img.error:not(.loaded):after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background-color: rgba(255, 0, 0, 0.4);
  box-shadow: inset 0 0 0 4px #F00;
  min-width: 10px;
  min-height: 10px;
}

/* Diff style */
ins {
  color: #333;
  background-color: #eaffea;
  text-decoration: none;
}

del {
  color: #A33;
  background-color: #ffeaea;
  text-decoration: line-through;
}

.diffmod {
  position: relative;
}
.diffmod::before, .diffmod::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.diffmod:before {
  z-index: 1;
  text-indent: -9999px;
  background-color: rgba(255, 165, 0, 0.5);
  box-shadow: inset 0 0 0 4px #FFA500;
}
.diffmod:after {
  max-width: 50px;
  max-height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background: url("/images/icons/icon-unknown.png") center center/contain no-repeat;
}

.diff-text::after, .diff-text::before {
  content: none;
}

ins.diffimg, ins.diffa,
del.diffimg,
del.diffa {
  position: relative;
  display: block;
}
ins.diffimg::after, ins.diffimg::before, ins.diffa::after, ins.diffa::before,
del.diffimg::after,
del.diffimg::before,
del.diffa::after,
del.diffa::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
ins.diffimg::before, ins.diffa::before,
del.diffimg::before,
del.diffa::before {
  z-index: 1;
  text-indent: -9999px;
}
ins.diffimg::after, ins.diffa::after,
del.diffimg::after,
del.diffa::after {
  max-width: 50px;
  max-height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

ins.diffimg, ins.diffa {
  display: none;
}
ins.diffimg:before, ins.diffa:before {
  background-color: rgba(0, 128, 0, 0.4);
  box-shadow: inset 0 0 0 4px #086;
}
ins.diffimg:after, ins.diffa:after {
  background-image: url("/images/icons/icon-plus.png");
}

del.diffimg::before, del.diffa::before {
  background-color: rgba(255, 0, 0, 0.4);
  box-shadow: inset 0 0 0 4px #F00;
}
del.diffimg::after, del.diffa::after {
  background-image: url("/images/icons/icon-delete.png");
}

.diffimg-size {
  position: relative;
}
.diffimg-size::before, .diffimg-size::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.diffimg-size::before {
  text-indent: -9999px;
  background-color: rgba(16, 190, 255, 0.4);
  box-shadow: inset 0 0 0 4px #10BEFF;
}
.diffimg-size::after {
  max-width: 50px;
  max-height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/images/icons/icon-quares.png") center center/contain no-repeat;
}
.diffimg-size.z-index::before {
  z-index: 1;
}
.diffimg-size.z-index::after {
  z-index: 2;
}
.diffimg-size [data-status=diff] {
  display: block;
}
.diffimg-size [data-status=diff]:not(.has-z-index) {
  z-index: 0;
}

.diff-list .new ins:before, .diff-list .new ins:after,
.diff-list .new del:before,
.diff-list .new del:after,
.diff-list .removed ins:before,
.diff-list .removed ins:after,
.diff-list .removed del:before,
.diff-list .removed del:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.diff-list .new ins::after,
.diff-list .new del::after,
.diff-list .removed ins::after,
.diff-list .removed del::after {
  max-width: 50px;
  max-height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.diff-list .new ins::before,
.diff-list .new del::before,
.diff-list .removed ins::before,
.diff-list .removed del::before {
  z-index: 1;
  text-indent: -9999px;
}
.diff-list .new ins::before {
  background-color: rgba(0, 128, 0, 0.4);
  box-shadow: inset 0 0 0 4px #008000;
}
.diff-list .new ins::after {
  background-image: url("/images/icons/icon-plus.png");
}
.diff-list .removed del::before {
  background-color: rgba(255, 0, 0, 0.4);
  box-shadow: inset 0 0 0 4px #F00;
}
.diff-list .removed del::after {
  background-image: url("/images/icons/icon-delete.png");
}

.diffmod-group del,
.diffmod-group ins {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}
.diffmod-group ins {
  display: none;
}
.diffmod-group.active ins {
  display: inline-block;
}

.ocr-result-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 9999;
}
.ocr-result-item {
  position: absolute;
  z-index: 10000;
  border: 4px solid #F00;
  transition: all 0.2s;
}
.ocr-result-item.active, .ocr-result-item:hover, .ocr-result-item[aria-expanded=true] {
  background-color: rgba(255, 0, 0, 0.2);
}
.ocr-result-line {
  transform-origin: 0 100%;
  z-index: 10;
  cursor: pointer;
  position: absolute;
  box-shadow: 0 0 0 4px #0f1ae7;
  will-change: transform;
  backface-visibility: hidden;
  transition: all 0.2s;
}
.ocr-result-line:hover {
  background: rgba(15, 26, 231, 0.5);
}

.ins-block,
.del-block {
  position: relative;
}
.ins-block.inline-block,
.del-block.inline-block {
  display: inline-block;
}
.ins-block.non-before::after, .ins-block.non-before::before, .ins-block.non-after::after, .ins-block.non-after::before,
.del-block.non-before::after,
.del-block.non-before::before,
.del-block.non-after::after,
.del-block.non-after::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.ins-block.non-before::before, .ins-block.non-after::before,
.del-block.non-before::before,
.del-block.non-after::before {
  z-index: 9999;
  text-indent: -9999px;
}
.ins-block.non-before::after, .ins-block.non-after::after,
.del-block.non-before::after,
.del-block.non-after::after {
  max-width: 50px;
  max-height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
}
.ins-block .ins-block::after, .ins-block .ins-block::before,
.ins-block .del-block::after,
.ins-block .del-block::before,
.del-block .ins-block::after,
.del-block .ins-block::before,
.del-block .del-block::after,
.del-block .del-block::before {
  content: none !important;
}
.ins-block ins,
.ins-block del,
.del-block ins,
.del-block del {
  color: inherit;
  background-color: transparent;
  text-decoration: none;
}

.ins-block.non-before:before, .ins-block.non-after:before {
  background-color: rgba(0, 128, 0, 0.4);
  box-shadow: inset 0 0 0 4px #086;
}
.ins-block.non-before:after, .ins-block.non-after:after {
  background-image: url("/images/icons/icon-plus.png");
}

.del-block.non-before::before, .del-block.non-after::before {
  background-color: rgba(255, 0, 0, 0.4);
  box-shadow: inset 0 0 0 4px #F00;
}
.del-block.non-before::after, .del-block.non-after::after {
  background-image: url("/images/icons/icon-delete.png");
}