html,body,#root{height:100%;margin:0}body{background:#f5f6f8}.checker{background-color:#fff;background-image:linear-gradient(45deg,#d9d9d9 25%,#0000 25% 75%,#d9d9d9 75%),linear-gradient(45deg,#d9d9d9 25%,#0000 25% 75%,#d9d9d9 75%);background-position:0 0,8px 8px;background-size:16px 16px}.thumb{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;height:220px;padding:8px;display:flex}.thumb img{max-width:100%;max-height:100%}.page{background:#fff;border:1px solid #d9d9d9;line-height:0;position:relative}.page img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%}.page svg{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.page svg .box{cursor:pointer}