:root{--w2p-font-family:'Arial';--w2p-font-size:14px;--w2p-font-color:#333;--w2p-bg-color:#b9b9b9;--w2p-window-scrollbar-track-color:#b9b9b9;--w2p-window-scrollbar-thumb-color:#999;--w2p-svg-selected-elem-wrap-stroke-color:tomato;--w2p-svg-selected-elem-wrap-stroke-contrast-color:#222;--w2p-svg-selected-elem-wrap-stroke-width:1px;--w2p-svg-selected-elem-wrap-rotate-fill:#3498db;--w2p-svg-selected-elem-wrap-handle-size:10px;--w2p-svg-selected-elem-wrap-resize-fill:#db9534;--w2p-loading-bg-color:rgba(0, 0, 0, 0.5);--w2p-loading-spinner-size:50px;--w2p-loading-spinner-bg-color:#b9b9b9;--w2p-loading-spinner-color:#3498db;--w2p-loading-text-color:#fff;--w2p-alert-layer-bg-color:rgba(0, 0, 0, 0.5);--w2p-alert-layer-box-border:0;--w2p-alert-layer-box-border-radius:6px;--w2p-alert-layer-box-bg-color:#fff;--w2p-alert-layer-box-text-color:#333;--w2p-alert-layer-box-text-size:14px;--w2p-alert-layer-box-text-family:'Arial';--w2p-alert-layer-box-width:300px;--w2p-zoom-width:70px;--w2p-zoom-top:10px;--w2p-zoom-right:20px;--w2p-zoom-height:4px;--w2p-zoom-track-color:#999;--w2p-zoom-progress-color:#666;--w2p-zoom-text-color:#666;--w2p-zoom-text-size:8px;--w2p-zoom-text-right:95px;--w2p-zoom-text-top:7px;--w2p-zoom-fit-color:#999;--w2p-zoom-fit-hover:#444;--w2p-zoom-fit-size:15px;--w2p-zoom-fit-right:115px;--w2p-zoom-fit-top:4px;--w2p-zoom-fit-icon-size:12px;--w2p-pagination-color:#999;--w2p-pagination-hover:#444;--w2p-pagination-size:20px;--w2p-pagination-icon-size:11px;--w2p-pagination-next-left:35px;--w2p-pagination-text-color:#666;--w2p-pagination-text-size:10px;--w2p-pagination-text-left:65px;--w2p-pagination-text-top:10px;--w2p-cutline-color:#ff0000;--w2p-cutline-dash:4 4;--w2p-bleedline-color:#008cff;--w2p-bleedline-dash:2 8}.w2p{position:relative;width:100%;height:100%;min-height:200px;user-select:none;overflow:hidden;font-family:var(--w2p-font-family);font-size:var(--w2p-font-size);color:var(--w2p-font-color);background-color:var(--w2p-bg-color)}.w2p>.w2p-window{position:relative;width:100%;height:450px;overflow:auto;display:flex;justify-content:center;align-items:center}.w2p>.w2p-window::-webkit-scrollbar{width:6px}.w2p>.w2p-window::-webkit-scrollbar-track{background:var(--w2p-window-scrollbar-track-color)}.w2p>.w2p-window::-webkit-scrollbar-thumb{background:var(--w2p-window-scrollbar-thumb-color);border-radius:3px}.w2p>.w2p-window{scrollbar-width:thin;scrollbar-color:var(--w2p-window-scrollbar-thumb-color) var(--w2p-window-scrollbar-track-color)}.w2p>.w2p-window>svg .w2p-page-image-wrapper{transform-origin:center center}.w2p>.w2p-window>svg .w2p-page-image-wrapper_rect{cursor:move;fill:transparent;stroke-width:var(--w2p-svg-selected-elem-wrap-stroke-width);stroke:var(--w2p-svg-selected-elem-wrap-stroke-color);stroke-dasharray:5,5;animation:wrapperrectanimation 3s linear infinite}.w2p>.w2p-window>svg .w2p-page-image-wrapper_rotate-handle{cursor:pointer;fill:var(--w2p-svg-selected-elem-wrap-rotate-fill);stroke-width:0;stroke:transparent;r:var(--w2p-svg-selected-elem-wrap-handle-size)}.w2p>.w2p-window>svg .w2p-page-image-wrapper_resize-handle{cursor:se-resize;fill:var(--w2p-svg-selected-elem-wrap-resize-fill);stroke-width:0;stroke:transparent;r:var(--w2p-svg-selected-elem-wrap-handle-size)}.w2p>.w2p-window>svg .w2p-page-image-wrapper_delete-handle{cursor:pointer;fill:tomato;stroke-width:0;stroke:transparent;width:calc(var(--w2p-svg-selected-elem-wrap-handle-size) * 2);height:calc(var(--w2p-svg-selected-elem-wrap-handle-size) * 2)}@keyframes wrapperrectanimation{0%{stroke:var(--w2p-svg-selected-elem-wrap-stroke-color);stroke-dashoffset:0}50%{stroke:var(--w2p-svg-selected-elem-wrap-stroke-contrast-color);stroke-dashoffset:-10}100%{stroke:var(--w2p-svg-selected-elem-wrap-stroke-color);stroke-dashoffset:-20}}.w2p>.w2p-scale{position:absolute;top:var(--w2p-zoom-top);right:var(--w2p-zoom-right);-webkit-appearance:none;appearance:none;width:var(--w2p-zoom-width);height:var(--w2p-zoom-height);background:var(--w2p-zoom-track-color);outline:0;border-radius:2px}.w2p>.w2p-scale-text{display:inline-block;position:absolute;top:var(--w2p-zoom-text-top);right:var(--w2p-zoom-text-right);text-align:center;color:var(--w2p-zoom-text-color);font-size:var(--w2p-zoom-text-size);user-select:none;pointer-events:none}.w2p>.w2p-scale-fit{position:absolute;top:var(--w2p-zoom-fit-top);right:var(--w2p-zoom-fit-right);background-color:transparent;width:var(--w2p-zoom-fit-size);height:var(--w2p-zoom-fit-size);cursor:pointer;border:0;border-radius:3px;display:flex;justify-content:center;align-items:center}.w2p>.w2p-scale-fit:hover>svg{fill:var(--w2p-zoom-fit-hover)}.w2p>.w2p-scale-fit>svg{fill:var(--w2p-zoom-fit-color);width:var(--w2p-zoom-fit-icon-size);height:var(--w2p-zoom-fit-icon-size);transition:ease-in-out .3s}.w2p>.w2p-pagination{width:var(--w2p-pagination-size);height:var(--w2p-pagination-size);background-color:transparent;border:3px solid var(--w2p-pagination-color);cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute;top:5px;left:10px;transition:ease-in-out .3s}.w2p>.w2p-pagination:hover{border-color:var(--w2p-pagination-hover)}.w2p>.w2p-pagination:hover>svg{fill:var(--w2p-pagination-hover)}.w2p>.w2p-pagination>svg{transition:ease-in-out .3s;height:var(--w2p-pagination-icon-size);fill:var(--w2p-pagination-color);margin-top:1px}.w2p>.w2p-pagination-previous>svg{margin-left:-2px}.w2p>.w2p-pagination-next{left:var(--w2p-pagination-next-left)}.w2p>.w2p-pagination-next>svg{margin-right:-1px}.w2p>.w2p-pagination-button-disabled{pointer-events:none;opacity:.5}.w2p>.w2p-pagination-text{position:absolute;top:var(--w2p-pagination-text-top);left:var(--w2p-pagination-text-left);color:var(--w2p-pagination-text-color);font-size:var(--w2p-pagination-text-size);user-select:none;pointer-events:none}.w2p>.w2p-window>svg>.w2p-cutbleed-wrapper{pointer-events:none;fill:none}.w2p>.w2p-window>svg>g>.w2p-bleed-line{stroke:var(--w2p-bleedline-color);stroke-dasharray:var(--w2p-bleedline-dash);fill:none;pointer-events:none}.w2p>.w2p-window>svg>g>.w2p-cutline{stroke:var(--w2p-cutline-color);stroke-dasharray:var(--w2p-cutline-dash);fill:none;pointer-events:none}.w2p-loading{background-color:var(--w2p-loading-bg-color);position:absolute;top:0;left:0;width:100%;height:100%;z-index:99999;min-height:150px;display:none;justify-content:center;align-items:center;flex-direction:column}.w2p-loading>.w2p-loading-spinner{width:var(--w2p-loading-spinner-size);height:var(--w2p-loading-spinner-size);border:6px solid var(--w2p-loading-spinner-bg-color);border-top:6px solid var(--w2p-loading-spinner-color);border-radius:50%;animation:w2p-loading-spin 1s linear infinite}.w2p-loading>.w2p-loading-text{text-align:center;color:var(--w2p-loading-text-color);width:var(--w2p-loading-spinner-size);width:200px;text-align:center;font-size:11px;margin-top:15px}@keyframes w2p-loading-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#w2p-alert{position:absolute;top:0;right:0;width:100%;height:100%;z-index:9999;background-color:var(--w2p-alert-layer-bg-color);display:flex;justify-content:center;align-items:center;transition:ease-in-out .3s;overflow:hidden}#w2p-alert.hidden{opacity:0;pointer-events:none}#w2p-alert>#w2p-alert-box{border:var(--w2p-alert-layer-box-border);border-radius:var(--w2p-alert-layer-box-border-radius);background-color:var(--w2p-alert-layer-box-bg-color);padding:20px;color:var(--w2p-alert-layer-box-text-color);font-size:var(--w2p-alert-layer-box-text-size);font-family:var(--w2p-alert-layer-box-text-family);width:var(--w2p-alert-layer-box-width);display:flex;flex-direction:column;overflow:hidden}#w2p-alert>#w2p-alert-box>#w2p-alert-title{margin:-20px;margin-bottom:0;padding:10px 15px;user-select:none;text-align:center}#w2p-alert>#w2p-alert-box>#w2p-alert-message{margin-top:15px;user-select:none}#w2p-alert>#w2p-alert-box>#w2p-alert-controls{margin:-20px;margin-top:0;padding:15px;display:flex;justify-content:center;align-items:center;gap:15px;overflow:hidden}#w2p-alert>#w2p-alert-box>#w2p-alert-controls>button{border:0;border-radius:6px;padding:10px 25px;cursor:pointer;transition:ease-in-out .3s;max-width:calc(50% - 20px)}#w2p-alert>#w2p-alert-box>#w2p-alert-controls>button:hover{opacity:.8}