/* Cursor: Rasierklinge als echter Mauszeiger (Spitze der Schneide = Klickpunkt), Hand über Klickbarem,
   Text-Cursor in Eingabefeldern. Timecode bzw. Schild daneben aus playhead.js. */
html.has-blade, html.has-blade body{cursor:url(/assets/vorschlag/lib/blade.svg) 7 27, url(/assets/vorschlag/lib/blade.png) 7 27, crosshair}
html.has-blade :is(a,button,summary,label,[role=button],input[type=range],.pcard,[data-cursor]){cursor:pointer}
html.has-blade :is(input:not([type=range]),textarea,select){cursor:text}
.cur-tc{position:fixed;left:0;top:0;z-index:999;pointer-events:none;opacity:0;transition:opacity .14s ease}
.cur-tc.on{opacity:1}.cur-tc.off{opacity:0}
.cur-tc span{position:absolute;left:18px;top:14px;white-space:nowrap;font:500 10px/1 "Chivo Mono",ui-monospace,monospace;letter-spacing:.06em}
.cur-tc .tc{color:#F4F4F2;opacity:.6;mix-blend-mode:difference}
.cur-tc .tag{padding:5px 9px;border-radius:999px;background:#F4F4F2;color:#0A0A0A;font-size:11px;text-transform:uppercase;opacity:0;scale:.85;transform-origin:0 0;transition:opacity .14s ease,scale .18s cubic-bezier(.23,1,.32,1)}
.cur-tc.lbl .tc{opacity:0}.cur-tc.lbl .tag{opacity:1;scale:1}
@media (prefers-reduced-motion:reduce){.cur-tc .tag{transition:none}}