.mk-preview-strip{flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.mk-preview-strip.is-rolling{animation:1.46s cubic-bezier(.65,.02,.35,1) both mk-preview-roll}.mk-preview-panel{height:var(--mk-preview-h);flex:none;overflow:hidden}.mk-preview-gutter{height:calc(var(--mk-preview-h) * .42);background:var(--background);flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.mk-preview-letter{font-family:var(--font-mono,ui-monospace, monospace);color:var(--foreground);text-transform:uppercase;letter-spacing:.14em;font-size:3rem;font-weight:500;line-height:1;display:block}@keyframes mk-preview-letter{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes mk-preview-roll{0%{transform:translateY(0)}12%{transform:translateY(12px)}42%{transform:translateY(calc(var(--mk-preview-h) * -.71))}68%{transform:translateY(calc(var(--mk-preview-h) * -.71))}to{transform:translateY(calc(var(--mk-preview-h) * -1.42))}}.mk-preview-ring{animation:.32s cubic-bezier(.23,1,.32,1) mk-preview-ring-in}@keyframes mk-preview-ring-in{0%{opacity:0}}.mk-preview-ring-value{fill:none;stroke:hsl(var(--primary));stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:88;stroke-dashoffset:88px;transform-origin:50%;transform:rotate(-90deg)}.mk-preview-ring.is-running .mk-preview-ring-value{animation-name:mk-preview-ring;animation-timing-function:linear;animation-fill-mode:forwards}.mk-preview-ring.is-done .mk-preview-ring-value{stroke-dashoffset:0}@keyframes mk-preview-ring{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.mk-preview-strip.is-rolling,.mk-preview-letter{animation:none;transform:none}.mk-preview-ring,.mk-preview-ring-value{animation:none;transform:rotate(-90deg)}}