.direct-rotate{position:fixed;z-index:30;display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid #fff;border-radius:50%;background:#176f69;color:#fff;box-shadow:0 2px 9px #163c3b45;cursor:grab;touch-action:none;user-select:none}
.direct-rotate[hidden]{display:none}.direct-rotate:hover,.direct-rotate:focus-visible{background:#10554f;outline:3px solid #81d8d0;outline-offset:2px}.direct-rotate.is-rotating{cursor:grabbing;box-shadow:0 0 0 5px #81d8d055}
.crop-rotate{position:absolute;right:8px;top:8px;z-index:3;display:grid;place-items:center;width:44px;height:44px;font-size:30px;border:2px solid white;border-radius:50%;background:#176f69;color:white;cursor:grab;touch-action:none;user-select:none}.crop-rotate:active{cursor:grabbing}.crop-rotate:focus-visible{outline:3px solid #81d8d0;outline-offset:2px}