:where([data-cursor]){--cursor-reach:calc(var(--bb-cursor-gap) + var(--bb-stroke-cursor));position:relative}:where([data-cursor-ring]){--cursor-s:var(--bb-stroke-cursor);inset:calc(-1 * var(--cursor-reach));z-index:3;background:var(--bb-white);pointer-events:none;display:none;position:absolute}:where([data-cursor-ring=cut]){--cursor-piece-cut:var(--bb-cut);--cursor-outer-cut:calc(var(--cursor-piece-cut) + var(--cursor-reach) * .586);--cursor-inner-cut:calc(var(--cursor-piece-cut) + var(--bb-cursor-gap) * .586);clip-path:polygon(evenodd, var(--cursor-outer-cut) 0, 100% 0, 100% calc(100% - var(--cursor-outer-cut)), calc(100% - var(--cursor-outer-cut)) 100%, 0 100%, 0 var(--cursor-outer-cut), var(--cursor-outer-cut) 0, calc(var(--cursor-s) + var(--cursor-inner-cut)) var(--cursor-s), var(--cursor-s) calc(var(--cursor-s) + var(--cursor-inner-cut)), var(--cursor-s) calc(100% - var(--cursor-s)), calc(100% - var(--cursor-s) - var(--cursor-inner-cut)) calc(100% - var(--cursor-s)), calc(100% - var(--cursor-s)) calc(100% - var(--cursor-s) - var(--cursor-inner-cut)), calc(100% - var(--cursor-s)) var(--cursor-s), calc(var(--cursor-s) + var(--cursor-inner-cut)) var(--cursor-s))}:where([data-cursor-ring=cut][data-cursor-cut=xs]){--cursor-piece-cut:var(--bb-cut-xs)}:where([data-cursor-ring=cut][data-cursor-cut=sm]){--cursor-piece-cut:var(--bb-cut-sm)}:where([data-cursor-ring=cut][data-cursor-cut=md]){--cursor-piece-cut:var(--bb-cut-md)}:where([data-cursor-ring=cut][data-cursor-cut=lg]){--cursor-piece-cut:var(--bb-cut-lg)}:where([data-cursor-ring=slant]){--cursor-piece-slant:var(--bb-slant);--cursor-slant-outer:calc(var(--cursor-piece-slant) + var(--cursor-s));clip-path:polygon(evenodd, var(--cursor-slant-outer) 0, 100% 0, calc(100% - var(--cursor-slant-outer)) 100%, 0 100%, var(--cursor-slant-outer) 0, calc(var(--cursor-slant-outer) + var(--cursor-s)) var(--cursor-s), calc(100% - var(--cursor-s)) var(--cursor-s), calc(100% - var(--cursor-slant-outer) - var(--cursor-s)) calc(100% - var(--cursor-s)), var(--cursor-s) calc(100% - var(--cursor-s)), calc(var(--cursor-slant-outer) + var(--cursor-s)) var(--cursor-s))}:where([data-cursor-ring=slant][data-cursor-slant=sm]){--cursor-piece-slant:var(--bb-slant-sm)}[data-cursor-player]{display:none}:where([data-cursor-player]){z-index:4;pointer-events:none;position:absolute}:where([data-cursor-player=left]){top:50%;right:calc(100% + var(--cursor-reach) + var(--bb-space-2));transform:translateY(-50%)}:where([data-cursor-player=top]){bottom:calc(100% + var(--cursor-reach) - var(--bb-space-2));left:calc(-1 * var(--cursor-reach))}:where([data-cursor]:focus,[data-cursor][data-force-state=focus])>:is([data-cursor-ring],[data-cursor-player]),:where([data-cursor-group]:not(:focus-within) [data-cursor][data-cursor-active=true])>:is([data-cursor-ring],[data-cursor-player]){animation:bb-cursor-in var(--bb-dur-tick) var(--bb-ease-snap);display:block}:where(:root:has(:focus:not(body,[data-focus-target])) [data-cursor-group]:not(:focus-within) [data-cursor][data-cursor-active=true],[data-cursor][data-force-state=away])>[data-cursor-ring]{background:var(--bb-line-strong);display:block}:where(:root:has(:focus:not(body,[data-focus-target])) [data-cursor-group]:not(:focus-within) [data-cursor][data-cursor-active=true],[data-cursor][data-force-state=away])>[data-cursor-player]{display:none}@keyframes bb-cursor-in{0%{opacity:calc(1 - .5 * var(--bb-motion));scale:calc(1 + .06 * var(--bb-motion))}}@media (width<=720px){:where([data-cursor-player=left]){visibility:hidden}}@media (prefers-reduced-motion:reduce){:where([data-cursor])>:is([data-cursor-ring],[data-cursor-player]){animation:none}}:where(:root[data-motion=reduced] [data-cursor])>:is([data-cursor-ring],[data-cursor-player]){animation:none}@media (forced-colors:active){:where([data-cursor-ring]){forced-color-adjust:none;background:highlight}[data-cursor-player]{forced-color-adjust:none;color:highlighttext;background:highlight}:where(:root:has(:focus:not(body,[data-focus-target])) [data-cursor-group]:not(:focus-within) [data-cursor][data-cursor-active=true],[data-cursor][data-force-state=away])>[data-cursor-ring]{background:graytext}}:where([data-key]){--key-border:var(--bb-line-strong);--key-fill:var(--bb-ink-3);--key-stroke:calc((var(--bb-stroke-hair) + var(--bb-stroke)) / 2);--key-cut:var(--bb-cut-xs);isolation:isolate;min-width:var(--bb-space-7);height:calc(var(--bb-space-6) + var(--bb-stroke));padding:0 calc(var(--bb-space-2) - var(--bb-stroke-hair));color:var(--bb-white);font-family:var(--bb-font-num);font-size:var(--bb-fs-xs);font-style:normal;font-weight:var(--bb-weight-bold);letter-spacing:var(--bb-tracking-button);text-transform:uppercase;white-space:nowrap;place-items:center;line-height:1;display:inline-grid;position:relative}:where([data-key]):before,:where([data-key]):after{content:"";z-index:-1;position:absolute}:where([data-key]):before{background:var(--key-border);clip-path:polygon(var(--key-cut) 0, 100% 0, 100% calc(100% - var(--key-cut)), calc(100% - var(--key-cut)) 100%, 0 100%, 0 var(--key-cut));inset:0}:where([data-key]):after{--key-cut-inner:calc(var(--key-cut) - var(--key-stroke) * .586);inset:var(--key-stroke);background:var(--key-fill);clip-path:polygon(var(--key-cut-inner) 0, 100% 0, 100% calc(100% - var(--key-cut-inner)), calc(100% - var(--key-cut-inner)) 100%, 0 100%, 0 var(--key-cut-inner))}:where([data-key=light]){--key-border:var(--bb-black);--key-fill:var(--bb-white);color:var(--bb-black)}:where([data-key=marked]){--key-fill:var(--bb-red-press)}@media (forced-colors:active){:where([data-key]):before{forced-color-adjust:none;background:canvastext}:where([data-key]):after{forced-color-adjust:none;background:canvas}}