.cur{position:fixed;left:0;top:0;z-index:100;pointer-events:none;display:none;will-change:transform}
.cur .dot{display:block;width:14px;height:14px;border-radius:50%;background:var(--text);transition:scale .2s}
.cur .tag{position:absolute;left:15px;top:13px;background:var(--text);color:var(--paper);font-family:var(--mono);font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px}
.cur.big .dot{scale:2.1}
/* custom cursor replaces the system one, except while the playground studio is full screen
   (html.st-lock): the fullscreen studio hides #cur, so the normal pointer must come back */
html.cur-on:not(.st-lock) .cur{display:block}
html.cur-on:not(.st-lock),html.cur-on:not(.st-lock) *{cursor:none!important}