/* DRONE mode (js/drone3d.js): the touch stick that appears under the finger while it holds the view */
.dr-stick{position:absolute;z-index:45;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .18s}
.dr-stick.on{opacity:1}
.dr-ring{position:absolute;left:calc(var(--r,70px) * -1);top:calc(var(--r,70px) * -1);width:calc(var(--r,70px) * 2);height:calc(var(--r,70px) * 2);border-radius:50%;border:2px solid rgba(255,255,255,.55);background:rgba(18,23,32,.22);box-shadow:0 0 0 1px rgba(0,0,0,.25),inset 0 0 22px rgba(255,255,255,.12)}
.dr-ring::before,.dr-ring::after{content:"";position:absolute;left:50%;top:50%;background:rgba(255,255,255,.3)}
.dr-ring::before{width:1px;height:46%;margin:-23% 0 0 -.5px}.dr-ring::after{width:46%;height:1px;margin:-.5px 0 0 -23%}
.dr-thumb{position:absolute;left:-19px;top:-19px;width:38px;height:38px;border-radius:50%;background:rgba(124,92,255,.9);border:2px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.5)}
.dm-pop .wm-hint{margin:2px 0 6px}