.pen[data-v-34216cf6]{white-space:nowrap;display:inline-block}.pen[data-v-34216cf6],.pen-word[data-v-34216cf6]{position:relative}.pen-word[data-v-34216cf6]{z-index:1}.pen-svg[data-v-34216cf6]{pointer-events:none;fill:none;stroke:var(--pen-color,var(--accent));stroke-linecap:round;clip-path:inset(-30% 100% -30% -30%);transition:clip-path .85s cubic-bezier(.6,.05,.25,1) var(--pen-delay);position:absolute;overflow:visible}.drawn .pen-svg[data-v-34216cf6]{clip-path:inset(-30%)}.pen-circle .pen-svg[data-v-34216cf6]{stroke-width:2.2px;width:calc(100% + .44em);height:calc(100% + .2em);inset:-.12em -.22em -.08em}.pen-circle .pen-svg[data-v-34216cf6],.pen-circle .pen-svg path[data-v-34216cf6]{vector-effect:non-scaling-stroke}.pen-underline .pen-svg[data-v-34216cf6]{stroke-width:2.4px;width:calc(100% + .1em);height:.42em;bottom:-.32em;left:-.05em;right:-.05em}.pen-underline .pen-svg path[data-v-34216cf6]{vector-effect:non-scaling-stroke}.pen-highlight[data-v-34216cf6]:before{z-index:0;background:var(--mark-hl-bg,#ffe14d8c);transform-origin:0;transition:transform .7s cubic-bezier(.6,.05,.25,1) var(--pen-delay);content:"";border-radius:.12em;position:absolute;inset:.08em -.12em .02em;transform:scaleX(0)}.pen-highlight.drawn[data-v-34216cf6]:before{transform:scaleX(1)}.pen-highlight.drawn .pen-word[data-v-34216cf6]{color:var(--mark-hl-ink,inherit);transition:color .2s linear var(--pen-delay)}@media (prefers-reduced-motion:reduce){.pen-highlight[data-v-34216cf6]:before,.pen-svg[data-v-34216cf6]{transition:none}}