/* Sketch ink: the drawn layer's defaults. A mark's SVG lies over its element and may run outside it; pen strokes in
   --ik-pen (else the element's colour), marker swipes in --ik-marker under the words. Tape in --ik-tape. */
.ik-host { position: relative; }
.ik-w { position: relative; display: inline-block; white-space: nowrap; isolation: isolate; }
.ik { position: absolute; left: 0; top: 0; overflow: visible; pointer-events: none; color: var(--ik-pen, currentColor); }
.ik-pen { fill: currentColor; }
.ik-marker { fill: var(--ik-marker, rgb(255 222 84)); opacity: var(--ik-marker-alpha, .72); }
.ik-swipe { z-index: -1; }
.ik-tape { position: absolute; z-index: 3; left: var(--x, 50%); top: var(--y, 0%); width: var(--ik-tape-w, clamp(64px, 8vw, 116px)); height: var(--ik-tape-h, 26px);
  translate: -50% -50%; rotate: var(--r, 0deg); pointer-events: none;
  background: var(--ik-tape, rgb(236 226 196 / .82)); box-shadow: 0 1px 1.5px rgb(40 30 10 / .14);
  background-image: linear-gradient(90deg, rgb(255 255 255 / .18), transparent 30%, rgb(255 255 255 / .12) 70%, transparent); }
@media (prefers-reduced-motion: reduce) { .ik * { transition: none !important; } }