.jwfzoom {position: relative;touch-action: pan-x pan-y;& button.gozoom {position: absolute;bottom: 10px; left: 10px;width: 48px;height: 36px;padding: 2px;font-size: 0.875rem;line-height: 1.1;text-align: left;border-radius: 4px;background: rgba(254, 206, 12, 0.75);z-index: 5;&::after { content: "Zoom"; }}}[popover] {width: clamp(320px, 95vw, 640px);background: white;color: var(--txt-color);padding: 0;border: medium solid var(--white1);border-radius: 0.5rem;line-height: 1.4;}[popover]::backdrop {background: rgb(0 0 0 / 50%);}#pop-zoom {touch-action: none;& .pop-image {margin: 0;overflow: hidden;& img {display: block;width: 100%;transform-origin: 0% 0%;transform: matrix(1, 0, 0, 1, 0, 0);&.withtrans { transition: transform 0.25s ease-in-out; }}}& button {&.pop-close {position: absolute; top: 0px; right: 0px;z-index: 99;}&.pop-close { --buttPos: 0; }&.pop-reset { --buttPos: 1; }&.pop-down  { --buttPos: 2; }&.pop-up    { --buttPos: 3; }&.pop-right { --buttPos: 4; }&.pop-left  { --buttPos: 5; }&.pop-plus  { --buttPos: 6; }&.pop-minus { --buttPos: 7; }margin: 0; border: 0;width: 32px;height: 32px;cursor: pointer;background-color: var(--white1);background-image: url("data:image/png;base64,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");background-position: 0 calc(var(--buttPos) * 30 * -1px);}& .pop-controls {display: flex;align-items: center;justify-content: center;gap: 16px;margin: 4px 0 0;padding: 0;min-height: 36px;color: var(--blue);text-align: center;background-color: white;& .zoom-controls {width: fit-content;height: 34px;display: flex;align-items: center;justify-content: center;gap: 6px;& button {border-radius: 16px;border: 1px solid var(--blue);}}}}