::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.watermark-bg {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 310%;
    letter-spacing: 18px;
    color: rgba(162, 162, 162, 0.4);
    overflow: hidden;
}

.watermark-bg-wrapper {
    pointer-events: none;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    border: 1px solid transparent;
    height: 140px;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background: #ccc;
    border-radius: 5px;
    border: 1px solid transparent;
    height: 140px;
    background-clip: content-box;
}

.textLayerDisable {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.textLayer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.2;
    line-height: 1;
}

.textLayer > span {
    color: transparent;
    position: absolute;
    white-space: pre;
    cursor: text;
    transform-origin: 0% 0%;
}

.textLayer .highlight {
    margin: -1px;
    padding: 1px;
    background-color: rgb(180, 0, 170);
    border-radius: 4px;
}

.textLayer .highlight.begin {
    border-radius: 4px 0 0 4px;
}

.textLayer .highlight.end {
    border-radius: 0 4px 4px 0;
}

.textLayer .highlight.middle {
    border-radius: 0;
}

.textLayer .highlight.selected {
    background-color: yellow;
}

.textLayer ::-moz-selection {
    background: #0c89f0;
}

.textLayer ::selection {
    background: #0c89f0;
}

.textLayer .endOfContent {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    bottom: 0;
    z-index: -1;
    cursor: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.textLayer .endOfContent.active {
    top: 0;
}

.annotationLayer section {
    position: absolute;
}

.annotationLayer .linkAnnotation > a,
.annotationLayer .buttonWidgetAnnotation.pushButton > a {
    position: absolute;
    font-size: 1em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
    opacity: 0.2;
    background: #ff0;
    box-shadow: 0 2px 10px #ff0;
}

.annotationLayer .textAnnotation img {
    position: absolute;
    cursor: pointer;
}

.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
    background-color: rgba(0, 54, 255, 0.13);
    border: 1px solid transparent;
    box-sizing: border-box;
    font-size: 9px;
    height: 100%;
    margin: 0;
    padding: 0 3px;
    vertical-align: top;
    width: 100%;
}

.annotationLayer .choiceWidgetAnnotation select option {
    padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
    border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
    font: message-box;
    font-size: 9px;
    resize: none;
}

.annotationLayer .textWidgetAnnotation input[disabled],
.annotationLayer .textWidgetAnnotation textarea[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
    background: none;
    border: 1px solid transparent;
    cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
    border: 1px solid #000;
}

.annotationLayer .textWidgetAnnotation input:focus,
.annotationLayer .textWidgetAnnotation textarea:focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
    background: none;
    border: 1px solid transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
    background-color: #000;
    content: "";
    display: block;
    position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
    height: 80%;
    left: 45%;
    width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {
    transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
    transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
    border-radius: 50%;
    height: 50%;
    left: 30%;
    top: 20%;
    width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
    font-family: monospace;
    padding-left: 2px;
    padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
    /*
     * Letter spacing is placed on the right side of each character. Hence, the
     * letter spacing of the last character may be placed outside the visible
     * area, causing horizontal scrolling. We avoid this by extending the width
     * when the element has focus and revert this when it loses focus.
     */
    width: 115%;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
}

.annotationLayer .popupWrapper {
    position: absolute;
    width: 20em;
}

.annotationLayer .popup {
    position: absolute;
    z-index: 200;
    max-width: 20em;
    background-color: #ff9;
    box-shadow: 0 2px 5px #888;
    border-radius: 2px;
    padding: 6px;
    margin-left: 5px;
    cursor: pointer;
    font: message-box;
    font-size: 9px;
    word-wrap: break-word;
}

.annotationLayer .popup > * {
    font-size: 9px;
}

.annotationLayer .popup h1 {
    display: inline-block;
}

.annotationLayer .popup span {
    display: inline-block;
    margin-left: 5px;
}

.annotationLayer .popup p {
    border-top: 1px solid #333;
    margin-top: 2px;
    padding-top: 2px;
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .freeTextAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .caretAnnotation,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
    cursor: pointer;
}

/* 移动端上是 65，pc 上应该用 24，但是这里的 65 应该在有 titlebar 的时候才去修改 */
#pdf-root.mobile-web .pdfViewer {
    padding-top: 24px;
    text-align: center;
}

#pdf-root.pc-web .pdfViewer {
    padding-top: 24px;
}

.pdfViewer .canvasWrapper {
    overflow: hidden;
}

.pdfViewer .page {
    direction: ltr;
    width: 816px;
    height: 1056px;
    margin: 0 auto 20px;
    position: relative;
    overflow: visible;

    /* border: 9px solid transparent; */
    background-clip: content-box;
    border: solid 1px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);

    /* -webkit-border-image: url(../../resources/img/shadow.png) 9 9 repeat;
         -o-border-image: url(../../resources/img/shadow.png) 9 9 repeat;
            border-image: url(../../resources/img/shadow.png) 9 9 repeat; */
    background-color: white;
}

.pdfViewer.removePageBorders .page {
    margin: 0 auto 10px;
    border: none;
}

.pdfViewer.singlePageView {
    display: inline-block;
}

.pdfViewer.singlePageView .page {
    margin: 0;
    border: none;
}

.pdfViewer.scrollHorizontal .pdfViewer.scrollWrapped .spread {
    margin-left: 3.5px;
    margin-right: 3.5px;
    text-align: center;
}

.pdfViewer.scrollHorizontal .spread {
    white-space: nowrap;
}

.pdfViewer.removePageBorders,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
    margin-left: 0;
    margin-right: 0;
}

.spread .page,
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
    display: inline-block;
    vertical-align: middle;
}

.spread .page,
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page {
    margin-left: -3.5px;
    margin-right: -3.5px;
}

.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders.scrollHorizontal .page,
.pdfViewer.removePageBorders.scrollWrapped .page {
    margin-left: 5px;
    margin-right: 5px;
}

.pdfViewer .page canvas {
    margin: 0;
    display: block;
}

.pdfViewer .page canvas[hidden] {
    display: none;
}

.pdfViewer .page .loadingIcon {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(//docs.gtimg.com/pdf/assets/loading-icon.ff2dfa442d903d9d5e30.gif) center no-repeat;
}

:root {
    --sidebar-width: 200px;
    --content-left: 206px;
}

* {
    padding: 0;
    margin: 0;
}

html {
    height: 100%;
    width: 100%;

    /* Font size is needed to make the activity bar the correct size. */
    font-size: 10px;
}

body {
    height: 100%;
    width: 100%;
    background-color: #f8f8f8;
    overflow: hidden;
}

body,
input,
button,
select {
    font: message-box;
    outline: none;
}

.hidden {
    display: none !important;
}

[hidden] {
    display: none !important;
}

#outerContainer {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

#sidebarContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 200px;
    /* Here, and elsewhere below, keep the constant value for compatibility
                     with older browsers that lack support for CSS variables. */
    width: var(--sidebar-width);
    visibility: hidden;
    z-index: 100;

    /* border-top: 1px solid #333; */
    transition-duration: 200ms;
    transition-timing-function: ease;
}

html[dir="ltr"] #sidebarContainer {
    transition-property: left;
    left: 0px;
}

html[dir="rtl"] #sidebarContainer {
    transition-property: right;
    right: -200px;
    right: calc(-1 * var(--sidebar-width));
}

.loadingInProgress #sidebarContainer {
    top: 36px;
}

#mainContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 320px;
}

#sidebarContent {
    top: 0px;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    width: 100%;
    background-color: #f8f8f8;
}

html[dir="ltr"] #sidebarContent {
    left: 0;
    box-shadow: inset -1px 0 0 hsla(0, 0%, 0%, 0.25);
}

html[dir="rtl"] #sidebarContent {
    right: 0;
    box-shadow: inset 1px 0 0 hsla(0, 0%, 0%, 0.25);
}


#viewerContainer {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: none;
}

html[dir="ltr"] #viewerContainer {
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, 0.05);
}

html[dir="rtl"] #viewerContainer {
    box-shadow: inset -1px 0 0 hsla(0, 0%, 100%, 0.05);
}

.toolbar {
    left: 0;
    right: 0;
    z-index: 9999;
    cursor: default;
    background-color: #f0f0f0;
    position: fixed;
    height: 24px;
    border-top: solid #e4e4e4 1px;
}

#toolbarContainer {
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
}

#toolbarSidebar {
    width: 100%;
    height: 107px;
    background-color: #f8f8f8;
    /* fallback */
}

.menu-activated {
    background-color: rgba(0, 0, 0, 0.08);
}

#sidebarResizer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 6px;
    z-index: 200;
    cursor: ew-resize;
    display: none;
}

html[dir="ltr"] #sidebarResizer {
    right: -6px;
}

html[dir="rtl"] #sidebarResizer {
    left: -6px;
}

#toolbarViewer {
    height: 100%;
    padding: 0 22px;
    background-color: #f0f0f0;
}

@keyframes progressIndeterminate {
    0% {
        left: -142px;
    }

    100% {
        left: 0;
    }
}

.img-disabled {
    opacity: 0.3;
}

.pad-ui-dialog-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 21px;
    height: 21px;
    background: 0 0;
    border: 0;
    cursor: pointer;
    outline: 0;
}

.pad-ui-dialog-close:hover {
    background: rgba(51, 51, 51, 0.1);
}

.pad-ui-dialog-close::after,
.pad-ui-dialog-close::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    background: #666;
    top: 3px;
    left: 10px;
}

.pad-ui-dialog-close::before {
    transform: rotate(45deg);
}

.pad-ui-dialog-close::after {
    transform: rotate(-45deg);
}

.doorHanger .doorHangerRight {
    border: 1px solid hsla(0, 0%, 0%, 0.5);
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.doorHanger::after .doorHanger::before .doorHangerRight::after .doorHangerRight::before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.doorHanger::after .doorHangerRight::after {
    border-bottom-color: hsla(0, 0%, 32%, 0.99);
    border-width: 8px;
}

.doorHanger::before .doorHangerRight::before {
    border-bottom-color: hsla(0, 0%, 0%, 0.5);
    border-width: 9px;
}

html[dir="ltr"] .doorHanger::after html[dir="rtl"] .doorHangerRight::after {
    left: 13px;
    margin-left: -8px;
}

html[dir="ltr"] .doorHanger::before html[dir="rtl"] .doorHangerRight::before {
    left: 13px;
    margin-left: -9px;
}

html[dir="rtl"] .doorHanger::after html[dir="ltr"] .doorHangerRight::after {
    right: 13px;
    margin-right: -8px;
}

html[dir="rtl"] .doorHanger::before html[dir="ltr"] .doorHangerRight::before {
    right: 13px;
    margin-right: -9px;
}

#toolbarViewerMiddle {
    position: fixed;
    right: 25px;
}

#toolbarViewerRight {
    display: none;
}

.tab-list-item .tab-list-item-con {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.tab-list-item span:focus {
    outline: none;
}

#viewFind {
    display: none;
}

#toolbarGoPages {
    display: none;
}

#toolbarViewerLeft {
    float: left;
}

.overlayButton {
    border: 0 none;
    background: none;
    width: 24px;
    height: 24px;
}

.dropdownToolbarButton:hover,
.overlayButton:hover,
.overlayButton:hover,
.overlayButton:hover,
.overlayButton:focus,
html[dir="ltr"] .toolbarButton,
html[dir="ltr"] .overlayButton,
html[dir="ltr"] .dropdownToolbarButton {
    margin: 3px 2px 4px 0;
}

html[dir="rtl"] .toolbarButton,
html[dir="rtl"] .overlayButton,
html[dir="rtl"] .dropdownToolbarButton {
    margin: 3px 0 4px 2px;
}

.toolbarButton:hover:active,
.overlayButton:hover:active,
.dropdownToolbarButton:hover:active {
    background-color: hsla(0, 0%, 0%, 0.2);
    background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    border-color: hsla(0, 0%, 0%, 0.35) hsla(0, 0%, 0%, 0.4) hsla(0, 0%, 0%, 0.45);
    box-shadow:
        0 1px 1px hsla(0, 0%, 0%, 0.1) inset,
        0 0 1px hsla(0, 0%, 0%, 0.2) inset,
        0 1px 0 hsla(0, 0%, 100%, 0.05);
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 10ms;
    transition-timing-function: linear;
}

.toolbarButton.toggled,
.toolbarButton.toggled:hover:active,
.splitToolbarButton.toggled > .toolbarButton.toggled:hover:active {
    background-color: hsla(0, 0%, 0%, 0.4);
    border-color: hsla(0, 0%, 0%, 0.4) hsla(0, 0%, 0%, 0.5) hsla(0, 0%, 0%, 0.55);
    box-shadow:
        0 1px 1px hsla(0, 0%, 0%, 0.2) inset,
        0 0 1px hsla(0, 0%, 0%, 0.3) inset,
        0 1px 0 hsla(0, 0%, 100%, 0.05);
}

#scaleSelectContainer {
    float: left;
}

#pageAutoOption #pageActualOption #pageFitOption #pageWidthOption #pageScale300 #pageScale400 {
    display: none;
}

.pageScale {
    white-space: nowrap;
    height: 32px;
    margin: 0;
    padding: 0 12px 0 4px;
}

.dropdownToolbarButton {
    width: 120px;
    max-width: 120px;
    padding: 0;
    overflow: hidden;
}

html[dir="ltr"] .dropdownToolbarButton {
    background-position: 95%;
}

html[dir="rtl"] .dropdownToolbarButton {
    background-position: 5%;
}

.dropdownToolbarButton > select {
    min-width: 140px;
    font-size: 12px;
    margin: 0;
    padding: 3px 2px 2px;
    border: none;
    background: rgba(0, 0, 0, 0);
    /* Opera does not support 'transparent' <select> background */
}

#customScaleOption {
    display: none;
}

#pageWidthOption {
    border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
}

.bookmark[href="#"] {
    opacity: 0.5;
    pointer-events: none;
}

.toolbarLabel {
    min-width: 16px;
    padding: 3px 6px 3px 2px;
    margin: 4px 2px 4px 0;
    border: 1px solid transparent;
    border-radius: 2px;
    line-height: 14px;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
    opacity: 0.64;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #000;
}

.thumbnail {
    width: 100%;
}

html[dir="ltr"] .thumbnail {
    float: right;
}

html[dir="rtl"] .thumbnail {
    float: right;
}

.thumbnailImage {
    z-index: 99;
    background-color: white;
    background-clip: content-box;
    cursor: pointer;
}

.thumbnailImage ::-moz-selection {
    box-shadow: red;
}

.thumbnailImage ::selection {
    box-shadow: red;
}

.thumbnailSelectionRing {
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);
}

.pageTitle {
    line-height: 1;
    padding-top: 6px;
    text-align: center;
    font-family: "-apple-system", "PingFangSC";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.24);
}

a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
.thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage {
    opacity: 0.9;
}

.thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
    box-shadow: 0 0 0 2px #1E6FFF;
    opacity: 1;
}

.thumbnail.selected > .thumbnailImage {
    border: 1px solid transparent;
    box-shadow: 0 0 0 1px rgba(247, 6, 6, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
}

.thumbnail.selected > .thumbnailSelectionRing {
    background-color: hsla(0, 0%, 100%, 0.3);
    background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    background-clip: padding-box;
    color: hsla(0, 0%, 100%, 1);
}

.noResults {
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.8);
    font-style: italic;
    cursor: default;
}

::-moz-selection {
    background: rgba(0, 0, 255, 0.3);
}

::-moz-selection {
    background: #b2dbfd;
}

::selection {
    background: #b2dbfd;
}

.overlayButton {
    width: auto;
    margin: 3px 4px 2px !important;
    padding: 2px 6px 3px;
}

#overlayContainer {
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 0%, 0.2);
    z-index: 40000;
}

#overlayContainer > * {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#overlayContainer > .container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#overlayContainer > .container > .dialog {
    display: inline-block;
    padding: 15px;
    border-spacing: 4px;
    color: #8c8c8c;
    font-size: 12px;
    line-height: 14px;
    background-color: #f8f8f8;
    /* fallback */
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}

.dialog > .row {
    display: table-row;
}

.dialog > .row > * {
    display: table-cell;
}

.dialog .toolbarField {
    margin: 5px 0;
}

.dialog .separator {
    display: block;
    margin: 4px 0;
    height: 1px;
    width: 100%;
    background-color: hsla(0, 0%, 0%, 0.5);
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.08);
}

.dialog .buttonRow {
    text-align: center;
    vertical-align: middle;
}

.dialog :link {
    color: white;
}

.clearBoth {
    clear: both;
}

.fileInput {
    background: white;
    color: black;
    margin-top: 5px;
    visibility: hidden;
    position: fixed;
    right: 0;
    top: 0;
}

#PDFBug {
    background: none repeat scroll 0 0 white;
    border: 1px solid #666;
    position: fixed;
    top: 32px;
    right: 0;
    bottom: 0;
    font-size: 10px;
    padding: 0;
    width: 300px;
}

#PDFBug .controls {
    background: #eee;
    border-bottom: 1px solid #666;
    padding: 3px;
}

#PDFBug .panels {
    bottom: 0;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    right: 0;
    top: 27px;
}

#PDFBug button.active {
    font-weight: bold;
}

.debuggerShowText {
    background: none repeat scroll 0 0 yellow;
    color: blue;
}

.debuggerHideText:hover {
    background: none repeat scroll 0 0 yellow;
}

#PDFBug .stats {
    font-family: courier;
    font-size: 10px;
    white-space: pre;
}

#PDFBug .stats .title {
    font-weight: bold;
}

#PDFBug table {
    font-size: 10px;
}

#view {
    padding-top: 33px;
}

#viewer.textLayer-visible .textLayer {
    opacity: 1;
}

#viewer.textLayer-visible .canvasWrapper {
    background-color: rgb(128, 255, 128);
}

#viewer.textLayer-visible .canvasWrapper canvas {
    mix-blend-mode: screen;
}

#viewer.textLayer-visible .textLayer > span {
    background-color: rgba(255, 255, 0, 0.1);
    color: black;
    border: solid 1px rgba(255, 0, 0, 0.5);
    box-sizing: border-box;
}

#viewer.textLayer-hover .textLayer > span:hover {
    background-color: white;
    color: black;
}

#viewer.textLayer-shadow .textLayer > span {
    background-color: rgba(255, 255, 255, 0.6);
    color: black;
}

.grab-to-pan-grab {
    /* cursor: url("../../img/grab.cur"), move !important; */
    cursor: grab !important;
}

.grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) {
    cursor: inherit !important;
}

.grab-to-pan-grab:active,
.grab-to-pan-grabbing {
    /* cursor: url("../../img/grabbing.cur"), move !important; */
    cursor: grabbing !important;
    position: fixed;
    background: transparent;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 50000;
    /* should be higher than anything else in PDF.js! */
}

.annotation-check {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggZD0ibTEuNSAyMy41MzYgNS4zOTMtNC41NDIgNy42OTMgNy4wNDRMMzQuMDIgNC41NGw0LjQ4IDQuNjgzLTIzLjkxNCAyNi4yMzV6IiBzdHlsZT0iZmlsbDojZmYwO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMDAwO3N0cm9rZS13aWR0aDoxLjI1NDAyODU2O3N0cm9rZS1vcGFjaXR5OjEiLz48L3N2Zz4=);
}

.annotation-comment {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDAiIHdpZHRoPSI0MCI+PHBhdGggc3R5bGU9ImZpbGw6I2ZmMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MTtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1vcGFjaXR5OjE7c3Ryb2tlLWRhc2hhcnJheTpub25lIiBkPSJNMy4xMiAzLjEyaDMzLjc2djMzLjc2SDMuMTJ6Ii8+PHBhdGggZD0iTTIwLjY3OCA4LjU0NWMtNy4zNDMgMC0xMy4yOTUgNC45NTQtMTMuMjk1IDExLjA2NiAwIDIuMDg5LjM2NCAzLjQ4NCAxLjU3NSA1LjE1bC0yLjkzMSA2LjY5NCA3LjUzNC0yLjQ0NGMyLjIyIDEuMzg4IDQuMTI2IDEuNjY1IDcuMTE3IDEuNjY1IDcuMzQzIDAgMTMuMjk1LTQuOTU0IDEzLjI5NS0xMS4wNjUgMC02LjExMi01Ljk1Mi0xMS4wNjYtMTMuMjk1LTExLjA2NnoiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiMwMDA7c3Ryb2tlLXdpZHRoOi45MzAzMTgzNjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1vcGFjaXR5OjE7c3Ryb2tlLWRhc2hhcnJheTpub25lIi8+PC9zdmc+);
}

.annotation-help {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggc3R5bGU9ImZpbGw6I2ZmMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MS4zMDgyNjc3MTtzdHJva2Utb3BhY2l0eToxIiBkPSJNMS43NyA2Mi41OTdoMzYuNDYxdjM0LjgwNkgxLjc3eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNjApIi8+PHBhdGggZD0iTTIwIDY0LjUyNmMtOC41NDYgMC0xNS40NzQgNi45MjgtMTUuNDc0IDE1LjQ3NFMxMS40NTQgOTUuNDc0IDIwIDk1LjQ3NCAzNS40NzQgODguNTQ2IDM1LjQ3NCA4MCAyOC41NDYgNjQuNTI2IDIwIDY0LjUyNnptLS40MDkgOS40ODljMy41MjcgMCA2LjM5NCAyLjg0IDYuMzk0IDYuMzM1cy0yLjg2NyA2LjMzNi02LjM5NCA2LjMzNi02LjM5NC0yLjg0LTYuMzk0LTYuMzM2YzAtMy40OTQgMi44NjctNi4zMzUgNi4zOTQtNi4zMzV6IiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTojMDAwO3N0cm9rZS13aWR0aDoxLjAyNzY4NDQ1O3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLW9wYWNpdHk6MTtzdHJva2UtZGFzaGFycmF5Om5vbmUiIHRyYW5zZm9ybT0ibWF0cml4KC44ODc2NCAwIDAgLjg4NzY0IDIuMjQ3IC01MS4wMSkiLz48cGF0aCBkPSJtNy4yMzQgNzEuODIgNC45NyA0LjE2MmMtMS42OCAyLjU4MS0xLjQ0NCA2LjA3LjE2IDguNjc3bC01LjEyNyAzLjQyNWMuNjc1IDEuMjMxIDMuMDE2IDMuNTQ4IDQuMjMzIDQuMTk1bDMuOTA4LTQuNTY4YzIuNTQyIDEuNDYgNS43MyAxLjM5MyA4LjQzOC0uMTI2bDMuNDcgNi4xMDljMS4xMy0uNDQ0IDQuNzQyLTMuNDUgNS40MTYtNS4wMDRsLTUuNDYyLTQuNDE2YzEuNDQzLTIuNDI0IDEuNjUxLTUuMjY3LjU1OC03Ljc0OGw1LjkwMy0zLjgzNGMtLjU1OC0uOTg3LTMuMDg1LTMuNjczLTQuNjcxLTQuNjk5bC00LjEyIDQuOTgyYy0yLjQ5OC0xLjc3LTYuMDEtMi4wMzctOC44NjktLjY0NmwtMy41OTUtNS4zMjJjLTEuMzQ2LjU4LTQuMTMgMi45MjEtNS4yMTIgNC44MTN6bTguMSAzLjQyN2MyLjc1My0yLjQ0NyA2Ljc3LTIuMTQ1IDkuMDUuNDIgMi4yOCAyLjU2NiAyLjExMyA2LjU5Ny0uNjQgOS4wNDQtMi43NTIgMi40NDYtNi43NzUgMi4xMzctOS4wNTUtLjQyOS0yLjI4LTIuNTY1LTIuMTA3LTYuNTkuNjQ2LTkuMDM1eiIgc3R5bGU9ImZpbGw6IzAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgdHJhbnNmb3JtPSJtYXRyaXgoLjg4NzY0IDAgMCAuODg3NjQgMi4yNDcgLTUxLjAxKSIvPjwvc3ZnPg==);
}

.annotation-insert {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PHBhdGggZD0ibTMyLjAwMyAxLjQwNCAyNS40MyA2MS4yMjktNTAuODY2LS4wMDV6IiBzdHlsZT0iZmlsbDojZmYwO2ZpbGwtb3BhY2l0eTouOTQxMTc2NDc7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOiMwMDA7c3Ryb2tlLXdpZHRoOjEuMDA0OTMwMzg7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2Utb3BhY2l0eToxO3N0cm9rZS1kYXNoYXJyYXk6bm9uZSIvPjwvc3ZnPg==);
}

.annotation-key {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PHBhdGggZD0iTTI1LjQ3IDkuNDkzYy0uMTY4IDIuNjQ5IDQuNjcgNC45NTMgOS4yMzUgNC4wMzYgNS45MjEtLjk4NyA2LjY5NC02LjE0MyAxLjI3LTcuNzUxLTQuNTc0LTEuNjIzLTEwLjgxNy43NjctMTAuNTA0IDMuNzE1em0tMjAuOTQ1IDguMTZjLS40NTctNS44MiA0Ljc1LTExLjcyNiAxMy45MTItMTQuNTU1QzI5Ljc1Mi0uODcyIDQ1LjQ5NiAxLjQgNTMuNjA0IDcuMTFjOS4yNzYgNi4xOSA3LjE1OCAxNi4yMDgtMy4xNzEgMjEuNTk0LTEuNzg0IDEuNjM2LTYuMzggMS4yMTUtNy4wNjggMy4xODctMS4wNC45NzItMS4yODkgMi4wNS0xLjIzMyAzLjE2OCAxLjAxNSAyLTMuODMyIDEuNjMzLTMuMjcgMy43Ni41ODkgNS4yNjQtLjE4IDEwLjUzNy0uMzY0IDE1LjgwNi0uNDkyIDIuMTg1IDEuMTY0IDQuNTc0LS43MzUgNi42MS0yLjQ4MyAyLjMyNS03LjMwNiAyLjE5LTkuMTkzLS4yNzUtMi43MzQtMS43NC04LjI1NS0zLjYxNS02LjEwNC02LjM0IDMuNDY4LTEuNzA4LTIuMTE3LTMuNDUuNDMtNS4wOCA1LjA2LTEuMzkyLTIuMzkyLTIuMzA0LS4xNDYtNC4zMzQgMy4wNy0uOTc4IDIuMDU3LTIuNTE4LS4yMi0zLjU0IDEuODc3LTEuODA4IDEuNDg1LTQuODctMi41NjUtNS45NDMuMTUxLTEuODA1IDIuOTA2LTQuMTM3LTEuNjgtNS4yMDUtOC4wMjQtMi42MzYtMTMuNTk4LTcuNTY4LTEzLjc2LTEyLjg2NnoiIHN0eWxlPSJmaWxsOiNmZjA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiMwMDA7c3Ryb2tlLXdpZHRoOjEuNzI2NjUxNzk7c3Ryb2tlLW9wYWNpdHk6MSIvPjwvc3ZnPg==);
}

.annotation-newparagraph {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PHBhdGggZD0ibTMyLjAwMyAxMC45MTMgMjUuNDMgNDIuMTc0LTUwLjg2Ni0uMDAzeiIgc3R5bGU9ImZpbGw6I2ZmMDtmaWxsLW9wYWNpdHk6Ljk0MTE3NjQ3O2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTojMDAwO3N0cm9rZS13aWR0aDouODM0MDMwOTk7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2Utb3BhY2l0eToxO3N0cm9rZS1kYXNoYXJyYXk6bm9uZSIvPjwvc3ZnPg==);
}

.annotation-noicon {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIvPg==);
}

.annotation-note {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggc3R5bGU9ImZpbGw6I2ZmMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MS4yMzAwNDI0NjtzdHJva2Utb3BhY2l0eToxIiBkPSJNMS45NjIgNC40NTJoMzYuMDc1djMxLjA5N0gxLjk2MnoiLz48cGF0aCBzdHlsZT0iZmlsbDojMDAwO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiBkPSJNNi4wMTYgMTAuMjg1aDI3Ljk2OXYxLjUwMUg2LjAxNnpNNi4wMTYgMjMuMjE3aDI3Ljk2OXYuODU4SDYuMDE2ek01LjgxMyAyOC45NjRoMjcuOTY5di44NThINS44MTN6TTYuMDE2IDE3LjQyNmgyNy45Njl2Ljg1OEg2LjAxNnoiLz48L3N2Zz4=);
}

.annotation-paragraph {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggc3R5bGU9ImZpbGw6I2ZmMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MTtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1vcGFjaXR5OjE7c3Ryb2tlLWRhc2hhcnJheTpub25lIiBkPSJNMy4xMiAzLjEyaDMzLjc2djMzLjc2SDMuMTJ6Ii8+PHBhdGggZD0iTTE3LjY5MyAzNC41MDJWMTguMzJjLTEuOTMtLjEwMy0zLjQ1Ni0uNzMtNC41NzYtMS44ODItMS4xMi0xLjE1LTEuNjgtMi42Mi0xLjY4LTQuNDA1IDAtMS45OTMuNjIyLTMuNTggMS44NjYtNC43NjIgMS4yNDQtMS4xODIgMy4wNjMtMS43NzMgNS40NTgtMS43NzNoOS44MDJ2Mi42NzloLTIuMjN2MjYuMzI1aC0yLjYzMlY4LjE3N2gtMy40NTN2MjYuMzI1eiIgc3R5bGU9ImZvbnQtc2l6ZToyOS40MjA1MTEyNXB4O2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6NDAwO2ZvbnQtc3RyZXRjaDpub3JtYWw7dGV4dC1hbGlnbjpzdGFydDtsaW5lLWhlaWdodDoxMjUlO2xldHRlci1zcGFjaW5nOjA7d29yZC1zcGFjaW5nOjA7d3JpdGluZy1tb2RlOmxyLXRiO3RleHQtYW5jaG9yOnN0YXJ0O2ZpbGw6I2ZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MS4wNzc5NTc1MTtzdHJva2Utb3BhY2l0eToxO2ZvbnQtZmFtaWx5OkFyaWFsOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246QXJpYWwiLz48L3N2Zz4=);
}

@page {
    margin: 0;
}

@media all and (max-width: 840px) {
    #sidebarContent {
        background-color: #f8f8f8;
    }
}

#outerContainer .hiddenLargeView #outerContainer .hiddenMediumView {
    display: inherit;
}

#outerContainer .visibleLargeView #outerContainer .visibleMediumView {
    display: none;
}

@media all and (max-width: 770px) {
    ::-webkit-scrollbar {
        width: 5px;
        height: 4px;
    }

    #outerContainer .hiddenLargeView {
        display: none;
    }

    #outerContainer .visibleLargeView {
        display: inherit;
    }
}

@media all and (max-width: 700px) {
    #outerContainer .hiddenMediumView {
        display: none;
    }

    #outerContainer .visibleMediumView {
        display: inherit;
    }
}

@media all and (max-width: 640px) {
    .hiddenSmallView .hiddenSmallView {
        display: none;
    }

    .visibleSmallView {
        display: inherit;
    }
}

@media all and (max-width: 535px) {
    #scaleSelectContainer {
        display: none;
    }
}

input::-ms-clear {
    display: none;
}

[data-main-rotation="90"] {
    transform: rotate(90deg) translateY(-100%);
}
[data-main-rotation="180"] {
    transform: rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation="270"] {
    transform: rotate(270deg) translateX(-100%);
}

.icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjAuNSAyM2MxLjY4NSAwIDMuNDQ3LjIyOCA1LjE2NS42NThhMTIuNTExIDEyLjUxMSAwIDAgMC0yLjAwOSAyLjYyQTE4LjI3NiAxOC4yNzYgMCAwIDAgMjAuNSAyNkMxMy41OTQgMjYgNyAzMC4wNzcgNyAzNC4yNjVWMzloMTYuODJhMTIuNTYyIDEyLjU2MiAwIDAgMCAyLjU1NyAzSDZhMiAyIDAgMCAxLTItMnYtNS43MzVDNCAyNy41MDcgMTMuMDA5IDIzIDIwLjUgMjNaTTIwIDRhOCA4IDAgMSAxIDAgMTYgOCA4IDAgMCAxIDAtMTZabTAgM2E1IDUgMCAxIDAgMCAxMCA1IDUgMCAwIDAgMC0xMFoiIGZpbGw9IiM0NjRENUEiLz48Y2lyY2xlIHN0cm9rZT0iIzQ2NEQ1QSIgc3Ryb2tlLXdpZHRoPSIyLjUiIGN4PSIzNC41IiBjeT0iMzIuNSIgcj0iOC4yNSIvPjxwYXRoIGQ9Ik0zNiAyOHYzaDN2M2gtM3YzaC0zdi0zaC0zdi0zaDN2LTNoM1oiIGZpbGw9IiM0NjRENUEiLz48L2c+PC9zdmc+);
}
.page-mode-status-button {
  background-position: center;
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjUgMTQuNDc1Yy41MDYgMCAuOTE3LjQxLjkxNy45MTd2My42NjZoLTEuMjg1bC4wMDEtMy4yOTlINi44Njd2My4yOThsLTEuMjg0LjAwMXYtMy42NjZjMC0uNTA3LjQxLS45MTcuOTE3LS45MTdoMTFabTIuNzUtMi43NXYxLjE5MkgzLjc1di0xLjE5MmgxNi41Wk02Ljg2NiA1LjU4M3YzLjNoMTAuMjY3di0zLjNoMS4yODRWOS4yNWMwIC41MDYtLjQxLjkxNy0uOTE3LjkxN2gtMTFhLjkxNy45MTcgMCAwIDEtLjkxNy0uOTE3VjUuNTgzaDEuMjgzWiIgZmlsbD0iIzQ2NEQ1QSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.PDFViewer-mobile #viewerContainer.single_page {
  overflow: hidden;
}
.PDFViewer-mobile #viewerContainer.multi_page {
  overflow: auto;
}
#mainContainer #viewerContainer.single_page #viewer {
  position: relative;
}
#mainContainer #viewerContainer.single_page .page.selected-current {
  opacity: 1;
}
#mainContainer #viewerContainer.single_page .page {
  opacity: 0;
}

.selection-control-bar {
  background-color: #1e6fff;
  position: absolute;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  z-index: 9999;
}
.selection-control-bar .selection-control-hot-spot {
  position: absolute;
  touch-action: none;
  min-width: 16px;
}
.selection-control-bar .selection-control-symbol {
  position: absolute;
  touch-action: none;
  max-width: 36px;
  max-height: 36px;
}
.ios-selection-control-bar .selection-control-symbol .inner-symbol {
  transform-origin: center center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #1e6fff;
  transition: transform 300ms;
}
.ios-start-selection-control-bar .selection-control-symbol.left-top-symbol {
  left: 50%;
  top: 0;
  transform: translate(-50%, -100%);
}
.ios-start-selection-control-bar .selection-control-symbol.right-top-symbol {
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
}
.ios-start-selection-control-bar .selection-control-symbol.left-bottom-symbol {
  left: 0;
  top: 50%;
  transform: translate(-100%, -50%);
}
.ios-start-selection-control-bar .selection-control-symbol.left-top-horizontal-symbol {
  left: 0;
  top: 0;
  transform: translate(-100%, -50%);
}
.ios-start-selection-control-bar .selection-control-hot-spot.left-top-hot-spot {
  top: 100%;
  left: 75%;
  transform: translate(-75%, -100%);
}
.ios-start-selection-control-bar .selection-control-hot-spot.right-top-hot-spot {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.ios-start-selection-control-bar .selection-control-hot-spot.left-bottom-hot-spot {
  left: 100%;
  top: 50%;
  transform: translate(-100%, -50%);
}
.ios-end-selection-control-bar .selection-control-symbol.left-top-symbol {
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
}
.ios-end-selection-control-bar .selection-control-symbol.right-top-symbol {
  left: 0;
  top: 50%;
  transform: translate(-100%, -50%);
}
.ios-end-selection-control-bar .selection-control-symbol.left-bottom-symbol {
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
}
.ios-end-selection-control-bar .selection-control-symbol.left-top-horizontal-symbol {
  left: 100%;
  top: 0;
  transform: translate(0, -50%);
}
.ios-end-selection-control-bar .selection-control-hot-spot.left-top-hot-spot {
  top: 0;
  left: 25%;
  transform: translate(-25%, 0);
}
.ios-end-selection-control-bar .selection-control-hot-spot.right-top-hot-spot {
  left: 100%;
  top: 50%;
  transform: translate(-100%, -50%);
}
.ios-end-selection-control-bar .selection-control-hot-spot.left-bottom-hot-spot {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.android-selection-control-bar .selection-control-symbol {
  position: absolute;
  transform-origin: center center;
}
.android-selection-control-bar .selection-control-symbol .inner-symbol {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 300ms;
}
.android-start-selection-control-bar .selection-control-symbol .inner-symbol {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAYKADAAQAAAABAAAAYAAAAACpM19OAAAHJ0lEQVR4Ae2dT2gcVRzHf2+2aXNwK0i9VRpLcf2DeigJ2BZBD4Ie6kGiiIQoevJkDLTSU0/FFmJ6ErxEpYhoEVREwUMFsQrtqYpKpNQUehBMlDYBkya7z+93dmZ39m/2z8y8TeY3sMzbnffe773P9/2bmffeGhnQo3DM5tfXpVC0UkASCxYfY2WvNZI3InlrcYYb550DmoWOkoW8DMZx4KTdffuWPG6K8qQYeQJgH0XKBiZ9SVFymsH9x+2dxTUZR+meECuHkclcUhkd1HhTF8Baa0am5Wlbkkk0KUcBf3hQ4aSRrtQEGP/U5i79JC+gaTmB0v5QGpnbCjYSFyAA/zLAvwXwB7YClDTTmKgA+960h6Qk7wYdapr52jK2EhHgvmm7Z60opwH+FZBIxMaWIbxJQmOHMzJlny1ZmUNzc9cmtvUyCMQmwMH37NDibyj1IlNKtnMCsQgw8oYdKYl8glI/1rlp9UkCfQuwf9qObhTla8Dfo0i7J+B1H6Qa4t4p+9TGhlxQ+FUm3bp6FgDNzoulknwFg3d0a1T9Vwn01AT58K18hGh6Cl81r66uAbLZYcnHaGdI8fVPoCsB/A6Xbb42O/2TD2LoWIBgqHlZO9zY2PsRddQJ8yYrGOfrUDNe/tKRAH//Lmf0Jitm8kF0mzZB/rOdknyejHmNta0AfKq5WpR5lH59sJZQWWnbBPGRssJPiHwQbcsawJcptig/wF9LP8kmLRuxN60BfI3IN1kKP/lC0FQAvDznO1zOy9EjYQINArD0+y/QEzas0ZcJNAjAqSPoeHX2QkolpEYATppC6T+Rkm01AwI1AnDGGkq/TppKsWjUCMDpginaVlMgUBnj+xNlV+WvrM/VTLtUVGpAMEs50xNl04ZPexUBUPInXCQg6zb9JshfHPGv/AMYmZuf77oA+DWAK1MUvhspfAH8ZUFu7GfearkPMFiXpYcTAoarEf9bk5uwXhmSOklJRo16XAqq8N2p7wXrcN2lIOOW2QewBujhiICHGzAVwBF8mvXQ897j0H7mTbMG6PRyh8WANSDv0H7mTXt4A6YCOCwGHrd8cWg/86bLjyIyj8ENABT+22yClt2YV6tkzyZIBXBUFsiew1AVwJEAZO9h0yQVwJEAZO9hE7wbjuxn3izZ80ZsPvMkHAEgew5DVQBHApC9lzMqgCv+ZO8NDfkCoEPWI2UCluy9+TNmGePRKykbz7w5Mif78qMIK99lnkjaAALmvgBYEcb9H/RIkUDI3Bdg5275HraLKdrPuqliwLw8OffqSXMLs4IuZp1KavkHa585DJb7ADhwU3AutQRk3FCUdUWA3C45jwurGWeTePbJmKxDQxUBrp02N/Fs4svwgp6TIUDGZB3GXhGAPxhPPgwv6DkZAvWMUSOqB5ep7puSX3SlZJVJrC4jv16flYeNwYPo4KitAbiAO7RT4UU9x0uAbKPwGXuNAPxh7DFsQWzkKt16xEgATH22dVE2CHD+eVOEUm/X+dOvfRIgU7Ktj6ZBAHqAUh8ggD6gq6fV43eyJNNmwWs64agH3bApSqMvtzU5OXL9HfNjs1ia1gB6ZAAo936zQPpb5wTIsBV8xtJSAF7clZPjOC3RrUdPBJYChi0DtxXgjxmz6HnyasvQeqEtAbIjw3ae2grAgAuz5gsMS8+2i0SvNRJA5zrrs2u8VPPLpgLQ990PyDGIcKkmpH5pTQCs9jzoN9+t/QRXWo6C6kPq5t31RFp8N7KIUj26cNYstPBR83NHNYAhGOGOnDwD50pNDPolSmCFjDqFz4AdC0DP12bM5Zwnz6HarPO7HlUCZEI2ZFT9dXNXVwIwuj9nzbcY207CWXmit7mZbe+DDzEnyabbnHYtAA2gin2MSaUvaU3wX+WukwWZdAuf/jvuhJtFzv+TKZbkM1zL6lLXFTY7vZT8kGdfAjCSzP6RG0Y77HC7bfND8OG5pyYoDMwzE4BIRjN1n4BxPvPcL3zy61sARsJhF27WjmTijhlPBZjXboaaZNTq6LsJqo94G/+d7RKf7XTyeKGeSbvvsdSAqAEmcDgnBQzL5vD7dhiqcog5N7xD7o8bPrnFXgOiYmz1vzQH+CtopF9v9zw/mt9e3LHXgGgimPCxQ3IQc2Feg9Rb50U/0so0M+1JwierRGtAVAz+MQT/m8DfHn9Qd2jHvB2U+lOcvdDsBXo0P3G5UxMgTDAnf3GbfO7UjulJR9FJON2vGgBWOV2QM9YWZuSb+nk7YbqTOqcuQDQj/o7tazIOESbQXR/GtbS2Ti6i7l9E5s9xomx0rmY0fWm4nQoQzaC/fzW2UPZ38cVGsmiqHsH1uNLHkczPEPkCV6ZwcUQ4Pz+aBhfuuDIYe9q5oSz3NA221SyglhTQZO1Fc5FHovMQKA+o/l5H3HUE7mX4Webyf/i5AT9c/zzPpaBcjcgFcbEnMoYI/wdRXPXipjIbhgAAAABJRU5ErkJggg==);
  transform-origin: 100% 0;
}
.android-start-selection-control-bar .selection-control-symbol.left-top-symbol {
  left: 100%;
  top: 100%;
  transform: translate(-100%, -5%);
}
.android-start-selection-control-bar .selection-control-symbol.right-top-symbol {
  left: 0;
  top: 100%;
  transform: rotate(90deg) translate(-100%, 95%);
}
.android-start-selection-control-bar .selection-control-symbol.left-bottom-symbol {
  left: 100%;
  top: 0%;
  transform: rotate(-90deg) translate(0, -5%);
}
.android-start-selection-control-bar .selection-control-symbol.left-top-horizontal-symbol {
  left: 100%;
  top: 0%;
  transform: rotate(180deg) translate(0, 90%);
}
.android-start-selection-control-bar .selection-control-hot-spot.left-top-hot-spot {
  top: 0;
  left: 75%;
  transform: translate(-75%, 0);
}
.android-start-selection-control-bar .selection-control-hot-spot.right-top-hot-spot {
  left: 100%;
  top: 50%;
  transform: translate(-100%, -50%);
}
.android-start-selection-control-bar .selection-control-hot-spot.left-bottom-hot-spot {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.android-end-selection-control-bar .selection-control-symbol .inner-symbol {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAYKADAAQAAAABAAAAYAAAAACpM19OAAAHZElEQVR4Ae2dT2wUVRzHf2+WSk1YSARvxlZCrEqUA4FEICZyMNGDHgwaYwj+O3mhlQQMJ04ESEo5mXgQJcQYJCZKjCQeMDGgCZzQGF1DsCTchIOUQ6HdfX6/253u29md7ezuzNsu85tD5/3/zXy+fTNvZt/8nnl8r7UywJsxch9nMIP9DE5kxiBsjdw0IiWcVqlgpDQ0JKXSMTOzHE/TDLoACaFaCHRVrPxkC3LhodXy87VD5k7CupkWy4sAUYhlMXIJveR0YaWcvX7U/Bct4CueVwEW+UKEWVyyzplATk1PynljcBHzuOVegAbWRv7Aperw1uflzNk3TLkhL6OICtAKrJFrEOIIhPgiayFUgFYC1NKqN+5APrxx3PzSplhPWUFPtR/wyhjebrJluTgybj97cp9dl8XpqgBLUzUQ4r3ZeflrdMK+tnTxzkqoAMl5ra1U5NuRvfb45k/tUPJq7UuqAO35NOVijDrx759ycXTcjjZldpGgAnQBDU/UWysiV9bvs1u6qe7WUQFcGp2Eraybn5cLT0zYlzqpFi2rAkSJdBZfhfvC97gcvdVZtXppFaDOoqsQ7glDFStfdiuCCtAV9qZKHKqe6uZypAI0sewugT2hXJFvOr0xqwDd8Y6rtWq+LD90MkRVAeJQdpuO0RGGqGeSPqypAN2CblcPzwl4WDvWrkiYpwKEJNLeWxlP8u5IBUgbvNMenhGWfIuqAjjAMgiuvVeWo+3aVQHa0UkhD88H7458ZLfFNaUCxJFJL91IRT7Z9TUmxLTYVIAWUNJO4i9rl3+Vd1q1qwK0opJBGkT4uFUvUAEygN2ySSsb0AvejOapAFEiGcbRCw5ai2lgzqYCODAyD1rZOLpPXnbtqAAuDQ9hW5E9rhkVwKXhIYyZp6+uP2DXhKZUgJCEpz1+Nxgu35NdoTkVICThcQ8RdofmVICQhM+9le0bDtnVNKkC+ARft1W4f0deUAHqQLyH8PXBThXAO3bHoJEXGdPvAxwmnoP24ZWyRu8Bnqk75szcnIypAA4R38GyVQF8M4/a0x4QJeIzjgcyFcAn8KgtvBd6TO8BUSoe4/hloKgCeAQeNYVfZlSAKBSfcfxCpgL4BB61hQ/BiwH+3I9maNwfgQDdYFk6MvKHoH+WyJ49QAXokwZkH+BhQAXokwBkH9DHWp/s594s2Qd0cJd7En0CQPYBHgboXVC3PhAgez4JqwB9gF8zWQroV7N/9vNtmewDOjUFBtyQdfNMwJJ9QI+yGI9e9Ww89+bInOwX3obCo2zuifgGUGNeFYDufH3bz7u9kHlVAPpSBhAvjkrzDr52/uUa84WpiVVH1vClrHA8EQDr0Hn4wj0AdvFQcNqT+dybcVkvCkAv4siYzT2djAGQMVmHZhYFoAt3vJs4F2boPhsCZOy6y18UgObowj0bs9pqSCDKGD2ivvETypEJ+R3PxRvrqRpKjQDc49+YkmfdNQoaewAWL8AT2uHUDGpDDQTI1oXPzAYBmMDFCzAkusawbikSANMq20iTTQJwwQIodSRSTqM9EiDTVotBNAlAO1w5AhX0BV2P0MPqZEmmYdzdN9yE3Qw6GeLiBUiLLeOW13AsAWsKsiNuFY6WPYBNsQKU+zy2Wc1IRIAM4+CzgVgBmLmyIAewu82wbl0RuF1jGFu5rQB/T5pbQSDvx9bWjLYEyI4M2xVqKwArTk+Z73AXONGuEc1rJoAb51SVXXNWQ8qSArD0o0/LfohwuaGmRuIJgNW6Z6qX7/gytZzEIxw6pOayHXhNkclyTkse6aAUMHIL/9Vbpk+Y6SSHnKgHsCE2uKIgryB4N0nDOS1zl4ySwiejxAKw8PVJc6UQyOvoNnOM61YnQCZkQ0b11KVDHQnA5v6ZMj9ibLsHQZ1LVOfLl5h7yKaelCzUsQBsFl3sK0wqfVt7QvU1wRxZkEky5I2lEt+EG6stxLhmCpftQGxVq/wcpN3lZaeb//yQTU8CsBGumcJlO3I3OsJohzfcTq/5Ifhw39UlKKzMPQ8AjWzJ1XMCxvk8517hk1/PArARDrvwsLYjF0/MeCvAc+1kqElGcVvPl6Bow1y2AwubncQl6ZFo3oDHb/PdTpLXC52cZyo9wDXIAxwuyBiGZSeR/iAMVTnEPDm8Qp5KGz65pd4DXDGqK0dg8QJ8D7vJTR+UMMBfxUV6cJc05w8RW7fJZsyF+QBSD84P/ThWHjOPvd2PKWn8I2XaA9wD5OIF9J+P3nAQF6blOe8I83bwX3+Ysxda/YDunk9aYW8ChAfMyV904U4v4nRkjZvEcJjXjz0AzHK6IGesTU/K+ei8nayPybsA7gnRizgdWUOE3egV25HXcqEbt05K4TIuiZdw8qc5Udadq5lS+4mb6asA7lHSlzLd+VY9yhrZiUvVc8hP6/g4kvkNIl/glyn8OCKcn+8eQz/CaZ1g6sc+tt8W6VeTrh3R+Bh6yRh9rOFyUcRBFyFQEVCLNIwwPzScQZkZfv6PMjdRhl9/lvgpKL9G5AdxLLvctv8BmRv+DjS6yY0AAAAASUVORK5CYII=);
  transform-origin: 0 0;
}
.android-end-selection-control-bar .selection-control-symbol.left-top-symbol {
  top: 100%;
  left: 0;
}
.android-end-selection-control-bar .selection-control-symbol.right-top-symbol {
  top: 0;
  left: 0;
  transform: rotate(90deg) translate(0, 95%);
}
.android-end-selection-control-bar .selection-control-symbol.left-bottom-symbol {
  left: 100%;
  top: 100%;
  transform: rotate(-90deg) translate(100%, -5%);
}
.android-end-selection-control-bar .selection-control-symbol.left-top-horizontal-symbol {
  left: 100%;
  top: 100%;
  transform: rotate(0deg) translate(0, -10%);
}
.android-end-selection-control-bar .selection-control-hot-spot.left-top-hot-spot {
  top: 0;
  left: 25%;
  transform: translate(-25%, 0);
}
.android-end-selection-control-bar .selection-control-hot-spot.right-top-hot-spot {
  left: 100%;
  top: 50%;
  transform: translate(-100%, -50%);
}
.android-end-selection-control-bar .selection-control-hot-spot.left-bottom-hot-spot {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.svg-annot-move-cursor {
  cursor: pointer;
}
.text-move-cursor {
  cursor: text;
}

/** 图片裁剪相关 **/
 {
  /* 图片的工具栏 */
  /* 移动端的slide缩放 */
}
.docs-image-scale-info {
  position: absolute;
  background-color: black;
  width: auto;
  z-index: 999;
  height: 40px;
  line-height: 40px;
  color: #FFFFFF;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  text-align: center;
  opacity: 0.75;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.docs-image-scale-info-mobile {
  position: absolute;
  background-color: black;
  width: auto;
  z-index: 999;
  height: 30px;
  line-height: 30px;
  color: #FFFFFF;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  text-align: center;
  opacity: 0.75;
  border-radius: 1px;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.image-resize-bar {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #41464b;
  border: 2px solid #fff;
  -ms-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
  -o-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
  position: absolute;
  display: none;
  z-index: 999;
  right: 0;
  bottom: 0;
  cursor: nw-resize;
}
.image-resize-box-shadow {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.4);
  resize: none !important;
  margin-bottom: 2px;
  margin-top: -2px;
}
.crop-container {
  position: absolute;
  display: none;
  z-index: 100000;
  box-sizing: border-box;
  cursor: move;
  transform-origin: 0 0;
  pointer-events: none;
}
.crop-area, .highlight-area, .shadow-area {
  cursor: move;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  display: none;
  -webkit-clip-path: content-box;
          clip-path: content-box;
}
.resizer-area {
  position: absolute;
  outline: 1px solid rgba(30, 111, 255, 0.32);
  box-sizing: border-box;
  pointer-events: all;
  touch-action: none;
}
.resizer-area .resizer-handler {
  position: absolute;
  width: 12px;
  height: 12px;
  z-index: 999;
  pointer-events: all;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  border: 2px solid #ffffff;
  background-color: #1e6fff;
}
.resizer-rotate {
  position: absolute;
  top: -30px;
  left: calc(50% - 6px);
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #1e6fff;
  cursor: crosshair;
}
.resizer-rotate-line {
  background-color: rgba(30, 111, 255, 0.32);
  width: 1px;
  height: 24px;
  left: calc(50% - 0.5px);
  top: -24px;
  position: absolute;
}
.crop-handler {
  pointer-events: all;
  width: 22px;
  height: 22px;
  position: absolute;
  touch-action: none;
}
.crop-handler .crop-inner-handler {
  position: absolute;
  background: black;
  z-index: 1;
}
.crop-handler .crop-outer-handler {
  position: absolute;
  background: white;
}
.mobile-web .crop-handler {
  transform: scale(2);
}
.mobile-web .crop-outer-handler, .mobile-web .crop-inner-handler {
  transform: scale(0.5);
}
.mobile-web .crop-inner-handler.top {
  transform-origin: center 9px;
}
.mobile-web .crop-inner-handler.left {
  transform-origin: 9px center;
}
.mobile-web .crop-inner-handler.right {
  transform-origin: -5px center;
}
.mobile-web .crop-inner-handler.bottom {
  transform-origin: center -5px;
}
.mobile-web .crop-outer-handler.top {
  transform-origin: center 11px;
}
.mobile-web .crop-outer-handler.left {
  transform-origin: 11px center;
}
.mobile-web .crop-outer-handler.right {
  transform-origin: -3px center;
}
.mobile-web .crop-outer-handler.bottom {
  transform-origin: center -3px;
}
.image-cursor:hover {
  cursor: move;
}
.image-line-wrapper {
  margin: 0 2px;
}
.image-wrapper.cropped {
  overflow: hidden;
  transform-origin: 0 0;
  max-width: none;
}
.image-wrapper.cropped > img {
  max-width: none;
}
.mobile-web .inline-img {
  height: auto !important;
  -webkit-touch-callout: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.crop-highlight-image {
  position: absolute;
  top: 0;
  left: 0;
}
.crop-highlight-image, .resizer-image {
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.crop-highlight-image.shadow {
  background: rgba(0, 0, 0, 0.04);
}
.image-wrapper > img::-moz-selection, .crop-highlight-image::-moz-selection, .resizer-image::-moz-selection {
  background-color: transparent;
}
.image-wrapper > img::selection, .crop-highlight-image::selection, .resizer-image::selection {
  background-color: transparent;
}
.resizer-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0.5;
}
.resizer-image-modal {
  background-color: black;
  pointer-events: none;
}
.crop-handler-border {
  position: absolute;
  background-color: white;
}
.crop-handler-border.horizontal {
  width: 100%;
  height: 1px;
}
.crop-handler-border.verticle {
  width: 1px;
  height: 100%;
}
.popover-toolbar {
  color: white;
  position: absolute;
  top: 0;
  right: -52px;
  line-height: 40px;
  z-index: 1000;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  box-sizing: border-box;
  width: 40px;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
}
.popover-toolbar .popover-toolbar-list {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  width: 100%;
}
.popover-toolbar .popover-toolbar-list, .popover-toolbar .popover-toolbar-list .toolbar-menu {
  overflow: hidden;
  background-color: white;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu {
  padding: 0px 13px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  box-sizing: border-box;
  height: 40px;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu:last-child {
  border-bottom: none;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu #insertImage-wrap {
  cursor: pointer;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu {
  background-color: white;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu:hover {
  background-color: #f2f2f2;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu:active {
  background-color: #E5E5E5;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu.selected {
  background-color: #388cf5;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu.selected:hover {
  background-color: #45a5ff;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu.selected:active {
  background-color: #4598ff;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu.disabled, .popover-toolbar .popover-toolbar-list .toolbar-menu.disabled:hover, .popover-toolbar .popover-toolbar-list .toolbar-menu.disabled:active {
  cursor: default;
  background-color: white;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu.disabled > span {
  opacity: 0.3;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: -3px;
  float: none;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu .docx-icon-common.cropper-crop {
  background-position: 0px -210px;
  width: 14px;
  height: 14px;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu .docx-icon-common.cropper-reset {
  background-position: 0px -238px;
  width: 14px;
  height: 14px;
}
.popover-toolbar .popover-toolbar-list .toolbar-menu-button {
  font-size: 14px;
  margin-left: 4px;
}
.slidebar {
  position: absolute;
  width: 100vw;
  left: 0;
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  z-index: 100000;
  pointer-events: all;
  bottom: -46px;
  padding-right: 46px;
  max-width: 420px;
}
.slidebar #dropdown-slider-bar-container {
  width: 100%;
  height: 100%;
  display: flex;
  background: black;
  color: white;
}
.slidebar .toolbar-menu {
  padding: 0px 16px;
}
.slidebar .toolbar-menu.slide {
  padding: 0px 16px 0px 8px;
  position: relative;
  flex: 1 1;
}
.slidebar .toolbar-menu.slide #sliderIndropDownSliderBar {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  position: relative;
  top: 17px;
  border-radius: 2px;
}
.slidebar .toolbar-menu.slide #barIndropDownSliderBar {
  width: 36px;
  height: 36px;
  top: 0;
  position: absolute;
  transform: translateX(-11px);
}
.slidebar .toolbar-menu.slide #barIndropDownSliderBar .slide-dot {
  width: 16px;
  height: 16px;
  background: #ffffff;
  position: absolute;
  top: 10px;
  left: 11px;
  border-radius: 16px;
  z-index: 100006;
  outline: 1px solid rgba(0, 0, 0, 0.2);
}

.auth {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjAuNSAyM2MxLjY4NSAwIDMuNDQ3LjIyOCA1LjE2NS42NThhMTIuNTExIDEyLjUxMSAwIDAgMC0yLjAwOSAyLjYyQTE4LjI3NiAxOC4yNzYgMCAwIDAgMjAuNSAyNkMxMy41OTQgMjYgNyAzMC4wNzcgNyAzNC4yNjVWMzloMTYuODJhMTIuNTYyIDEyLjU2MiAwIDAgMCAyLjU1NyAzSDZhMiAyIDAgMCAxLTItMnYtNS43MzVDNCAyNy41MDcgMTMuMDA5IDIzIDIwLjUgMjNaTTIwIDRhOCA4IDAgMSAxIDAgMTYgOCA4IDAgMCAxIDAtMTZabTAgM2E1IDUgMCAxIDAgMCAxMCA1IDUgMCAwIDAgMC0xMFoiIGZpbGw9IiM0NjRENUEiLz48Y2lyY2xlIHN0cm9rZT0iIzQ2NEQ1QSIgc3Ryb2tlLXdpZHRoPSIyLjUiIGN4PSIzNC41IiBjeT0iMzIuNSIgcj0iOC4yNSIvPjxwYXRoIGQ9Ik0zNiAyOHYzaDN2M2gtM3YzaC0zdi0zaC0zdi0zaDN2LTNoM1oiIGZpbGw9IiM0NjRENUEiLz48L2c+PC9zdmc+);
}
.menu-item-custom-element-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}
.menu-item-custom-element-wrapper * {
  height: 100%;
}

.icon-toolbar-edit-insert {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iNi44NzUiIHN0cm9rZT0iIzQ1NEQ1QSIgc3Ryb2tlLXdpZHRoPSIxLjI1Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAyLjVhNy41IDcuNSAwIDEgMSAwIDE1IDcuNSA3LjUgMCAwIDEgMC0xNVptMCAxLjA0MmE2LjQ1OCA2LjQ1OCAwIDEgMCAwIDEyLjkxNiA2LjQ1OCA2LjQ1OCAwIDAgMCAwLTEyLjkxNlptLjUwOCA1LjkzMlY2LjY2N0g5LjQ2N3YyLjgwN2wtMi44LjAwMXYxLjA0MmwyLjgtLjAwMXYyLjgxN2gxLjA0MXYtMi44MTdoMi44MjVWOS40NzZoLTIuODI1WiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==);
}

 {
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
}
:root {
  --text-ultrastrong: rgba(0, 0, 0, 0.88);
  /* gray-tsp-01 */
  --text-strong: rgba(0, 0, 0, 0.64);
  /* gray-tsp-02 */
  --text-medium: rgba(0, 0, 0, 0.4);
  /* gray-tsp-03 */
  --text-weak: rgba(0, 0, 0, 0.24);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --text-link: #175ceb;
  /* primaryblue-02 */
  --text-error: #eb3639;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #464d5a;
  /* grayblue-01 */
  --icon-medium: #81868f;
  /* grayblue-02 */
  --icon-weak: #cbcdd1;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(0, 0, 0, 0.04);
  /* gray-tsp-08 */
  --border-medium: rgba(0, 0, 0, 0.08);
  /* gray-tsp-07 */
  --border-strong: rgba(0, 0, 0, 0.12);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #f9fafb;
  /* grayblue-06 */
  --fill-medium: #f3f5f7;
  /* grayblue-05 */
  --fill-strong: #e9ebed;
  /* grayblue-04 */
  --fill-ultrastrong: #cbcdd1;
  /* grayblue-03 */
  --tsp-fill-weak: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --tsp-fill-medium: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --tsp-fill-strong: rgba(61, 82, 102, 0.12);
  /* 3D5266 / 12% */
  --tsp-fill-ultrastrong: rgba(61, 82, 102, 0.16);
  /* 3D5266 / 16% */
  --tsp-fill-accent-weak: rgba(30, 111, 255, 0.04);
  /* 1E6FFF / 4% */
  --tsp-fill-accent-medium: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --tsp-fill-accent-strong: rgba(30, 111, 255, 0.12);
  /* 1E6FFF / 12% */
  --tsp-fill-accent-ultrastrong: rgba(30, 111, 255, 0.16);
  /* 1E6FFF / 16% */
  --feedback-hover: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --feedback-active: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --feedback-accent: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --feedback-notice: #fffceb;
  /* yellow-07 */
  --bg-lv1-default: #ffffff;
  /* white */
  --bg-lv1-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv1-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv1-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv2-default: #ffffff;
  /* white */
  --bg-lv2-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv2-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv2-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv3-default: #ffffff;
  /* white */
  --bg-lv3-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv3-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv3-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv4-default: #ffffff;
  /* white */
  --bg-lv4-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv4-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv4-strong: #e9ebed;
  /* grayblue-04 */
  --accent-default: #1e6fff;
  /* primaryblue-03-brand */
  --accent-hover: #175ceb;
  /* primaryblue-02 */
  --accent-pressed: #134ae0;
  /* primaryblue-01 */
  --accent-disabled: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-default: #edf4ff;
  /* primaryblue-07 */
  --accent-bg-hover: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-pressed: #99beff;
  /* primaryblue-05 */
  --critical-default: #ff4747;
  /* red-03 */
  --critical-hover: #eb3639;
  /* red-02 */
  --critical-pressed: #e02424;
  /* red-01 */
  --critical-disabled: #ffcccc;
  /* red-06 */
  --critical-bg-default: #ffeeee;
  /* red-07 */
  --critical-bg-hover: #ffcccc;
  /* red-06 */
  --critical-bg-pressed: #ffa3a3;
  /* red-05 */
  --success-default: #00d689;
  /* green-04 */
  --notice-default: #ffab00;
  /* yellow-03 */
  --notice-bg-default: #fffceb;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
.__DARK__ {
  --text-ultrastrong: rgba(255, 255, 255, 0.92);
  /* gray-tsp-01 */
  --text-strong: rgba(255, 255, 255, 0.68);
  /* gray-tsp-02 */
  --text-medium: rgba(255, 255, 255, 0.44);
  /* gray-tsp-03 */
  --text-weak: rgba(255, 255, 255, 0.28);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --text-link: #206ef3;
  /* primaryblue-02 */
  --text-error: #ed5050;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #dcdee0;
  /* grayblue-01 */
  --icon-medium: #969799;
  /* grayblue-02 */
  --icon-weak: #5b5b5c;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --border-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --border-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #242529;
  /* 242529 */
  --fill-medium: #1c1d1f;
  /* grayblue-06 */
  --fill-strong: #18191a;
  /* grayblue-05 */
  --fill-ultrastrong: #131414;
  /* grayblue-04 */
  --tsp-fill-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --tsp-fill-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --tsp-fill-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --tsp-fill-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --tsp-fill-accent-weak: rgba(13, 97, 242, 0.12);
  /* 0D61F2 / 12% */
  --tsp-fill-accent-medium: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --tsp-fill-accent-strong: rgba(13, 97, 242, 0.2);
  /* 0D61F2 / 20% */
  --tsp-fill-accent-ultrastrong: rgba(13, 97, 242, 0.24);
  /* 0D61F2 / 24% */
  --feedback-hover: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --feedback-active: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --feedback-accent: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --feedback-notice: #3d2b00;
  /* yellow-07 */
  --bg-lv1-default: #131414;
  /* 131414 */
  --bg-lv1-weak: #131414;
  /* 131414 */
  --bg-lv1-medium: #131414;
  /* 131414 */
  --bg-lv1-strong: #131414;
  /* 131414 */
  --bg-lv2-default: #18191a;
  /* 18191A */
  --bg-lv2-weak: #18191a;
  /* 18191A */
  --bg-lv2-medium: #18191a;
  /* 18191A */
  --bg-lv2-strong: #18191a;
  /* 18191A */
  --bg-lv3-default: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-weak: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-medium: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-strong: #1c1d1f;
  /* 1C1D1F */
  --bg-lv4-default: #242529;
  /* 242529 */
  --bg-lv4-weak: #242529;
  /* 242529 */
  --bg-lv4-medium: #242529;
  /* 242529 */
  --bg-lv4-strong: #242529;
  /* 242529 */
  --accent-default: #0d61f2;
  /* primaryblue-03-brand */
  --accent-hover: #206ef3;
  /* primaryblue-02 */
  --accent-pressed: #347af4;
  /* primaryblue-01 */
  --accent-disabled: #143266;
  /* primaryblue-06 */
  --accent-bg-default: #0f254d;
  /* primaryblue-07 */
  --accent-bg-hover: #143266;
  /* primaryblue-06 */
  --accent-bg-pressed: #193e80;
  /* primaryblue-05 */
  --critical-default: #eb4141;
  /* red-03 */
  --critical-hover: #ed5050;
  /* red-02 */
  --critical-pressed: #ee5f5f;
  /* red-01 */
  --critical-disabled: #5c1a1a;
  /* red-06 */
  --critical-bg-default: #3d1111;
  /* red-07 */
  --critical-bg-hover: #5c1a1a;
  /* red-06 */
  --critical-bg-pressed: #802323;
  /* red-05 */
  --success-default: #008d4b;
  /* green-04 */
  --notice-default: #eb9d00;
  /* yellow-03 */
  --notice-bg-default: #3d2b00;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
[data-workbench-theme="tdocs"] {
  --workbench-theme-global-button-hover: var(--feedback-hover);
  --workbench-theme-global-button-active: var(--feedback-active);
  --workbench-theme-global-icon-primary-color: var(--icon-medium);
  --workbench-theme-global-icon-primary-opacity: 1;
  --workbench-theme-global-icon-secondary-color: var(--icon-weak);
  --workbench-theme-global-icon-secondary-opacity: 1;
  --workbench-theme-drawer-background: var(--bg-lv3-default);
  --workbench-theme-drawer-foreground: var(--text-strong);
  --workbench-theme-drawer-border: var(--border-medium);
  --workbench-theme-editor-zone-background: var(--bg-lv1-medium);
  --workbench-theme-statusbar-background: var(--bg-lv3-default);
  --workbench-theme-statusbar-foreground: var(--text-strong);
  --workbench-theme-statusbar-text-color: var(--text-strong);
  --workbench-theme-statusbar-icon-primary-color: var(--icon-strong);
  --workbench-theme-statusbar-border: var(--border-medium);
  --workbench-theme-statusbar-hover-background: var(--feedback-hover);
  --workbench-theme-statusbar-active-background: var(--feedback-active);
  --workbench-theme-titlebar-background: var(--bg-lv3-default);
  --workbench-theme-titlebar-foreground: var(--text-ultrastrong);
  --workbench-theme-titlebar-border: var(--border-medium);
  --workbench-theme-toolbar-background: var(--bg-lv3-default);
  --workbench-theme-toolbar-foreground: var(--text-ultrastrong);
  --workbench-theme-toolbar-text-color: var(--text-ultrastrong);
  --workbench-theme-toolbar-icon-primary-color: var(--icon-medium);
  --workbench-theme-toolbar-button-hover-background: var(--feedback-hover);
  --workbench-theme-toolbar-button-active-background: var(--feedback-active);
  --workbench-theme-toolbar-border-with-drawer: transparent;
  --workbench-theme-toolbar-border-without-drawer: var(--border-medium);
  --workbench-theme-form-border: var(--border-strong);
  --workbench-theme-form-background: transparent;
  --workbench-theme-form-fill: var(--tsp-fill-medium);
  --workbench-theme-form-fill-active: var(--bg-lv1-default);
}
 {
  scrollbar_background: rgba(0, 0, 0, 0.12);
  scrollbar_background_hover: #ccc;
  scrollbar_width_thick: 10px;
  scrollbar_width_thin: 10px;
  scrollbar_height_thick: 10px;
  scrollbar_height_thin: 10px;
  scrollbar_length_thick: 140px;
  scrollbar_length_thin: 140px;
  scrollbar_border_thin: 2px solid transparent;
  scrollbar_border_thick: 2px solid transparent;
  scrollbar_border_radius_thick: 5px;
  scrollbar_border_radius_thin: 5px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background-color: inherit;
}
.browser-mode-container {
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
}
.browser-mode-container .browser-mode-wrapper {
  background-color: rgba(0, 0, 0, 0.08);
  height: 24px;
  display: flex;
  border-radius: 4px;
  padding: 2px;
  justify-content: space-between;
  box-sizing: border-box;
  position: relative;
}
.browser-mode-container .browser-mode-wrapper .translate-mode {
  width: 72px;
  height: 20px;
  border-radius: 2px;
  box-sizing: border-box;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.64);
  cursor: default;
  display: block;
}
.browser-mode-container .browser-mode-wrapper .translate-mode.active {
  background-color: #ffffff;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.88);
}
.browser-mode-container .browser-mode-wrapper .translate-mode.disable {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.24) !important;
}

.thumbnail-loading-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16px;
  margin-bottom: 12px;
}
.thumbnail-loading-wrapper .quarter-emphasize-circle {
  height: 12px;
  width: 12px;
  border-top: 2px solid #D8D8D8;
  border-left: 2px solid #D8D8D8;
  border-bottom: 2px solid #D8D8D8;
  border-right: 2px solid #CBCDD1;
  border-radius: 50%;
  transform: rotate(-45deg);
  transform-origin: center center;
}
.thumbnail-loading-wrapper .turn-round {
  animation: turn 1s linear infinite;
}
@keyframes turn {
  0% {
    transform: rotate(-45deg);
  }
  25% {
    transform: rotate(45deg);
  }
  50% {
    transform: rotate(135deg);
  }
  75% {
    transform: rotate(225deg);
  }
  100% {
    transform: rotate(315deg);
  }
}

 {
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
}
:root {
  --text-ultrastrong: rgba(0, 0, 0, 0.88);
  /* gray-tsp-01 */
  --text-strong: rgba(0, 0, 0, 0.64);
  /* gray-tsp-02 */
  --text-medium: rgba(0, 0, 0, 0.4);
  /* gray-tsp-03 */
  --text-weak: rgba(0, 0, 0, 0.24);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --text-link: #175ceb;
  /* primaryblue-02 */
  --text-error: #eb3639;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #464d5a;
  /* grayblue-01 */
  --icon-medium: #81868f;
  /* grayblue-02 */
  --icon-weak: #cbcdd1;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(0, 0, 0, 0.04);
  /* gray-tsp-08 */
  --border-medium: rgba(0, 0, 0, 0.08);
  /* gray-tsp-07 */
  --border-strong: rgba(0, 0, 0, 0.12);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #f9fafb;
  /* grayblue-06 */
  --fill-medium: #f3f5f7;
  /* grayblue-05 */
  --fill-strong: #e9ebed;
  /* grayblue-04 */
  --fill-ultrastrong: #cbcdd1;
  /* grayblue-03 */
  --tsp-fill-weak: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --tsp-fill-medium: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --tsp-fill-strong: rgba(61, 82, 102, 0.12);
  /* 3D5266 / 12% */
  --tsp-fill-ultrastrong: rgba(61, 82, 102, 0.16);
  /* 3D5266 / 16% */
  --tsp-fill-accent-weak: rgba(30, 111, 255, 0.04);
  /* 1E6FFF / 4% */
  --tsp-fill-accent-medium: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --tsp-fill-accent-strong: rgba(30, 111, 255, 0.12);
  /* 1E6FFF / 12% */
  --tsp-fill-accent-ultrastrong: rgba(30, 111, 255, 0.16);
  /* 1E6FFF / 16% */
  --feedback-hover: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --feedback-active: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --feedback-accent: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --feedback-notice: #fffceb;
  /* yellow-07 */
  --bg-lv1-default: #ffffff;
  /* white */
  --bg-lv1-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv1-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv1-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv2-default: #ffffff;
  /* white */
  --bg-lv2-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv2-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv2-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv3-default: #ffffff;
  /* white */
  --bg-lv3-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv3-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv3-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv4-default: #ffffff;
  /* white */
  --bg-lv4-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv4-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv4-strong: #e9ebed;
  /* grayblue-04 */
  --accent-default: #1e6fff;
  /* primaryblue-03-brand */
  --accent-hover: #175ceb;
  /* primaryblue-02 */
  --accent-pressed: #134ae0;
  /* primaryblue-01 */
  --accent-disabled: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-default: #edf4ff;
  /* primaryblue-07 */
  --accent-bg-hover: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-pressed: #99beff;
  /* primaryblue-05 */
  --critical-default: #ff4747;
  /* red-03 */
  --critical-hover: #eb3639;
  /* red-02 */
  --critical-pressed: #e02424;
  /* red-01 */
  --critical-disabled: #ffcccc;
  /* red-06 */
  --critical-bg-default: #ffeeee;
  /* red-07 */
  --critical-bg-hover: #ffcccc;
  /* red-06 */
  --critical-bg-pressed: #ffa3a3;
  /* red-05 */
  --success-default: #00d689;
  /* green-04 */
  --notice-default: #ffab00;
  /* yellow-03 */
  --notice-bg-default: #fffceb;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
.__DARK__ {
  --text-ultrastrong: rgba(255, 255, 255, 0.92);
  /* gray-tsp-01 */
  --text-strong: rgba(255, 255, 255, 0.68);
  /* gray-tsp-02 */
  --text-medium: rgba(255, 255, 255, 0.44);
  /* gray-tsp-03 */
  --text-weak: rgba(255, 255, 255, 0.28);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --text-link: #206ef3;
  /* primaryblue-02 */
  --text-error: #ed5050;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #dcdee0;
  /* grayblue-01 */
  --icon-medium: #969799;
  /* grayblue-02 */
  --icon-weak: #5b5b5c;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --border-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --border-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #242529;
  /* 242529 */
  --fill-medium: #1c1d1f;
  /* grayblue-06 */
  --fill-strong: #18191a;
  /* grayblue-05 */
  --fill-ultrastrong: #131414;
  /* grayblue-04 */
  --tsp-fill-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --tsp-fill-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --tsp-fill-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --tsp-fill-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --tsp-fill-accent-weak: rgba(13, 97, 242, 0.12);
  /* 0D61F2 / 12% */
  --tsp-fill-accent-medium: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --tsp-fill-accent-strong: rgba(13, 97, 242, 0.2);
  /* 0D61F2 / 20% */
  --tsp-fill-accent-ultrastrong: rgba(13, 97, 242, 0.24);
  /* 0D61F2 / 24% */
  --feedback-hover: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --feedback-active: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --feedback-accent: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --feedback-notice: #3d2b00;
  /* yellow-07 */
  --bg-lv1-default: #131414;
  /* 131414 */
  --bg-lv1-weak: #131414;
  /* 131414 */
  --bg-lv1-medium: #131414;
  /* 131414 */
  --bg-lv1-strong: #131414;
  /* 131414 */
  --bg-lv2-default: #18191a;
  /* 18191A */
  --bg-lv2-weak: #18191a;
  /* 18191A */
  --bg-lv2-medium: #18191a;
  /* 18191A */
  --bg-lv2-strong: #18191a;
  /* 18191A */
  --bg-lv3-default: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-weak: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-medium: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-strong: #1c1d1f;
  /* 1C1D1F */
  --bg-lv4-default: #242529;
  /* 242529 */
  --bg-lv4-weak: #242529;
  /* 242529 */
  --bg-lv4-medium: #242529;
  /* 242529 */
  --bg-lv4-strong: #242529;
  /* 242529 */
  --accent-default: #0d61f2;
  /* primaryblue-03-brand */
  --accent-hover: #206ef3;
  /* primaryblue-02 */
  --accent-pressed: #347af4;
  /* primaryblue-01 */
  --accent-disabled: #143266;
  /* primaryblue-06 */
  --accent-bg-default: #0f254d;
  /* primaryblue-07 */
  --accent-bg-hover: #143266;
  /* primaryblue-06 */
  --accent-bg-pressed: #193e80;
  /* primaryblue-05 */
  --critical-default: #eb4141;
  /* red-03 */
  --critical-hover: #ed5050;
  /* red-02 */
  --critical-pressed: #ee5f5f;
  /* red-01 */
  --critical-disabled: #5c1a1a;
  /* red-06 */
  --critical-bg-default: #3d1111;
  /* red-07 */
  --critical-bg-hover: #5c1a1a;
  /* red-06 */
  --critical-bg-pressed: #802323;
  /* red-05 */
  --success-default: #008d4b;
  /* green-04 */
  --notice-default: #eb9d00;
  /* yellow-03 */
  --notice-bg-default: #3d2b00;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
[data-workbench-theme="tdocs"] {
  --workbench-theme-global-button-hover: var(--feedback-hover);
  --workbench-theme-global-button-active: var(--feedback-active);
  --workbench-theme-global-icon-primary-color: var(--icon-medium);
  --workbench-theme-global-icon-primary-opacity: 1;
  --workbench-theme-global-icon-secondary-color: var(--icon-weak);
  --workbench-theme-global-icon-secondary-opacity: 1;
  --workbench-theme-drawer-background: var(--bg-lv3-default);
  --workbench-theme-drawer-foreground: var(--text-strong);
  --workbench-theme-drawer-border: var(--border-medium);
  --workbench-theme-editor-zone-background: var(--bg-lv1-medium);
  --workbench-theme-statusbar-background: var(--bg-lv3-default);
  --workbench-theme-statusbar-foreground: var(--text-strong);
  --workbench-theme-statusbar-text-color: var(--text-strong);
  --workbench-theme-statusbar-icon-primary-color: var(--icon-strong);
  --workbench-theme-statusbar-border: var(--border-medium);
  --workbench-theme-statusbar-hover-background: var(--feedback-hover);
  --workbench-theme-statusbar-active-background: var(--feedback-active);
  --workbench-theme-titlebar-background: var(--bg-lv3-default);
  --workbench-theme-titlebar-foreground: var(--text-ultrastrong);
  --workbench-theme-titlebar-border: var(--border-medium);
  --workbench-theme-toolbar-background: var(--bg-lv3-default);
  --workbench-theme-toolbar-foreground: var(--text-ultrastrong);
  --workbench-theme-toolbar-text-color: var(--text-ultrastrong);
  --workbench-theme-toolbar-icon-primary-color: var(--icon-medium);
  --workbench-theme-toolbar-button-hover-background: var(--feedback-hover);
  --workbench-theme-toolbar-button-active-background: var(--feedback-active);
  --workbench-theme-toolbar-border-with-drawer: transparent;
  --workbench-theme-toolbar-border-without-drawer: var(--border-medium);
  --workbench-theme-form-border: var(--border-strong);
  --workbench-theme-form-background: transparent;
  --workbench-theme-form-fill: var(--tsp-fill-medium);
  --workbench-theme-form-fill-active: var(--bg-lv1-default);
}
 {
  scrollbar_background: rgba(0, 0, 0, 0.12);
  scrollbar_background_hover: #ccc;
  scrollbar_width_thick: 10px;
  scrollbar_width_thin: 10px;
  scrollbar_height_thick: 10px;
  scrollbar_height_thin: 10px;
  scrollbar_length_thick: 140px;
  scrollbar_length_thin: 140px;
  scrollbar_border_thin: 2px solid transparent;
  scrollbar_border_thick: 2px solid transparent;
  scrollbar_border_radius_thick: 5px;
  scrollbar_border_radius_thin: 5px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background-color: inherit;
}
#left-sidebar-container .dui-tabpane-hidden {
  display: none;
}
#left-sidebar-container .dui-tabpane-active {
  display: block;
}
.left-sidebar-container {
  width: 100%;
  position: absolute;
  background-color: #fff;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  z-index: 120;
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
}
.left-sidebar-container .left-sidebar-close-button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZmlsbD0iIzQ2NEQ1QSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTcgNy43MTQgMTIuNzE0IDEyIDE3IDE2LjI4NmwtLjcxNC43MTRMMTIgMTIuNzE0IDcuNzE0IDE3IDcgMTYuMjg2IDExLjI4NiAxMiA3IDcuNzE0IDcuNzE0IDcgMTIgMTEuMjg2IDE2LjI4NiA3eiIvPjwvZz48L3N2Zz4=);
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 13.5px;
  right: 27px;
  transition: opacity ease 0.3s;
}
.left-sidebar-container .left-sidebar-close-button:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.left-sidebar-container .left-sidebar-close-button:active {
  background-color: rgba(0, 0, 0, 0.08);
}
.left-sidebar-container .left-sidebar-tab {
  width: 100%;
  height: calc(100% - 44px);
}

.language-item-wrapper {
  display: flex;
}
.language-item-wrapper .fill-arrow-right {
  display: inline-block;
  width: 40px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE1IDE1IDYtMy02LTN2Mi4zNUgzdjEuM2gxMlYxNVoiIGZpbGw9IiM0NTRENUEiLz48L3N2Zz4=) no-repeat center center;
}

.lng-transform-container {
  background-color: #ffffff;
}
.lng-transform-container .lng-container {
  cursor: pointer;
}
.lng-transform-container .lng-container:hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.lng-transform-container .lng-container:active {
  background-color: rgba(0, 0, 0, 0.08);
}

 {
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
}
:root {
  --text-ultrastrong: rgba(0, 0, 0, 0.88);
  /* gray-tsp-01 */
  --text-strong: rgba(0, 0, 0, 0.64);
  /* gray-tsp-02 */
  --text-medium: rgba(0, 0, 0, 0.4);
  /* gray-tsp-03 */
  --text-weak: rgba(0, 0, 0, 0.24);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --text-link: #175ceb;
  /* primaryblue-02 */
  --text-error: #eb3639;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #464d5a;
  /* grayblue-01 */
  --icon-medium: #81868f;
  /* grayblue-02 */
  --icon-weak: #cbcdd1;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(0, 0, 0, 0.04);
  /* gray-tsp-08 */
  --border-medium: rgba(0, 0, 0, 0.08);
  /* gray-tsp-07 */
  --border-strong: rgba(0, 0, 0, 0.12);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #f9fafb;
  /* grayblue-06 */
  --fill-medium: #f3f5f7;
  /* grayblue-05 */
  --fill-strong: #e9ebed;
  /* grayblue-04 */
  --fill-ultrastrong: #cbcdd1;
  /* grayblue-03 */
  --tsp-fill-weak: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --tsp-fill-medium: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --tsp-fill-strong: rgba(61, 82, 102, 0.12);
  /* 3D5266 / 12% */
  --tsp-fill-ultrastrong: rgba(61, 82, 102, 0.16);
  /* 3D5266 / 16% */
  --tsp-fill-accent-weak: rgba(30, 111, 255, 0.04);
  /* 1E6FFF / 4% */
  --tsp-fill-accent-medium: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --tsp-fill-accent-strong: rgba(30, 111, 255, 0.12);
  /* 1E6FFF / 12% */
  --tsp-fill-accent-ultrastrong: rgba(30, 111, 255, 0.16);
  /* 1E6FFF / 16% */
  --feedback-hover: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --feedback-active: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --feedback-accent: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --feedback-notice: #fffceb;
  /* yellow-07 */
  --bg-lv1-default: #ffffff;
  /* white */
  --bg-lv1-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv1-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv1-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv2-default: #ffffff;
  /* white */
  --bg-lv2-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv2-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv2-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv3-default: #ffffff;
  /* white */
  --bg-lv3-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv3-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv3-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv4-default: #ffffff;
  /* white */
  --bg-lv4-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv4-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv4-strong: #e9ebed;
  /* grayblue-04 */
  --accent-default: #1e6fff;
  /* primaryblue-03-brand */
  --accent-hover: #175ceb;
  /* primaryblue-02 */
  --accent-pressed: #134ae0;
  /* primaryblue-01 */
  --accent-disabled: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-default: #edf4ff;
  /* primaryblue-07 */
  --accent-bg-hover: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-pressed: #99beff;
  /* primaryblue-05 */
  --critical-default: #ff4747;
  /* red-03 */
  --critical-hover: #eb3639;
  /* red-02 */
  --critical-pressed: #e02424;
  /* red-01 */
  --critical-disabled: #ffcccc;
  /* red-06 */
  --critical-bg-default: #ffeeee;
  /* red-07 */
  --critical-bg-hover: #ffcccc;
  /* red-06 */
  --critical-bg-pressed: #ffa3a3;
  /* red-05 */
  --success-default: #00d689;
  /* green-04 */
  --notice-default: #ffab00;
  /* yellow-03 */
  --notice-bg-default: #fffceb;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
.__DARK__ {
  --text-ultrastrong: rgba(255, 255, 255, 0.92);
  /* gray-tsp-01 */
  --text-strong: rgba(255, 255, 255, 0.68);
  /* gray-tsp-02 */
  --text-medium: rgba(255, 255, 255, 0.44);
  /* gray-tsp-03 */
  --text-weak: rgba(255, 255, 255, 0.28);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --text-link: #206ef3;
  /* primaryblue-02 */
  --text-error: #ed5050;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #dcdee0;
  /* grayblue-01 */
  --icon-medium: #969799;
  /* grayblue-02 */
  --icon-weak: #5b5b5c;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --border-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --border-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #242529;
  /* 242529 */
  --fill-medium: #1c1d1f;
  /* grayblue-06 */
  --fill-strong: #18191a;
  /* grayblue-05 */
  --fill-ultrastrong: #131414;
  /* grayblue-04 */
  --tsp-fill-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --tsp-fill-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --tsp-fill-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --tsp-fill-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --tsp-fill-accent-weak: rgba(13, 97, 242, 0.12);
  /* 0D61F2 / 12% */
  --tsp-fill-accent-medium: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --tsp-fill-accent-strong: rgba(13, 97, 242, 0.2);
  /* 0D61F2 / 20% */
  --tsp-fill-accent-ultrastrong: rgba(13, 97, 242, 0.24);
  /* 0D61F2 / 24% */
  --feedback-hover: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --feedback-active: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --feedback-accent: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --feedback-notice: #3d2b00;
  /* yellow-07 */
  --bg-lv1-default: #131414;
  /* 131414 */
  --bg-lv1-weak: #131414;
  /* 131414 */
  --bg-lv1-medium: #131414;
  /* 131414 */
  --bg-lv1-strong: #131414;
  /* 131414 */
  --bg-lv2-default: #18191a;
  /* 18191A */
  --bg-lv2-weak: #18191a;
  /* 18191A */
  --bg-lv2-medium: #18191a;
  /* 18191A */
  --bg-lv2-strong: #18191a;
  /* 18191A */
  --bg-lv3-default: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-weak: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-medium: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-strong: #1c1d1f;
  /* 1C1D1F */
  --bg-lv4-default: #242529;
  /* 242529 */
  --bg-lv4-weak: #242529;
  /* 242529 */
  --bg-lv4-medium: #242529;
  /* 242529 */
  --bg-lv4-strong: #242529;
  /* 242529 */
  --accent-default: #0d61f2;
  /* primaryblue-03-brand */
  --accent-hover: #206ef3;
  /* primaryblue-02 */
  --accent-pressed: #347af4;
  /* primaryblue-01 */
  --accent-disabled: #143266;
  /* primaryblue-06 */
  --accent-bg-default: #0f254d;
  /* primaryblue-07 */
  --accent-bg-hover: #143266;
  /* primaryblue-06 */
  --accent-bg-pressed: #193e80;
  /* primaryblue-05 */
  --critical-default: #eb4141;
  /* red-03 */
  --critical-hover: #ed5050;
  /* red-02 */
  --critical-pressed: #ee5f5f;
  /* red-01 */
  --critical-disabled: #5c1a1a;
  /* red-06 */
  --critical-bg-default: #3d1111;
  /* red-07 */
  --critical-bg-hover: #5c1a1a;
  /* red-06 */
  --critical-bg-pressed: #802323;
  /* red-05 */
  --success-default: #008d4b;
  /* green-04 */
  --notice-default: #eb9d00;
  /* yellow-03 */
  --notice-bg-default: #3d2b00;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
[data-workbench-theme="tdocs"] {
  --workbench-theme-global-button-hover: var(--feedback-hover);
  --workbench-theme-global-button-active: var(--feedback-active);
  --workbench-theme-global-icon-primary-color: var(--icon-medium);
  --workbench-theme-global-icon-primary-opacity: 1;
  --workbench-theme-global-icon-secondary-color: var(--icon-weak);
  --workbench-theme-global-icon-secondary-opacity: 1;
  --workbench-theme-drawer-background: var(--bg-lv3-default);
  --workbench-theme-drawer-foreground: var(--text-strong);
  --workbench-theme-drawer-border: var(--border-medium);
  --workbench-theme-editor-zone-background: var(--bg-lv1-medium);
  --workbench-theme-statusbar-background: var(--bg-lv3-default);
  --workbench-theme-statusbar-foreground: var(--text-strong);
  --workbench-theme-statusbar-text-color: var(--text-strong);
  --workbench-theme-statusbar-icon-primary-color: var(--icon-strong);
  --workbench-theme-statusbar-border: var(--border-medium);
  --workbench-theme-statusbar-hover-background: var(--feedback-hover);
  --workbench-theme-statusbar-active-background: var(--feedback-active);
  --workbench-theme-titlebar-background: var(--bg-lv3-default);
  --workbench-theme-titlebar-foreground: var(--text-ultrastrong);
  --workbench-theme-titlebar-border: var(--border-medium);
  --workbench-theme-toolbar-background: var(--bg-lv3-default);
  --workbench-theme-toolbar-foreground: var(--text-ultrastrong);
  --workbench-theme-toolbar-text-color: var(--text-ultrastrong);
  --workbench-theme-toolbar-icon-primary-color: var(--icon-medium);
  --workbench-theme-toolbar-button-hover-background: var(--feedback-hover);
  --workbench-theme-toolbar-button-active-background: var(--feedback-active);
  --workbench-theme-toolbar-border-with-drawer: transparent;
  --workbench-theme-toolbar-border-without-drawer: var(--border-medium);
  --workbench-theme-form-border: var(--border-strong);
  --workbench-theme-form-background: transparent;
  --workbench-theme-form-fill: var(--tsp-fill-medium);
  --workbench-theme-form-fill-active: var(--bg-lv1-default);
}
 {
  scrollbar_background: rgba(0, 0, 0, 0.12);
  scrollbar_background_hover: #ccc;
  scrollbar_width_thick: 10px;
  scrollbar_width_thin: 10px;
  scrollbar_height_thick: 10px;
  scrollbar_height_thin: 10px;
  scrollbar_length_thick: 140px;
  scrollbar_length_thin: 140px;
  scrollbar_border_thin: 2px solid transparent;
  scrollbar_border_thick: 2px solid transparent;
  scrollbar_border_radius_thick: 5px;
  scrollbar_border_radius_thin: 5px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background-color: inherit;
}
.save-as-container {
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
  background-color: #ffffff;
}
.save-as-container .save-as-wrapper {
  display: block;
  width: 68px;
  height: 24px;
  padding: 0 12px 0 10px;
  line-height: 24px;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #1F1F1F;
  margin-right: 8px;
  cursor: pointer;
}
.save-as-container .save-as-wrapper .save-as {
  display: inline-block;
  vertical-align: top;
}
.save-as-container .save-as-wrapper .fill-arrow-down {
  display: inline-block;
  height: 100%;
  width: 12px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxMikiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiByeD0iMS41Ii8+PHBhdGggZD0ibTYuMTYgNC4yMTMgMi42IDMuNDY3QS4yLjIgMCAwIDEgOC42IDhIMy40YS4yLjIgMCAwIDEtLjE2LS4zMmwyLjYtMy40NjdhLjIuMiAwIDAgMSAuMzIgMFoiIGZpbGw9IiM4MTg2OEYiLz48L2c+PC9zdmc+) no-repeat center center;
}
.save-as-container .save-as-wrapper:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.save-as-container .save-as-wrapper:active {
  background-color: rgba(0, 0, 0, 0.12);
}
.save-as-container .disable {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.24) !important;
}

 {
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
}
:root {
  --text-ultrastrong: rgba(0, 0, 0, 0.88);
  /* gray-tsp-01 */
  --text-strong: rgba(0, 0, 0, 0.64);
  /* gray-tsp-02 */
  --text-medium: rgba(0, 0, 0, 0.4);
  /* gray-tsp-03 */
  --text-weak: rgba(0, 0, 0, 0.24);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --text-link: #175ceb;
  /* primaryblue-02 */
  --text-error: #eb3639;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #464d5a;
  /* grayblue-01 */
  --icon-medium: #81868f;
  /* grayblue-02 */
  --icon-weak: #cbcdd1;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(0, 0, 0, 0.04);
  /* gray-tsp-08 */
  --border-medium: rgba(0, 0, 0, 0.08);
  /* gray-tsp-07 */
  --border-strong: rgba(0, 0, 0, 0.12);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #f9fafb;
  /* grayblue-06 */
  --fill-medium: #f3f5f7;
  /* grayblue-05 */
  --fill-strong: #e9ebed;
  /* grayblue-04 */
  --fill-ultrastrong: #cbcdd1;
  /* grayblue-03 */
  --tsp-fill-weak: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --tsp-fill-medium: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --tsp-fill-strong: rgba(61, 82, 102, 0.12);
  /* 3D5266 / 12% */
  --tsp-fill-ultrastrong: rgba(61, 82, 102, 0.16);
  /* 3D5266 / 16% */
  --tsp-fill-accent-weak: rgba(30, 111, 255, 0.04);
  /* 1E6FFF / 4% */
  --tsp-fill-accent-medium: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --tsp-fill-accent-strong: rgba(30, 111, 255, 0.12);
  /* 1E6FFF / 12% */
  --tsp-fill-accent-ultrastrong: rgba(30, 111, 255, 0.16);
  /* 1E6FFF / 16% */
  --feedback-hover: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --feedback-active: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --feedback-accent: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --feedback-notice: #fffceb;
  /* yellow-07 */
  --bg-lv1-default: #ffffff;
  /* white */
  --bg-lv1-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv1-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv1-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv2-default: #ffffff;
  /* white */
  --bg-lv2-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv2-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv2-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv3-default: #ffffff;
  /* white */
  --bg-lv3-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv3-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv3-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv4-default: #ffffff;
  /* white */
  --bg-lv4-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv4-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv4-strong: #e9ebed;
  /* grayblue-04 */
  --accent-default: #1e6fff;
  /* primaryblue-03-brand */
  --accent-hover: #175ceb;
  /* primaryblue-02 */
  --accent-pressed: #134ae0;
  /* primaryblue-01 */
  --accent-disabled: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-default: #edf4ff;
  /* primaryblue-07 */
  --accent-bg-hover: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-pressed: #99beff;
  /* primaryblue-05 */
  --critical-default: #ff4747;
  /* red-03 */
  --critical-hover: #eb3639;
  /* red-02 */
  --critical-pressed: #e02424;
  /* red-01 */
  --critical-disabled: #ffcccc;
  /* red-06 */
  --critical-bg-default: #ffeeee;
  /* red-07 */
  --critical-bg-hover: #ffcccc;
  /* red-06 */
  --critical-bg-pressed: #ffa3a3;
  /* red-05 */
  --success-default: #00d689;
  /* green-04 */
  --notice-default: #ffab00;
  /* yellow-03 */
  --notice-bg-default: #fffceb;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
.__DARK__ {
  --text-ultrastrong: rgba(255, 255, 255, 0.92);
  /* gray-tsp-01 */
  --text-strong: rgba(255, 255, 255, 0.68);
  /* gray-tsp-02 */
  --text-medium: rgba(255, 255, 255, 0.44);
  /* gray-tsp-03 */
  --text-weak: rgba(255, 255, 255, 0.28);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --text-link: #206ef3;
  /* primaryblue-02 */
  --text-error: #ed5050;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #dcdee0;
  /* grayblue-01 */
  --icon-medium: #969799;
  /* grayblue-02 */
  --icon-weak: #5b5b5c;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --border-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --border-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #242529;
  /* 242529 */
  --fill-medium: #1c1d1f;
  /* grayblue-06 */
  --fill-strong: #18191a;
  /* grayblue-05 */
  --fill-ultrastrong: #131414;
  /* grayblue-04 */
  --tsp-fill-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --tsp-fill-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --tsp-fill-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --tsp-fill-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --tsp-fill-accent-weak: rgba(13, 97, 242, 0.12);
  /* 0D61F2 / 12% */
  --tsp-fill-accent-medium: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --tsp-fill-accent-strong: rgba(13, 97, 242, 0.2);
  /* 0D61F2 / 20% */
  --tsp-fill-accent-ultrastrong: rgba(13, 97, 242, 0.24);
  /* 0D61F2 / 24% */
  --feedback-hover: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --feedback-active: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --feedback-accent: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --feedback-notice: #3d2b00;
  /* yellow-07 */
  --bg-lv1-default: #131414;
  /* 131414 */
  --bg-lv1-weak: #131414;
  /* 131414 */
  --bg-lv1-medium: #131414;
  /* 131414 */
  --bg-lv1-strong: #131414;
  /* 131414 */
  --bg-lv2-default: #18191a;
  /* 18191A */
  --bg-lv2-weak: #18191a;
  /* 18191A */
  --bg-lv2-medium: #18191a;
  /* 18191A */
  --bg-lv2-strong: #18191a;
  /* 18191A */
  --bg-lv3-default: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-weak: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-medium: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-strong: #1c1d1f;
  /* 1C1D1F */
  --bg-lv4-default: #242529;
  /* 242529 */
  --bg-lv4-weak: #242529;
  /* 242529 */
  --bg-lv4-medium: #242529;
  /* 242529 */
  --bg-lv4-strong: #242529;
  /* 242529 */
  --accent-default: #0d61f2;
  /* primaryblue-03-brand */
  --accent-hover: #206ef3;
  /* primaryblue-02 */
  --accent-pressed: #347af4;
  /* primaryblue-01 */
  --accent-disabled: #143266;
  /* primaryblue-06 */
  --accent-bg-default: #0f254d;
  /* primaryblue-07 */
  --accent-bg-hover: #143266;
  /* primaryblue-06 */
  --accent-bg-pressed: #193e80;
  /* primaryblue-05 */
  --critical-default: #eb4141;
  /* red-03 */
  --critical-hover: #ed5050;
  /* red-02 */
  --critical-pressed: #ee5f5f;
  /* red-01 */
  --critical-disabled: #5c1a1a;
  /* red-06 */
  --critical-bg-default: #3d1111;
  /* red-07 */
  --critical-bg-hover: #5c1a1a;
  /* red-06 */
  --critical-bg-pressed: #802323;
  /* red-05 */
  --success-default: #008d4b;
  /* green-04 */
  --notice-default: #eb9d00;
  /* yellow-03 */
  --notice-bg-default: #3d2b00;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
[data-workbench-theme="tdocs"] {
  --workbench-theme-global-button-hover: var(--feedback-hover);
  --workbench-theme-global-button-active: var(--feedback-active);
  --workbench-theme-global-icon-primary-color: var(--icon-medium);
  --workbench-theme-global-icon-primary-opacity: 1;
  --workbench-theme-global-icon-secondary-color: var(--icon-weak);
  --workbench-theme-global-icon-secondary-opacity: 1;
  --workbench-theme-drawer-background: var(--bg-lv3-default);
  --workbench-theme-drawer-foreground: var(--text-strong);
  --workbench-theme-drawer-border: var(--border-medium);
  --workbench-theme-editor-zone-background: var(--bg-lv1-medium);
  --workbench-theme-statusbar-background: var(--bg-lv3-default);
  --workbench-theme-statusbar-foreground: var(--text-strong);
  --workbench-theme-statusbar-text-color: var(--text-strong);
  --workbench-theme-statusbar-icon-primary-color: var(--icon-strong);
  --workbench-theme-statusbar-border: var(--border-medium);
  --workbench-theme-statusbar-hover-background: var(--feedback-hover);
  --workbench-theme-statusbar-active-background: var(--feedback-active);
  --workbench-theme-titlebar-background: var(--bg-lv3-default);
  --workbench-theme-titlebar-foreground: var(--text-ultrastrong);
  --workbench-theme-titlebar-border: var(--border-medium);
  --workbench-theme-toolbar-background: var(--bg-lv3-default);
  --workbench-theme-toolbar-foreground: var(--text-ultrastrong);
  --workbench-theme-toolbar-text-color: var(--text-ultrastrong);
  --workbench-theme-toolbar-icon-primary-color: var(--icon-medium);
  --workbench-theme-toolbar-button-hover-background: var(--feedback-hover);
  --workbench-theme-toolbar-button-active-background: var(--feedback-active);
  --workbench-theme-toolbar-border-with-drawer: transparent;
  --workbench-theme-toolbar-border-without-drawer: var(--border-medium);
  --workbench-theme-form-border: var(--border-strong);
  --workbench-theme-form-background: transparent;
  --workbench-theme-form-fill: var(--tsp-fill-medium);
  --workbench-theme-form-fill-active: var(--bg-lv1-default);
}
 {
  scrollbar_background: rgba(0, 0, 0, 0.12);
  scrollbar_background_hover: #ccc;
  scrollbar_width_thick: 10px;
  scrollbar_width_thin: 10px;
  scrollbar_height_thick: 10px;
  scrollbar_height_thin: 10px;
  scrollbar_length_thick: 140px;
  scrollbar_length_thin: 140px;
  scrollbar_border_thin: 2px solid transparent;
  scrollbar_border_thick: 2px solid transparent;
  scrollbar_border_radius_thick: 5px;
  scrollbar_border_radius_thin: 5px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background-color: inherit;
}
.exit-container {
  background-color: #ffffff;
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
}
.exit-container .exit-translation {
  display: block;
  width: 70px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #1F1F1F;
  cursor: default;
}
.exit-container .exit-translation:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.exit-container .exit-translation:active {
  background-color: rgba(0, 0, 0, 0.12);
}

 {
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
}
:root {
  --text-ultrastrong: rgba(0, 0, 0, 0.88);
  /* gray-tsp-01 */
  --text-strong: rgba(0, 0, 0, 0.64);
  /* gray-tsp-02 */
  --text-medium: rgba(0, 0, 0, 0.4);
  /* gray-tsp-03 */
  --text-weak: rgba(0, 0, 0, 0.24);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --text-link: #175ceb;
  /* primaryblue-02 */
  --text-error: #eb3639;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #464d5a;
  /* grayblue-01 */
  --icon-medium: #81868f;
  /* grayblue-02 */
  --icon-weak: #cbcdd1;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(0, 0, 0, 0.04);
  /* gray-tsp-08 */
  --border-medium: rgba(0, 0, 0, 0.08);
  /* gray-tsp-07 */
  --border-strong: rgba(0, 0, 0, 0.12);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #f9fafb;
  /* grayblue-06 */
  --fill-medium: #f3f5f7;
  /* grayblue-05 */
  --fill-strong: #e9ebed;
  /* grayblue-04 */
  --fill-ultrastrong: #cbcdd1;
  /* grayblue-03 */
  --tsp-fill-weak: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --tsp-fill-medium: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --tsp-fill-strong: rgba(61, 82, 102, 0.12);
  /* 3D5266 / 12% */
  --tsp-fill-ultrastrong: rgba(61, 82, 102, 0.16);
  /* 3D5266 / 16% */
  --tsp-fill-accent-weak: rgba(30, 111, 255, 0.04);
  /* 1E6FFF / 4% */
  --tsp-fill-accent-medium: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --tsp-fill-accent-strong: rgba(30, 111, 255, 0.12);
  /* 1E6FFF / 12% */
  --tsp-fill-accent-ultrastrong: rgba(30, 111, 255, 0.16);
  /* 1E6FFF / 16% */
  --feedback-hover: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --feedback-active: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --feedback-accent: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --feedback-notice: #fffceb;
  /* yellow-07 */
  --bg-lv1-default: #ffffff;
  /* white */
  --bg-lv1-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv1-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv1-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv2-default: #ffffff;
  /* white */
  --bg-lv2-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv2-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv2-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv3-default: #ffffff;
  /* white */
  --bg-lv3-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv3-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv3-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv4-default: #ffffff;
  /* white */
  --bg-lv4-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv4-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv4-strong: #e9ebed;
  /* grayblue-04 */
  --accent-default: #1e6fff;
  /* primaryblue-03-brand */
  --accent-hover: #175ceb;
  /* primaryblue-02 */
  --accent-pressed: #134ae0;
  /* primaryblue-01 */
  --accent-disabled: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-default: #edf4ff;
  /* primaryblue-07 */
  --accent-bg-hover: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-pressed: #99beff;
  /* primaryblue-05 */
  --critical-default: #ff4747;
  /* red-03 */
  --critical-hover: #eb3639;
  /* red-02 */
  --critical-pressed: #e02424;
  /* red-01 */
  --critical-disabled: #ffcccc;
  /* red-06 */
  --critical-bg-default: #ffeeee;
  /* red-07 */
  --critical-bg-hover: #ffcccc;
  /* red-06 */
  --critical-bg-pressed: #ffa3a3;
  /* red-05 */
  --success-default: #00d689;
  /* green-04 */
  --notice-default: #ffab00;
  /* yellow-03 */
  --notice-bg-default: #fffceb;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
.__DARK__ {
  --text-ultrastrong: rgba(255, 255, 255, 0.92);
  /* gray-tsp-01 */
  --text-strong: rgba(255, 255, 255, 0.68);
  /* gray-tsp-02 */
  --text-medium: rgba(255, 255, 255, 0.44);
  /* gray-tsp-03 */
  --text-weak: rgba(255, 255, 255, 0.28);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --text-link: #206ef3;
  /* primaryblue-02 */
  --text-error: #ed5050;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #dcdee0;
  /* grayblue-01 */
  --icon-medium: #969799;
  /* grayblue-02 */
  --icon-weak: #5b5b5c;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --border-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --border-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #242529;
  /* 242529 */
  --fill-medium: #1c1d1f;
  /* grayblue-06 */
  --fill-strong: #18191a;
  /* grayblue-05 */
  --fill-ultrastrong: #131414;
  /* grayblue-04 */
  --tsp-fill-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --tsp-fill-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --tsp-fill-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --tsp-fill-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --tsp-fill-accent-weak: rgba(13, 97, 242, 0.12);
  /* 0D61F2 / 12% */
  --tsp-fill-accent-medium: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --tsp-fill-accent-strong: rgba(13, 97, 242, 0.2);
  /* 0D61F2 / 20% */
  --tsp-fill-accent-ultrastrong: rgba(13, 97, 242, 0.24);
  /* 0D61F2 / 24% */
  --feedback-hover: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --feedback-active: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --feedback-accent: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --feedback-notice: #3d2b00;
  /* yellow-07 */
  --bg-lv1-default: #131414;
  /* 131414 */
  --bg-lv1-weak: #131414;
  /* 131414 */
  --bg-lv1-medium: #131414;
  /* 131414 */
  --bg-lv1-strong: #131414;
  /* 131414 */
  --bg-lv2-default: #18191a;
  /* 18191A */
  --bg-lv2-weak: #18191a;
  /* 18191A */
  --bg-lv2-medium: #18191a;
  /* 18191A */
  --bg-lv2-strong: #18191a;
  /* 18191A */
  --bg-lv3-default: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-weak: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-medium: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-strong: #1c1d1f;
  /* 1C1D1F */
  --bg-lv4-default: #242529;
  /* 242529 */
  --bg-lv4-weak: #242529;
  /* 242529 */
  --bg-lv4-medium: #242529;
  /* 242529 */
  --bg-lv4-strong: #242529;
  /* 242529 */
  --accent-default: #0d61f2;
  /* primaryblue-03-brand */
  --accent-hover: #206ef3;
  /* primaryblue-02 */
  --accent-pressed: #347af4;
  /* primaryblue-01 */
  --accent-disabled: #143266;
  /* primaryblue-06 */
  --accent-bg-default: #0f254d;
  /* primaryblue-07 */
  --accent-bg-hover: #143266;
  /* primaryblue-06 */
  --accent-bg-pressed: #193e80;
  /* primaryblue-05 */
  --critical-default: #eb4141;
  /* red-03 */
  --critical-hover: #ed5050;
  /* red-02 */
  --critical-pressed: #ee5f5f;
  /* red-01 */
  --critical-disabled: #5c1a1a;
  /* red-06 */
  --critical-bg-default: #3d1111;
  /* red-07 */
  --critical-bg-hover: #5c1a1a;
  /* red-06 */
  --critical-bg-pressed: #802323;
  /* red-05 */
  --success-default: #008d4b;
  /* green-04 */
  --notice-default: #eb9d00;
  /* yellow-03 */
  --notice-bg-default: #3d2b00;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
[data-workbench-theme="tdocs"] {
  --workbench-theme-global-button-hover: var(--feedback-hover);
  --workbench-theme-global-button-active: var(--feedback-active);
  --workbench-theme-global-icon-primary-color: var(--icon-medium);
  --workbench-theme-global-icon-primary-opacity: 1;
  --workbench-theme-global-icon-secondary-color: var(--icon-weak);
  --workbench-theme-global-icon-secondary-opacity: 1;
  --workbench-theme-drawer-background: var(--bg-lv3-default);
  --workbench-theme-drawer-foreground: var(--text-strong);
  --workbench-theme-drawer-border: var(--border-medium);
  --workbench-theme-editor-zone-background: var(--bg-lv1-medium);
  --workbench-theme-statusbar-background: var(--bg-lv3-default);
  --workbench-theme-statusbar-foreground: var(--text-strong);
  --workbench-theme-statusbar-text-color: var(--text-strong);
  --workbench-theme-statusbar-icon-primary-color: var(--icon-strong);
  --workbench-theme-statusbar-border: var(--border-medium);
  --workbench-theme-statusbar-hover-background: var(--feedback-hover);
  --workbench-theme-statusbar-active-background: var(--feedback-active);
  --workbench-theme-titlebar-background: var(--bg-lv3-default);
  --workbench-theme-titlebar-foreground: var(--text-ultrastrong);
  --workbench-theme-titlebar-border: var(--border-medium);
  --workbench-theme-toolbar-background: var(--bg-lv3-default);
  --workbench-theme-toolbar-foreground: var(--text-ultrastrong);
  --workbench-theme-toolbar-text-color: var(--text-ultrastrong);
  --workbench-theme-toolbar-icon-primary-color: var(--icon-medium);
  --workbench-theme-toolbar-button-hover-background: var(--feedback-hover);
  --workbench-theme-toolbar-button-active-background: var(--feedback-active);
  --workbench-theme-toolbar-border-with-drawer: transparent;
  --workbench-theme-toolbar-border-without-drawer: var(--border-medium);
  --workbench-theme-form-border: var(--border-strong);
  --workbench-theme-form-background: transparent;
  --workbench-theme-form-fill: var(--tsp-fill-medium);
  --workbench-theme-form-fill-active: var(--bg-lv1-default);
}
 {
  scrollbar_background: rgba(0, 0, 0, 0.12);
  scrollbar_background_hover: #ccc;
  scrollbar_width_thick: 10px;
  scrollbar_width_thin: 10px;
  scrollbar_height_thick: 10px;
  scrollbar_height_thin: 10px;
  scrollbar_length_thick: 140px;
  scrollbar_length_thin: 140px;
  scrollbar_border_thin: 2px solid transparent;
  scrollbar_border_thick: 2px solid transparent;
  scrollbar_border_radius_thick: 5px;
  scrollbar_border_radius_thin: 5px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background-color: inherit;
}
.thumbnal-item {
  margin: 12px auto;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#left-sidebar-thumbnail-tab > div.dui-trigger {
  height: 100%;
}
.thumbnail-view {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding-top: 8px;
  position: relative;
}
.thumbnail-statusbar {
  display: flex;
}
.thumbnail-statusbar-button {
  width: 24px;
  height: 24px;
  position: relative;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjUgNGEuNS41IDAgMCAxIC41LjV2MTVhLjUuNSAwIDAgMS0uNS41aC0xNGEuNS41IDAgMCAxLS41LS41di0xNWEuNS41IDAgMCAxIC41LS41aDE0Wm0tLjc1IDEuMjVINi4yNXYxMy41aDEyLjVWNS4yNVpNMTcgMTQuNzV2MS41aC02di0xLjVoNlptLTcuNSAwdjEuNUg4di0xLjVoMS41Wm03LjUtMy41djEuNWgtNnYtMS41aDZabS03LjUgMHYxLjVIOHYtMS41aDEuNVptNy41LTMuNXYxLjVoLTZ2LTEuNWg2Wm0tNy41IDB2MS41SDh2LTEuNWgxLjVaIiBmaWxsPSIjNDY0RDVBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;
  background-position: center;
  background-size: 20px;
}
.thumbnail-statusbar-button:hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 2px;
}
.thumbnail-statusbar-button.active {
  background-color: rgba(0, 0, 0, 0.08);
}
.thumbnail-statusbar-button.disable {
  opacity: 0.5;
  pointer-events: none;
}

.export-word {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzguMzc5IDkuNUgxNmMtLjY5IDAtMS4zMTUuMjgtMS43NjguNzMyQTIuNDkyIDIuNDkyIDAgMCAwIDEzLjUgMTJ2NDBjMCAuNjkuMjggMS4zMTUuNzMyIDEuNzY4QTIuNDkyIDIuNDkyIDAgMCAwIDE2IDU0LjVoMzJjLjY5IDAgMS4zMTUtLjI4IDEuNzY4LS43MzJBMi40OTIgMi40OTIgMCAwIDAgNTAuNSA1MlYyMS42MjFMMzguMzc5IDkuNVoiIHN0cm9rZT0iIzQ2NEQ1QSIgc3Ryb2tlLXdpZHRoPSIzIi8+PHBhdGggZmlsbD0iIzQ2NEQ1QSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjUuOTg1IDI2LjM2OGgtMy45ODhsLjI0IDIwLjE4Mmg0LjU5Nmw2LjE0Ny0xMy44NDYuODEyIDEzLjg0Nmg0LjU5MWw4LjA1Mi0yMC4xODJINDIuOGwtNS41OTMgMTQuNDgtLjczMi0xNC40OGgtNC4xOTdsLTYuMzQ0IDE0LjQ2OHoiLz48cGF0aCBkPSJtMzggOCAxNCAxNEg0MmE0IDQgMCAwIDEtNC00VjhaIiBmaWxsPSIjNDY0RDVBIi8+PC9nPjwvc3ZnPg==);
}
.export-excel {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzguMzc5IDkuNUgxNmMtLjY5IDAtMS4zMTUuMjgtMS43NjguNzMyQTIuNDkyIDIuNDkyIDAgMCAwIDEzLjUgMTJ2NDBjMCAuNjkuMjggMS4zMTUuNzMyIDEuNzY4QTIuNDkyIDIuNDkyIDAgMCAwIDE2IDU0LjVoMzJjLjY5IDAgMS4zMTUtLjI4IDEuNzY4LS43MzJBMi40OTIgMi40OTIgMCAwIDAgNTAuNSA1MlYyMS42MjFMMzguMzc5IDkuNVoiIHN0cm9rZT0iIzQ2NEQ1QSIgc3Ryb2tlLXdpZHRoPSIzIi8+PHBhdGggZmlsbD0iIzQ2NEQ1QSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMzAuMTYgMjYuMzY4aC00LjMxOGw0LjI4MyA5LjU1MS04LjAxMyAxMC42MzFoNC42NjFsNC45NjktNy4wMDMgMy4xMzggNy4wMDNoNC4yOTFsLTQuNTE4LTEwLjEyNSA3LjQ2NC0xMC4wNTdoLTQuNThsLTQuNTAyIDYuNDUxeiIvPjxwYXRoIGQ9Im0zOCA4IDE0IDE0SDQyYTQgNCAwIDAgMS00LTRWOFoiIGZpbGw9IiM0NjRENUEiLz48L2c+PC9zdmc+);
}
.export-ppt {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzguMzc5IDkuNUgxNmMtLjY5IDAtMS4zMTUuMjgtMS43NjguNzMyQTIuNDkyIDIuNDkyIDAgMCAwIDEzLjUgMTJ2NDBjMCAuNjkuMjggMS4zMTUuNzMyIDEuNzY4QTIuNDkyIDIuNDkyIDAgMCAwIDE2IDU0LjVoMzJjLjY5IDAgMS4zMTUtLjI4IDEuNzY4LS43MzJBMi40OTIgMi40OTIgMCAwIDAgNTAuNSA1MlYyMS42MjFMMzguMzc5IDkuNVoiIHN0cm9rZT0iIzQ2NEQ1QSIgc3Ryb2tlLXdpZHRoPSIzIi8+PHBhdGggZD0iTTI3LjUyNiAyNi4zNjhoOC44OTRjMy4wNjggMCA0LjI4LjcwMiA0LjI4IDIuNzQ2IDAgLjY1OS0uMDk2IDEuNTA2LS4zMDggMi42ODFsLS41MjggMi44MjVjLS40NTIgMi40MDItMS4wNTMgMy42ODctMi4xODQgNC40NS0uOTE1LjYzMi0xLjkwNS44MjctMy41MjMuODQ4bC0uMzExLjAwMmgtNC43MDVsLTEuMTcgNi42M2gtMy45OWwzLjU0NS0yMC4xODJabTcuNTU0IDMuMjgzLTQuMTQ0LS4wMDEtMS4yMTMgNi45ODhoMy43MDdjMS43IDAgMi4xNzYtLjQ3MiAyLjYwNi0yLjc0NWwuMDg2LS40NzkuMjUtMS40NzguMTY1LTEuMDQ3Yy4wNC0uMjc1LjA0OS0uMzkxLjA0OS0uNTI3IDAtLjQ5NC0uMjEtLjY2My0xLjE0NS0uNzAybC0uMzYxLS4wMVoiIGZpbGw9IiM0NjRENUEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Im0zOCA4IDE0IDE0SDQyYTQgNCAwIDAgMS00LTRWOFoiIGZpbGw9IiM0NjRENUEiLz48L2c+PC9zdmc+);
}
.icon-mobile-toolbar-to-word {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzguMzc5IDkuNUgxNmMtLjY5IDAtMS4zMTUuMjgtMS43NjguNzMyQTIuNDkyIDIuNDkyIDAgMCAwIDEzLjUgMTJ2NDBjMCAuNjkuMjggMS4zMTUuNzMyIDEuNzY4QTIuNDkyIDIuNDkyIDAgMCAwIDE2IDU0LjVoMzJjLjY5IDAgMS4zMTUtLjI4IDEuNzY4LS43MzJBMi40OTIgMi40OTIgMCAwIDAgNTAuNSA1MlYyMS42MjFMMzguMzc5IDkuNVoiIHN0cm9rZT0iIzQ2NEQ1QSIgc3Ryb2tlLXdpZHRoPSIzIi8+PHBhdGggZmlsbD0iIzQ2NEQ1QSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjUuOTg1IDI2LjM2OGgtMy45ODhsLjI0IDIwLjE4Mmg0LjU5Nmw2LjE0Ny0xMy44NDYuODEyIDEzLjg0Nmg0LjU5MWw4LjA1Mi0yMC4xODJINDIuOGwtNS41OTMgMTQuNDgtLjczMi0xNC40OGgtNC4xOTdsLTYuMzQ0IDE0LjQ2OHoiLz48cGF0aCBkPSJtMzggOCAxNCAxNEg0MmE0IDQgMCAwIDEtNC00VjhaIiBmaWxsPSIjNDY0RDVBIi8+PC9nPjwvc3ZnPg==);
}
.icon-mobile-toolbar-to-excel {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzguMzc5IDkuNUgxNmMtLjY5IDAtMS4zMTUuMjgtMS43NjguNzMyQTIuNDkyIDIuNDkyIDAgMCAwIDEzLjUgMTJ2NDBjMCAuNjkuMjggMS4zMTUuNzMyIDEuNzY4QTIuNDkyIDIuNDkyIDAgMCAwIDE2IDU0LjVoMzJjLjY5IDAgMS4zMTUtLjI4IDEuNzY4LS43MzJBMi40OTIgMi40OTIgMCAwIDAgNTAuNSA1MlYyMS42MjFMMzguMzc5IDkuNVoiIHN0cm9rZT0iIzQ2NEQ1QSIgc3Ryb2tlLXdpZHRoPSIzIi8+PHBhdGggZmlsbD0iIzQ2NEQ1QSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMzAuMTYgMjYuMzY4aC00LjMxOGw0LjI4MyA5LjU1MS04LjAxMyAxMC42MzFoNC42NjFsNC45NjktNy4wMDMgMy4xMzggNy4wMDNoNC4yOTFsLTQuNTE4LTEwLjEyNSA3LjQ2NC0xMC4wNTdoLTQuNThsLTQuNTAyIDYuNDUxeiIvPjxwYXRoIGQ9Im0zOCA4IDE0IDE0SDQyYTQgNCAwIDAgMS00LTRWOFoiIGZpbGw9IiM0NjRENUEiLz48L2c+PC9zdmc+);
}
.icon-mobile-toolbar-to-ppt {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzguMzc5IDkuNUgxNmMtLjY5IDAtMS4zMTUuMjgtMS43NjguNzMyQTIuNDkyIDIuNDkyIDAgMCAwIDEzLjUgMTJ2NDBjMCAuNjkuMjggMS4zMTUuNzMyIDEuNzY4QTIuNDkyIDIuNDkyIDAgMCAwIDE2IDU0LjVoMzJjLjY5IDAgMS4zMTUtLjI4IDEuNzY4LS43MzJBMi40OTIgMi40OTIgMCAwIDAgNTAuNSA1MlYyMS42MjFMMzguMzc5IDkuNVoiIHN0cm9rZT0iIzQ2NEQ1QSIgc3Ryb2tlLXdpZHRoPSIzIi8+PHBhdGggZD0iTTI3LjUyNiAyNi4zNjhoOC44OTRjMy4wNjggMCA0LjI4LjcwMiA0LjI4IDIuNzQ2IDAgLjY1OS0uMDk2IDEuNTA2LS4zMDggMi42ODFsLS41MjggMi44MjVjLS40NTIgMi40MDItMS4wNTMgMy42ODctMi4xODQgNC40NS0uOTE1LjYzMi0xLjkwNS44MjctMy41MjMuODQ4bC0uMzExLjAwMmgtNC43MDVsLTEuMTcgNi42M2gtMy45OWwzLjU0NS0yMC4xODJabTcuNTU0IDMuMjgzLTQuMTQ0LS4wMDEtMS4yMTMgNi45ODhoMy43MDdjMS43IDAgMi4xNzYtLjQ3MiAyLjYwNi0yLjc0NWwuMDg2LS40NzkuMjUtMS40NzguMTY1LTEuMDQ3Yy4wNC0uMjc1LjA0OS0uMzkxLjA0OS0uNTI3IDAtLjQ5NC0uMjEtLjY2My0xLjE0NS0uNzAybC0uMzYxLS4wMVoiIGZpbGw9IiM0NjRENUEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Im0zOCA4IDE0IDE0SDQyYTQgNCAwIDAgMS00LTRWOFoiIGZpbGw9IiM0NjRENUEiLz48L2c+PC9zdmc+);
}
.add-list-vip-tag {
  position: relative;
}
.add-list-vip-tag::after {
  display: block;
  content: '';
  position: absolute;
  width: 38px;
  height: 16px;
  top: 4px;
  right: 4px;
  background-size: 38px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iMTkuNzc3JSIgeTE9IjE4JSIgeDI9Ijc4LjM2OCUiIHkyPSI2MS45NiUiIGlkPSJiIj48c3RvcCBzdG9wLWNvbG9yPSIjRTRCRDgwIiBvZmZzZXQ9IjEzJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNkREQjEiIG9mZnNldD0iNTclIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0U0QzU5NCIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjE5LjA0MiUiIHkxPSI3Mi4zMDIlIiB4Mj0iNzIuOTUzJSIgeTI9IjE3LjMwOSUiIGlkPSJjIj48c3RvcCBzdG9wLWNvbG9yPSIjREI4RjFDIiBvZmZzZXQ9IjMwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNERUEwMzUiIG9mZnNldD0iNTQlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Q3OTIyQSIgb2Zmc2V0PSI4OCUiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGlkPSJhIiBkPSJNMy4yNSAwIDAgMy4zNDZsNi41IDYuNjg5IDYuNS02LjY5TDkuNzUgMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCBmaWxsPSIjRkZGMEQ3IiB3aWR0aD0iMzgiIGhlaWdodD0iMTYiIHJ4PSIyIi8+PHBhdGggZD0ibTIwLjY1NiA0LjQwNS4xNjUgNS40OTRoLjA4NGwyLjI1OC01LjQ5NGgxLjYyOGwtMy4xNzIgNy4yMjVoLTIuMjM2TDE5IDQuNDA1aDEuNjU2Wm02LjcwNyAwLTEuMzk0IDcuMjI1SDI0LjM1bDEuMzk0LTcuMjI1aDEuNjE5Wm00LjMzIDBjLjU3IDAgLjk5MS4wOTQgMS4yNDcuMjc0LjI1My4xODkuNDEyLjQ3OS40MzYuNzk1LjAzNy4zNC0uMDA2LjgwNi0uMTE2IDEuMzctLjEwNS41NS0uMjM4Ljk5NC0uMzk3IDEuMzM0LS4xNjIuMzQ0LS40MjIuNjMtLjc0OC44MjMtLjMzOC4xOTktLjc5OC4zMDMtMS4zNzguMzAzaC0xLjI4NGwtLjQ0NyAyLjMxN0gyNy40bDEuMzkzLTcuMjE2aDIuOVptLS44MjYgMS4zNTJoLS43M2wtLjQyMyAyLjE5NGguNzNjLjMwOCAwIC41MjktLjAyOC42NjktLjA3NWEuNTk2LjU5NiAwIDAgMCAuMzE5LS4yOTNjLjA5NS0uMjM1LjE2NC0uNDguMjA1LS43MjkuMDY2LS4zNC4wOTUtLjU4Ni4wNzYtLjcyOGEuMzM0LjMzNCAwIDAgMC0uMjA2LS4yOTNjLS4xMjQtLjA0OC0uMzMxLS4wNzYtLjY0LS4wNzZaIiBmaWxsPSIjREI4RjFDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0IDMpIj48bWFzayBpZD0iZCIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48dXNlIGZpbGw9InVybCgjYikiIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBmaWxsPSJ1cmwoI2MpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG1hc2s9InVybCgjZCkiIGQ9Im01Ljg0NiAxLjAwMy0uNDA0IDIuMjkxSDEuNUwzLjQxIDQuOThoMS43MDRsLS42MTcgMy4wODkgMi4wOTEgMS45NjYuOTUtNS4wNTVIMTAuNXoiLz48L2c+PC9nPjwvc3ZnPg==);
}

.capsule-annotation-icon {
  background-size: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi43MTYgMTcuOTUyYTcuNTk0IDcuNTk0IDAgMSAwLTkuNDMyIDBsMS4zNDEtNC44MjdIOS4zbDIuMTc4LTUuNDQ0YS41NjIuNTYyIDAgMCAxIDEuMDQ1IDBsMi4xNzcgNS40NDRoLjY3NmwxLjM0IDQuODI3Wm0uNDAzIDEuNDUxQTkgOSAwIDEgMCAxMiAyMWE4Ljk2NCA4Ljk2NCAwIDAgMCAzLjg2My0uODY5Yy40NC0uMjA5Ljg2LS40NTMgMS4yNTctLjcyOFptLTEuNjQtLjY1MS0xLjE3Mi00LjIySDkuNjk0bC0xLjE3MiA0LjIyYTcuNTYyIDcuNTYyIDAgMCAwIDMuNDc4Ljg0MiA3LjU2IDcuNTYgMCAwIDAgMy40NzktLjg0MloiIGZpbGw9IiM0NTRENUEiLz48L3N2Zz4=);
}
.capsule-transform-icon {
  background-size: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iOSIgeT0iOSIgd2lkdGg9IjExIiBoZWlnaHQ9IjExIiByeD0iLjEiIHN0cm9rZT0iIzQ1NEQ1QSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBkPSJNMTUgOC42VjQuMWEuMS4xIDAgMCAwLS4xLS4xSDQuMWEuMS4xIDAgMCAwLS4xLjF2MTAuOGEuMS4xIDAgMCAwIC4xLjFoNC41IiBzdHJva2U9IiM0NTRENUEiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjEgMy4yNWEuODUuODUgMCAwIDAtLjg1Ljg1djEwLjhjMCAuNDcuMzguODUuODUuODVoNC4xNXY0LjE1YzAgLjQ3LjM4Ljg1Ljg1Ljg1aDEwLjhjLjQ3IDAgLjg1LS4zOC44NS0uODVWOS4xYS44NS44NSAwIDAgMC0uODUtLjg1aC00LjE1VjQuMWEuODUuODUgMCAwIDAtLjg1LS44NUg0LjFabTEwLjE1IDV2LTMuNWgtOS41djkuNWgzLjVWOS4xYzAtLjQ3LjM4LS44NS44NS0uODVoNS4xNVptLTQuNSAxMXYtOS41aDkuNXY5LjVoLTkuNVoiIGZpbGw9IiM0NTRENUEiLz48L3N2Zz4=);
}
.capsule-split-icon {
  background-size: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC41IDEzdjYuNWgtMTNWMTNoMTNabTEuNSA3YTEgMSAwIDAgMS0xIDFINWExIDEgMCAwIDEtMS0xVjRhMSAxIDAgMCAxIDEtMWgxMC40MjdMMjAgNy41VjIwWk01LjUgMTEuNXYtN2g5LjMxM0wxOC41IDguMTI4VjExLjVoLTEzWiIgZmlsbD0iIzQ1NEQ1QSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMTIuMTIgMTguNS0yLjUtM2gxLjg3VjE0aDEuMjV2MS41aDEuODhsLTIuNSAzWk0xMi4xMiA2bDIuNSAzaC0xLjg3djEuNUgxMS41VjlIOS42MmwyLjUtM1oiIGZpbGw9IiM0NjRENUEiLz48L3N2Zz4=);
}
.capsule-read-settings-icon {
  background-size: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCA1LjVINnYxM2gxMnYtMTNabTEuNS0uMzU3QzE5LjUgNC41MTIgMTguOTkgNCAxOC4zNTcgNEg1LjU3MUExLjA3IDEuMDcgMCAwIDAgNC41IDUuMDY3djEzLjg2NmMwIC41OS40OCAxLjA2NyAxLjA3MSAxLjA2N2gxMi44NThhMS4wNyAxLjA3IDAgMCAwIDEuMDcxLTEuMDY3VjUuMTQzWk03LjQ5OCA4SDEydjEuNUg3LjQ5OFY4Wm05LjAwNCA4LjVWMTVINy40OTh2MS41aDkuMDA0WiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==);
}
.capsule-toolkit-icon {
  background-size: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02Ljc1IDUuNUEyLjI1IDIuMjUgMCAwIDEgOSAzLjI1aDZhMi4yNSAyLjI1IDAgMCAxIDIuMjUgMi4yNVY3SDIwYTEgMSAwIDAgMSAxIDF2MTFhMSAxIDAgMCAxLTEgMUg0YTEgMSAwIDAgMS0xLTFWOGExIDEgMCAwIDEgMS0xaDIuNzVWNS41Wm05IDBWN2gtNy41VjUuNUEuNzUuNzUgMCAwIDEgOSA0Ljc1aDZhLjc1Ljc1IDAgMCAxIC43NS43NVpNNC41IDEydjYuNWgxNVYxMmgtMTVabTAtMS41aDE1di0yaC0xNXYyWiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==);
}
.add-vip-tag {
  position: relative;
  min-width: 160px;
  text-align: center;
}
.add-vip-tag::after {
  display: block;
  content: '';
  position: absolute;
  width: 25px;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI0LjA5OCUiIHkxPSIzNS41MDMlIiB4Mj0iOTYuOCUiIHkyPSI2Mi40ODglIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iI0Y2RERCMSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNFM0I3NzUiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHJlY3QgZmlsbD0idXJsKCNhKSIgd2lkdGg9IjI2IiBoZWlnaHQ9IjE0IiByeD0iMiIvPjxwYXRoIGQ9Im03LjE5OCAzLjA0LjE3OSA2LjAzM2guMDkxbDIuNDQ4LTYuMDM0aDEuNzY0bC0zLjQzOCA3LjkzNEg1LjgxOEw1LjQwMyAzLjA0aDEuNzk1Wm03LjI3IDAtMS41MSA3LjkzM2gtMS43NTVsMS41MS03LjkzNGgxLjc1NVptNC42OTMgMGMuNjE4IDAgMS4wNzUuMTAzIDEuMzUyLjMuMjc1LjIwOC40NDcuNTI2LjQ3My44NzMuMDQuMzc0LS4wMDYuODg1LS4xMjUgMS41MDYtLjExNS42MDItLjI1OSAxLjA5LS40MyAxLjQ2NGEyLjA3IDIuMDcgMCAwIDEtLjgxMi45MDNjLS4zNjYuMjE5LS44NjQuMzMzLTEuNDkzLjMzM2gtMS4zOTJsLS40ODUgMi41NDRoLTEuNzRsMS41MDktNy45MjRoMy4xNDNabS0uODk0IDEuNDg0aC0uNzkybC0uNDU4IDIuNDFoLjc5Yy4zMzUgMCAuNTc0LS4wMzEuNzI2LS4wODNhLjY1LjY1IDAgMCAwIC4zNDUtLjMyMmMuMTAzLS4yNTguMTc4LS41MjYuMjIzLS44LjA3Mi0uMzc0LjEwMy0uNjQ0LjA4Mi0uOGEuMzY3LjM2NyAwIDAgMC0uMjIzLS4zMjJjLS4xMzQtLjA1Mi0uMzU5LS4wODMtLjY5My0uMDgzWiIgZmlsbD0iIzc1NEEwQSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==);
}

 {
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
}
:root {
  --text-ultrastrong: rgba(0, 0, 0, 0.88);
  /* gray-tsp-01 */
  --text-strong: rgba(0, 0, 0, 0.64);
  /* gray-tsp-02 */
  --text-medium: rgba(0, 0, 0, 0.4);
  /* gray-tsp-03 */
  --text-weak: rgba(0, 0, 0, 0.24);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --text-link: #175ceb;
  /* primaryblue-02 */
  --text-error: #eb3639;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #464d5a;
  /* grayblue-01 */
  --icon-medium: #81868f;
  /* grayblue-02 */
  --icon-weak: #cbcdd1;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(0, 0, 0, 0.04);
  /* gray-tsp-08 */
  --border-medium: rgba(0, 0, 0, 0.08);
  /* gray-tsp-07 */
  --border-strong: rgba(0, 0, 0, 0.12);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #f9fafb;
  /* grayblue-06 */
  --fill-medium: #f3f5f7;
  /* grayblue-05 */
  --fill-strong: #e9ebed;
  /* grayblue-04 */
  --fill-ultrastrong: #cbcdd1;
  /* grayblue-03 */
  --tsp-fill-weak: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --tsp-fill-medium: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --tsp-fill-strong: rgba(61, 82, 102, 0.12);
  /* 3D5266 / 12% */
  --tsp-fill-ultrastrong: rgba(61, 82, 102, 0.16);
  /* 3D5266 / 16% */
  --tsp-fill-accent-weak: rgba(30, 111, 255, 0.04);
  /* 1E6FFF / 4% */
  --tsp-fill-accent-medium: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --tsp-fill-accent-strong: rgba(30, 111, 255, 0.12);
  /* 1E6FFF / 12% */
  --tsp-fill-accent-ultrastrong: rgba(30, 111, 255, 0.16);
  /* 1E6FFF / 16% */
  --feedback-hover: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --feedback-active: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --feedback-accent: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --feedback-notice: #fffceb;
  /* yellow-07 */
  --bg-lv1-default: #ffffff;
  /* white */
  --bg-lv1-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv1-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv1-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv2-default: #ffffff;
  /* white */
  --bg-lv2-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv2-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv2-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv3-default: #ffffff;
  /* white */
  --bg-lv3-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv3-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv3-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv4-default: #ffffff;
  /* white */
  --bg-lv4-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv4-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv4-strong: #e9ebed;
  /* grayblue-04 */
  --accent-default: #1e6fff;
  /* primaryblue-03-brand */
  --accent-hover: #175ceb;
  /* primaryblue-02 */
  --accent-pressed: #134ae0;
  /* primaryblue-01 */
  --accent-disabled: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-default: #edf4ff;
  /* primaryblue-07 */
  --accent-bg-hover: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-pressed: #99beff;
  /* primaryblue-05 */
  --critical-default: #ff4747;
  /* red-03 */
  --critical-hover: #eb3639;
  /* red-02 */
  --critical-pressed: #e02424;
  /* red-01 */
  --critical-disabled: #ffcccc;
  /* red-06 */
  --critical-bg-default: #ffeeee;
  /* red-07 */
  --critical-bg-hover: #ffcccc;
  /* red-06 */
  --critical-bg-pressed: #ffa3a3;
  /* red-05 */
  --success-default: #00d689;
  /* green-04 */
  --notice-default: #ffab00;
  /* yellow-03 */
  --notice-bg-default: #fffceb;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
.__DARK__ {
  --text-ultrastrong: rgba(255, 255, 255, 0.92);
  /* gray-tsp-01 */
  --text-strong: rgba(255, 255, 255, 0.68);
  /* gray-tsp-02 */
  --text-medium: rgba(255, 255, 255, 0.44);
  /* gray-tsp-03 */
  --text-weak: rgba(255, 255, 255, 0.28);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --text-link: #206ef3;
  /* primaryblue-02 */
  --text-error: #ed5050;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #dcdee0;
  /* grayblue-01 */
  --icon-medium: #969799;
  /* grayblue-02 */
  --icon-weak: #5b5b5c;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --border-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --border-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #242529;
  /* 242529 */
  --fill-medium: #1c1d1f;
  /* grayblue-06 */
  --fill-strong: #18191a;
  /* grayblue-05 */
  --fill-ultrastrong: #131414;
  /* grayblue-04 */
  --tsp-fill-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --tsp-fill-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --tsp-fill-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --tsp-fill-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --tsp-fill-accent-weak: rgba(13, 97, 242, 0.12);
  /* 0D61F2 / 12% */
  --tsp-fill-accent-medium: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --tsp-fill-accent-strong: rgba(13, 97, 242, 0.2);
  /* 0D61F2 / 20% */
  --tsp-fill-accent-ultrastrong: rgba(13, 97, 242, 0.24);
  /* 0D61F2 / 24% */
  --feedback-hover: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --feedback-active: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --feedback-accent: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --feedback-notice: #3d2b00;
  /* yellow-07 */
  --bg-lv1-default: #131414;
  /* 131414 */
  --bg-lv1-weak: #131414;
  /* 131414 */
  --bg-lv1-medium: #131414;
  /* 131414 */
  --bg-lv1-strong: #131414;
  /* 131414 */
  --bg-lv2-default: #18191a;
  /* 18191A */
  --bg-lv2-weak: #18191a;
  /* 18191A */
  --bg-lv2-medium: #18191a;
  /* 18191A */
  --bg-lv2-strong: #18191a;
  /* 18191A */
  --bg-lv3-default: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-weak: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-medium: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-strong: #1c1d1f;
  /* 1C1D1F */
  --bg-lv4-default: #242529;
  /* 242529 */
  --bg-lv4-weak: #242529;
  /* 242529 */
  --bg-lv4-medium: #242529;
  /* 242529 */
  --bg-lv4-strong: #242529;
  /* 242529 */
  --accent-default: #0d61f2;
  /* primaryblue-03-brand */
  --accent-hover: #206ef3;
  /* primaryblue-02 */
  --accent-pressed: #347af4;
  /* primaryblue-01 */
  --accent-disabled: #143266;
  /* primaryblue-06 */
  --accent-bg-default: #0f254d;
  /* primaryblue-07 */
  --accent-bg-hover: #143266;
  /* primaryblue-06 */
  --accent-bg-pressed: #193e80;
  /* primaryblue-05 */
  --critical-default: #eb4141;
  /* red-03 */
  --critical-hover: #ed5050;
  /* red-02 */
  --critical-pressed: #ee5f5f;
  /* red-01 */
  --critical-disabled: #5c1a1a;
  /* red-06 */
  --critical-bg-default: #3d1111;
  /* red-07 */
  --critical-bg-hover: #5c1a1a;
  /* red-06 */
  --critical-bg-pressed: #802323;
  /* red-05 */
  --success-default: #008d4b;
  /* green-04 */
  --notice-default: #eb9d00;
  /* yellow-03 */
  --notice-bg-default: #3d2b00;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
[data-workbench-theme="tdocs"] {
  --workbench-theme-global-button-hover: var(--feedback-hover);
  --workbench-theme-global-button-active: var(--feedback-active);
  --workbench-theme-global-icon-primary-color: var(--icon-medium);
  --workbench-theme-global-icon-primary-opacity: 1;
  --workbench-theme-global-icon-secondary-color: var(--icon-weak);
  --workbench-theme-global-icon-secondary-opacity: 1;
  --workbench-theme-drawer-background: var(--bg-lv3-default);
  --workbench-theme-drawer-foreground: var(--text-strong);
  --workbench-theme-drawer-border: var(--border-medium);
  --workbench-theme-editor-zone-background: var(--bg-lv1-medium);
  --workbench-theme-statusbar-background: var(--bg-lv3-default);
  --workbench-theme-statusbar-foreground: var(--text-strong);
  --workbench-theme-statusbar-text-color: var(--text-strong);
  --workbench-theme-statusbar-icon-primary-color: var(--icon-strong);
  --workbench-theme-statusbar-border: var(--border-medium);
  --workbench-theme-statusbar-hover-background: var(--feedback-hover);
  --workbench-theme-statusbar-active-background: var(--feedback-active);
  --workbench-theme-titlebar-background: var(--bg-lv3-default);
  --workbench-theme-titlebar-foreground: var(--text-ultrastrong);
  --workbench-theme-titlebar-border: var(--border-medium);
  --workbench-theme-toolbar-background: var(--bg-lv3-default);
  --workbench-theme-toolbar-foreground: var(--text-ultrastrong);
  --workbench-theme-toolbar-text-color: var(--text-ultrastrong);
  --workbench-theme-toolbar-icon-primary-color: var(--icon-medium);
  --workbench-theme-toolbar-button-hover-background: var(--feedback-hover);
  --workbench-theme-toolbar-button-active-background: var(--feedback-active);
  --workbench-theme-toolbar-border-with-drawer: transparent;
  --workbench-theme-toolbar-border-without-drawer: var(--border-medium);
  --workbench-theme-form-border: var(--border-strong);
  --workbench-theme-form-background: transparent;
  --workbench-theme-form-fill: var(--tsp-fill-medium);
  --workbench-theme-form-fill-active: var(--bg-lv1-default);
}
 {
  scrollbar_background: rgba(0, 0, 0, 0.12);
  scrollbar_background_hover: #ccc;
  scrollbar_width_thick: 10px;
  scrollbar_width_thin: 10px;
  scrollbar_height_thick: 10px;
  scrollbar_height_thin: 10px;
  scrollbar_length_thick: 140px;
  scrollbar_length_thin: 140px;
  scrollbar_border_thin: 2px solid transparent;
  scrollbar_border_thick: 2px solid transparent;
  scrollbar_border_radius_thick: 5px;
  scrollbar_border_radius_thin: 5px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background-color: inherit;
}
.mobile-annot-color-settings-container {
  padding: 0px 20px 12px 20px;
  background: #fff;
  box-shadow: 0px 5px 12px 4px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.mobile-annot-color-settings-container .dui-colorpicker {
  width: 100% !important;
}
.mobile-annot-color-settings-container .mobile-annot-color-settings-items {
  background: rgba(51, 77, 102, 0.06);
  border-radius: 4px;
  margin-top: 12px;
  padding: 12px 20px;
}
.mobile-annot-color-settings-container .mobile-annot-color-settings-title {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.mobile-annot-color-settings-container .mobile-annot-color-settings-title-span {
  color: rgba(0, 0, 0);
  font-size: 16px;
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
}
.mobile-annot-color-settings-container .mobile-annot-color-settings-linewidth-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-around;
  padding: 0 46px;
  align-items: center;
}
.mobile-annot-color-settings-container .mobile-annot-color-settings-linewidth-wrapper .mobile-annot-color-settings-linewidth-btn {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-annot-color-settings-container .mobile-annot-color-settings-linewidth-wrapper .mobile-annot-color-settings-linewidth-btn.selected {
  background: rgba(51, 77, 102, 0.08);
  border-radius: 2px;
}
.mobile-annot-float-setting-wrapper {
  z-index: 1000000;
}
.mobile-annot-float-setting-wrapper .mobile-annot-color-setting-button {
  width: 32px;
  height: 32px;
  background-color: transparent;
}
.mobile-annot-float-setting-wrapper .mobile-annot-color-setting-button .circle-wrapper {
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 5px 12px 4px rgba(0, 0, 0, 0.08);
  background-color: white;
}
.mobile-annot-float-setting-wrapper .mobile-annot-color-setting-button .circle-wrapper .circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.mobile-annot-float-setting-wrapper .edit-page-flip-wrapper .edit-page-flip-btn {
  box-shadow: 0px 5px 12px 4px rgba(0, 0, 0, 0.08);
  background: #FFFFFF;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-bottom: 16px;
}
.mobile-annot-float-setting-wrapper .edit-page-flip-wrapper .edit-page-flip-down,
.mobile-annot-float-setting-wrapper .edit-page-flip-wrapper .edit-page-flip-up {
  background-size: 8px;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.mobile-annot-float-setting-wrapper .edit-page-flip-wrapper .edit-page-flip-up {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgNiA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuNjUwMDYgMC4xOTg4NDRDMi44MTY1NCAtMC4wNjYyODE0IDMuMTgzNDYgLTAuMDY2MjgxMSAzLjM0OTk0IDAuMTk4ODQ0TDUuOTI4NjYgNC4zMDU3N0M2LjExNDk5IDQuNjAyNTIgNS45MTQ2MyA1IDUuNTc4NzIgNUgwLjQyMTI3OEMwLjA4NTM2OTkgNSAtMC4xMTQ5ODYgNC42MDI1MiAwLjA3MTM0MTkgNC4zMDU3N0wyLjY1MDA2IDAuMTk4ODQ0WiIgZmlsbD0iIzgxODY4RiIvPgo8L3N2Zz4K");
}
.mobile-annot-float-setting-wrapper .edit-page-flip-wrapper .edit-page-flip-down {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgNiA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuNjUwMDYgNC44MDExNkMyLjgxNjU0IDUuMDY2MjggMy4xODM0NiA1LjA2NjI4IDMuMzQ5OTQgNC44MDExNkw1LjkyODY2IDAuNjk0MjM0QzYuMTE0OTkgMC4zOTc0ODQgNS45MTQ2MyAwIDUuNTc4NzIgMEgwLjQyMTI3OEMwLjA4NTM2OTkgMCAtMC4xMTQ5ODYgMC4zOTc0ODUgMC4wNzEzNDE5IDAuNjk0MjM0TDIuNjUwMDYgNC44MDExNloiIGZpbGw9IiM4MTg2OEYiLz4KPC9zdmc+Cg==");
}

.password-form-mask {
  height: 100%;
  width: 100%;
  position: relative;
}
.password-form-mask .password-form-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
}
.password-form-mask .password-form-wrapper .form-title {
  color: rgba(0, 0, 0, 0.88);
  font-weight: 500;
  font-size: 17px;
  cursor: default;
}
.password-form-mask .password-form-wrapper .password-error {
  font-weight: 400;
  font-size: 12px;
  color: #EB2626;
  display: block;
  position: absolute;
  padding-top: 4px;
}

.presentation-status {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  letter-spacing: 0.3px;
  line-height: 16px;
  height: 16px;
}
.menu-item-wrapper {
  position: relative;
}
.menu-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 1;
  vertical-align: -6px;
}
.menu-item {
  width: 147px;
  height: 12px;
  display: inline-block;
  padding-left: 8px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #1f1f1f;
}
.hover-content-title {
  height: 14px;
  margin: 16px 0;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #1f1f1f;
}
.hover-content-text {
  height: 12px;
  margin: 16px 0 24px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #1f1f1f;
}
.location-presentaion-wrapper {
  padding-bottom: 2px;
  margin-top: -2px;
}
.location-presentaion-wrapper::after {
  display: block;
  position: absolute;
  content: " ";
  background-color: rgba(0, 0, 0, 0.04);
  height: 1px;
  left: -20px;
  bottom: -10px;
  right: 0;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.remote-presention-wrapper {
  margin-top: -2px;
}
.presentation-dropdown .dui-menu-item-description {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  letter-spacing: 0.3px;
  line-height: 16px;
  height: 16px;
  margin-left: 28px;
}

.presentation-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  position: relative;
  border-radius: 2px;
  border: none;
  background: transparent;
}
.presentation-button:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.presentation-button.focus {
  background-color: rgba(0, 0, 0, 0.04);
}
.presentation-button .menu-icon-button svg path {
  fill: currentColor;
}
.presentation-dropdown {
  transition-property: none !important;
  transition-duration: 0s !important;
  transition-timing-function: linear !important;
}
.presentation-dropdown .dui-menu .dui-menu-item {
  display: flex;
  flex-direction: column;
  height: auto;
  align-items: flex-start;
}
.presentation-dropdown .dui-menu .dui-menu-item .sub-title {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  letter-spacing: 0.3px;
  line-height: 16px;
  height: 16px;
  margin-left: 28px;
}
.presentation-btn-container {
  cursor: default;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  font-size: 0px;
}

.presentation {
  background-color: black;
  position: fixed !important;
  z-index: 1000;
  cursor: none;
}
.presentation::-webkit-scrollbar {
  display: none;
}
.presentation .pdfViewer {
  padding-top: 0;
}
.presentation .pdfViewer .page {
  margin-left: auto;
  margin-right: auto;
  border: 0;
}
.presentation .pdfViewer .page .textLayer * {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  cursor: none;
}
.presentation_cursor .pdfViewer .page .textLayer * {
  cursor: auto !important;
}
.presentation_cursor {
  cursor: auto !important;
}
.presentation-status-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.icon-mobile-toolbar-presentation {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyYzUuNTIzIDAgMTAgNC40NzcgMTAgMTBzLTQuNDc3IDEwLTEwIDEwUzIgMTcuNTIzIDIgMTIgNi40NzcgMiAxMiAyWm0wIDEuNWE4LjUgOC41IDAgMSAwIDAgMTcgOC41IDguNSAwIDAgMCAwLTE3Wm00LjUgOC41LTYgNFY4bDYgNFoiIGZpbGw9IiM0NTRENUEiLz48L3N2Zz4=);
}

.mobile-browser-record {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzQ2NEQ1QSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtOSA2IDIwLjg1OC4wMDNMMzkgMTV2NS44MzVhMTIuNDIgMTIuNDIgMCAwIDAtMi45OTktLjc0NkwzNiAxNi4yNTdsLTcuMzctNy4yNTRMMTAgOC45OTlWMzloMTMuODJhMTIuNTYyIDEyLjU2MiAwIDAgMCAyLjU1NyAzSDlhMiAyIDAgMCAxLTItMlY4YTIgMiAwIDAgMSAyLTJabTEzLjI1IDIzLjk5OUwxNSAzMHYtM2g4LjI3MmExMi40MSAxMi40MSAwIDAgMC0xLjAyMiAyLjk5OVpNMjcgMTh2M0gxNXYtM2gxMloiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0zNC41IDIzYTkuNSA5LjUgMCAxIDEgMCAxOSA5LjUgOS41IDAgMCAxIDAtMTlabTAgMi41YTcgNyAwIDEgMCAwIDE0IDcgNyAwIDAgMCAwLTE0WiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTM1IDI4djRoM3YzaC02di03aDNaIi8+PC9nPjwvc3ZnPg==);
}

.file-info-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjQgMTQuNjY3YTIuMDgzIDIuMDgzIDAgMSAxIDAgNC4xNjYgMi4wODMgMi4wODMgMCAwIDEgMC00LjE2NlpNMjIuMzMzIDIxaDMuMzM0djEzaC0zLjMzNHoiIGZpbGw9IiM0NjRENUEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0yNCA2LjVjNC44MyAwIDkuMjA1IDEuOTYgMTIuMzcyIDUuMTI4QTE3LjQ0NSAxNy40NDUgMCAwIDEgNDEuNSAyNGMwIDQuODMtMS45NiA5LjIwNS01LjEyOCAxMi4zNzJBMTcuNDQ1IDE3LjQ0NSAwIDAgMSAyNCA0MS41Yy00LjgzIDAtOS4yMDUtMS45Ni0xMi4zNzItNS4xMjhBMTcuNDQ1IDE3LjQ0NSAwIDAgMSA2LjUgMjRjMC00LjgzIDEuOTYtOS4yMDUgNS4xMjgtMTIuMzcyQTE3LjQ0NSAxNy40NDUgMCAwIDEgMjQgNi41WiIgc3Ryb2tlPSIjNDY0RDVBIiBzdHJva2Utd2lkdGg9IjMiLz48L2c+PC9zdmc+);
}

.menu-certification-switch-mobile {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im00LjQ5NCA1Ljk5OC4wMjcgMi4yNTZjLjAwNS40MTYtLjE2MS44MTUtLjQ1OCAxLjEwNmwtMS42MTQgMS41NzZhMS40ODYgMS40ODYgMCAwIDAgMCAyLjEyOGwxLjYxMyAxLjU3NmMuMjk3LjI5LjQ2My42OS40NTggMS4xMDZsLS4wMjcgMi4yNTZjLS4wMS44MzUuNjcgMS41MTUgMS41MDUgMS41MDVsMi4yNTYtLjAyN2MuNDE2LS4wMDUuODE2LjE2IDEuMTA2LjQ1OGwxLjU3NyAxLjYxNGExLjQ4NiAxLjQ4NiAwIDAgMCAyLjEyNyAwbDEuNTc2LTEuNjE0Yy4yOTEtLjI5Ny42OS0uNDYzIDEuMTA2LS40NThsMi4yNTYuMDI3Yy44MzUuMDEgMS41MTUtLjY3IDEuNTA1LTEuNTA1bC0uMDI3LTIuMjU2Yy0uMDA1LS40MTYuMTYtLjgxNi40NTgtMS4xMDZsMS42MTQtMS41NzZhMS40ODYgMS40ODYgMCAwIDAgMC0yLjEyOEwxOS45MzggOS4zNmExLjUyMyAxLjUyMyAwIDAgMS0uNDU4LTEuMTA2bC4wMjctMi4yNTZhMS40ODggMS40ODggMCAwIDAtMS41MDUtMS41MDVsLTIuMjU2LjAyN2ExLjUxNyAxLjUxNyAwIDAgMS0xLjEwNi0uNDU4bC0xLjU3Ni0xLjYxNGExLjQ4NiAxLjQ4NiAwIDAgMC0yLjEyNyAwTDkuMzYgNC4wNjJjLS4yOTEuMjk3LS42OS40NjMtMS4xMDYuNDU4bC0yLjI1Ni0uMDI3YTEuNDg4IDEuNDg4IDAgMCAwLTEuNTA1IDEuNTA1Wm0zLjc0My4wMjItMi4yNDMtLjAyNy4wMjcgMi4yNDNjLjAxLjgyOC0uMzIgMS42Mi0uOTA4IDIuMTk2bC0uMDAyLjAwMUwzLjUwNiAxMmwxLjYwNiAxLjU2OGMuNTg3LjU3Ni45MTggMS4zNjguOTA4IDIuMTk2bC0uMDI3IDIuMjQzIDIuMjQzLS4wMjdjLjgyNC0uMDEgMS42Mi4zMTcgMi4xOTguOTF2LjAwMmwxLjU2NyAxLjYwMiAxLjU2OC0xLjYwNmEzLjAyMyAzLjAyMyAwIDAgMSAyLjE5NS0uOTA4bDIuMjQzLjAyNy0uMDI3LTIuMjQzYTMuMDE3IDMuMDE3IDAgMCAxIC45MS0yLjE5OGwuMDAyLS4wMDFMMjAuNDk1IDEybC0xLjYwNy0xLjU2OGEzLjAyMyAzLjAyMyAwIDAgMS0uOTA4LTIuMTk2bC4wMjctMi4yNDMtMi4yNDMuMDI3YTMuMDE3IDMuMDE3IDAgMCAxLTIuMTk5LS45MTFsLTEuNTY0LTEuNjAzLTEuNTY5IDEuNjA2YTMuMDIzIDMuMDIzIDAgMCAxLTIuMTk1LjkwOFoiIGZpbGw9IiM0NTRENUEiLz48cGF0aCBkPSJNMTIgMTQgOS4zIDkuNUg3LjRMMTIgMTdsNC42LTcuNWgtMS45TDEyIDE0WiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==);
}

.icon-pdf {
  background-image: url(//docs.gtimg.com/pdf/assets/application-pdf.5790cbf569518e34ef5e.svg);
}
.move-to {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE4LjEwNSA2IDIuOTEzIDRIMzhhMiAyIDAgMCAxIDIgMnYxMi4zNzhsLTMtMi4zMzNWMTNIMTkuNDkxbC0yLjkxMy00SDl2MjhoMjJ2M0g4YTIgMiAwIDAgMS0yLTJWOGEyIDIgMCAwIDEgMi0yaDEwLjEwNVpNMzUgMjQuNWw5IDctOSA3VjMzSDI0di0zaDExdi01LjVaIiBmaWxsPSIjNDY0RDVBIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
}
.vip-rights {
  background-color: #454D5A;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjM4MiA2LjY2NyA0LjkyOCA0aDYuMTQ0bDIuNTQ2IDIuNjY2LTUuMjQyIDUuNDkyLjY5Ny00LjE1NCAyLjMyNy0uMDAxYS4xLjEgMCAwIDAgLjA2My0uMTc4TDcuOTkgNS4wMmEuMS4xIDAgMCAwLS4xNjEuMDZsLS4yOTIgMS42NS0yLjkzOC4wMDRhLjEuMSAwIDAgMC0uMDczLjE2OWwuOTk1IDEuMDdhLjEuMSAwIDAgMCAuMDc0LjAzMUg3LjMxbC0uNTUzIDMuMjQ2LTQuMzc2LTQuNTgzWk00LjUgMy4wMDFsNy0uMDAxTDE1IDYuNjY2bC02LjMwOCA2LjYxLS42OTEuNzI0LS42OTEtLjcyNEwxIDYuNjY4IDQuNSAzWiIgZmlsbD0iI0NCQ0REMSIvPjwvc3ZnPg==) no-repeat center / cover;
          mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjM4MiA2LjY2NyA0LjkyOCA0aDYuMTQ0bDIuNTQ2IDIuNjY2LTUuMjQyIDUuNDkyLjY5Ny00LjE1NCAyLjMyNy0uMDAxYS4xLjEgMCAwIDAgLjA2My0uMTc4TDcuOTkgNS4wMmEuMS4xIDAgMCAwLS4xNjEuMDZsLS4yOTIgMS42NS0yLjkzOC4wMDRhLjEuMSAwIDAgMC0uMDczLjE2OWwuOTk1IDEuMDdhLjEuMSAwIDAgMCAuMDc0LjAzMUg3LjMxbC0uNTUzIDMuMjQ2LTQuMzc2LTQuNTgzWk00LjUgMy4wMDFsNy0uMDAxTDE1IDYuNjY2bC02LjMwOCA2LjYxLS42OTEuNzI0LS42OTEtLjcyNEwxIDYuNjY4IDQuNSAzWiIgZmlsbD0iI0NCQ0REMSIvPjwvc3ZnPg==) no-repeat center / cover;
}

.mobile-generate-image {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTEuNCUiIHk9Ii0yLjglIiB3aWR0aD0iMTAyLjglIiBoZWlnaHQ9IjEwNS42JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYiI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dCbHVySW5uZXIxIi8+PGZlT2Zmc2V0IGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC4yNCAwIiBpbj0ic2hhZG93SW5uZXJJbm5lcjEiLz48L2ZpbHRlcj48cGF0aCBpZD0iYSIgZD0iTTE3LjE1NiAxOC40NTMgNiAzM2gzNkwzMC40NDYgMTVsLTguNDcgMTAuMTg0eiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik01MiAxMy41SDEyYy0uNjkgMC0xLjMxNS4yOC0xLjc2OC43MzJBMi40OTIgMi40OTIgMCAwIDAgOS41IDE2djMyYzAgLjY5LjI4IDEuMzE1LjczMiAxLjc2OEEyLjQ5MiAyLjQ5MiAwIDAgMCAxMiA1MC41aDQwYy42OSAwIDEuMzE1LS4yOCAxLjc2OC0uNzMyQTIuNDkyIDIuNDkyIDAgMCAwIDU0LjUgNDhWMTZjMC0uNjktLjI4LTEuMzE1LS43MzItMS43NjhBMi40OTIgMi40OTIgMCAwIDAgNTIgMTMuNVoiIHN0cm9rZT0iIzQ2NEQ1QSIgc3Ryb2tlLXdpZHRoPSIzIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOCAxMikiPjx1c2UgZmlsbD0iIzQ2NEQ1QSIgeGxpbms6aHJlZj0iI2EiLz48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNiKSIgeGxpbms6aHJlZj0iI2EiLz48L2c+PC9nPjwvc3ZnPg==);
}
.icon-mobile-toolbar-to-image {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTEuNCUiIHk9Ii0yLjglIiB3aWR0aD0iMTAyLjglIiBoZWlnaHQ9IjEwNS42JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYiI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dCbHVySW5uZXIxIi8+PGZlT2Zmc2V0IGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC4yNCAwIiBpbj0ic2hhZG93SW5uZXJJbm5lcjEiLz48L2ZpbHRlcj48cGF0aCBpZD0iYSIgZD0iTTE3LjE1NiAxOC40NTMgNiAzM2gzNkwzMC40NDYgMTVsLTguNDcgMTAuMTg0eiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik01MiAxMy41SDEyYy0uNjkgMC0xLjMxNS4yOC0xLjc2OC43MzJBMi40OTIgMi40OTIgMCAwIDAgOS41IDE2djMyYzAgLjY5LjI4IDEuMzE1LjczMiAxLjc2OEEyLjQ5MiAyLjQ5MiAwIDAgMCAxMiA1MC41aDQwYy42OSAwIDEuMzE1LS4yOCAxLjc2OC0uNzMyQTIuNDkyIDIuNDkyIDAgMCAwIDU0LjUgNDhWMTZjMC0uNjktLjI4LTEuMzE1LS43MzItMS43NjhBMi40OTIgMi40OTIgMCAwIDAgNTIgMTMuNVoiIHN0cm9rZT0iIzQ2NEQ1QSIgc3Ryb2tlLXdpZHRoPSIzIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOCAxMikiPjx1c2UgZmlsbD0iIzQ2NEQ1QSIgeGxpbms6aHJlZj0iI2EiLz48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNiKSIgeGxpbms6aHJlZj0iI2EiLz48L2c+PC9nPjwvc3ZnPg==);
}

.menu-download {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4yNSAxMS41aC0yLjV2LTdoLTEuNXY3aC0yLjVMMTIgMTdsMy4yNS01LjVaTTQgMTl2LTRoMS41djMuNWgxM1YxNUgyMHY0YTEgMSAwIDAgMS0xIDFINWExIDEgMCAwIDEtMS0xWiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==);
}
.menu-item-custom-element-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}
.menu-item-custom-element-wrapper * {
  height: 100%;
}

.rename {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzQ2NEQ1QSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNiAzOWgzNnYzSDZ6TTI5LjkwMyAxOC4zNTNsNC4yNTYtNC4yNTYtNC4yNTYtNC4yNTYtNC4yNTYgNC4yNTYgNC4yNTYgNC4yNTZabS0yLjEyOCAyLjEyOC00LjI1Ni00LjI1Ni0xMy4yNCAxMy4yMzktLjg0IDUuMDk3IDUuMDk3LS44NCAxMy4yNC0xMy4yNFpNMTUuNjYyIDM2LjU4NGwtOC40OTUgMS40MDNhMS4wMDMgMS4wMDMgMCAwIDEtMS4xNTQtMS4xNTRsMS40MDMtOC40OTVjLjAzNC0uMjA3LjEzMi0uMzk4LjI4LS41NDZMMjkuMTk0IDYuMjk0YTEuMDAzIDEuMDAzIDAgMCAxIDEuNDE5IDBsNy4wOTMgNy4wOTNhMS4wMDMgMS4wMDMgMCAwIDEgMCAxLjQxOUwxNi4yMDggMzYuMzA0Yy0uMTQ4LjE0OC0uMzM5LjI0Ni0uNTQ2LjI4WiIvPjwvZz48L3N2Zz4=);
}

.mobile_background {
  position: absolute;
  min-width: 52px;
  height: 30px;
  background: #fff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.16);
  border-radius: 15px;
  z-index: 999;
  transition: all 0.3s ease-in-out;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.text_small {
  font-family: PingFangSC-Medium;
  font-size: 12px;
  color: #000;
  line-height: 30px;
}
.text_large {
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #000;
  line-height: 30px;
}

.share-tip {
  position: absolute;
  right: 39px;
  top: 50px;
  z-index: 99999;
  padding: 8px 12px;
  line-height: 18px;
  border-radius: 2px;
  letter-spacing: 1px;
  box-shadow: 0 2px 3px #ccc;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  word-wrap: break-word;
  word-break: break-all;
  color: #fff;
  font-family: "Microsoft YaHei", "微软雅黑", "黑体", "宋体", sans-serif;
  border: 0;
  text-align: left;
  max-width: 300px;
  display: none;
}
.share-tip::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -9px;
  margin-left: -5px;
  right: 5%;
  border: 5px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.8);
  border-bottom-width: 4px;
}

.mobile-zoom-wrapper {
  box-sizing: border-box;
  display: block;
  position: fixed;
  bottom: 135px;
  left: 0;
  z-index: 10001;
}
.mobile-zoom-toast {
  position: relative;
  left: 0;
  top: 0;
  padding-top: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.55);
  text-align: center;
  font-size: 20px;
  width: 180px;
  height: 50px;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
  font-family: '"Microsoft YaHei", 黑体, 宋体, sans-serif';
}

.help-and-feedback {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIHN0cm9rZT0iIzQ2NEQ1QSIgc3Ryb2tlLXdpZHRoPSIzIiBjeD0iMjQiIGN5PSIyNCIgcj0iMTcuNSIvPjxwYXRoIGQ9Ik0yNC4yODggMTRjMS43MDMgMCAzLjA5Mi40NSA0LjE0IDEuNDA1IDEuMDQ4LjkyOCAxLjU3MiAyLjIwMSAxLjU3MiAzLjgxOCAwIDEuMzI2LS4zNCAyLjQxMy0uOTcgMy4yNjItLjIzNS4yNjUtLjk5NS45OC0yLjI1MyAyLjA5NWE0LjEwMSA0LjEwMSAwIDAgMC0xLjA0OCAxLjMyNSAzLjc4NCAzLjc4NCAwIDAgMC0uMzkzIDEuNzI0VjI4aC0zLjAxM3YtLjM3MWMwLTEuMDA4LjE1Ny0xLjg4My41MjQtMi41OTkuMzQtLjcxNiAxLjM2My0xLjgzIDMuMDY2LTMuMzY3bC4zMTQtLjM3MWMuNDcyLS41ODQuNzA3LTEuMjIuNzA3LTEuODgzIDAtLjg3NS0uMjYyLTEuNTY0LS43MzMtMi4wNjgtLjQ5OC0uNTA0LTEuMjA1LS43NDMtMi4wOTYtLjc0My0xLjE1MyAwLTEuOTY1LjM0NS0yLjQ2MyAxLjA4OC0uNDQ1LjYxLS42NTUgMS40ODQtLjY1NSAyLjU5OEgxOGMwLTEuOTYyLjU1LTMuNSAxLjcwMy00LjYxNEMyMC44MyAxNC41NTcgMjIuMzUgMTQgMjQuMjg4IDE0Wm0tLjMgMTZjLjU2NyAwIDEuMDU3LjE4NSAxLjQ0NC41NTYuMzYyLjM3MS41NjguODQ4LjU2OCAxLjQzIDAgLjU4NC0uMjA2IDEuMDg3LS41OTQgMS40NTgtLjM4Ny4zNy0uODUxLjU1Ni0xLjQxOS41NTZhMS45ODMgMS45ODMgMCAwIDEtMS40Mi0uNTgzYy0uMzg2LS4zNy0uNTY3LS44NDctLjU2Ny0xLjQzcy4xOC0xLjA2LjU2OC0xLjQzYy4zODctLjM3Mi44NTEtLjU1NyAxLjQyLS41NTdaIiBmaWxsPSIjNDY0RDVBIi8+PC9nPjwvc3ZnPg==);
}

.ocr-preview-panel-container-mobile {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4000;
}
.mobile-ocr-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjI1IDEwLjVWNS4yNWg4LjQ4bDMuMDIgMy4wNDNWMTAuNUgxOVY3Ljc3OEwxNS4yNSA0SDZhMSAxIDAgMCAwLTEgMXY1LjVoMS4yNVptMCA0SDVWMTlhMSAxIDAgMCAwIDEgMWgxMmExIDEgMCAwIDAgMS0xdi00LjVoLTEuMjV2NC4yNUg2LjI1VjE0LjVaIiBmaWxsPSIjNDU0RDVBIi8+PHBhdGggZD0iTTIuNSAxMi41aDE5IiBzdHJva2U9IiM0NTRENUEiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi4yNSAxMC41VjUuMjVoOC40OGwzLjAyIDMuMDQzVjEwLjVIMTlWNy43NzhMMTUuMjUgNEg2YTEgMSAwIDAgMC0xIDF2NS41aDEuMjVabTAgNEg1VjE5YTEgMSAwIDAgMCAxIDFoMTJhMSAxIDAgMCAwIDEtMXYtNC41aC0xLjI1djQuMjVINi4yNVYxNC41Wk0yMS41IDEzLjEyNWgtMTl2LTEuMjVoMTl2MS4yNVoiIGZpbGw9IiM0NTRENUEiLz48L3N2Zz4=);
}

 {
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
}
:root {
  --text-ultrastrong: rgba(0, 0, 0, 0.88);
  /* gray-tsp-01 */
  --text-strong: rgba(0, 0, 0, 0.64);
  /* gray-tsp-02 */
  --text-medium: rgba(0, 0, 0, 0.4);
  /* gray-tsp-03 */
  --text-weak: rgba(0, 0, 0, 0.24);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --text-link: #175ceb;
  /* primaryblue-02 */
  --text-error: #eb3639;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #464d5a;
  /* grayblue-01 */
  --icon-medium: #81868f;
  /* grayblue-02 */
  --icon-weak: #cbcdd1;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(0, 0, 0, 0.04);
  /* gray-tsp-08 */
  --border-medium: rgba(0, 0, 0, 0.08);
  /* gray-tsp-07 */
  --border-strong: rgba(0, 0, 0, 0.12);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #f9fafb;
  /* grayblue-06 */
  --fill-medium: #f3f5f7;
  /* grayblue-05 */
  --fill-strong: #e9ebed;
  /* grayblue-04 */
  --fill-ultrastrong: #cbcdd1;
  /* grayblue-03 */
  --tsp-fill-weak: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --tsp-fill-medium: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --tsp-fill-strong: rgba(61, 82, 102, 0.12);
  /* 3D5266 / 12% */
  --tsp-fill-ultrastrong: rgba(61, 82, 102, 0.16);
  /* 3D5266 / 16% */
  --tsp-fill-accent-weak: rgba(30, 111, 255, 0.04);
  /* 1E6FFF / 4% */
  --tsp-fill-accent-medium: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --tsp-fill-accent-strong: rgba(30, 111, 255, 0.12);
  /* 1E6FFF / 12% */
  --tsp-fill-accent-ultrastrong: rgba(30, 111, 255, 0.16);
  /* 1E6FFF / 16% */
  --feedback-hover: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --feedback-active: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --feedback-accent: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --feedback-notice: #fffceb;
  /* yellow-07 */
  --bg-lv1-default: #ffffff;
  /* white */
  --bg-lv1-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv1-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv1-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv2-default: #ffffff;
  /* white */
  --bg-lv2-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv2-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv2-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv3-default: #ffffff;
  /* white */
  --bg-lv3-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv3-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv3-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv4-default: #ffffff;
  /* white */
  --bg-lv4-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv4-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv4-strong: #e9ebed;
  /* grayblue-04 */
  --accent-default: #1e6fff;
  /* primaryblue-03-brand */
  --accent-hover: #175ceb;
  /* primaryblue-02 */
  --accent-pressed: #134ae0;
  /* primaryblue-01 */
  --accent-disabled: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-default: #edf4ff;
  /* primaryblue-07 */
  --accent-bg-hover: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-pressed: #99beff;
  /* primaryblue-05 */
  --critical-default: #ff4747;
  /* red-03 */
  --critical-hover: #eb3639;
  /* red-02 */
  --critical-pressed: #e02424;
  /* red-01 */
  --critical-disabled: #ffcccc;
  /* red-06 */
  --critical-bg-default: #ffeeee;
  /* red-07 */
  --critical-bg-hover: #ffcccc;
  /* red-06 */
  --critical-bg-pressed: #ffa3a3;
  /* red-05 */
  --success-default: #00d689;
  /* green-04 */
  --notice-default: #ffab00;
  /* yellow-03 */
  --notice-bg-default: #fffceb;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
.__DARK__ {
  --text-ultrastrong: rgba(255, 255, 255, 0.92);
  /* gray-tsp-01 */
  --text-strong: rgba(255, 255, 255, 0.68);
  /* gray-tsp-02 */
  --text-medium: rgba(255, 255, 255, 0.44);
  /* gray-tsp-03 */
  --text-weak: rgba(255, 255, 255, 0.28);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --text-link: #206ef3;
  /* primaryblue-02 */
  --text-error: #ed5050;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #dcdee0;
  /* grayblue-01 */
  --icon-medium: #969799;
  /* grayblue-02 */
  --icon-weak: #5b5b5c;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --border-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --border-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #242529;
  /* 242529 */
  --fill-medium: #1c1d1f;
  /* grayblue-06 */
  --fill-strong: #18191a;
  /* grayblue-05 */
  --fill-ultrastrong: #131414;
  /* grayblue-04 */
  --tsp-fill-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --tsp-fill-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --tsp-fill-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --tsp-fill-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --tsp-fill-accent-weak: rgba(13, 97, 242, 0.12);
  /* 0D61F2 / 12% */
  --tsp-fill-accent-medium: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --tsp-fill-accent-strong: rgba(13, 97, 242, 0.2);
  /* 0D61F2 / 20% */
  --tsp-fill-accent-ultrastrong: rgba(13, 97, 242, 0.24);
  /* 0D61F2 / 24% */
  --feedback-hover: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --feedback-active: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --feedback-accent: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --feedback-notice: #3d2b00;
  /* yellow-07 */
  --bg-lv1-default: #131414;
  /* 131414 */
  --bg-lv1-weak: #131414;
  /* 131414 */
  --bg-lv1-medium: #131414;
  /* 131414 */
  --bg-lv1-strong: #131414;
  /* 131414 */
  --bg-lv2-default: #18191a;
  /* 18191A */
  --bg-lv2-weak: #18191a;
  /* 18191A */
  --bg-lv2-medium: #18191a;
  /* 18191A */
  --bg-lv2-strong: #18191a;
  /* 18191A */
  --bg-lv3-default: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-weak: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-medium: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-strong: #1c1d1f;
  /* 1C1D1F */
  --bg-lv4-default: #242529;
  /* 242529 */
  --bg-lv4-weak: #242529;
  /* 242529 */
  --bg-lv4-medium: #242529;
  /* 242529 */
  --bg-lv4-strong: #242529;
  /* 242529 */
  --accent-default: #0d61f2;
  /* primaryblue-03-brand */
  --accent-hover: #206ef3;
  /* primaryblue-02 */
  --accent-pressed: #347af4;
  /* primaryblue-01 */
  --accent-disabled: #143266;
  /* primaryblue-06 */
  --accent-bg-default: #0f254d;
  /* primaryblue-07 */
  --accent-bg-hover: #143266;
  /* primaryblue-06 */
  --accent-bg-pressed: #193e80;
  /* primaryblue-05 */
  --critical-default: #eb4141;
  /* red-03 */
  --critical-hover: #ed5050;
  /* red-02 */
  --critical-pressed: #ee5f5f;
  /* red-01 */
  --critical-disabled: #5c1a1a;
  /* red-06 */
  --critical-bg-default: #3d1111;
  /* red-07 */
  --critical-bg-hover: #5c1a1a;
  /* red-06 */
  --critical-bg-pressed: #802323;
  /* red-05 */
  --success-default: #008d4b;
  /* green-04 */
  --notice-default: #eb9d00;
  /* yellow-03 */
  --notice-bg-default: #3d2b00;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
[data-workbench-theme="tdocs"] {
  --workbench-theme-global-button-hover: var(--feedback-hover);
  --workbench-theme-global-button-active: var(--feedback-active);
  --workbench-theme-global-icon-primary-color: var(--icon-medium);
  --workbench-theme-global-icon-primary-opacity: 1;
  --workbench-theme-global-icon-secondary-color: var(--icon-weak);
  --workbench-theme-global-icon-secondary-opacity: 1;
  --workbench-theme-drawer-background: var(--bg-lv3-default);
  --workbench-theme-drawer-foreground: var(--text-strong);
  --workbench-theme-drawer-border: var(--border-medium);
  --workbench-theme-editor-zone-background: var(--bg-lv1-medium);
  --workbench-theme-statusbar-background: var(--bg-lv3-default);
  --workbench-theme-statusbar-foreground: var(--text-strong);
  --workbench-theme-statusbar-text-color: var(--text-strong);
  --workbench-theme-statusbar-icon-primary-color: var(--icon-strong);
  --workbench-theme-statusbar-border: var(--border-medium);
  --workbench-theme-statusbar-hover-background: var(--feedback-hover);
  --workbench-theme-statusbar-active-background: var(--feedback-active);
  --workbench-theme-titlebar-background: var(--bg-lv3-default);
  --workbench-theme-titlebar-foreground: var(--text-ultrastrong);
  --workbench-theme-titlebar-border: var(--border-medium);
  --workbench-theme-toolbar-background: var(--bg-lv3-default);
  --workbench-theme-toolbar-foreground: var(--text-ultrastrong);
  --workbench-theme-toolbar-text-color: var(--text-ultrastrong);
  --workbench-theme-toolbar-icon-primary-color: var(--icon-medium);
  --workbench-theme-toolbar-button-hover-background: var(--feedback-hover);
  --workbench-theme-toolbar-button-active-background: var(--feedback-active);
  --workbench-theme-toolbar-border-with-drawer: transparent;
  --workbench-theme-toolbar-border-without-drawer: var(--border-medium);
  --workbench-theme-form-border: var(--border-strong);
  --workbench-theme-form-background: transparent;
  --workbench-theme-form-fill: var(--tsp-fill-medium);
  --workbench-theme-form-fill-active: var(--bg-lv1-default);
}
 {
  scrollbar_background: rgba(0, 0, 0, 0.12);
  scrollbar_background_hover: #ccc;
  scrollbar_width_thick: 10px;
  scrollbar_width_thin: 10px;
  scrollbar_height_thick: 10px;
  scrollbar_height_thin: 10px;
  scrollbar_length_thick: 140px;
  scrollbar_length_thin: 140px;
  scrollbar_border_thin: 2px solid transparent;
  scrollbar_border_thick: 2px solid transparent;
  scrollbar_border_radius_thick: 5px;
  scrollbar_border_radius_thin: 5px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background-color: inherit;
}
.split-panel-wrapper {
  position: relative;
  width: 100%;
  height: 446px;
}
.split-panel-wrapper .split-title-wrapper {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.split-panel-wrapper .split-panel-title {
  display: flex;
  align-items: center;
  height: 36px;
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  margin-top: 24px;
  margin-bottom: 12px;
}
.split-panel-wrapper .thumbnail-preview-wrapper {
  display: flex;
  max-height: 342px;
  flex-wrap: wrap;
  margin: 0 -24px;
  padding-left: 24px;
  overflow-x: hidden;
  overflow-y: auto;
}
.split-panel-wrapper .thumbnail-preview-wrapper .split-line-wrapper {
  width: 2px;
  margin: 0 6px;
  position: relative;
  transition: all 0.1s;
}
.split-panel-wrapper .thumbnail-preview-wrapper .add-scissors::after {
  content: '';
  position: absolute;
  left: -7px;
  right: -7px;
  height: 16px;
  bottom: -18px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im00Ljg5MiAzLjg0Ny42MjEtLjUxNCA0LjQ2IDUuMjQ0YTIuMTggMi4xOCAwIDAgMSAuODY1LS4xNzdjMS4xOTQgMCAyLjE2Mi45NTUgMi4xNjIgMi4xMzNzLS45NjggMi4xMzMtMi4xNjIgMi4xMzMtMi4xNjItLjk1NS0yLjE2Mi0yLjEzM2MwLS41ODUuMjM5LTEuMTE1LjYyNS0xLjVsLTEuMy0xLjUzTDYuNyA5LjAzM2MuMzg2LjM4NS42MjQuOTE1LjYyNCAxLjUgMCAxLjE3OC0uOTY4IDIuMTMzLTIuMTYyIDIuMTMzUzMgMTEuNzExIDMgMTAuNTMzIDMuOTY4IDguNCA1LjE2MiA4LjRjLjMwOCAwIC42MDEuMDYzLjg2Ni4xNzhMNy40NzIgNi44OGwtMi41OC0zLjAzNFptMy45MjQgMi42NTEgMi4yNjQtMi42NS0uNjItLjUxNS0yLjE3OCAyLjU2LjUzNC42MDVabS01LjAwNSA0LjAzNWMwLS43MzYuNjA1LTEuMzMzIDEuMzUxLTEuMzMzczEuMzUyLjU5NyAxLjM1MiAxLjMzMy0uNjA2IDEuMzMzLTEuMzUyIDEuMzMzYTEuMzQyIDEuMzQyIDAgMCAxLTEuMzUxLTEuMzMzWk0xMC44MzggOS4yYy0uNzQ2IDAtMS4zNTIuNTk3LTEuMzUyIDEuMzMzcy42MDUgMS4zMzMgMS4zNTIgMS4zMzNjLjc0NiAwIDEuMzUxLS41OTcgMS4zNTEtMS4zMzNTMTEuNTg0IDkuMiAxMC44MzggOS4yWiIgZmlsbD0iI0NCQ0REMSIvPjwvc3ZnPg==);
}
.mobile-split-panel-wrapper {
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  color: rgba(0, 0, 0, 0.88);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.icon-mobile-toolbar-split {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEyIDYuMTY3IDIgMi42NjZoLTEuNDk2djEuMzM0aC0xVjguODMzSDEwbDItMi42NjZaTTkuOTk2IDE1LjMzM2wyIDIuNjY3IDItMi42NjdoLTEuNTA0VjE0aC0xdjEuMzMzSDkuOTk2WiIgZmlsbD0iIzQ2NEQ1QSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC41IDQuNWExIDEgMCAwIDEgMS0xaDEwLjI1bDMuNzUgMy43NzhWMTkuNWExIDEgMCAwIDEtMSAxaC0xM2ExIDEgMCAwIDEtMS0xdi0xNVptMS4yNSA3VjQuNzVoOS40OGwzLjAyIDMuMDQzVjExLjVINS43NVptMTIuNSAxLjI1djYuNUg1Ljc1di02LjVoMTIuNVoiIGZpbGw9IiM0NjRENUEiLz48L3N2Zz4=);
}

.air-print {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE5LjQ1NSA2Ljc1YTEuNSAxLjUgMCAwIDEgMS41IDEuNDkzbC4wMzggNy41YTEuNSAxLjUgMCAwIDEtMS4zNDkgMS41bC0uMTUyLjAwN2gtMi4yNTVsLS4wMDYtMS41aDIuMjYxbC0uMDM3LTcuNUg0LjV2Ny41aDIuMjV2MS41SDQuNWExLjUgMS41IDAgMCAxLTEuNS0xLjV2LTcuNWExLjUgMS41IDAgMCAxIDEuNS0xLjVoMTQuOTU1WiIgZmlsbD0iIzQ2NEQ1QSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTE1LjQ4OCA0Yy44MjYgMCAxLjQ5Ny42MTUgMS41MDIgMS4zNzdMMTcgN2gtMS41MDJsLS4wMS0xLjYxNUg4LjUwMkw4LjUgN0g3VjUuMzg1QzcgNC42MiA3LjY3MiA0IDguNTAyIDRoNi45ODZaTTE1LjcyNSAxMi4zNzVhMS41IDEuNSAwIDAgMSAxLjUgMS40OTRsLjAyIDUuMjVhMS41IDEuNSAwIDAgMS0xLjM1IDEuNDk5bC0uMTUuMDA3SDguMjVhMS41IDEuNSAwIDAgMS0xLjUtMS41di01LjI1YTEuNSAxLjUgMCAwIDEgMS41LTEuNWg3LjQ3NVptMCAxLjVIOC4yNXY1LjI1aDcuNDk0bC0uMDItNS4yNVoiIGZpbGw9IiM0NjRENUEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=);
}

.icon-mobile-toolbar-merge {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDEwLjE2NyAxMCA3LjVoMS40OTZWNi4xNjdoMVY3LjVIMTRsLTIgMi42NjdaTTEzLjk5NiAxNi42NjdsLTItMi42NjctMiAyLjY2N0gxMS41VjE4aDF2LTEuMzMzaDEuNDk2WiIgZmlsbD0iIzQ2NEQ1QSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC41IDQuNWExIDEgMCAwIDEgMS0xaDEwLjI1bDMuNzUgMy43NzhWMTkuNWExIDEgMCAwIDEtMSAxaC0xM2ExIDEgMCAwIDEtMS0xdi0xNVptMS4yNSA3VjQuNzVoOS40OGwzLjAyIDMuMDQzVjExLjVINS43NVptMTIuNSAxLjI1djYuNUg1Ljc1di02LjVoMTIuNVoiIGZpbGw9IiM0NjRENUEiLz48L3N2Zz4=);
}

 {
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
}
:root {
  --text-ultrastrong: rgba(0, 0, 0, 0.88);
  /* gray-tsp-01 */
  --text-strong: rgba(0, 0, 0, 0.64);
  /* gray-tsp-02 */
  --text-medium: rgba(0, 0, 0, 0.4);
  /* gray-tsp-03 */
  --text-weak: rgba(0, 0, 0, 0.24);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --text-link: #175ceb;
  /* primaryblue-02 */
  --text-error: #eb3639;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #464d5a;
  /* grayblue-01 */
  --icon-medium: #81868f;
  /* grayblue-02 */
  --icon-weak: #cbcdd1;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(0, 0, 0, 0.04);
  /* gray-tsp-08 */
  --border-medium: rgba(0, 0, 0, 0.08);
  /* gray-tsp-07 */
  --border-strong: rgba(0, 0, 0, 0.12);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #f9fafb;
  /* grayblue-06 */
  --fill-medium: #f3f5f7;
  /* grayblue-05 */
  --fill-strong: #e9ebed;
  /* grayblue-04 */
  --fill-ultrastrong: #cbcdd1;
  /* grayblue-03 */
  --tsp-fill-weak: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --tsp-fill-medium: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --tsp-fill-strong: rgba(61, 82, 102, 0.12);
  /* 3D5266 / 12% */
  --tsp-fill-ultrastrong: rgba(61, 82, 102, 0.16);
  /* 3D5266 / 16% */
  --tsp-fill-accent-weak: rgba(30, 111, 255, 0.04);
  /* 1E6FFF / 4% */
  --tsp-fill-accent-medium: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --tsp-fill-accent-strong: rgba(30, 111, 255, 0.12);
  /* 1E6FFF / 12% */
  --tsp-fill-accent-ultrastrong: rgba(30, 111, 255, 0.16);
  /* 1E6FFF / 16% */
  --feedback-hover: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --feedback-active: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --feedback-accent: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --feedback-notice: #fffceb;
  /* yellow-07 */
  --bg-lv1-default: #ffffff;
  /* white */
  --bg-lv1-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv1-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv1-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv2-default: #ffffff;
  /* white */
  --bg-lv2-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv2-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv2-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv3-default: #ffffff;
  /* white */
  --bg-lv3-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv3-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv3-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv4-default: #ffffff;
  /* white */
  --bg-lv4-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv4-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv4-strong: #e9ebed;
  /* grayblue-04 */
  --accent-default: #1e6fff;
  /* primaryblue-03-brand */
  --accent-hover: #175ceb;
  /* primaryblue-02 */
  --accent-pressed: #134ae0;
  /* primaryblue-01 */
  --accent-disabled: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-default: #edf4ff;
  /* primaryblue-07 */
  --accent-bg-hover: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-pressed: #99beff;
  /* primaryblue-05 */
  --critical-default: #ff4747;
  /* red-03 */
  --critical-hover: #eb3639;
  /* red-02 */
  --critical-pressed: #e02424;
  /* red-01 */
  --critical-disabled: #ffcccc;
  /* red-06 */
  --critical-bg-default: #ffeeee;
  /* red-07 */
  --critical-bg-hover: #ffcccc;
  /* red-06 */
  --critical-bg-pressed: #ffa3a3;
  /* red-05 */
  --success-default: #00d689;
  /* green-04 */
  --notice-default: #ffab00;
  /* yellow-03 */
  --notice-bg-default: #fffceb;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
.__DARK__ {
  --text-ultrastrong: rgba(255, 255, 255, 0.92);
  /* gray-tsp-01 */
  --text-strong: rgba(255, 255, 255, 0.68);
  /* gray-tsp-02 */
  --text-medium: rgba(255, 255, 255, 0.44);
  /* gray-tsp-03 */
  --text-weak: rgba(255, 255, 255, 0.28);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --text-link: #206ef3;
  /* primaryblue-02 */
  --text-error: #ed5050;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #dcdee0;
  /* grayblue-01 */
  --icon-medium: #969799;
  /* grayblue-02 */
  --icon-weak: #5b5b5c;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --border-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --border-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #242529;
  /* 242529 */
  --fill-medium: #1c1d1f;
  /* grayblue-06 */
  --fill-strong: #18191a;
  /* grayblue-05 */
  --fill-ultrastrong: #131414;
  /* grayblue-04 */
  --tsp-fill-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --tsp-fill-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --tsp-fill-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --tsp-fill-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --tsp-fill-accent-weak: rgba(13, 97, 242, 0.12);
  /* 0D61F2 / 12% */
  --tsp-fill-accent-medium: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --tsp-fill-accent-strong: rgba(13, 97, 242, 0.2);
  /* 0D61F2 / 20% */
  --tsp-fill-accent-ultrastrong: rgba(13, 97, 242, 0.24);
  /* 0D61F2 / 24% */
  --feedback-hover: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --feedback-active: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --feedback-accent: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --feedback-notice: #3d2b00;
  /* yellow-07 */
  --bg-lv1-default: #131414;
  /* 131414 */
  --bg-lv1-weak: #131414;
  /* 131414 */
  --bg-lv1-medium: #131414;
  /* 131414 */
  --bg-lv1-strong: #131414;
  /* 131414 */
  --bg-lv2-default: #18191a;
  /* 18191A */
  --bg-lv2-weak: #18191a;
  /* 18191A */
  --bg-lv2-medium: #18191a;
  /* 18191A */
  --bg-lv2-strong: #18191a;
  /* 18191A */
  --bg-lv3-default: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-weak: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-medium: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-strong: #1c1d1f;
  /* 1C1D1F */
  --bg-lv4-default: #242529;
  /* 242529 */
  --bg-lv4-weak: #242529;
  /* 242529 */
  --bg-lv4-medium: #242529;
  /* 242529 */
  --bg-lv4-strong: #242529;
  /* 242529 */
  --accent-default: #0d61f2;
  /* primaryblue-03-brand */
  --accent-hover: #206ef3;
  /* primaryblue-02 */
  --accent-pressed: #347af4;
  /* primaryblue-01 */
  --accent-disabled: #143266;
  /* primaryblue-06 */
  --accent-bg-default: #0f254d;
  /* primaryblue-07 */
  --accent-bg-hover: #143266;
  /* primaryblue-06 */
  --accent-bg-pressed: #193e80;
  /* primaryblue-05 */
  --critical-default: #eb4141;
  /* red-03 */
  --critical-hover: #ed5050;
  /* red-02 */
  --critical-pressed: #ee5f5f;
  /* red-01 */
  --critical-disabled: #5c1a1a;
  /* red-06 */
  --critical-bg-default: #3d1111;
  /* red-07 */
  --critical-bg-hover: #5c1a1a;
  /* red-06 */
  --critical-bg-pressed: #802323;
  /* red-05 */
  --success-default: #008d4b;
  /* green-04 */
  --notice-default: #eb9d00;
  /* yellow-03 */
  --notice-bg-default: #3d2b00;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
[data-workbench-theme="tdocs"] {
  --workbench-theme-global-button-hover: var(--feedback-hover);
  --workbench-theme-global-button-active: var(--feedback-active);
  --workbench-theme-global-icon-primary-color: var(--icon-medium);
  --workbench-theme-global-icon-primary-opacity: 1;
  --workbench-theme-global-icon-secondary-color: var(--icon-weak);
  --workbench-theme-global-icon-secondary-opacity: 1;
  --workbench-theme-drawer-background: var(--bg-lv3-default);
  --workbench-theme-drawer-foreground: var(--text-strong);
  --workbench-theme-drawer-border: var(--border-medium);
  --workbench-theme-editor-zone-background: var(--bg-lv1-medium);
  --workbench-theme-statusbar-background: var(--bg-lv3-default);
  --workbench-theme-statusbar-foreground: var(--text-strong);
  --workbench-theme-statusbar-text-color: var(--text-strong);
  --workbench-theme-statusbar-icon-primary-color: var(--icon-strong);
  --workbench-theme-statusbar-border: var(--border-medium);
  --workbench-theme-statusbar-hover-background: var(--feedback-hover);
  --workbench-theme-statusbar-active-background: var(--feedback-active);
  --workbench-theme-titlebar-background: var(--bg-lv3-default);
  --workbench-theme-titlebar-foreground: var(--text-ultrastrong);
  --workbench-theme-titlebar-border: var(--border-medium);
  --workbench-theme-toolbar-background: var(--bg-lv3-default);
  --workbench-theme-toolbar-foreground: var(--text-ultrastrong);
  --workbench-theme-toolbar-text-color: var(--text-ultrastrong);
  --workbench-theme-toolbar-icon-primary-color: var(--icon-medium);
  --workbench-theme-toolbar-button-hover-background: var(--feedback-hover);
  --workbench-theme-toolbar-button-active-background: var(--feedback-active);
  --workbench-theme-toolbar-border-with-drawer: transparent;
  --workbench-theme-toolbar-border-without-drawer: var(--border-medium);
  --workbench-theme-form-border: var(--border-strong);
  --workbench-theme-form-background: transparent;
  --workbench-theme-form-fill: var(--tsp-fill-medium);
  --workbench-theme-form-fill-active: var(--bg-lv1-default);
}
 {
  scrollbar_background: rgba(0, 0, 0, 0.12);
  scrollbar_background_hover: #ccc;
  scrollbar_width_thick: 10px;
  scrollbar_width_thin: 10px;
  scrollbar_height_thick: 10px;
  scrollbar_height_thin: 10px;
  scrollbar_length_thick: 140px;
  scrollbar_length_thin: 140px;
  scrollbar_border_thin: 2px solid transparent;
  scrollbar_border_thick: 2px solid transparent;
  scrollbar_border_radius_thick: 5px;
  scrollbar_border_radius_thin: 5px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background-color: inherit;
}
.extract-panel-wrapper {
  position: relative;
  width: 100%;
  height: 446px;
}
.extract-panel-wrapper .extract-title-wrapper {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.extract-panel-wrapper .extract-panel-title {
  display: flex;
  align-items: center;
  height: 36px;
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  margin-top: 24px;
  margin-bottom: 12px;
}
.extract-panel-wrapper .thumbnail-preview-wrapper {
  display: flex;
  max-height: 342px;
  flex-wrap: wrap;
  overflow: auto;
  margin: 0 -24px;
  padding-left: 24px;
}
.extract-menu-panel-wrapper {
  position: relative;
  width: 100%;
  height: 108px;
}
.extract-panel-show-selection {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
  padding: 32px 0;
}
.extract-panel-adjust-wrapper {
  display: flex;
  align-items: center;
}
.extract-panel-adjust-wrapper .extract-panel-adjust-selection {
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.64);
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
  cursor: pointer;
}
.mobile-extract-panel-wrapper {
  position: relative;
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
  height: 100%;
  margin: 0 -24px;
}
.mobile-extract-panel-wrapper .panel-title-wrapper {
  height: 44px;
  padding: 0 16px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  position: relative;
}
.mobile-extract-panel-wrapper .panel-title-wrapper .cancel-text,
.mobile-extract-panel-wrapper .panel-title-wrapper .select-all-text {
  font-weight: 400;
  line-height: 44px;
}
.mobile-extract-panel-wrapper .mobile-extract-panel-footer {
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.mobile-extract-panel-wrapper .mobile-page-select-container {
  height: calc(100vh - 200px);
  padding-top: 21px;
}
.mobile-extract-panel-wrapper .mobile-page-select-container .mobile-thumbnail-preview-wrapper {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  padding: 0 16px;
  overflow-x: hidden;
  align-content: baseline;
  height: 100%;
}
.icon-mobile-toolbar-extract {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im05LjAwOSA2LjE5LjkxNi0yLjg3NkwxOS45MyA2LjUwMiAxNyAxNS42OTZ2NC4xMThsNC4xOTYtMTMuMTdhMSAxIDAgMCAwLS42NDktMS4yNTdsLTEwLjQ4LTMuMzRhMSAxIDAgMCAwLTEuMjU3LjY1TDcuNjk3IDYuMTloMS4zMTJaIiBmaWxsPSIjNDU0RDVBIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjI1IDcuNDR2MTIuNWgxMC41di05LjkwOEwxMy4yMjMgNy40NEg1LjI1Wk01IDYuMTlhMSAxIDAgMCAwLTEgMXYxM2ExIDEgMCAwIDAgMSAxaDExYTEgMSAwIDAgMCAxLTFWOS45M2ExIDEgMCAwIDAtLjI4NC0uNjk3bC0yLjY3Mi0yLjc0YTEgMSAwIDAgMC0uNzE2LS4zMDNINVoiIGZpbGw9IiM0NTRENUEiLz48L3N2Zz4=);
}

 {
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
}
:root {
  --text-ultrastrong: rgba(0, 0, 0, 0.88);
  /* gray-tsp-01 */
  --text-strong: rgba(0, 0, 0, 0.64);
  /* gray-tsp-02 */
  --text-medium: rgba(0, 0, 0, 0.4);
  /* gray-tsp-03 */
  --text-weak: rgba(0, 0, 0, 0.24);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --text-link: #175ceb;
  /* primaryblue-02 */
  --text-error: #eb3639;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #464d5a;
  /* grayblue-01 */
  --icon-medium: #81868f;
  /* grayblue-02 */
  --icon-weak: #cbcdd1;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(0, 0, 0, 0.04);
  /* gray-tsp-08 */
  --border-medium: rgba(0, 0, 0, 0.08);
  /* gray-tsp-07 */
  --border-strong: rgba(0, 0, 0, 0.12);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #f9fafb;
  /* grayblue-06 */
  --fill-medium: #f3f5f7;
  /* grayblue-05 */
  --fill-strong: #e9ebed;
  /* grayblue-04 */
  --fill-ultrastrong: #cbcdd1;
  /* grayblue-03 */
  --tsp-fill-weak: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --tsp-fill-medium: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --tsp-fill-strong: rgba(61, 82, 102, 0.12);
  /* 3D5266 / 12% */
  --tsp-fill-ultrastrong: rgba(61, 82, 102, 0.16);
  /* 3D5266 / 16% */
  --tsp-fill-accent-weak: rgba(30, 111, 255, 0.04);
  /* 1E6FFF / 4% */
  --tsp-fill-accent-medium: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --tsp-fill-accent-strong: rgba(30, 111, 255, 0.12);
  /* 1E6FFF / 12% */
  --tsp-fill-accent-ultrastrong: rgba(30, 111, 255, 0.16);
  /* 1E6FFF / 16% */
  --feedback-hover: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --feedback-active: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --feedback-accent: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --feedback-notice: #fffceb;
  /* yellow-07 */
  --bg-lv1-default: #ffffff;
  /* white */
  --bg-lv1-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv1-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv1-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv2-default: #ffffff;
  /* white */
  --bg-lv2-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv2-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv2-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv3-default: #ffffff;
  /* white */
  --bg-lv3-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv3-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv3-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv4-default: #ffffff;
  /* white */
  --bg-lv4-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv4-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv4-strong: #e9ebed;
  /* grayblue-04 */
  --accent-default: #1e6fff;
  /* primaryblue-03-brand */
  --accent-hover: #175ceb;
  /* primaryblue-02 */
  --accent-pressed: #134ae0;
  /* primaryblue-01 */
  --accent-disabled: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-default: #edf4ff;
  /* primaryblue-07 */
  --accent-bg-hover: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-pressed: #99beff;
  /* primaryblue-05 */
  --critical-default: #ff4747;
  /* red-03 */
  --critical-hover: #eb3639;
  /* red-02 */
  --critical-pressed: #e02424;
  /* red-01 */
  --critical-disabled: #ffcccc;
  /* red-06 */
  --critical-bg-default: #ffeeee;
  /* red-07 */
  --critical-bg-hover: #ffcccc;
  /* red-06 */
  --critical-bg-pressed: #ffa3a3;
  /* red-05 */
  --success-default: #00d689;
  /* green-04 */
  --notice-default: #ffab00;
  /* yellow-03 */
  --notice-bg-default: #fffceb;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
.__DARK__ {
  --text-ultrastrong: rgba(255, 255, 255, 0.92);
  /* gray-tsp-01 */
  --text-strong: rgba(255, 255, 255, 0.68);
  /* gray-tsp-02 */
  --text-medium: rgba(255, 255, 255, 0.44);
  /* gray-tsp-03 */
  --text-weak: rgba(255, 255, 255, 0.28);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --text-link: #206ef3;
  /* primaryblue-02 */
  --text-error: #ed5050;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #dcdee0;
  /* grayblue-01 */
  --icon-medium: #969799;
  /* grayblue-02 */
  --icon-weak: #5b5b5c;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --border-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --border-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #242529;
  /* 242529 */
  --fill-medium: #1c1d1f;
  /* grayblue-06 */
  --fill-strong: #18191a;
  /* grayblue-05 */
  --fill-ultrastrong: #131414;
  /* grayblue-04 */
  --tsp-fill-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --tsp-fill-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --tsp-fill-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --tsp-fill-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --tsp-fill-accent-weak: rgba(13, 97, 242, 0.12);
  /* 0D61F2 / 12% */
  --tsp-fill-accent-medium: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --tsp-fill-accent-strong: rgba(13, 97, 242, 0.2);
  /* 0D61F2 / 20% */
  --tsp-fill-accent-ultrastrong: rgba(13, 97, 242, 0.24);
  /* 0D61F2 / 24% */
  --feedback-hover: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --feedback-active: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --feedback-accent: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --feedback-notice: #3d2b00;
  /* yellow-07 */
  --bg-lv1-default: #131414;
  /* 131414 */
  --bg-lv1-weak: #131414;
  /* 131414 */
  --bg-lv1-medium: #131414;
  /* 131414 */
  --bg-lv1-strong: #131414;
  /* 131414 */
  --bg-lv2-default: #18191a;
  /* 18191A */
  --bg-lv2-weak: #18191a;
  /* 18191A */
  --bg-lv2-medium: #18191a;
  /* 18191A */
  --bg-lv2-strong: #18191a;
  /* 18191A */
  --bg-lv3-default: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-weak: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-medium: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-strong: #1c1d1f;
  /* 1C1D1F */
  --bg-lv4-default: #242529;
  /* 242529 */
  --bg-lv4-weak: #242529;
  /* 242529 */
  --bg-lv4-medium: #242529;
  /* 242529 */
  --bg-lv4-strong: #242529;
  /* 242529 */
  --accent-default: #0d61f2;
  /* primaryblue-03-brand */
  --accent-hover: #206ef3;
  /* primaryblue-02 */
  --accent-pressed: #347af4;
  /* primaryblue-01 */
  --accent-disabled: #143266;
  /* primaryblue-06 */
  --accent-bg-default: #0f254d;
  /* primaryblue-07 */
  --accent-bg-hover: #143266;
  /* primaryblue-06 */
  --accent-bg-pressed: #193e80;
  /* primaryblue-05 */
  --critical-default: #eb4141;
  /* red-03 */
  --critical-hover: #ed5050;
  /* red-02 */
  --critical-pressed: #ee5f5f;
  /* red-01 */
  --critical-disabled: #5c1a1a;
  /* red-06 */
  --critical-bg-default: #3d1111;
  /* red-07 */
  --critical-bg-hover: #5c1a1a;
  /* red-06 */
  --critical-bg-pressed: #802323;
  /* red-05 */
  --success-default: #008d4b;
  /* green-04 */
  --notice-default: #eb9d00;
  /* yellow-03 */
  --notice-bg-default: #3d2b00;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
[data-workbench-theme="tdocs"] {
  --workbench-theme-global-button-hover: var(--feedback-hover);
  --workbench-theme-global-button-active: var(--feedback-active);
  --workbench-theme-global-icon-primary-color: var(--icon-medium);
  --workbench-theme-global-icon-primary-opacity: 1;
  --workbench-theme-global-icon-secondary-color: var(--icon-weak);
  --workbench-theme-global-icon-secondary-opacity: 1;
  --workbench-theme-drawer-background: var(--bg-lv3-default);
  --workbench-theme-drawer-foreground: var(--text-strong);
  --workbench-theme-drawer-border: var(--border-medium);
  --workbench-theme-editor-zone-background: var(--bg-lv1-medium);
  --workbench-theme-statusbar-background: var(--bg-lv3-default);
  --workbench-theme-statusbar-foreground: var(--text-strong);
  --workbench-theme-statusbar-text-color: var(--text-strong);
  --workbench-theme-statusbar-icon-primary-color: var(--icon-strong);
  --workbench-theme-statusbar-border: var(--border-medium);
  --workbench-theme-statusbar-hover-background: var(--feedback-hover);
  --workbench-theme-statusbar-active-background: var(--feedback-active);
  --workbench-theme-titlebar-background: var(--bg-lv3-default);
  --workbench-theme-titlebar-foreground: var(--text-ultrastrong);
  --workbench-theme-titlebar-border: var(--border-medium);
  --workbench-theme-toolbar-background: var(--bg-lv3-default);
  --workbench-theme-toolbar-foreground: var(--text-ultrastrong);
  --workbench-theme-toolbar-text-color: var(--text-ultrastrong);
  --workbench-theme-toolbar-icon-primary-color: var(--icon-medium);
  --workbench-theme-toolbar-button-hover-background: var(--feedback-hover);
  --workbench-theme-toolbar-button-active-background: var(--feedback-active);
  --workbench-theme-toolbar-border-with-drawer: transparent;
  --workbench-theme-toolbar-border-without-drawer: var(--border-medium);
  --workbench-theme-form-border: var(--border-strong);
  --workbench-theme-form-background: transparent;
  --workbench-theme-form-fill: var(--tsp-fill-medium);
  --workbench-theme-form-fill-active: var(--bg-lv1-default);
}
 {
  scrollbar_background: rgba(0, 0, 0, 0.12);
  scrollbar_background_hover: #ccc;
  scrollbar_width_thick: 10px;
  scrollbar_width_thin: 10px;
  scrollbar_height_thick: 10px;
  scrollbar_height_thin: 10px;
  scrollbar_length_thick: 140px;
  scrollbar_length_thin: 140px;
  scrollbar_border_thin: 2px solid transparent;
  scrollbar_border_thick: 2px solid transparent;
  scrollbar_border_radius_thick: 5px;
  scrollbar_border_radius_thin: 5px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background-color: inherit;
}
#workbench-statusbar {
  min-height: 33px;
  height: 33px;
  position: sticky;
  bottom: 0;
}
.page-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.page-button .page-info {
  box-sizing: border-box;
  font-size: 12px;
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif !important;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  width: 80px;
  height: 20px;
  padding: 0;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.88);
}
.page-button input:focus {
  border: 1px solid #1e6fff;
}
.page-button input::-webkit-outer-spin-button,
.page-button input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.page-button input[type="number"] {
  -moz-appearance: textfield;
}
.page-button .footbar-vertical {
  width: 1px;
  height: 16px;
  margin: 0 15px 0 7px;
  background: rgba(0, 0, 0, 0.08);
}
.statusbar-simple-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  height: 24px;
  line-height: 24px;
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
}
.page-button-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}
.page-button-icon:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.page-button-first {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjIgNkg3djEyaDEuMlY2Wm03LjguODdMMTUuMTE0IDYgOSAxMmw2LjExNCA2IC44ODYtLjg3TDEwLjc3MiAxMiAxNiA2Ljg3WiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==) no-repeat;
  background-position: center;
  background-size: 20px;
}
.page-button-previous {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE0LjExNCA2IC44ODYuODdMOS43NzIgMTIgMTUgMTcuMTNsLS44ODYuODdMOCAxMmw2LjExNC02WiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==) no-repeat;
  background-position: center;
  background-size: 20px;
}
.page-button-next {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuODg2IDE4IDkgMTcuMTMgMTQuMjI4IDEyIDkgNi44NyA5Ljg4NiA2IDE2IDEybC02LjExNCA2WiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==) no-repeat;
  background-position: center;
  background-size: 20px;
}
.page-button-last {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im04IDE3LjEzLjg4Ni44N0wxNSAxMiA4Ljg4NiA2IDggNi44NyAxMy4yMjggMTIgOCAxNy4xM1pNMTcgNmgtMS4ydjEySDE3VjZaIiBmaWxsPSIjNDU0RDVBIi8+PC9zdmc+) no-repeat;
  background-position: center;
  background-size: 20px;
}
.page-button-first-first,
.page-button-previous-first,
.page-button-next-last,
.page-button-last-last {
  opacity: 0.4;
}

 {
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
}
:root {
  --text-ultrastrong: rgba(0, 0, 0, 0.88);
  /* gray-tsp-01 */
  --text-strong: rgba(0, 0, 0, 0.64);
  /* gray-tsp-02 */
  --text-medium: rgba(0, 0, 0, 0.4);
  /* gray-tsp-03 */
  --text-weak: rgba(0, 0, 0, 0.24);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --text-link: #175ceb;
  /* primaryblue-02 */
  --text-error: #eb3639;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #464d5a;
  /* grayblue-01 */
  --icon-medium: #81868f;
  /* grayblue-02 */
  --icon-weak: #cbcdd1;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(0, 0, 0, 0.04);
  /* gray-tsp-08 */
  --border-medium: rgba(0, 0, 0, 0.08);
  /* gray-tsp-07 */
  --border-strong: rgba(0, 0, 0, 0.12);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #f9fafb;
  /* grayblue-06 */
  --fill-medium: #f3f5f7;
  /* grayblue-05 */
  --fill-strong: #e9ebed;
  /* grayblue-04 */
  --fill-ultrastrong: #cbcdd1;
  /* grayblue-03 */
  --tsp-fill-weak: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --tsp-fill-medium: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --tsp-fill-strong: rgba(61, 82, 102, 0.12);
  /* 3D5266 / 12% */
  --tsp-fill-ultrastrong: rgba(61, 82, 102, 0.16);
  /* 3D5266 / 16% */
  --tsp-fill-accent-weak: rgba(30, 111, 255, 0.04);
  /* 1E6FFF / 4% */
  --tsp-fill-accent-medium: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --tsp-fill-accent-strong: rgba(30, 111, 255, 0.12);
  /* 1E6FFF / 12% */
  --tsp-fill-accent-ultrastrong: rgba(30, 111, 255, 0.16);
  /* 1E6FFF / 16% */
  --feedback-hover: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --feedback-active: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --feedback-accent: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --feedback-notice: #fffceb;
  /* yellow-07 */
  --bg-lv1-default: #ffffff;
  /* white */
  --bg-lv1-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv1-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv1-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv2-default: #ffffff;
  /* white */
  --bg-lv2-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv2-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv2-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv3-default: #ffffff;
  /* white */
  --bg-lv3-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv3-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv3-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv4-default: #ffffff;
  /* white */
  --bg-lv4-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv4-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv4-strong: #e9ebed;
  /* grayblue-04 */
  --accent-default: #1e6fff;
  /* primaryblue-03-brand */
  --accent-hover: #175ceb;
  /* primaryblue-02 */
  --accent-pressed: #134ae0;
  /* primaryblue-01 */
  --accent-disabled: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-default: #edf4ff;
  /* primaryblue-07 */
  --accent-bg-hover: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-pressed: #99beff;
  /* primaryblue-05 */
  --critical-default: #ff4747;
  /* red-03 */
  --critical-hover: #eb3639;
  /* red-02 */
  --critical-pressed: #e02424;
  /* red-01 */
  --critical-disabled: #ffcccc;
  /* red-06 */
  --critical-bg-default: #ffeeee;
  /* red-07 */
  --critical-bg-hover: #ffcccc;
  /* red-06 */
  --critical-bg-pressed: #ffa3a3;
  /* red-05 */
  --success-default: #00d689;
  /* green-04 */
  --notice-default: #ffab00;
  /* yellow-03 */
  --notice-bg-default: #fffceb;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
.__DARK__ {
  --text-ultrastrong: rgba(255, 255, 255, 0.92);
  /* gray-tsp-01 */
  --text-strong: rgba(255, 255, 255, 0.68);
  /* gray-tsp-02 */
  --text-medium: rgba(255, 255, 255, 0.44);
  /* gray-tsp-03 */
  --text-weak: rgba(255, 255, 255, 0.28);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --text-link: #206ef3;
  /* primaryblue-02 */
  --text-error: #ed5050;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #dcdee0;
  /* grayblue-01 */
  --icon-medium: #969799;
  /* grayblue-02 */
  --icon-weak: #5b5b5c;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --border-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --border-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #242529;
  /* 242529 */
  --fill-medium: #1c1d1f;
  /* grayblue-06 */
  --fill-strong: #18191a;
  /* grayblue-05 */
  --fill-ultrastrong: #131414;
  /* grayblue-04 */
  --tsp-fill-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --tsp-fill-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --tsp-fill-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --tsp-fill-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --tsp-fill-accent-weak: rgba(13, 97, 242, 0.12);
  /* 0D61F2 / 12% */
  --tsp-fill-accent-medium: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --tsp-fill-accent-strong: rgba(13, 97, 242, 0.2);
  /* 0D61F2 / 20% */
  --tsp-fill-accent-ultrastrong: rgba(13, 97, 242, 0.24);
  /* 0D61F2 / 24% */
  --feedback-hover: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --feedback-active: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --feedback-accent: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --feedback-notice: #3d2b00;
  /* yellow-07 */
  --bg-lv1-default: #131414;
  /* 131414 */
  --bg-lv1-weak: #131414;
  /* 131414 */
  --bg-lv1-medium: #131414;
  /* 131414 */
  --bg-lv1-strong: #131414;
  /* 131414 */
  --bg-lv2-default: #18191a;
  /* 18191A */
  --bg-lv2-weak: #18191a;
  /* 18191A */
  --bg-lv2-medium: #18191a;
  /* 18191A */
  --bg-lv2-strong: #18191a;
  /* 18191A */
  --bg-lv3-default: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-weak: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-medium: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-strong: #1c1d1f;
  /* 1C1D1F */
  --bg-lv4-default: #242529;
  /* 242529 */
  --bg-lv4-weak: #242529;
  /* 242529 */
  --bg-lv4-medium: #242529;
  /* 242529 */
  --bg-lv4-strong: #242529;
  /* 242529 */
  --accent-default: #0d61f2;
  /* primaryblue-03-brand */
  --accent-hover: #206ef3;
  /* primaryblue-02 */
  --accent-pressed: #347af4;
  /* primaryblue-01 */
  --accent-disabled: #143266;
  /* primaryblue-06 */
  --accent-bg-default: #0f254d;
  /* primaryblue-07 */
  --accent-bg-hover: #143266;
  /* primaryblue-06 */
  --accent-bg-pressed: #193e80;
  /* primaryblue-05 */
  --critical-default: #eb4141;
  /* red-03 */
  --critical-hover: #ed5050;
  /* red-02 */
  --critical-pressed: #ee5f5f;
  /* red-01 */
  --critical-disabled: #5c1a1a;
  /* red-06 */
  --critical-bg-default: #3d1111;
  /* red-07 */
  --critical-bg-hover: #5c1a1a;
  /* red-06 */
  --critical-bg-pressed: #802323;
  /* red-05 */
  --success-default: #008d4b;
  /* green-04 */
  --notice-default: #eb9d00;
  /* yellow-03 */
  --notice-bg-default: #3d2b00;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
[data-workbench-theme="tdocs"] {
  --workbench-theme-global-button-hover: var(--feedback-hover);
  --workbench-theme-global-button-active: var(--feedback-active);
  --workbench-theme-global-icon-primary-color: var(--icon-medium);
  --workbench-theme-global-icon-primary-opacity: 1;
  --workbench-theme-global-icon-secondary-color: var(--icon-weak);
  --workbench-theme-global-icon-secondary-opacity: 1;
  --workbench-theme-drawer-background: var(--bg-lv3-default);
  --workbench-theme-drawer-foreground: var(--text-strong);
  --workbench-theme-drawer-border: var(--border-medium);
  --workbench-theme-editor-zone-background: var(--bg-lv1-medium);
  --workbench-theme-statusbar-background: var(--bg-lv3-default);
  --workbench-theme-statusbar-foreground: var(--text-strong);
  --workbench-theme-statusbar-text-color: var(--text-strong);
  --workbench-theme-statusbar-icon-primary-color: var(--icon-strong);
  --workbench-theme-statusbar-border: var(--border-medium);
  --workbench-theme-statusbar-hover-background: var(--feedback-hover);
  --workbench-theme-statusbar-active-background: var(--feedback-active);
  --workbench-theme-titlebar-background: var(--bg-lv3-default);
  --workbench-theme-titlebar-foreground: var(--text-ultrastrong);
  --workbench-theme-titlebar-border: var(--border-medium);
  --workbench-theme-toolbar-background: var(--bg-lv3-default);
  --workbench-theme-toolbar-foreground: var(--text-ultrastrong);
  --workbench-theme-toolbar-text-color: var(--text-ultrastrong);
  --workbench-theme-toolbar-icon-primary-color: var(--icon-medium);
  --workbench-theme-toolbar-button-hover-background: var(--feedback-hover);
  --workbench-theme-toolbar-button-active-background: var(--feedback-active);
  --workbench-theme-toolbar-border-with-drawer: transparent;
  --workbench-theme-toolbar-border-without-drawer: var(--border-medium);
  --workbench-theme-form-border: var(--border-strong);
  --workbench-theme-form-background: transparent;
  --workbench-theme-form-fill: var(--tsp-fill-medium);
  --workbench-theme-form-fill-active: var(--bg-lv1-default);
}
 {
  scrollbar_background: rgba(0, 0, 0, 0.12);
  scrollbar_background_hover: #ccc;
  scrollbar_width_thick: 10px;
  scrollbar_width_thin: 10px;
  scrollbar_height_thick: 10px;
  scrollbar_height_thin: 10px;
  scrollbar_length_thick: 140px;
  scrollbar_length_thin: 140px;
  scrollbar_border_thin: 2px solid transparent;
  scrollbar_border_thick: 2px solid transparent;
  scrollbar_border_radius_thick: 5px;
  scrollbar_border_radius_thin: 5px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background-color: inherit;
}
.foot-toolbar-right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.foot-toolbar-right .footbar-vertical {
  width: 1px;
  height: 16px;
  margin: 0 12px 0 0;
  background: rgba(0, 0, 0, 0.08);
}
.zoom-level-bar {
  display: flex;
  justify-content: center;
  align-items: center;
}
.zoom-level-bar .zoom-page-fit {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIxIDE2djRoLTR2LTEuMjVoMi43NVYxNkgyMVpNNC4yNSAxNnYyLjc1SDdWMjBIM3YtNGgxLjI1Wk0xNy41IDdhLjUuNSAwIDAgMSAuNS41djlhLjUuNSAwIDAgMS0uNS41aC0xMWEuNS41IDAgMCAxLS41LS41di05YS41LjUgMCAwIDEgLjUtLjVoMTFabS0uNzUgMS4yNWgtOS41djcuNWg5LjV2LTcuNVpNMjEgNHY0aC0xLjI1VjUuMjVIMTdWNGg0Wk03IDR2MS4yNUg0LjI1VjhIM1Y0aDRaIiBmaWxsPSIjNDY0RDVBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;
}
.zoom-level-bar .zoom-page-actual {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41IDlIOS4yNXYxSDh2MS4yNWgxLjI1VjE2aDEuMjVWOVpNMTYgOWgtMS4yNXYxSDEzLjV2MS4yNWgxLjI1VjE2SDE2VjlabS00IDMuNWgxdjFoLTF2LTFabTAgMmgxdjFoLTF2LTFaTTQgNWg0djEuMjVINS4yNVYxMEg0VjVabTAgMTB2NWg0di0xLjI1SDUuMjVWMTVINFptMTYgNXYtNWgtMS4yNXYzLjc1SDE2VjIwaDRabTAtMTV2NWgtMS4yNVY2LjI1SDE2VjVoNFoiIGZpbGw9IiM0NTRENUEiLz48L3N2Zz4=) no-repeat;
}
.zoom-level-bar .zoom-page-width {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzQ1NEQ1QSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40NjcgNGgxMy4wNjZjLjI1OCAwIC40NjcuMjI0LjQ2Ny41djE1YzAgLjI3Ni0uMjA5LjUtLjQ2Ny41SDUuNDY3QzUuMjA5IDIwIDUgMTkuNzc2IDUgMTkuNXYtMTVjMC0uMjc2LjIwOS0uNS40NjctLjVabS43IDEuMjV2MTMuNWgxMS42NjZWNS4yNUg2LjE2N1oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiM0NjRENUEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTkuODA2IDkgLjcwMi43NS0xLjYwNyAxLjcxNyA0LjM0OS4wMDF2MS4wNjFsLTQuMzUzLS4wMDEgMS42MTMgMS43MjItLjcwMi43NUw3IDExLjk5OSA5LjgwNiA5WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iIzQ2NEQ1QSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMTQuMTk0IDktLjcwMi43NSAxLjYwNyAxLjcxNy00LjM0OS4wMDF2MS4wNjFsNC4zNTMtLjAwMS0xLjYxMyAxLjcyMi43MDIuNzVMMTcgMTEuOTk5IDE0LjE5NCA5WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat;
}
.zoom-level-bar .zoom-level-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
}
.zoom-level-bar .zoom-level-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background-position: center;
  background-size: 20px;
}
.zoom-level-bar .zoom-level-icon:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.zoom-level-bar .zoom-level-icon.active {
  background-color: rgba(0, 0, 0, 0.08);
}
.zoom-level-bar .zoom-level-icon.disable {
  opacity: 0.5;
  pointer-events: none;
}
.zoom-level-bar .zoom-level-text {
  width: 39px;
  display: inline-block;
  text-align: center;
  cursor: default;
  color: #5c5c5c;
}
.zoom-level-bar .zoom-level-text:hover {
  background: rgba(0, 0, 0, 0.04);
}
.zoom-level-bar .zoom-level-text:active {
  background: rgba(0, 0, 0, 0.08);
}
.zoom-level-bar .zoom-level-dropdown {
  width: 168px;
}
.zoom-level-bar .zoom-horizontal-line {
  width: 168px;
  height: 1px;
  background: rgba(0, 0, 0, 0.04);
}
.zoom-level-bar .zoom-button {
  width: 8px;
  height: 2px;
  background: #5c5c5c;
  position: absolute;
  top: 11px;
}
.zoom-level-bar .zoom-out-button {
  left: 8px;
}
.zoom-level-bar .zoom-in-button {
  right: 8px;
}
.zoom-level-bar .zoom-in-button::after {
  width: 2px;
  height: 8px;
  background: #5c5c5c !important;
  position: absolute;
  top: -3px;
  left: 3px;
  content: "";
}
.zoom-input-menu:hover {
  background-color: #FFFFFF;
}
.zoom-level-box {
  box-sizing: border-box;
  width: 158px;
  height: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
  padding: 9px 16px 9px 28px;
  cursor: default;
}
.zoom-level-box .zoom-level-text {
  width: 36px;
  height: 26px;
  line-height: 26px;
}
.zoom-input-box {
  display: flex;
  width: 62px;
  height: 28px;
  border-radius: 4px;
  margin-left: 16px;
}
.remote-play-btn {
  display: flex;
  justify-content: flex-end;
}
.statusbar-simple-button {
  width: 24px;
  height: 24px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.statusbar-simple-button:hover {
  background: rgba(0, 0, 0, 0.04);
}
.statusbar-simple-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  height: 24px;
  line-height: 24px;
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
}
.menu-button {
  width: 24px;
  height: 24px;
  position: relative;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjUgNGEuNS41IDAgMCAxIC41LjV2MTVhLjUuNSAwIDAgMS0uNS41aC0xNGEuNS41IDAgMCAxLS41LS41di0xNWEuNS41IDAgMCAxIC41LS41aDE0Wm0tLjc1IDEuMjVINi4yNXYxMy41aDEyLjVWNS4yNVpNMTcgMTQuNzV2MS41aC02di0xLjVoNlptLTcuNSAwdjEuNUg4di0xLjVoMS41Wm03LjUtMy41djEuNWgtNnYtMS41aDZabS03LjUgMHYxLjVIOHYtMS41aDEuNVptNy41LTMuNXYxLjVoLTZ2LTEuNWg2Wm0tNy41IDB2MS41SDh2LTEuNWgxLjVaIiBmaWxsPSIjNDY0RDVBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;
  background-size: 20px 20px;
  background-position: 2px 2px;
}
.menu-button:hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 2px;
}
.menu-button.active {
  background-color: rgba(0, 0, 0, 0.08);
}
.menu-button.disable {
  opacity: 0.5;
  pointer-events: none;
}
.footer-dropdown-bg {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 200;
  overflow: hidden;
  display: none;
}

 {
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
}
:root {
  --text-ultrastrong: rgba(0, 0, 0, 0.88);
  /* gray-tsp-01 */
  --text-strong: rgba(0, 0, 0, 0.64);
  /* gray-tsp-02 */
  --text-medium: rgba(0, 0, 0, 0.4);
  /* gray-tsp-03 */
  --text-weak: rgba(0, 0, 0, 0.24);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --text-link: #175ceb;
  /* primaryblue-02 */
  --text-error: #eb3639;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #464d5a;
  /* grayblue-01 */
  --icon-medium: #81868f;
  /* grayblue-02 */
  --icon-weak: #cbcdd1;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(0, 0, 0, 0.04);
  /* gray-tsp-08 */
  --border-medium: rgba(0, 0, 0, 0.08);
  /* gray-tsp-07 */
  --border-strong: rgba(0, 0, 0, 0.12);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #f9fafb;
  /* grayblue-06 */
  --fill-medium: #f3f5f7;
  /* grayblue-05 */
  --fill-strong: #e9ebed;
  /* grayblue-04 */
  --fill-ultrastrong: #cbcdd1;
  /* grayblue-03 */
  --tsp-fill-weak: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --tsp-fill-medium: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --tsp-fill-strong: rgba(61, 82, 102, 0.12);
  /* 3D5266 / 12% */
  --tsp-fill-ultrastrong: rgba(61, 82, 102, 0.16);
  /* 3D5266 / 16% */
  --tsp-fill-accent-weak: rgba(30, 111, 255, 0.04);
  /* 1E6FFF / 4% */
  --tsp-fill-accent-medium: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --tsp-fill-accent-strong: rgba(30, 111, 255, 0.12);
  /* 1E6FFF / 12% */
  --tsp-fill-accent-ultrastrong: rgba(30, 111, 255, 0.16);
  /* 1E6FFF / 16% */
  --feedback-hover: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --feedback-active: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --feedback-accent: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --feedback-notice: #fffceb;
  /* yellow-07 */
  --bg-lv1-default: #ffffff;
  /* white */
  --bg-lv1-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv1-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv1-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv2-default: #ffffff;
  /* white */
  --bg-lv2-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv2-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv2-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv3-default: #ffffff;
  /* white */
  --bg-lv3-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv3-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv3-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv4-default: #ffffff;
  /* white */
  --bg-lv4-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv4-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv4-strong: #e9ebed;
  /* grayblue-04 */
  --accent-default: #1e6fff;
  /* primaryblue-03-brand */
  --accent-hover: #175ceb;
  /* primaryblue-02 */
  --accent-pressed: #134ae0;
  /* primaryblue-01 */
  --accent-disabled: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-default: #edf4ff;
  /* primaryblue-07 */
  --accent-bg-hover: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-pressed: #99beff;
  /* primaryblue-05 */
  --critical-default: #ff4747;
  /* red-03 */
  --critical-hover: #eb3639;
  /* red-02 */
  --critical-pressed: #e02424;
  /* red-01 */
  --critical-disabled: #ffcccc;
  /* red-06 */
  --critical-bg-default: #ffeeee;
  /* red-07 */
  --critical-bg-hover: #ffcccc;
  /* red-06 */
  --critical-bg-pressed: #ffa3a3;
  /* red-05 */
  --success-default: #00d689;
  /* green-04 */
  --notice-default: #ffab00;
  /* yellow-03 */
  --notice-bg-default: #fffceb;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
.__DARK__ {
  --text-ultrastrong: rgba(255, 255, 255, 0.92);
  /* gray-tsp-01 */
  --text-strong: rgba(255, 255, 255, 0.68);
  /* gray-tsp-02 */
  --text-medium: rgba(255, 255, 255, 0.44);
  /* gray-tsp-03 */
  --text-weak: rgba(255, 255, 255, 0.28);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --text-link: #206ef3;
  /* primaryblue-02 */
  --text-error: #ed5050;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #dcdee0;
  /* grayblue-01 */
  --icon-medium: #969799;
  /* grayblue-02 */
  --icon-weak: #5b5b5c;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --border-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --border-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #242529;
  /* 242529 */
  --fill-medium: #1c1d1f;
  /* grayblue-06 */
  --fill-strong: #18191a;
  /* grayblue-05 */
  --fill-ultrastrong: #131414;
  /* grayblue-04 */
  --tsp-fill-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --tsp-fill-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --tsp-fill-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --tsp-fill-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --tsp-fill-accent-weak: rgba(13, 97, 242, 0.12);
  /* 0D61F2 / 12% */
  --tsp-fill-accent-medium: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --tsp-fill-accent-strong: rgba(13, 97, 242, 0.2);
  /* 0D61F2 / 20% */
  --tsp-fill-accent-ultrastrong: rgba(13, 97, 242, 0.24);
  /* 0D61F2 / 24% */
  --feedback-hover: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --feedback-active: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --feedback-accent: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --feedback-notice: #3d2b00;
  /* yellow-07 */
  --bg-lv1-default: #131414;
  /* 131414 */
  --bg-lv1-weak: #131414;
  /* 131414 */
  --bg-lv1-medium: #131414;
  /* 131414 */
  --bg-lv1-strong: #131414;
  /* 131414 */
  --bg-lv2-default: #18191a;
  /* 18191A */
  --bg-lv2-weak: #18191a;
  /* 18191A */
  --bg-lv2-medium: #18191a;
  /* 18191A */
  --bg-lv2-strong: #18191a;
  /* 18191A */
  --bg-lv3-default: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-weak: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-medium: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-strong: #1c1d1f;
  /* 1C1D1F */
  --bg-lv4-default: #242529;
  /* 242529 */
  --bg-lv4-weak: #242529;
  /* 242529 */
  --bg-lv4-medium: #242529;
  /* 242529 */
  --bg-lv4-strong: #242529;
  /* 242529 */
  --accent-default: #0d61f2;
  /* primaryblue-03-brand */
  --accent-hover: #206ef3;
  /* primaryblue-02 */
  --accent-pressed: #347af4;
  /* primaryblue-01 */
  --accent-disabled: #143266;
  /* primaryblue-06 */
  --accent-bg-default: #0f254d;
  /* primaryblue-07 */
  --accent-bg-hover: #143266;
  /* primaryblue-06 */
  --accent-bg-pressed: #193e80;
  /* primaryblue-05 */
  --critical-default: #eb4141;
  /* red-03 */
  --critical-hover: #ed5050;
  /* red-02 */
  --critical-pressed: #ee5f5f;
  /* red-01 */
  --critical-disabled: #5c1a1a;
  /* red-06 */
  --critical-bg-default: #3d1111;
  /* red-07 */
  --critical-bg-hover: #5c1a1a;
  /* red-06 */
  --critical-bg-pressed: #802323;
  /* red-05 */
  --success-default: #008d4b;
  /* green-04 */
  --notice-default: #eb9d00;
  /* yellow-03 */
  --notice-bg-default: #3d2b00;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
[data-workbench-theme="tdocs"] {
  --workbench-theme-global-button-hover: var(--feedback-hover);
  --workbench-theme-global-button-active: var(--feedback-active);
  --workbench-theme-global-icon-primary-color: var(--icon-medium);
  --workbench-theme-global-icon-primary-opacity: 1;
  --workbench-theme-global-icon-secondary-color: var(--icon-weak);
  --workbench-theme-global-icon-secondary-opacity: 1;
  --workbench-theme-drawer-background: var(--bg-lv3-default);
  --workbench-theme-drawer-foreground: var(--text-strong);
  --workbench-theme-drawer-border: var(--border-medium);
  --workbench-theme-editor-zone-background: var(--bg-lv1-medium);
  --workbench-theme-statusbar-background: var(--bg-lv3-default);
  --workbench-theme-statusbar-foreground: var(--text-strong);
  --workbench-theme-statusbar-text-color: var(--text-strong);
  --workbench-theme-statusbar-icon-primary-color: var(--icon-strong);
  --workbench-theme-statusbar-border: var(--border-medium);
  --workbench-theme-statusbar-hover-background: var(--feedback-hover);
  --workbench-theme-statusbar-active-background: var(--feedback-active);
  --workbench-theme-titlebar-background: var(--bg-lv3-default);
  --workbench-theme-titlebar-foreground: var(--text-ultrastrong);
  --workbench-theme-titlebar-border: var(--border-medium);
  --workbench-theme-toolbar-background: var(--bg-lv3-default);
  --workbench-theme-toolbar-foreground: var(--text-ultrastrong);
  --workbench-theme-toolbar-text-color: var(--text-ultrastrong);
  --workbench-theme-toolbar-icon-primary-color: var(--icon-medium);
  --workbench-theme-toolbar-button-hover-background: var(--feedback-hover);
  --workbench-theme-toolbar-button-active-background: var(--feedback-active);
  --workbench-theme-toolbar-border-with-drawer: transparent;
  --workbench-theme-toolbar-border-without-drawer: var(--border-medium);
  --workbench-theme-form-border: var(--border-strong);
  --workbench-theme-form-background: transparent;
  --workbench-theme-form-fill: var(--tsp-fill-medium);
  --workbench-theme-form-fill-active: var(--bg-lv1-default);
}
 {
  scrollbar_background: rgba(0, 0, 0, 0.12);
  scrollbar_background_hover: #ccc;
  scrollbar_width_thick: 10px;
  scrollbar_width_thin: 10px;
  scrollbar_height_thick: 10px;
  scrollbar_height_thin: 10px;
  scrollbar_length_thick: 140px;
  scrollbar_length_thin: 140px;
  scrollbar_border_thin: 2px solid transparent;
  scrollbar_border_thick: 2px solid transparent;
  scrollbar_border_radius_thick: 5px;
  scrollbar_border_radius_thin: 5px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background-color: inherit;
}
#left-sidebar-thumbnail-tab {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.icon-mobile-toolbar-outline {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOSAzYTEgMSAwIDAgMSAxIDF2MTZhMSAxIDAgMCAxLTEgMUg1YTEgMSAwIDAgMS0xLTFWNGExIDEgMCAwIDEgMS0xaDE0Wm0tLjUgMS41aC0xM3YxNWgxM3YtMTVaTTcuNSA3SDl2MS41SDcuNVY3Wm0zIDBoNnYxLjVoLTZWN1ptMCA0aDZ2MS41aC02VjExWm00LjUgNGgtNC41djEuNUgxNVYxNVptLTYtNEg3LjV2MS41SDlWMTFabS0xLjUgNEg5djEuNUg3LjVWMTVaIiBmaWxsPSIjNDU0RDVBIi8+PC9zdmc+);
}

/** mobile **/
.search-container-mobile {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #f6f6f6;
  z-index: 5000;
  min-height: 97px;
}
.wrapper-left {
  display: inline-block;
  width: calc(100% - 55px);
  height: 100%;
  padding: 12px;
}
.wrapper-right {
  display: inline-block;
  width: 50px;
  height: 100%;
}
.search-close-mobile {
  position: absolute;
  top: 0px;
  font-size: 16px;
  color: #1e6fff;
  line-height: 28px;
  margin-top: 12px;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
}
.replace-input-wraper {
  margin-top: 12px;
}
.search-input-mobile {
  font-family: "Microsoft YaHei", "宋体", sans-serif;
  font-size: 14px;
  width: 100%;
  height: 32px;
  line-height: 20px;
  text-indent: 10px;
  border: 1px solid #fff;
  padding-right: 20px;
  box-sizing: border-box;
  -webkit-appearance: none;
}
.search-input-mobile:focus {
  border-color: #1e6fff;
}
.search-count-info-mobile {
  position: absolute;
  color: #bbb;
  height: 32px;
  top: 12px;
  right: 75px;
  font-size: 14px;
  line-height: 32px;
  border: none;
  text-align: right;
}
.search-button-container-mobile {
  margin-top: 12px;
}
.search-button-mobile {
  width: 22%;
  line-height: 26px;
  height: 28px;
  border-radius: 2px;
  cursor: pointer;
  float: left;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 13px;
  border: 1px solid #c3c8cc;
  color: #333333;
  background-color: #ffffff;
  margin-left: 4%;
}
.search-button-mobile:first-child {
  margin-left: 0px;
}
.search-button-mobile:active {
  background-color: #e9e9e9;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.search-button-mobile[disabled] {
  pointer-events: none;
  background: #ebebeb;
  color: #aaa;
  border: 0px;
}
.icon-menu-search {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSA0YTcgNyAwIDAgMSA1LjEwMyAxMS43OTJsMy43NTYgMy43NTYtMS4wNiAxLjA2LTMuODM4LTMuODM2QTcgNyAwIDEgMSAxMSA0Wm0wIDEuNWE1LjUgNS41IDAgMSAwIDAgMTEgNS41IDUuNSAwIDAgMCAwLTExWiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==);
}
.icon-mobile-toolbar-search {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSA0YTcgNyAwIDAgMSA1LjEwMyAxMS43OTJsMy43NTYgMy43NTYtMS4wNiAxLjA2LTMuODM4LTMuODM2QTcgNyAwIDEgMSAxMSA0Wm0wIDEuNWE1LjUgNS41IDAgMSAwIDAgMTEgNS41IDUuNSAwIDAgMCAwLTExWiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==);
}

.icon-svg-toolbar-undo {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOCA4LjI1aDZjMi43NjEgMCA1IDEuOTg5IDUgNC43NWE1IDUgMCAwIDEtNSA1SDciIHN0cm9rZT0iIzQ2NEQ1QSIgc3Ryb2tlLXdpZHRoPSIxLjI1Ii8+PHBhdGggZD0iTTkgNS4zNzJWMTAuOWEuMi4yIDAgMCAxLS4zMDEuMTczTDQuMjc2IDguNDc0YS4yLjIgMCAwIDEtLjAwOS0uMzM5bDQuNDIzLTIuOTNhLjIuMiAwIDAgMSAuMzEuMTY3WiIgZmlsbD0iIzQ2NEQ1QSIvPjwvZz48L3N2Zz4=);
}
.icon-svg-toolbar-redo {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgOC4yNWgtNmMtMi43NjEgMC01IDEuOTg5LTUgNC43NWE1IDUgMCAwIDAgNSA1aDciIHN0cm9rZT0iIzQ2NEQ1QSIgc3Ryb2tlLXdpZHRoPSIxLjI1Ii8+PHBhdGggZD0iTTE1IDUuMzcyVjEwLjlhLjIuMiAwIDAgMCAuMzAxLjE3M2w0LjQyMy0yLjU5OWEuMi4yIDAgMCAwIC4wMDktLjMzOWwtNC40MjMtMi45M2EuMi4yIDAgMCAwLS4zMS4xNjdaIiBmaWxsPSIjNDY0RDVBIi8+PC9nPjwvc3ZnPg==);
}

.icon-svg-toolbar-highlight {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTEuMjQ2IDUuMjk2IDYuODcgMTIuODc1bDcuNjkgNC40NCA0LjQzOC03LjY4OC03Ljc1Mi00LjMzWiIgc3Ryb2tlPSIjNDY0RDVBIiBzdHJva2Utd2lkdGg9IjEuMjUiLz48cGF0aCBmaWxsPSIjNDY0RDVBIiBkPSJNMTEuNzc0IDE4LjU4Nkg2TDguNzYzIDEzLjhsNC4zMyAyLjV6Ii8+PC9nPjwvc3ZnPg==);
  background-position-x: 1.5px;
}
.icon-float-toolbar-highlight-delete {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjUgNGEuNS41IDAgMCAxIC41LjV2MS45OTlsMS40NjIuMDAxSDIwdjEuMjVsLTIuMDkzLS4wMDEtLjg3MyAxMS43ODhhLjUuNSAwIDAgMS0uNDk4LjQ2M0g3LjQ2NGEuNS41IDAgMCAxLS40OTgtLjQ2M0w2LjA5MiA3Ljc0OSA0IDcuNzVWNi41bDIuNTAxLjAwMWEuNS41IDAgMCAxIC4wMzctLjAwMUw4IDYuNDk5VjQuNWEuNS41IDAgMCAxIC41LS41aDdabTEuMTU0IDMuNzVINy4zNDZsLjgxNSAxMWg3LjY3OGwuODE1LTExWk0xMi42NSAxMXY1SDExLjR2LTVoMS4yNVptMi4xLTUuNzVoLTUuNXYxLjI0OWg1LjVWNS4yNVoiIGZpbGw9IiM0NjRENUEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
}
.icon-float-toolbar-highlight-edit {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTEuMjQ2IDUuMjk2IDYuODcgMTIuODc1bDcuNjkgNC40NCA0LjQzOC03LjY4OC03Ljc1Mi00LjMzWiIgc3Ryb2tlPSIjNDY0RDVBIiBzdHJva2Utd2lkdGg9IjEuMjUiLz48cGF0aCBmaWxsPSIjNDY0RDVBIiBkPSJNMTEuNzc0IDE4LjU4Nkg2TDguNzYzIDEzLjhsNC4zMyAyLjV6Ii8+PC9nPjwvc3ZnPg==);
  background-position-x: 1.5px;
}
.icon-float-toolbar-highlight-add {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTEuMjQ2IDUuMjk2IDYuODcgMTIuODc1bDcuNjkgNC40NCA0LjQzOC03LjY4OC03Ljc1Mi00LjMzWiIgc3Ryb2tlPSIjNDY0RDVBIiBzdHJva2Utd2lkdGg9IjEuMjUiLz48cGF0aCBmaWxsPSIjNDY0RDVBIiBkPSJNMTEuNzc0IDE4LjU4Nkg2TDguNzYzIDEzLjhsNC4zMyAyLjV6Ii8+PC9nPjwvc3ZnPg==);
  background-position-x: 1.5px;
}
.icon-svg-mobile-toolbar-highlight {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkYwIiBkPSJNNyAzNWgzNHY4SDd6Ii8+PHBhdGggZD0ibTIyLjYyIDYuODI2IDE1LjI2NCA5LjUzOWEyIDIgMCAwIDEgLjYzNiAyLjc1NmwtOS41MzggMTUuMjY1YTIgMiAwIDAgMS0yLjc1Ni42MzZsLTMuMDktMS45MzEtMi4zNDUgMy43NTFIOWw1LjY1NS05LjA1MS0zLjY5NC0yLjMwOGEyIDIgMCAwIDEtLjYzNi0yLjc1Nmw5LjUzOC0xNS4yNjVhMiAyIDAgMCAxIDIuNzU2LS42MzZaTTIxLjg3NiA5LjkgMTMuNCAyMy40N2wxMy41NjggOC40NzkgOC40OC0xMy41N0wyMS44NzYgOS45WiIgZmlsbD0iIzQ2NEQ1QSIvPjwvZz48L3N2Zz4=);
}
.icon-svg-mobile-toolbar-highlight:active {
  opacity: 0.1;
}

 {
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
  /**
 * Do not edit directly
 * Generated on Thu, 22 Sep 2022 08:19:09 GMT
 */
}
:root {
  --text-ultrastrong: rgba(0, 0, 0, 0.88);
  /* gray-tsp-01 */
  --text-strong: rgba(0, 0, 0, 0.64);
  /* gray-tsp-02 */
  --text-medium: rgba(0, 0, 0, 0.4);
  /* gray-tsp-03 */
  --text-weak: rgba(0, 0, 0, 0.24);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --text-link: #175ceb;
  /* primaryblue-02 */
  --text-error: #eb3639;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #464d5a;
  /* grayblue-01 */
  --icon-medium: #81868f;
  /* grayblue-02 */
  --icon-weak: #cbcdd1;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(0, 0, 0, 0.04);
  /* gray-tsp-08 */
  --border-medium: rgba(0, 0, 0, 0.08);
  /* gray-tsp-07 */
  --border-strong: rgba(0, 0, 0, 0.12);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(0, 0, 0, 0.16);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #f9fafb;
  /* grayblue-06 */
  --fill-medium: #f3f5f7;
  /* grayblue-05 */
  --fill-strong: #e9ebed;
  /* grayblue-04 */
  --fill-ultrastrong: #cbcdd1;
  /* grayblue-03 */
  --tsp-fill-weak: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --tsp-fill-medium: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --tsp-fill-strong: rgba(61, 82, 102, 0.12);
  /* 3D5266 / 12% */
  --tsp-fill-ultrastrong: rgba(61, 82, 102, 0.16);
  /* 3D5266 / 16% */
  --tsp-fill-accent-weak: rgba(30, 111, 255, 0.04);
  /* 1E6FFF / 4% */
  --tsp-fill-accent-medium: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --tsp-fill-accent-strong: rgba(30, 111, 255, 0.12);
  /* 1E6FFF / 12% */
  --tsp-fill-accent-ultrastrong: rgba(30, 111, 255, 0.16);
  /* 1E6FFF / 16% */
  --feedback-hover: rgba(51, 77, 102, 0.06);
  /* 334D66 / 6% */
  --feedback-active: rgba(51, 77, 102, 0.08);
  /* 334D66 / 8% */
  --feedback-accent: rgba(30, 111, 255, 0.08);
  /* 1E6FFF / 8% */
  --feedback-notice: #fffceb;
  /* yellow-07 */
  --bg-lv1-default: #ffffff;
  /* white */
  --bg-lv1-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv1-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv1-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv2-default: #ffffff;
  /* white */
  --bg-lv2-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv2-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv2-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv3-default: #ffffff;
  /* white */
  --bg-lv3-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv3-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv3-strong: #e9ebed;
  /* grayblue-04 */
  --bg-lv4-default: #ffffff;
  /* white */
  --bg-lv4-weak: #f9fafb;
  /* grayblue-06 */
  --bg-lv4-medium: #f3f5f7;
  /* grayblue-05 */
  --bg-lv4-strong: #e9ebed;
  /* grayblue-04 */
  --accent-default: #1e6fff;
  /* primaryblue-03-brand */
  --accent-hover: #175ceb;
  /* primaryblue-02 */
  --accent-pressed: #134ae0;
  /* primaryblue-01 */
  --accent-disabled: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-default: #edf4ff;
  /* primaryblue-07 */
  --accent-bg-hover: #c2d8ff;
  /* primaryblue-06 */
  --accent-bg-pressed: #99beff;
  /* primaryblue-05 */
  --critical-default: #ff4747;
  /* red-03 */
  --critical-hover: #eb3639;
  /* red-02 */
  --critical-pressed: #e02424;
  /* red-01 */
  --critical-disabled: #ffcccc;
  /* red-06 */
  --critical-bg-default: #ffeeee;
  /* red-07 */
  --critical-bg-hover: #ffcccc;
  /* red-06 */
  --critical-bg-pressed: #ffa3a3;
  /* red-05 */
  --success-default: #00d689;
  /* green-04 */
  --notice-default: #ffab00;
  /* yellow-03 */
  --notice-bg-default: #fffceb;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
.__DARK__ {
  --text-ultrastrong: rgba(255, 255, 255, 0.92);
  /* gray-tsp-01 */
  --text-strong: rgba(255, 255, 255, 0.68);
  /* gray-tsp-02 */
  --text-medium: rgba(255, 255, 255, 0.44);
  /* gray-tsp-03 */
  --text-weak: rgba(255, 255, 255, 0.28);
  /* gray-tsp-04 */
  --text-ultraweak: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --text-link: #206ef3;
  /* primaryblue-02 */
  --text-error: #ed5050;
  /* red-02 */
  --text-white: #ffffff;
  /* white */
  --icon-strong: #dcdee0;
  /* grayblue-01 */
  --icon-medium: #969799;
  /* grayblue-02 */
  --icon-weak: #5b5b5c;
  /* grayblue-03 */
  --icon-white: #ffffff;
  /* white */
  --border-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --border-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --border-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --border-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --fill-white: #ffffff;
  /* white */
  --fill-weak: #242529;
  /* 242529 */
  --fill-medium: #1c1d1f;
  /* grayblue-06 */
  --fill-strong: #18191a;
  /* grayblue-05 */
  --fill-ultrastrong: #131414;
  /* grayblue-04 */
  --tsp-fill-weak: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --tsp-fill-medium: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --tsp-fill-strong: rgba(255, 255, 255, 0.16);
  /* gray-tsp-06 */
  --tsp-fill-ultrastrong: rgba(255, 255, 255, 0.2);
  /* gray-tsp-05 */
  --tsp-fill-accent-weak: rgba(13, 97, 242, 0.12);
  /* 0D61F2 / 12% */
  --tsp-fill-accent-medium: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --tsp-fill-accent-strong: rgba(13, 97, 242, 0.2);
  /* 0D61F2 / 20% */
  --tsp-fill-accent-ultrastrong: rgba(13, 97, 242, 0.24);
  /* 0D61F2 / 24% */
  --feedback-hover: rgba(255, 255, 255, 0.08);
  /* gray-tsp-08 */
  --feedback-active: rgba(255, 255, 255, 0.12);
  /* gray-tsp-07 */
  --feedback-accent: rgba(13, 97, 242, 0.16);
  /* 0D61F2 / 16% */
  --feedback-notice: #3d2b00;
  /* yellow-07 */
  --bg-lv1-default: #131414;
  /* 131414 */
  --bg-lv1-weak: #131414;
  /* 131414 */
  --bg-lv1-medium: #131414;
  /* 131414 */
  --bg-lv1-strong: #131414;
  /* 131414 */
  --bg-lv2-default: #18191a;
  /* 18191A */
  --bg-lv2-weak: #18191a;
  /* 18191A */
  --bg-lv2-medium: #18191a;
  /* 18191A */
  --bg-lv2-strong: #18191a;
  /* 18191A */
  --bg-lv3-default: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-weak: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-medium: #1c1d1f;
  /* 1C1D1F */
  --bg-lv3-strong: #1c1d1f;
  /* 1C1D1F */
  --bg-lv4-default: #242529;
  /* 242529 */
  --bg-lv4-weak: #242529;
  /* 242529 */
  --bg-lv4-medium: #242529;
  /* 242529 */
  --bg-lv4-strong: #242529;
  /* 242529 */
  --accent-default: #0d61f2;
  /* primaryblue-03-brand */
  --accent-hover: #206ef3;
  /* primaryblue-02 */
  --accent-pressed: #347af4;
  /* primaryblue-01 */
  --accent-disabled: #143266;
  /* primaryblue-06 */
  --accent-bg-default: #0f254d;
  /* primaryblue-07 */
  --accent-bg-hover: #143266;
  /* primaryblue-06 */
  --accent-bg-pressed: #193e80;
  /* primaryblue-05 */
  --critical-default: #eb4141;
  /* red-03 */
  --critical-hover: #ed5050;
  /* red-02 */
  --critical-pressed: #ee5f5f;
  /* red-01 */
  --critical-disabled: #5c1a1a;
  /* red-06 */
  --critical-bg-default: #3d1111;
  /* red-07 */
  --critical-bg-hover: #5c1a1a;
  /* red-06 */
  --critical-bg-pressed: #802323;
  /* red-05 */
  --success-default: #008d4b;
  /* green-04 */
  --notice-default: #eb9d00;
  /* yellow-03 */
  --notice-bg-default: #3d2b00;
  /* yellow-07 */
  --vip-default: #e6b76c;
  /* gold-01 */
  --vip-hover: #ddb068;
  /* gold-02 */
  --vip-pressed: #d4a863;
  /* gold-03 */
}
[data-workbench-theme="tdocs"] {
  --workbench-theme-global-button-hover: var(--feedback-hover);
  --workbench-theme-global-button-active: var(--feedback-active);
  --workbench-theme-global-icon-primary-color: var(--icon-medium);
  --workbench-theme-global-icon-primary-opacity: 1;
  --workbench-theme-global-icon-secondary-color: var(--icon-weak);
  --workbench-theme-global-icon-secondary-opacity: 1;
  --workbench-theme-drawer-background: var(--bg-lv3-default);
  --workbench-theme-drawer-foreground: var(--text-strong);
  --workbench-theme-drawer-border: var(--border-medium);
  --workbench-theme-editor-zone-background: var(--bg-lv1-medium);
  --workbench-theme-statusbar-background: var(--bg-lv3-default);
  --workbench-theme-statusbar-foreground: var(--text-strong);
  --workbench-theme-statusbar-text-color: var(--text-strong);
  --workbench-theme-statusbar-icon-primary-color: var(--icon-strong);
  --workbench-theme-statusbar-border: var(--border-medium);
  --workbench-theme-statusbar-hover-background: var(--feedback-hover);
  --workbench-theme-statusbar-active-background: var(--feedback-active);
  --workbench-theme-titlebar-background: var(--bg-lv3-default);
  --workbench-theme-titlebar-foreground: var(--text-ultrastrong);
  --workbench-theme-titlebar-border: var(--border-medium);
  --workbench-theme-toolbar-background: var(--bg-lv3-default);
  --workbench-theme-toolbar-foreground: var(--text-ultrastrong);
  --workbench-theme-toolbar-text-color: var(--text-ultrastrong);
  --workbench-theme-toolbar-icon-primary-color: var(--icon-medium);
  --workbench-theme-toolbar-button-hover-background: var(--feedback-hover);
  --workbench-theme-toolbar-button-active-background: var(--feedback-active);
  --workbench-theme-toolbar-border-with-drawer: transparent;
  --workbench-theme-toolbar-border-without-drawer: var(--border-medium);
  --workbench-theme-form-border: var(--border-strong);
  --workbench-theme-form-background: transparent;
  --workbench-theme-form-fill: var(--tsp-fill-medium);
  --workbench-theme-form-fill-active: var(--bg-lv1-default);
}
 {
  scrollbar_background: rgba(0, 0, 0, 0.12);
  scrollbar_background_hover: #ccc;
  scrollbar_width_thick: 10px;
  scrollbar_width_thin: 10px;
  scrollbar_height_thick: 10px;
  scrollbar_height_thin: 10px;
  scrollbar_length_thick: 140px;
  scrollbar_length_thin: 140px;
  scrollbar_border_thin: 2px solid transparent;
  scrollbar_border_thick: 2px solid transparent;
  scrollbar_border_radius_thick: 5px;
  scrollbar_border_radius_thin: 5px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
  border-radius: 5px;
  border: 2px solid transparent;
  height: 140px;
  background-clip: content-box;
}
::-webkit-scrollbar-corner {
  background-color: inherit;
}
.annot-color-settings-container {
  padding: 12px 12px;
  background: #fff;
  box-shadow: 0px 5px 12px 4px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.annot-color-settings-container .annot-color-settings-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
}
.annot-color-settings-container .annot-color-settings-title-left,
.annot-color-settings-container .annot-color-settings-title-right {
  color: rgba(0, 0, 0, 0.48);
  font-weight: 400;
  font-size: 12px;
  font-family: '-apple-system', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
}

.annot-ink-menu-brush-pen {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMy44MzMgNC41NTYtMy4zODggMy4zODkgMy44MyAzLjgzIDMuMzg4LTMuMzg4LTMuODMtMy44M1ptLTQuNDA2IDUuNjEyLjQ0Mi0xLjMyNiAzLjUxIDMuNTA5LTEuMzI3LjQ0Mi0xLjMxMi0xLjMxMy0xLjMxMy0xLjMxMlptNC45OTYgMi45MzMgNC4xMjQtNC4xMjVhLjgzMy44MzMgMCAwIDAgMC0xLjE3OWwtNC4xMjQtNC4xMjRhLjgzMy44MzMgMCAwIDAtMS4xNzkgMEw5LjEyIDcuNzk3bC0uNzEgMi4xMy0xLjg4Ljk0LS4yMS4xMDUtLjA2LjIyOS0xLjQ3NCA1LjU5Ny0uMjI3Ljg2NC44NjQtLjIyNyA1LjU5OC0xLjQ3My4yMjgtLjA2LjEwNS0uMjExLjk0LTEuODggMi4xMy0uNzFabS0zLjEzOC4zOTctMS4yODItMS4yODEtMS4yODEtMS4yODItMS41MTYuNzU4LS45MzMgMy41NDcgMS43MzYtMS43MzZhLjg3NS44NzUgMCAxIDEgLjczNi43MzdMNy4wNiAxNS45MjdsMy40NjctLjkxMy43NTgtMS41MTZaIiBmaWxsPSIjNDU0RDVBIi8+PC9zdmc+);
}
.annot-ink-menu-brush-marker {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMy40OTEgMTQuMDQyLTIuOS43NzktMS41NjYgMS43NTNINC40NHYtMS4wOTJsMi45NjgtMy44NDMuNzc5LTIuOSA1LjA5MS01LjA5M2EuODMzLjgzMyAwIDAgMSAxLjE3OSAwbDQuMTI0IDQuMTI1YS44MzMuODMzIDAgMCAxIDAgMS4xNzlsLTUuMDkgNS4wOTJabS00LjEyLjU4MS0uODEzLjkxaC0yLjg0bDEuOTg4LTIuNTc0IDEuNjY0IDEuNjY0Wm0uNzI1LS43NDggMS45NzktLjUzMS0zLjE5LTMuMTg5LS41MjQgMS45NTYtLjAxMy4wMTYgMS43NDggMS43NDhabS0uNzk0LTQuNzc3IDQuNTY2LTQuNTY4IDMuODMgMy44My00LjU2NiA0LjU2OC0zLjgzLTMuODNaIiBmaWxsPSIjNDU0RDVBIi8+PC9zdmc+);
}
.annot-ink-menu-brush-smart {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjA4MyA2LjI1LTEuNjY2LS44MzMgMS42NjYtLjgzNC44MzQtMS42NjYuODMzIDEuNjY2IDEuNjY3LjgzNC0xLjY2Ny44MzMtLjgzMyAxLjY2Ny0uODM0LTEuNjY3Wm05LjU4NCA4LjMzMy0xLjI1LS42MjUgMS4yNS0uNjI1LjYyNS0xLjI1LjYyNSAxLjI1IDEuMjUuNjI1LTEuMjUuNjI1LS42MjUgMS4yNS0uNjI1LTEuMjVabTIuMzc3LTguMTcyTDE0LjA5IDMuNDU2YS40MTguNDE4IDAgMCAwLS41OTEgMEw0LjU0IDEyLjQxM2EuNDE4LjQxOCAwIDAgMC0uMTE3LjIyOGwtLjU4NCAzLjU0YS40MTguNDE4IDAgMCAwIC40OC40OGwzLjU0LS41ODRhLjQxOC40MTggMCAwIDAgLjIyOC0uMTE3bDguOTU3LTguOTU4YS40MTguNDE4IDAgMCAwIDAtLjU5Wk01LjQxOCAxMy4wMDdsNi40MzctNi40MzcgMi4wNzQgMi4wNzUtNi40MzYgNi40MzYtMi40ODUuNDEuNDEtMi40ODRabTkuMjQ3LTUuMDk5LTIuMDc0LTIuMDc0IDEuMjAyLTEuMjAyIDIuMDc0IDIuMDc1LTEuMjAyIDEuMjAxWiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==);
}
.icon-svg-toolbar-eraser {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02Ljc1IDkuOTg2IDMuOTczIDEyLjc2bDMuMDcyIDMuMDcySDkuNzRsMS40MjktMS40MjgtNC40Mi00LjQyWm0uNzM2LS43MzcgNC40MiA0LjQyIDQuNDQyLTQuNDQzLTQuNDItNC40Mkw3LjQ4NyA5LjI1Wm0zLjcyOCA2LjU4NCA2LjAxOC02LjAxOGEuODMzLjgzMyAwIDAgMCAwLTEuMTc4bC00LjcxNC00LjcxNWEuODMzLjgzMyAwIDAgMC0xLjE3OSAwbC04LjI1IDguMjVhLjgzMy44MzMgMCAwIDAgMCAxLjE3OGwzLjUyNSAzLjUyNUgxNy41di0xLjA0MmgtNi4yODdaIiBmaWxsPSIjNDU0RDVBIi8+PC9zdmc+);
}
.icon-svg-mobile-toolbar-ink {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xNi43ODYgMTUuODA5LS4wNTUuMDE4LTIuODQuOTQ3LTEuMDgzIDIuMTY1LS4xNTIuMzAzLS4zMjguMDg2TDUuMTggMjEuMjFsLTEuMjQzLjMyNy4zMjctMS4yNDMgMS44ODEtNy4xNS4wODctLjMyOC4zMDMtLjE1MUw4LjcgMTEuNTgybC45NDctMi44NC4wMTgtLjA1NS4wNDEtLjA0MSA1LjI2OC01LjI2OGExLjMxMSAxLjMxMSAwIDAgMSAxLjg1NCAwbDUuMjY4IDUuMjY4YTEuMzExIDEuMzExIDAgMCAxIDAgMS44NTRsLTUuMjY4IDUuMjY4LS4wNDEuMDRabS03LjU4My0yLjgwMS0xLjY5NC44NDctMS4wOTYgNC4xNjIgMS45MDUtMS45MDVhMS4yNSAxLjI1IDAgMSAxIDEuMDQ5IDEuMDcybC0xLjg2MiAxLjg2MyA0LjExMy0xLjA4My44NDctMS42OTQtMS42My0xLjYzMS0xLjYzMi0xLjYzMVptMi4zNzYtNC4xMiA0LjMyMS00LjMyIDUuMDA1IDUuMDA1LTQuMzIxIDQuMzItNS4wMDUtNS4wMDRabS0uODM0IDEuMjg5LS41NjQgMS42OTIgMS43MTIgMS43MTEgMS43MSAxLjcxMiAxLjY5My0uNTY1LTQuNTUtNC41NVoiIGZpbGw9IiM0NTRENUEiLz48L3N2Zz4=);
}
.icon-svg-mobile-toolbar-ink:active {
  opacity: 0.1;
}
.icon-float-toolbar-ink-delete {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjUgNGEuNS41IDAgMCAxIC41LjV2MS45OTlsMS40NjIuMDAxSDIwdjEuMjVsLTIuMDkzLS4wMDEtLjg3MyAxMS43ODhhLjUuNSAwIDAgMS0uNDk4LjQ2M0g3LjQ2NGEuNS41IDAgMCAxLS40OTgtLjQ2M0w2LjA5MiA3Ljc0OSA0IDcuNzVWNi41bDIuNTAxLjAwMWEuNS41IDAgMCAxIC4wMzctLjAwMUw4IDYuNDk5VjQuNWEuNS41IDAgMCAxIC41LS41aDdabTEuMTU0IDMuNzVINy4zNDZsLjgxNSAxMWg3LjY3OGwuODE1LTExWk0xMi42NSAxMXY1SDExLjR2LTVoMS4yNVptMi4xLTUuNzVoLTUuNXYxLjI0OWg1LjVWNS4yNVoiIGZpbGw9IiM0NjRENUEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
}
.icon-float-toolbar-ink-edit {
  background-image: url(//docs.gtimg.com/pdf/assets/pc-toolbar-annot-color.5fb90ece3185e82b7225.svg);
  background-position-x: 1.5px;
}
.icon-svg-mobile-toolbar-eraser {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02Ljc1IDkuOTg2IDMuOTczIDEyLjc2bDMuMDcyIDMuMDcySDkuNzRsMS40MjktMS40MjgtNC40Mi00LjQyWm0uNzM2LS43MzcgNC40MiA0LjQyIDQuNDQyLTQuNDQzLTQuNDItNC40Mkw3LjQ4NyA5LjI1Wm0zLjcyOCA2LjU4NCA2LjAxOC02LjAxOGEuODMzLjgzMyAwIDAgMCAwLTEuMTc4bC00LjcxNC00LjcxNWEuODMzLjgzMyAwIDAgMC0xLjE3OSAwbC04LjI1IDguMjVhLjgzMy44MzMgMCAwIDAgMCAxLjE3OGwzLjUyNSAzLjUyNUgxNy41di0xLjA0MmgtNi4yODdaIiBmaWxsPSIjNDU0RDVBIi8+PC9zdmc+);
}
.icon-svg-mobile-toolbar-eraser:active {
  opacity: 0.1;
}

.annot-ink-menu-brush-pen {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMy44MzMgNC41NTYtMy4zODggMy4zODkgMy44MyAzLjgzIDMuMzg4LTMuMzg4LTMuODMtMy44M1ptLTQuNDA2IDUuNjEyLjQ0Mi0xLjMyNiAzLjUxIDMuNTA5LTEuMzI3LjQ0Mi0xLjMxMi0xLjMxMy0xLjMxMy0xLjMxMlptNC45OTYgMi45MzMgNC4xMjQtNC4xMjVhLjgzMy44MzMgMCAwIDAgMC0xLjE3OWwtNC4xMjQtNC4xMjRhLjgzMy44MzMgMCAwIDAtMS4xNzkgMEw5LjEyIDcuNzk3bC0uNzEgMi4xMy0xLjg4Ljk0LS4yMS4xMDUtLjA2LjIyOS0xLjQ3NCA1LjU5Ny0uMjI3Ljg2NC44NjQtLjIyNyA1LjU5OC0xLjQ3My4yMjgtLjA2LjEwNS0uMjExLjk0LTEuODggMi4xMy0uNzFabS0zLjEzOC4zOTctMS4yODItMS4yODEtMS4yODEtMS4yODItMS41MTYuNzU4LS45MzMgMy41NDcgMS43MzYtMS43MzZhLjg3NS44NzUgMCAxIDEgLjczNi43MzdMNy4wNiAxNS45MjdsMy40NjctLjkxMy43NTgtMS41MTZaIiBmaWxsPSIjNDU0RDVBIi8+PC9zdmc+);
}
.annot-ink-menu-brush-marker {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMy40OTEgMTQuMDQyLTIuOS43NzktMS41NjYgMS43NTNINC40NHYtMS4wOTJsMi45NjgtMy44NDMuNzc5LTIuOSA1LjA5MS01LjA5M2EuODMzLjgzMyAwIDAgMSAxLjE3OSAwbDQuMTI0IDQuMTI1YS44MzMuODMzIDAgMCAxIDAgMS4xNzlsLTUuMDkgNS4wOTJabS00LjEyLjU4MS0uODEzLjkxaC0yLjg0bDEuOTg4LTIuNTc0IDEuNjY0IDEuNjY0Wm0uNzI1LS43NDggMS45NzktLjUzMS0zLjE5LTMuMTg5LS41MjQgMS45NTYtLjAxMy4wMTYgMS43NDggMS43NDhabS0uNzk0LTQuNzc3IDQuNTY2LTQuNTY4IDMuODMgMy44My00LjU2NiA0LjU2OC0zLjgzLTMuODNaIiBmaWxsPSIjNDU0RDVBIi8+PC9zdmc+);
}
.annot-ink-menu-brush-smart {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01LjA4MyA2LjI1LTEuNjY2LS44MzMgMS42NjYtLjgzNC44MzQtMS42NjYuODMzIDEuNjY2IDEuNjY3LjgzNC0xLjY2Ny44MzMtLjgzMyAxLjY2Ny0uODM0LTEuNjY3Wm05LjU4NCA4LjMzMy0xLjI1LS42MjUgMS4yNS0uNjI1LjYyNS0xLjI1LjYyNSAxLjI1IDEuMjUuNjI1LTEuMjUuNjI1LS42MjUgMS4yNS0uNjI1LTEuMjVabTIuMzc3LTguMTcyTDE0LjA5IDMuNDU2YS40MTguNDE4IDAgMCAwLS41OTEgMEw0LjU0IDEyLjQxM2EuNDE4LjQxOCAwIDAgMC0uMTE3LjIyOGwtLjU4NCAzLjU0YS40MTguNDE4IDAgMCAwIC40OC40OGwzLjU0LS41ODRhLjQxOC40MTggMCAwIDAgLjIyOC0uMTE3bDguOTU3LTguOTU4YS40MTguNDE4IDAgMCAwIDAtLjU5Wk01LjQxOCAxMy4wMDdsNi40MzctNi40MzcgMi4wNzQgMi4wNzUtNi40MzYgNi40MzYtMi40ODUuNDEuNDEtMi40ODRabTkuMjQ3LTUuMDk5LTIuMDc0LTIuMDc0IDEuMjAyLTEuMjAyIDIuMDc0IDIuMDc1LTEuMjAyIDEuMjAxWiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==);
}
.annot-ink-menu-container {
  padding: 12px 12px;
  background: #fff;
  box-shadow: 0px 5px 12px 4px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.annot-ink-menu-container .annot-ink-menu-linewidth {
  display: flex;
  width: 100%;
  justify-content: space-around;
  padding: 0 46px;
  align-items: center;
}
.annot-ink-menu-container .annot-ink-menu-linewidth .annot-ink-menu-linewidth-btn {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.annot-ink-menu-container .annot-ink-menu-linewidth .annot-ink-menu-linewidth-btn:hover {
  background: rgba(51, 77, 102, 0.08);
  border-radius: 2px;
  cursor: pointer;
}
.annot-ink-menu-container .annot-ink-menu-linewidth .annot-ink-menu-linewidth-btn.selected {
  background: rgba(51, 77, 102, 0.08);
  border-radius: 2px;
}
.annot-ink-menu-container .annot-ink-menu-color {
  margin-top: 12px;
}
.annot-ink-menu-container .annot-ink-menu-brush {
  margin-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: space-around;
  padding: 0 46px;
  align-items: center;
  padding-top: 8px;
}
.annot-ink-menu-container .annot-ink-menu-brush .annot-ink-menu-brush-btn {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.annot-ink-menu-container .annot-ink-menu-brush .annot-ink-menu-brush-btn:hover {
  background: rgba(51, 77, 102, 0.08);
  border-radius: 2px;
  cursor: pointer;
}
.annot-ink-menu-container .annot-ink-menu-brush .annot-ink-menu-brush-btn.selected {
  background: rgba(51, 77, 102, 0.08);
  border-radius: 2px;
}
.annot-ink-menu-container .annot-ink-menu-brush .annot-ink-menu-brush-pen,
.annot-ink-menu-container .annot-ink-menu-brush .annot-ink-menu-brush-marker,
.annot-ink-menu-container .annot-ink-menu-brush .annot-ink-menu-brush-smart {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-svg-toolbar-strikeout {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzQ2NEQ1QSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTQuNzQzIDEyLjQ0M2MuMjA2LjE3LjM5Ni4zNi41NjYuNTY4YTMuMjggMy4yOCAwIDAgMSAuNjg2IDIuMiAzLjU4IDMuNTggMCAwIDEtLjU0NSAxLjk0IDMuNzA5IDMuNzA5IDAgMCAxLTEuNTQ1IDEuMzUyIDUuMjYgNS4yNiAwIDAgMS0yLjM0Mi40OTYgNi4wMjIgNi4wMjIgMCAwIDEtMi41NDQtLjUzN0E2LjI0NCA2LjI0NCAwIDAgMSA3IDE2Ljk4NmwuOTA5LTEuMDMzYy40NzIuNTMgMS4wNDIuOTYyIDEuNjc1IDEuMjcuNjMxLjMwNyAxLjMyMS40NjYgMi4wMi40NjVhMy4yOSAzLjI5IDAgMCAwIDIuMTMtLjY0IDIuMzE3IDIuMzE3IDAgMCAwIC41MDQtMi44NCAyLjEzMiAyLjEzMiAwIDAgMC0uNzI2LS43MjIgMTIuODIgMTIuODIgMCAwIDAtMS4yNTItLjY0bC0uODg5LS40MDNoMy4zNzJaTTExLjcxNSA1YTUuMjQ0IDUuMjQ0IDAgMCAxIDMuODM2IDEuNjYybC0uODA4Ljk3YTQuMTU0IDQuMTU0IDAgMCAwLTMuMDI4LTEuMjkgMi44NTUgMi44NTUgMCAwIDAtMS44NDguNjFjLS40Ni4zNjQtLjcyMy45MzItLjcwNyAxLjUyNy0uMDA2LjM3MS4xMDcuNzM0LjMyMyAxLjAzMi4yMDEuMjc4LjQ1NS41MS43NDguNjgyLjI4Mi4xODYuNjU2LjM1IDEuMTQuNTY4bC4wNzMuMDMySDguNTYzYTIuOTcxIDIuOTcxIDAgMCAxLS44ODYtMi4yNzMgMy4zMTYgMy4zMTYgMCAwIDEgLjUxNC0xLjgxN2MuMzgtLjU1LjktLjk4MiAxLjUwNC0xLjI0OUE0LjU5OCA0LjU5OCAwIDAgMSAxMS43MTUgNVoiLz48cGF0aCBkPSJNNSAxMmgxNHYxLjI1SDV6Ii8+PC9nPjwvc3ZnPg==);
  background-position-x: 1.5px;
}
.icon-float-toolbar-strikeout-delete {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjUgNGEuNS41IDAgMCAxIC41LjV2MS45OTlsMS40NjIuMDAxSDIwdjEuMjVsLTIuMDkzLS4wMDEtLjg3MyAxMS43ODhhLjUuNSAwIDAgMS0uNDk4LjQ2M0g3LjQ2NGEuNS41IDAgMCAxLS40OTgtLjQ2M0w2LjA5MiA3Ljc0OSA0IDcuNzVWNi41bDIuNTAxLjAwMWEuNS41IDAgMCAxIC4wMzctLjAwMUw4IDYuNDk5VjQuNWEuNS41IDAgMCAxIC41LS41aDdabTEuMTU0IDMuNzVINy4zNDZsLjgxNSAxMWg3LjY3OGwuODE1LTExWk0xMi42NSAxMXY1SDExLjR2LTVoMS4yNVptMi4xLTUuNzVoLTUuNXYxLjI0OWg1LjVWNS4yNVoiIGZpbGw9IiM0NjRENUEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
}
.icon-float-toolbar-strikeout-edit {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzQ2NEQ1QSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTQuNzQzIDEyLjQ0M2MuMjA2LjE3LjM5Ni4zNi41NjYuNTY4YTMuMjggMy4yOCAwIDAgMSAuNjg2IDIuMiAzLjU4IDMuNTggMCAwIDEtLjU0NSAxLjk0IDMuNzA5IDMuNzA5IDAgMCAxLTEuNTQ1IDEuMzUyIDUuMjYgNS4yNiAwIDAgMS0yLjM0Mi40OTYgNi4wMjIgNi4wMjIgMCAwIDEtMi41NDQtLjUzN0E2LjI0NCA2LjI0NCAwIDAgMSA3IDE2Ljk4NmwuOTA5LTEuMDMzYy40NzIuNTMgMS4wNDIuOTYyIDEuNjc1IDEuMjcuNjMxLjMwNyAxLjMyMS40NjYgMi4wMi40NjVhMy4yOSAzLjI5IDAgMCAwIDIuMTMtLjY0IDIuMzE3IDIuMzE3IDAgMCAwIC41MDQtMi44NCAyLjEzMiAyLjEzMiAwIDAgMC0uNzI2LS43MjIgMTIuODIgMTIuODIgMCAwIDAtMS4yNTItLjY0bC0uODg5LS40MDNoMy4zNzJaTTExLjcxNSA1YTUuMjQ0IDUuMjQ0IDAgMCAxIDMuODM2IDEuNjYybC0uODA4Ljk3YTQuMTU0IDQuMTU0IDAgMCAwLTMuMDI4LTEuMjkgMi44NTUgMi44NTUgMCAwIDAtMS44NDguNjFjLS40Ni4zNjQtLjcyMy45MzItLjcwNyAxLjUyNy0uMDA2LjM3MS4xMDcuNzM0LjMyMyAxLjAzMi4yMDEuMjc4LjQ1NS41MS43NDguNjgyLjI4Mi4xODYuNjU2LjM1IDEuMTQuNTY4bC4wNzMuMDMySDguNTYzYTIuOTcxIDIuOTcxIDAgMCAxLS44ODYtMi4yNzMgMy4zMTYgMy4zMTYgMCAwIDEgLjUxNC0xLjgxN2MuMzgtLjU1LjktLjk4MiAxLjUwNC0xLjI0OUE0LjU5OCA0LjU5OCAwIDAgMSAxMS43MTUgNVoiLz48cGF0aCBkPSJNNSAxMmgxNHYxLjI1SDV6Ii8+PC9nPjwvc3ZnPg==);
  background-position-x: 1.5px;
}
.icon-float-toolbar-strikeout-add {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzQ2NEQ1QSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTQuNzQzIDEyLjQ0M2MuMjA2LjE3LjM5Ni4zNi41NjYuNTY4YTMuMjggMy4yOCAwIDAgMSAuNjg2IDIuMiAzLjU4IDMuNTggMCAwIDEtLjU0NSAxLjk0IDMuNzA5IDMuNzA5IDAgMCAxLTEuNTQ1IDEuMzUyIDUuMjYgNS4yNiAwIDAgMS0yLjM0Mi40OTYgNi4wMjIgNi4wMjIgMCAwIDEtMi41NDQtLjUzN0E2LjI0NCA2LjI0NCAwIDAgMSA3IDE2Ljk4NmwuOTA5LTEuMDMzYy40NzIuNTMgMS4wNDIuOTYyIDEuNjc1IDEuMjcuNjMxLjMwNyAxLjMyMS40NjYgMi4wMi40NjVhMy4yOSAzLjI5IDAgMCAwIDIuMTMtLjY0IDIuMzE3IDIuMzE3IDAgMCAwIC41MDQtMi44NCAyLjEzMiAyLjEzMiAwIDAgMC0uNzI2LS43MjIgMTIuODIgMTIuODIgMCAwIDAtMS4yNTItLjY0bC0uODg5LS40MDNoMy4zNzJaTTExLjcxNSA1YTUuMjQ0IDUuMjQ0IDAgMCAxIDMuODM2IDEuNjYybC0uODA4Ljk3YTQuMTU0IDQuMTU0IDAgMCAwLTMuMDI4LTEuMjkgMi44NTUgMi44NTUgMCAwIDAtMS44NDguNjFjLS40Ni4zNjQtLjcyMy45MzItLjcwNyAxLjUyNy0uMDA2LjM3MS4xMDcuNzM0LjMyMyAxLjAzMi4yMDEuMjc4LjQ1NS41MS43NDguNjgyLjI4Mi4xODYuNjU2LjM1IDEuMTQuNTY4bC4wNzMuMDMySDguNTYzYTIuOTcxIDIuOTcxIDAgMCAxLS44ODYtMi4yNzMgMy4zMTYgMy4zMTYgMCAwIDEgLjUxNC0xLjgxN2MuMzgtLjU1LjktLjk4MiAxLjUwNC0xLjI0OUE0LjU5OCA0LjU5OCAwIDAgMSAxMS43MTUgNVoiLz48cGF0aCBkPSJNNSAxMmgxNHYxLjI1SDV6Ii8+PC9nPjwvc3ZnPg==);
  background-position-x: 1.5px;
}
.icon-svg-mobile-toolbar-strikeout {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM4IDI0djNoLTYuMDcyYTcuNjg0IDcuNjg0IDAgMCAxIDEuMDYgNC4zMzcgOC4zNTYgOC4zNTYgMCAwIDEtMS4yMSA0LjQzNiA4LjMxOCA4LjMxOCAwIDAgMS0zLjQzMyAzLjA5MiAxMS40MTQgMTEuNDE0IDAgMCAxLTUuMjA1IDEuMTMyIDEzLjA2NyAxMy4wNjcgMCAwIDEtNS42NTMtMS4yMjcgMTMuODcyIDEzLjg3MiAwIDAgMS00LjE5LTMuMDVMMTMgMzUuMzk3bDIuMDItMi4zNmExMi4wODcgMTIuMDg3IDAgMCAwIDMuNzIzIDIuOTAzQTkuOTYzIDkuOTYzIDAgMCAwIDIzLjIzIDM3YTcuMTY3IDcuMTY3IDAgMCAwIDQuNzM0LTEuNDYzYzEuNzkyLTEuNjA4IDIuMjYtNC4zMiAxLjEyMS02LjQ4OWE0LjgwNyA0LjgwNyAwIDAgMC0xLjYxNS0xLjY1MSAyOC4zNDYgMjguMzQ2IDAgMCAwLS42ODUtLjM5OEwxMCAyN3YtM2gyOFpNMjMuNDc3IDhjMy4xLS4wMSA2LjA3NSAxLjI2NiA4LjI4MyAzLjU0MmwuMjQyLjI1Ny0xLjc5NSAyLjIxOGMtMS43Ny0xLjkwMi00LjItMi45NjctNi43My0yLjk1YTYuMjI5IDYuMjI5IDAgMCAwLTQuMTA2IDEuMzkzYy0xLjAyMi44MzQtMS42MDYgMi4xMzEtMS41NyAzLjQ5MmEzLjk4MyAzLjk4MyAwIDAgMCAuNzE4IDIuMzYgNS41NTQgNS41NTQgMCAwIDAgMS42NiAxLjU1N2MuNTU4LjM3OCAxLjI3Ni43MTggMi4xODUgMS4xMzdsLjM1LjE2MS41NDMuMjUyaC02LjYxYTguMjA2IDguMjA2IDAgMCAxLS4yMzctLjI0bC0uMjI0LS4yNDhjLTEuMTYzLTEuMzI0LTEuNzctMy4wODQtMS42ODMtNC44ODRhNy43NDIgNy43NDIgMCAwIDEgMS4xNDQtNC4xNTMgOC4wMzYgOC4wMzYgMCAwIDEgMy4zNDMtMi44NTZBOS45ODEgOS45ODEgMCAwIDEgMjMuNDc3IDhaIiBmaWxsPSIjNDY0RDVBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.icon-svg-mobile-toolbar-strikeout:active {
  opacity: 0.1;
}

.icon-svg-toolbar-text {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS4wMDYgNWMuNTUyIDAgLjk5NC40NDguOTk0IDF2MTBhMSAxIDAgMCAxLTEgMWgtNC45OTNsLTEuNTc3IDIuMzhhLjUuNSAwIDAgMS0uODMuMDA1TDkuOTc3IDE3SDVhMSAxIDAgMCAxLTEtMVY2YzAtLjU1Mi40NDUtMSAuOTk3LTFoMTQuMDA5Wk0xOC43IDYuM0g1LjN2OS40aDUuMzY0bDEuMzQgMS45NjggMS4zMDQtMS45NjhIMTguN1Y2LjNabS02LjA3MyA0LjA3NC4wMDEtMi4zNzVoLTEuMjV2Mi4zNzVIOC45OTh2MS4yNWgyLjM3OGwuMDAxIDIuMzc1aDEuMjV2LTIuMzc1aDIuMzcxdi0xLjI1aC0yLjM3MloiIGZpbGw9IiM0NTRENUEiLz48L3N2Zz4=);
}
.icon-svg-mobile-toolbar-text {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTIwIDRhMSAxIDAgMCAxIDEgMXYxM2ExIDEgMCAwIDEtMSAxaC01LjM2NmwtMi4zIDIuMzU4YS40NjMuNDYzIDAgMCAxLS42NjcgMEw5LjM2NiAxOUg0YTEgMSAwIDAgMS0xLTFWNWExIDEgMCAwIDEgMS0xaDE2Wm0tLjUgMS41aC0xNXYxMmg1LjQ5OEwxMiAxOS41NTFsMi4wMDItMi4wNTFIMTkuNXYtMTJaTTEyLjc1IDh2Mi41aDIuNzVWMTJoLTIuNzV2M2gtMS41di0zSDguNXYtMS41aDIuNzVWOGgxLjVaIiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==);
}
.icon-svg-mobile-toolbar-text:active {
  opacity: 0.1;
}

.icon-svg-toolbar-underline {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDE4LjN2MS4zSDV2LTEuM2gxM1pNOC40IDV2Ny41YTMuMSAzLjEgMCAwIDAgMi45MjQgMy4wOTVsLjE3Ni4wMDVhMy4xIDMuMSAwIDAgMCAzLjA5NS0yLjkyNGwuMDA1LS4xNzZWNUgxNnY3LjVhNC41IDQuNSAwIDEgMS05IDBWNWgxLjRaIiBmaWxsPSIjNDY0RDVBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
  background-position-x: 1.5px;
}
.icon-float-toolbar-underline-delete {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjUgNGEuNS41IDAgMCAxIC41LjV2MS45OTlsMS40NjIuMDAxSDIwdjEuMjVsLTIuMDkzLS4wMDEtLjg3MyAxMS43ODhhLjUuNSAwIDAgMS0uNDk4LjQ2M0g3LjQ2NGEuNS41IDAgMCAxLS40OTgtLjQ2M0w2LjA5MiA3Ljc0OSA0IDcuNzVWNi41bDIuNTAxLjAwMWEuNS41IDAgMCAxIC4wMzctLjAwMUw4IDYuNDk5VjQuNWEuNS41IDAgMCAxIC41LS41aDdabTEuMTU0IDMuNzVINy4zNDZsLjgxNSAxMWg3LjY3OGwuODE1LTExWk0xMi42NSAxMXY1SDExLjR2LTVoMS4yNVptMi4xLTUuNzVoLTUuNXYxLjI0OWg1LjVWNS4yNVoiIGZpbGw9IiM0NjRENUEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
}
.icon-float-toolbar-underline-edit {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDE4LjN2MS4zSDV2LTEuM2gxM1pNOC40IDV2Ny41YTMuMSAzLjEgMCAwIDAgMi45MjQgMy4wOTVsLjE3Ni4wMDVhMy4xIDMuMSAwIDAgMCAzLjA5NS0yLjkyNGwuMDA1LS4xNzZWNUgxNnY3LjVhNC41IDQuNSAwIDEgMS05IDBWNWgxLjRaIiBmaWxsPSIjNDY0RDVBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
  background-position-x: 1.5px;
}
.icon-float-toolbar-underline-add {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDE4LjN2MS4zSDV2LTEuM2gxM1pNOC40IDV2Ny41YTMuMSAzLjEgMCAwIDAgMi45MjQgMy4wOTVsLjE3Ni4wMDVhMy4xIDMuMSAwIDAgMCAzLjA5NS0yLjkyNGwuMDA1LS4xNzZWNUgxNnY3LjVhNC41IDQuNSAwIDEgMS05IDBWNWgxLjRaIiBmaWxsPSIjNDY0RDVBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
  background-position-x: 1.5px;
}
.icon-svg-mobile-toolbar-underline {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM5IDM3djNIOXYtM2gzMFpNMTUuODg4IDh2MTMuMDg4YzAgMi45ODMgMS4wOTkgNC43MTQgMi4zNDYgNi4wMDkgMS4yNDQgMS4yOTQgMy4xOCAyLjE2MiA1LjI2NiAyLjE2MiAyLjE0MyAwIDQuMTY3LS44NjggNS40NC0yLjE2MiAxLjI3Ni0xLjI5NSAyLjEyLTMuMDI2IDIuMTItNi4wMDlWOEgzNHYxMy4wODhjMCAzLjg0Ny0xLjM3MSA2LjYyNi0zLjIxIDguMzRDMjguOTUyIDMxLjE0MiAyNi40OTcgMzIgMjMuNDI4IDMyYy0zLjA3IDAtNS41MTYtLjg1OC03LjM0LTIuNTcyQzE0LjI2NCAyNy43MTQgMTMgMjQuOTM1IDEzIDIxLjA4OFY4aDIuODg4WiIgZmlsbD0iIzQ2NEQ1QSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.icon-svg-mobile-toolbar-underline:active {
  opacity: 0.1;
}

.grab-cursor {
  cursor: move;
  cursor: grab;
}
.grab-cursor * {
  cursor: inherit !important;
}

#background-mode {
  position: absolute;
  z-index: 1001;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  pointer-events: none;
}

.icon-float-toolbar-signature-delete {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjUgNGEuNS41IDAgMCAxIC41LjV2MS45OTlsMS40NjIuMDAxSDIwdjEuMjVsLTIuMDkzLS4wMDEtLjg3MyAxMS43ODhhLjUuNSAwIDAgMS0uNDk4LjQ2M0g3LjQ2NGEuNS41IDAgMCAxLS40OTgtLjQ2M0w2LjA5MiA3Ljc0OSA0IDcuNzVWNi41bDIuNTAxLjAwMWEuNS41IDAgMCAxIC4wMzctLjAwMUw4IDYuNDk5VjQuNWEuNS41IDAgMCAxIC41LS41aDdabTEuMTU0IDMuNzVINy4zNDZsLjgxNSAxMWg3LjY3OGwuODE1LTExWk0xMi42NSAxMXY1SDExLjR2LTVoMS4yNVptMi4xLTUuNzVoLTUuNXYxLjI0OWg1LjVWNS4yNVoiIGZpbGw9IiM0NjRENUEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
}
.icon-toolbar-signature-insert {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xOS41IDQtLjA5Mi43MzhjLS4yODEgMi4yNy0uODAzIDQuMjYtMS41NjcgNS45NzRsLS4zNzYuNzk1cy0uNTQyLS4xMTEtLjk3OC0uMTg2YTguNzE4IDguNzE4IDAgMCAwLTEuMDAyLS4wOTFsLjgwOSAxLjM0Mi0uNDMuMzQyYy0xLjg1NiAxLjQ2OS0zLjg3NyAyLjQzOC01LjYzIDIuNzYzLTEuMDQyLjIwMy0yLjMxOC4xMjYtMi45OTUgMGwtLjY4IDEuNjE1LTEuNzk0LjQzNGMxLjMzLTQuNzU3IDMuOTUtOC4yNzggNi4zMzgtMTAuNTA2IDEuNzk4LTEuNjc2IDQuMjE3LTIuNzA0IDcuMjQxLTMuMDkyTDE5LjUgNFptLTEuNDAyIDEuNTY5LjAzMy0uMjItLjA0MS4wMDZjLTIuNDcuMzc0LTQuNDUgMS4yMTUtNS45NSAyLjUxOWwtLjIzMi4yMWMtMS42OSAxLjU3NS0zLjEyIDMuNjQ2LTQuMTk4IDYuMjc5bC0uMDg2LjIxNS4xMjYuMDJhNy43NSA3Ljc1IDAgMCAwIDIuMDU4LS4wNDRsLjIwNS0uMDM2YzEuMzc3LS4yNTYgMi45NzctLjk3NSA0LjUxLTIuMDcxbC4yMzYtLjE2cy0uMzk2LS43MDgtLjU1OS0xLjA5OGMtLjE2Mi0uMzktLjM2NS0xLjA0Mi0uMzY1LTEuMDQycy42MTEtLjA1NyAxLjM0LS4wNTdjLjcyOCAwIDEuNjA0LjEgMS42MDQuMWwuMTQ3LS4zMzdjLjUyMi0xLjI2My45MTMtMi42OSAxLjE3Mi00LjI4NFpNMjAgMTguOUg0djEuNGgxNnYtMS40WiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==);
}
.icon-svg-mobile-toolbar-signature {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgMjAuNWgxOFYyMkgzdi0xLjVaIiBmaWxsPSIjNDU0RDVBIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xOS44OTQgNC43MTcuMTA2LS44Ny0xLjMzNC4xNTFjLTMuNDg5LjQ1Ny02LjI4IDEuNjY3LTguMzU0IDMuNjRDNy41NTcgMTAuMjU3IDQuNTMzIDE0LjQwMSAzIDIwbDIuMDctLjUxLjc4NC0xLjkwMWMuNzguMTQ4IDIuMjU0LjIzOCAzLjQ1NCAwIDIuMDI0LS4zODMgNC4zNTYtMS41MjMgNi40OTYtMy4yNTJsLjQ5Ny0uNDAyLS45MzMtMS41OHMuNjUzLjAyIDEuMTU2LjEwOGE0Mi41MSA0Mi41MSAwIDAgMSAxLjEyOS4yMThsLjQzMy0uOTM1Yy44ODItMi4wMTYgMS40ODQtNC4zNiAxLjgwOC03LjAzWm0tMS40NzMuNzE4LS4wMzguMjU5Yy0uMjk5IDEuODc1LS43NSAzLjU1NS0xLjM1MyA1LjA0MWwtLjE2OS4zOThzLTEuMDEtLjEyLTEuODUtLjEyYTE4LjEgMTguMSAwIDAgMC0xLjU0Ny4wNjlzLjIzNC43NjcuNDIyIDEuMjI2Yy4xODcuNDU4LjY0NCAxLjI5MS42NDQgMS4yOTFsLS4yNzMuMTg5Yy0xLjc2OCAxLjI5LTMuNjEzIDIuMTM2LTUuMjAzIDIuNDM3bC0uMjM2LjA0M2E4Ljc3MyA4Ljc3MyAwIDAgMS0yLjM3NC4wNWwtLjE0Ni0uMDIyLjEtLjI1NGMxLjI0My0zLjA5OCAyLjg5Mi01LjUzNCA0Ljg0My03LjM5bC4yNjgtLjI0NmMxLjczMS0xLjUzNCA0LjAxNC0yLjUyNCA2Ljg2NC0yLjk2NGwuMDQ4LS4wMDdaIiBmaWxsPSIjNDU0RDVBIi8+PC9zdmc+);
}
.icon-svg-mobile-toolbar-signature:active {
  opacity: 0.1;
}
.pdf-mobile-signature-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3000;
}
.sign-cursor {
  width: 102px;
  height: 59px;
  left: -51px;
  top: -29px;
  position: absolute;
  visibility: visible;
  z-index: 100;
}

.menu-copy {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMSA0LjQ1NUMyMSAzLjY1IDIwLjM0OSAzIDE5LjU0NiAzSDkuNDU1QzguNjUgMyA4IDMuNjUxIDggNC40NTVWOEg0LjQ1NUMzLjY1IDggMyA4LjY1MSAzIDkuNDU1djEwLjA5QzMgMjAuMzUgMy42NTEgMjEgNC40NTUgMjFoMTAuMDlDMTUuMzUgMjEgMTYgMjAuMzQ5IDE2IDE5LjU0NlYxNmgzLjU0NmMuODAzIDAgMS40NTQtLjY1MSAxLjQ1NC0xLjQ1NFY0LjQ1NVpNMTYgMTQuNWgzLjV2LTEwaC0xMFY4aDUuMDQ2QzE1LjM0OSA4IDE2IDguNjUxIDE2IDkuNDU1VjE0LjVabS0xLjUgNXYtMTBoLTEwdjEwaDEwWiIgZmlsbD0iIzQ1NEQ1QSIvPjwvc3ZnPg==);
}

.icon-svg-toolbar-copy {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzQ1NEQ1QSI+PHBhdGggZD0iTTcuNSA0LjVhLjUuNSAwIDAgMCAwIDFoMTFhLjUuNSAwIDAgMSAuNS41djExYS41LjUgMCAwIDAgMSAwVjZhMS41IDEuNSAwIDAgMC0xLjUtMS41aC0xMVoiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUgNy41YTEgMSAwIDAgMSAxLTFoMTFhMSAxIDAgMCAxIDEgMXYxMWExIDEgMCAwIDEtMSAxSDZhMSAxIDAgMCAxLTEtMXYtMTFabTEgMGgxMXYxMUg2di0xMVoiLz48L2c+PC9zdmc+);
  background-position-x: 1.5px;
}

/* 直接在 ts 里 import 这个文件是无效的，因此在这个文件引入 */
/* 因为 workbench 给 titlebar 设置的 z-index 是 1350，因此弹出菜单要比它高 */
.popup-menu-container {
  z-index: 1500 !important;
}
#workbench-titlebar .local-login-tip {
  top: 92px;
}

@charset "utf-8";
* {
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: inherit;
}
body {
  background: #f8f8f8;
}
li {
  list-style-type: none;
}
#pdf-root,
#workbench-root {
  height: 100%;
  width: 100%;
}
#authContainer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
}
#pdf-sharebox-container {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.65);
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
}
#transfer-auth-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.65);
}


/*# sourceMappingURL=main-entry.f302d63826498f43f567.css.map*/