.container[data-v-9738c7f9]{display:flex;justify-content:center;align-items:center;height:100vh}body:hover .controls[data-v-9738c7f9]{opacity:1}.controls[data-v-9738c7f9]{opacity:0;transition:opacity .3s;z-index:1;position:absolute;bottom:10px;right:10px;display:flex;flex-direction:column;border:3px solid #777777;border-radius:50px;overflow:hidden;background-color:#eee;color:#333}.controls .zoom-percent[data-v-9738c7f9]{padding:10px;font-size:10px;text-align:center;-webkit-user-select:none;user-select:none}.controls .button-wrapper[data-v-9738c7f9]{display:flex;flex-direction:column}.controls .button-wrapper .btn[data-v-9738c7f9]{padding:10px;cursor:pointer;width:30px;height:30px;border-radius:50%;transition:background-color .3s}.controls .button-wrapper .btn[data-v-9738c7f9]:hover{background-color:#ccc}.btn svg[data-v-9738c7f9]{width:30px;height:30px}.image-container[data-v-9738c7f9]{position:relative;transform-origin:center center;-webkit-user-select:none;user-select:none}img[data-v-9738c7f9]{max-width:100%;max-height:100vh}.pointer[data-v-9738c7f9]{position:absolute;width:50px;height:50px;background-color:#ffa50080;border-radius:50%;border:2px solid orange;transform:translate(-50%,-50%) scale(var(--zoom));transition:transform .3s;transform-origin:center center}body:hover .pointer[data-v-9738c7f9]{transform:translate(-50%,-50%) scale(calc(var(--zoom) * 1.5))}body,html{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:#f0f0f0;width:100vw;height:100vh;overflow:hidden}