:root{--w2p-divwrap-bg-color:#ddd;--w2p-divwrap-border:1px solid #ddd;--w2p-toolbar-bg-color:#fff;--w2p-pagination-button-border-radius:50%;--w2p-pagination-button-border:3px solid #ddd;--w2p-pagination-button-font-size:12px;--w2p-pagination-button-color:#ddd;--w2p-pagination-button-hover-color:#999;--w2p-button-border:1px dashed #ddd;--w2p-button-border-radius:4px;--w2p-button-color:#ddd;--w2p-button-hover-color:#999;--w2p-fit-border:0;--w2p-fit-bg-color:rgba(0, 0, 0, 0.5);--w2p-fit-color:#fff;--w2p-fit-color-hover:#ff0000;--w2p-page-checkerboard-pattern-light:#f7f7f7;--w2p-page-checkerboard-pattern-dark:#dcdcdc;--w2p-page-checkerboard-pattern-size:20px;--w2p-page-scale:1;--w2p-cutline-color:#ff0000;--w2p-cutline-dasharray:5 5;--w2p-cutline-stroke-width:2px;--w2p-safezone-color:#00b5fd;--w2p-safezone-dasharray:5 5;--w2p-safezone-stroke-width:2px;--w2p-wrapper-rect-stroke-color:#00b5fd;--w2p-wrapper-rect-stroke-width:1px;--w2p-wrapper-rect-fill-color:rgba(255, 255, 255, 0.1);--w2p-wrapper-handle-size:16px;--w2p-wrapper-handle-icon-size:9px;--w2p-wrapper-handle-radius:4px;--w2p-wrapper-delete-fill-color:#ff0000;--w2p-wrapper-edit-fill-color:#007daf;--w2p-wrapper-layer-fill-color:#00b5fd}.w2p{width:100%;height:100%;background-color:var(--w2p-divwrap-bg-color);border:var(--w2p-divwrap-border);overflow-x:hidden}.w2p>.w2p-toolbar{width:100%;height:50px;background-color:var(--w2p-toolbar-bg-color);border-bottom:var(--w2p-divwrap-border);display:flex;justify-content:center;align-items:center;gap:10px;padding:10px}.w2p>.w2p-toolbar>div:first-child{width:120px;height:100%}.w2p>.w2p-toolbar>div:first-child>img.w2p-logo{width:120px;height:29px;display:block}.w2p>.w2p-toolbar>div:nth-child(2){width:calc(100% - 130px);height:100%;display:flex;justify-content:flex-end;align-items:center;gap:15px}.w2p>.w2p-toolbar>div:nth-child(2)>.w2p-pagination-wrap{display:flex;justify-content:space-between;align-items:center;gap:10px}.w2p>.w2p-toolbar>div:nth-child(2)>.w2p-pagination-wrap>span{user-select:none;font-size:14px}.w2p>.w2p-toolbar>div:nth-child(2)>.w2p-pagination-wrap>button{width:29px;height:29px;border:var(--w2p-pagination-button-border);border-radius:var(--w2p-pagination-button-border-radius);color:var(--w2p-pagination-button-color);background:0 0;cursor:pointer;user-select:none;font-size:var(--w2p-pagination-button-font-size);transition:all .3s ease-in-out;display:flex;justify-content:center;align-items:center}.w2p>.w2p-toolbar>div:nth-child(2)>.w2p-pagination-wrap>button:first-child>svg{margin-left:-1px}.w2p>.w2p-toolbar>div:nth-child(2)>.w2p-pagination-wrap>button:nth-child(3)>svg{margin-right:-2px}.w2p>.w2p-toolbar>div:nth-child(2)>.w2p-pagination-wrap>button>svg{width:14px;height:14px;fill:var(--w2p-pagination-button-color);transition:all .3s ease-in-out}.w2p>.w2p-toolbar>div:nth-child(2)>.w2p-pagination-wrap>button:hover{color:var(--w2p-pagination-button-hover-color);border-color:var(--w2p-pagination-button-hover-color)}.w2p>.w2p-toolbar>div:nth-child(2)>.w2p-pagination-wrap>button:hover svg{fill:var(--w2p-pagination-button-hover-color)}.w2p>.w2p-toolbar>div:nth-child(2)>.w2p-pagination-wrap>button[disabled]{opacity:.5;pointer-events:none}.w2p>.w2p-toolbar>div:nth-child(2)>.w2p-cut-safe-switch{border:var(--w2p-button-border);border-radius:var(--w2p-button-border-radius);color:var(--w2p-button-color);background:0 0;cursor:pointer;user-select:none;font-size:var(--w2p-fit2screen-font-size);transition:all .3s ease-in-out;display:flex;justify-content:center;align-items:center;width:29px;height:29px}.w2p>.w2p-toolbar>div:nth-child(2)>.w2p-cut-safe-switch>svg{height:14px;fill:var(--w2p-button-color);transition:all .3s ease-in-out}.w2p>.w2p-toolbar>div:nth-child(2)>.w2p-cut-safe-switch.selected{color:var(--w2p-button-hover-color);border-color:var(--w2p-button-hover-color)}.w2p>.w2p-toolbar>div:nth-child(2)>.w2p-cut-safe-switch.selected svg{fill:var(--w2p-button-hover-color)}@media (max-width:412px){.w2p>.w2p-toolbar>div:nth-child(2)>.w2p-pagination-wrap>span{display:none}}.w2p>.w2p-page-wrap>.w2p-fit-to-screen{border:var(--w2p-fit-border);border-radius:var(--w2p-button-border-radius);color:var(--w2p-fit-color);background-color:var(--w2p-fit-bg-color);cursor:pointer;user-select:none;font-size:var(--w2p-fit2screen-font-size);transition:all .3s ease-in-out;display:flex;justify-content:center;align-items:center;width:22px;height:22px;position:fixed;top:152px;right:10px}.w2p>.w2p-page-wrap>.w2p-fit-to-screen:hover{color:var(--w2p-fit-color);border-color:var(--w2p-fit-color-hover)}.w2p>.w2p-page-wrap>.w2p-fit-to-screen:hover svg{fill:var(--w2p-fit-color-hover)}.w2p>.w2p-page-wrap>.w2p-fit-to-screen>svg{height:10px;fill:var(--w2p-fit-color);transition:all .3s ease-in-out}.w2p>.w2p-page-wrap{width:100%;height:calc(100% - 50px);position:relative;overflow:auto;background:repeating-conic-gradient(var(--w2p-page-checkerboard-pattern-light) 0 25%,var(--w2p-page-checkerboard-pattern-dark) 0 50%) 50%/var(--w2p-page-checkerboard-pattern-size) var(--w2p-page-checkerboard-pattern-size);box-sizing:border-box;padding:30px}.w2p>.w2p-page-wrap>.w2p-page-div{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--w2p-page-scale));transition:top .2s ease-out,left .2s ease-out,transform .2s ease-out}.w2p>.w2p-page-wrap>.w2p-page-div.top-left{top:30px;left:30px;transform:translate(0,0)}.w2p>.w2p-page-wrap>.w2p-page-div>svg.w2p-page{position:relative;user-select:none;box-shadow:0 0 10px rgba(0,0,0,.5);transition:all .3s ease-in-out;transform-box:fill-box;flex-shrink:0!important}.w2p>.w2p-page-wrap>.w2p-page-div>svg.w2p-page>.w2p-image,.w2p>.w2p-page-wrap>.w2p-page-div>svg.w2p-page>.w2p-text,.w2p>.w2p-page-wrap>.w2p-page-div>svg.w2p-page>.w2p-vector,.w2p>.w2p-page-wrap>.w2p-page-div>svg.w2p-page>text{transform-origin:0 0;pointer-events:visiblePainted}.w2p>.w2p-page-wrap>.w2p-page-div>svg.w2p-page>.w2p-image:hover,.w2p>.w2p-page-wrap>.w2p-page-div>svg.w2p-page>.w2p-text:hover,.w2p>.w2p-page-wrap>.w2p-page-div>svg.w2p-page>.w2p-vector:hover,.w2p>.w2p-page-wrap>.w2p-page-div>svg.w2p-page>text:hover{cursor:pointer}.w2p>.w2p-page-wrap>.w2p-page-div>svg.w2p-page>rect.w2p-cutline,.w2p>.w2p-page-wrap>.w2p-page-div>svg.w2p-page>rect.w2p-safeline{fill:none;transition:all .3s ease-in-out;pointer-events:none!important}.w2p>.w2p-page-wrap>.w2p-page-div>svg.w2p-page>rect.w2p-safeline{stroke:var(--w2p-safezone-color);stroke-width:var(--w2p-safezone-stroke-width);stroke-dasharray:var(--w2p-safezone-dasharray)}.w2p>.w2p-page-wrap>.w2p-page-div>svg.w2p-page>rect.w2p-cutline{stroke:var(--w2p-cutline-color);stroke-width:var(--w2p-cutline-stroke-width);stroke-dasharray:var(--w2p-cutline-dasharray)}.w2p>.w2p-page-wrap>.w2p-zoom-slider{width:22px;position:fixed;right:10px;top:60px;display:flex;flex-direction:column;align-items:center;z-index:1000;user-select:none;font-family:Arial,Helvetica,sans-serif;font-size:10px;background:rgba(0,0,0,.5);border-radius:3px}.w2p>.w2p-page-wrap>.w2p-zoom-slider>.w2p-zoom-label{color:#fff;font-size:7px;text-align:center;width:100%;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w2p>.w2p-page-wrap>.w2p-zoom-slider>.w2p-zoom-container{position:relative;height:75px;width:22px;padding:5px}.w2p>.w2p-page-wrap>.w2p-zoom-slider>.w2p-zoom-container>.w2p-zoom-range{writing-mode:vertical-lr;direction:ltr;-webkit-appearance:none;appearance:none;width:100%;height:100%;border:none;background:0 0;outline:0;margin:0;padding:0;transform:rotate(180deg);cursor:pointer}.w2p>.w2p-page-wrap>.w2p-zoom-slider>.w2p-zoom-container>.w2p-zoom-range::-webkit-slider-runnable-track{width:8px;height:100%;background:#ccc;border:none;border-radius:2px}.w2p>.w2p-page-wrap>.w2p-zoom-slider>.w2p-zoom-container>.w2p-zoom-range::-webkit-slider-thumb{-webkit-appearance:none;height:5px;width:14px;background:#00a2ff;border:none;border-radius:4px;cursor:ns-resize;box-shadow:0 3px 8px rgba(0,0,0,.5);transform:translateX(-3px)}.w2p>.w2p-page-wrap .w2p-transform{overflow:visible!important}.w2p>.w2p-page-wrap .w2p-transform>.w2p-transform-rect{fill:var(--w2p-wrapper-rect-fill-color);stroke-width:var(--w2p-wrapper-rect-stroke-width);stroke:var(--w2p-wrapper-rect-stroke-color);opacity:1!important}.w2p>.w2p-page-wrap .w2p-transform>.w2p-transform-resize-handle{r:calc(var(--w2p-wrapper-handle-size)/ 2);fill:var(--w2p-wrapper-rect-stroke-color);stroke-width:0;cursor:pointer;opacity:1!important}.w2p>.w2p-page-wrap .w2p-transform-handle_icon{width:var(--w2p-wrapper-handle-icon-size);height:var(--w2p-wrapper-handle-icon-size);pointer-events:none;x:calc(100% - calc(var(--w2p-wrapper-handle-icon-size)/ 2));y:calc(50% - calc(var(--w2p-wrapper-handle-icon-size)/ 2));--_reflow-trigger:0}.w2p>.w2p-page-wrap rect.w2p-transform-delete-handle{width:var(--w2p-wrapper-handle-size);height:var(--w2p-wrapper-handle-size);x:calc(100% - calc(var(--w2p-wrapper-handle-size)/ 2));y:calc(50% - calc(var(--w2p-wrapper-handle-size)/ 2));fill:var(--w2p-wrapper-delete-fill-color);rx:var(--w2p-wrapper-handle-radius);ry:var(--w2p-wrapper-handle-radius);cursor:pointer}.w2p>.w2p-page-wrap .w2p-transform-edit-handle{width:var(--w2p-wrapper-handle-size);height:var(--w2p-wrapper-handle-size);x:calc(calc(var(--w2p-wrapper-handle-size)/ 2) * -1);y:calc(50% - calc(var(--w2p-wrapper-handle-size)/ 2));fill:var(--w2p-wrapper-edit-fill-color);rx:var(--w2p-wrapper-handle-radius);ry:var(--w2p-wrapper-handle-radius);cursor:pointer}.w2p>.w2p-page-wrap .w2p-transform-edit-icon{x:calc(calc(var(--w2p-wrapper-handle-icon-size)/ 2) * -1);y:calc(50% - calc(var(--w2p-wrapper-handle-icon-size)/ 2))}.w2p>.w2p-page-wrap .w2p-transform-layerup-handle{width:var(--w2p-wrapper-handle-size);height:var(--w2p-wrapper-handle-size);x:calc(50% - calc(var(--w2p-wrapper-handle-size)/ 2));y:calc(calc(var(--w2p-wrapper-handle-size)/ 2) * -1);fill:var(--w2p-wrapper-layer-fill-color);rx:var(--w2p-wrapper-handle-radius);ry:var(--w2p-wrapper-handle-radius);cursor:pointer}.w2p>.w2p-page-wrap .w2p-transform-layerup-icon{x:calc(50% - calc(var(--w2p-wrapper-handle-icon-size)/ 2));y:calc(calc(var(--w2p-wrapper-handle-icon-size)/ 2) * -1)}.w2p>.w2p-page-wrap .w2p-transform-layerdown-handle{width:var(--w2p-wrapper-handle-size);height:var(--w2p-wrapper-handle-size);x:calc(50% - calc(var(--w2p-wrapper-handle-size)/ 2));y:calc(100% - calc(var(--w2p-wrapper-handle-size)/ 2));fill:var(--w2p-wrapper-layer-fill-color);rx:var(--w2p-wrapper-handle-radius);ry:var(--w2p-wrapper-handle-radius);cursor:pointer}.w2p>.w2p-page-wrap .w2p-transform-layerdown-icon{x:calc(50% - calc(var(--w2p-wrapper-handle-icon-size)/ 2));y:calc(100% - calc(var(--w2p-wrapper-handle-icon-size)/ 2))}.w2p>.w2p-page-wrap .w2p-transform-rotate-midhandle{r:4px;cy:50%;cx:50%;fill:var(--w2p-wrapper-rect-stroke-color);pointer-events:none;opacity:.5!important}.w2p>.w2p-page-wrap .w2p-transform-rotate-midline{stroke:var(--w2p-wrapper-rect-stroke-color);stroke-width:1px;pointer-events:none;opacity:.3!important}.w2p>.w2p-page-wrap .w2p-transform-rotate-handle{r:calc(var(--w2p-wrapper-handle-size)/ 2);fill:var(--w2p-wrapper-rect-stroke-color);stroke-width:0;cursor:pointer;opacity:1!important;cx:50%;cy:-25px}
