.ths,.ths .main-photo{display:flex;flex-direction:column;position:relative}.ths .main-photo{align-items:center}.ths .holder .zoom{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;display:flex;flex-direction:column;gap:6px;position:absolute;right:10px}.ths .holder .zoom button{align-items:center;background:#fff;border:1px solid #dfe7ee;display:flex;height:24px;justify-content:center;width:24px}.ths .holder .zoom button svg{height:16px;opacity:.6;width:16px}.ths .holder .zoom button svg path{fill:gray}.ths .holder .controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;bottom:10px;display:flex;flex-direction:row;gap:6px;left:50%;position:absolute;transform:translate(-50%)}.ths .holder .controls button{align-items:center;background:#fff;border:1px solid #dfe7ee;display:flex;height:24px;justify-content:center;width:24px}.ths .holder .controls button svg{height:16px;opacity:.6;width:16px}.ths .holder .controls button svg path{fill:gray}.ths canvas{cursor:grab;width:100%}.ths canvas.grabbing{cursor:grabbing}.ths canvas.move{cursor:move}.ths .loadingbar{background:gray;border-radius:4px;height:4px;left:20%;opacity:0;overflow:hidden;position:absolute;top:calc(50% - 4px);transition:all .2s ease-in-out;visibility:hidden;width:0;z-index:10}.ths .loadingbar .loadingprogress{background:var(--primary);height:100%;left:0;position:absolute;top:0}.ths .loadingbar.active{opacity:1;visibility:visible;width:60%}.ths .loadingbar.disabled{opacity:0;visibility:hidden}