div.svgpo { position: absolute; background-color: #ccc; border: 1px solid #999; border-radius: 10px; padding: 0 ;box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.3); font-size: 100%;}
div.svgpo_viewbox {display: block; overflow: hidden; background-color: #aaa; border-radius: 0 0 9px 9px; touch-action: none;}
div.svgpo_header {background-color: #4D7FA5; height: 30px; color: white; font-size: 16px; line-height: 30px; font-family: Ubuntu, Verdana, Arial, sans-serif; border-radius: 9px 9px 0 0; touch-action: none; padding-left: 15px;}
img.svgpo_image {background-color: white;}
.svgpo_headerclose {position: absolute; font-size: 25px; display: block; right: 0px; padding: 4px; top: -2px; color: white; cursor: pointer;}
.svgpo_cornerbutton {position: absolute; width: 40px; height: 40px; touch-action: none;}
.svgpo_rotateright {position: absolute; top: 0px; right: 70px; color: white; width: 30px; height: 40px; font-size: 20px; line-height: 30px;}
.svgpo_rotateleft {position: absolute; top: 0px; right: 100px; color: white; width: 30px; height: 40px; font-size: 20px; line-height: 30px;}
.svgpo_history {position: absolute; top: 0px; right: 160px; color: white; width: 30px; height: 40px; font-size: 20px; line-height: 30px;}
.svgpo_fullscreen {position: absolute; top: 0px; right: 40px; color: white; width: 30px; height: 40px; font-size: 20px; line-height: 30px;}
.svgpo_compareslider {position: absolute; border-right: 2px solid #f0f; visibility: hidden; pointer-events: none;}
.svgpo_comparehandle {width: 50px; text-align: center; position: absolute; visibility: hidden; color: #f0f; font-size: 25px; cursor: pointer; touch-action: none;}