@layer site{.docs-stage{gap:var(--mk-space-3);margin-block:var(--mk-space-6);display:grid}.docs-stage-frame{box-sizing:border-box;padding:var(--mk-space-8) var(--mk-space-6);border:var(--mk-border) solid var(--mk-text);border-radius:var(--mk-radius-plate);background:var(--mk-paper);color:var(--mk-text);overflow-clip-margin:var(--mk-space-4);place-items:center;margin:0;display:grid;position:relative;overflow:clip}.docs-stage-frame[data-align=start]{place-items:start}.docs-stage-frame[data-align=stretch]{place-items:stretch stretch}.docs-stage-frame:before,.docs-stage-frame:after{content:"";pointer-events:none;block-size:14px;inline-size:14px;position:absolute}.docs-stage-frame:before{border-block-start:var(--mk-border-thin) solid var(--mk-text-2);border-inline-start:var(--mk-border-thin) solid var(--mk-text-2);inset-block-start:6px;inset-inline-start:6px}.docs-stage-frame:after{border-block-end:var(--mk-border-thin) solid var(--mk-text-2);border-inline-end:var(--mk-border-thin) solid var(--mk-text-2);inset-block-end:6px;inset-inline-end:6px}.docs-stage-body{align-content:center;justify-items:center;gap:var(--mk-space-4);inline-size:100%;min-inline-size:0;display:grid}.docs-stage-frame[data-align=start] .docs-stage-body{justify-items:start}.docs-stage-frame[data-align=stretch] .docs-stage-body{justify-items:stretch}.docs-stage-strip,.docs-stage-caption{z-index:1;background:var(--mk-paper);position:relative}.docs-stage-strip{align-items:center;gap:var(--mk-space-2) var(--mk-space-3);border:0;flex-wrap:wrap;min-inline-size:0;margin:0;padding:0;display:flex}.docs-stage-copy{margin-inline-start:auto;display:inline-flex}.docs-stage-caption{color:var(--mk-text-2);margin:0}}
@layer site{.docs-demo-flush{margin:0}.docs-demo-row{justify-content:center;align-items:center;gap:var(--mk-space-4);flex-wrap:wrap;display:flex}.docs-demo-trio{place-items:center;gap:var(--mk-space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));inline-size:100%;display:grid}.docs-demo-wide{inline-size:min(100%,34rem)}.docs-demo-display{font-family:var(--mk-font-display);text-align:center;font-size:clamp(2rem,1.4rem + 2.4vw,3.25rem);line-height:1}.docs-demo-display .mk-type-display{font-size:inherit;line-height:1}.docs-demo-card{gap:var(--mk-space-2);padding:var(--mk-space-5);border:var(--mk-border) solid var(--mk-rule);border-radius:var(--mk-radius-plate);background:var(--mk-surface);color:var(--mk-text);display:grid}.docs-demo-panels{gap:var(--mk-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));inline-size:100%;display:grid}.docs-demo-stamp-card{justify-content:space-between;align-items:center;gap:var(--mk-space-4) var(--mk-space-6);flex-wrap:wrap;inline-size:min(100%,30rem);display:flex}.docs-demo-stamp-card>div{gap:var(--mk-space-1);flex:12rem;display:grid}.docs-demo-seal{place-items:center;min-inline-size:7rem;display:inline-grid}.docs-demo-head{gap:var(--mk-space-3);inline-size:100%;display:grid}.docs-demo-title{margin:0;font-size:clamp(2.25rem,1.6rem + 2.6vw,3.5rem);line-height:1}.docs-demo-title .mk-type-display{font-size:inherit;line-height:1}.docs-demo-wipe{border-radius:var(--mk-radius-plate);background:var(--mk-paper-sunken);place-items:end start;min-block-size:8rem;inline-size:100%;display:grid;position:relative;overflow:hidden}.docs-demo-wipe>.mk-type-meta{z-index:1;margin:var(--mk-space-3);padding:var(--mk-space-1) var(--mk-space-2);border-radius:var(--mk-radius-chip);background:var(--mk-surface);color:var(--mk-text);position:relative}.docs-wipe-host{block-size:0;inline-size:0;position:relative}.docs-demo-art{border-radius:var(--mk-radius-plate);min-block-size:10rem;inline-size:100%;position:relative;overflow:hidden}.docs-demo-keypop{padding-block-start:var(--mk-space-8);display:inline-flex}.docs-demo-cube{align-items:center;gap:var(--mk-space-3);padding:var(--mk-space-3) var(--mk-space-5);border:var(--mk-border) solid var(--mk-rule);border-radius:var(--mk-radius-plate);background:var(--mk-surface);color:var(--mk-text);font-weight:600;text-decoration:none;display:inline-flex}.docs-demo-field,.docs-demo-field-modes{gap:var(--mk-space-4);inline-size:100%;display:grid}.docs-demo-field-art{border-radius:var(--mk-radius-plate);block-size:13rem;position:relative;overflow:hidden}.docs-demo-field-small{block-size:10rem}.docs-demo-secondary{align-items:center;gap:var(--mk-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));inline-size:100%;display:grid}.docs-demo-staging{gap:var(--mk-space-6);inline-size:100%;display:grid}.docs-demo-poses{gap:var(--mk-space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));inline-size:100%;display:grid}.docs-demo-pose-field,.docs-demo-pose-keys{align-content:start;justify-items:center;gap:var(--mk-space-4);display:grid}.docs-demo-pose-row{gap:var(--mk-space-6);display:flex}.docs-demo-pose{justify-items:center;gap:var(--mk-space-2);margin:0;display:grid}.docs-demo-pose-art{display:inline-block}.docs-demo-quad{gap:var(--mk-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));inline-size:100%;display:grid}.docs-demo-quad-col{align-content:start;justify-items:start;gap:var(--mk-space-3);padding:var(--mk-space-3);border-radius:var(--mk-radius-plate);background:var(--mk-paper);color:var(--mk-text);display:grid}.docs-demo-quad-col>.docs-demo-card{justify-self:stretch}.docs-demo-appeal{justify-items:center;gap:var(--mk-space-6);inline-size:100%;display:grid}.docs-demo-cursors{gap:var(--mk-space-12);min-block-size:4rem}.docs-demo-timing{margin-block-start:var(--mk-space-4)}.docs-motion-table :is(td,th,caption){font-variant-numeric:normal}@media (prefers-reduced-motion:no-preference){:root:not([data-mk-motion=reduce]) .docs-stage-body[data-play] .docs-demo-title{animation:mk-title-in var(--mk-dur-arrival) var(--mk-ease-title) backwards}:root:not([data-mk-motion=reduce]) .docs-stage-body[data-play] .docs-demo-rise{animation:docs-rise var(--mk-dur-arrival) var(--mk-ease-title) backwards;animation-delay:calc(var(--mk-dur-panel-stagger) * 1.5)}:root:not([data-mk-motion=reduce]) .docs-stage-body[data-play] .docs-demo-rise-2{animation-delay:calc(var(--mk-dur-panel-stagger) * 3)}}.docs-moment{gap:var(--mk-space-3);margin-block:var(--mk-space-12) 0;border-block-start:var(--mk-border) solid var(--mk-text);padding-block-start:var(--mk-space-8);display:grid}.docs-moment-name{justify-content:space-between;align-items:baseline;gap:var(--mk-space-2) var(--mk-space-4);flex-wrap:wrap;margin:0;scroll-margin-block-start:calc(var(--mk-header-h,76px) + var(--mk-space-6));display:flex}.docs-moment-row{color:var(--mk-text-2);font-family:var(--mk-font-text)}.docs-moment-cause{max-inline-size:var(--mk-width-prose);margin:0}.docs-moment-elsewhere{margin:0}.docs-moment-facts{margin:var(--mk-space-2) 0 0;border-block-start:var(--mk-border-thin) solid var(--mk-rule-soft);grid-template-columns:minmax(0,1fr);gap:0;display:grid}.docs-moment-fact{gap:var(--mk-space-1);padding-block:var(--mk-space-3);border-block-end:var(--mk-border-thin) solid var(--mk-rule-soft);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:40rem){.docs-moment-fact{gap:var(--mk-space-4);grid-template-columns:9.5rem minmax(0,1fr)}}.docs-moment-fact>dt{color:var(--mk-text)}.docs-moment-fact>dd{font-size:var(--mk-type-body-ui-size);margin:0;line-height:1.5}:is(.docs-moment-fact,.docs-ease-users,.docs-dur-users,.docs-moment-index,.docs-moment-elsewhere) a{color:var(--mk-text)}.docs-moment-codes>span{margin-block-end:var(--mk-space-1);display:inline-block}.docs-moment-codes code{white-space:nowrap}.docs-stage code,.docs-moment-fact code,.docs-moment-cause code,.docs-moment-when code,.docs-ease code,.docs-dur code,.docs-voice code,.docs-demo-timing code{overflow-wrap:anywhere;font-size:.9375rem;font-weight:500}.docs-moment-when{gap:var(--mk-space-3) var(--mk-space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.docs-moment-when>p,.docs-moment-blurb{margin:0}.docs-moment-index{gap:var(--mk-space-6) var(--mk-space-8);margin-block:var(--mk-space-8) 0;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));display:grid}.docs-moment-index-group{align-content:start;gap:var(--mk-space-2);display:grid}.docs-moment-index-title{color:var(--mk-text);margin:0}.docs-moment-index-list{gap:var(--mk-space-1);margin:0;padding:0;list-style:none;display:grid}.docs-moment-index-list>li:before{content:none}.docs-eases{gap:var(--mk-space-6) var(--mk-space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,12.5rem),1fr));inline-size:100%;margin:0;padding:0;list-style:none;display:grid}.docs-ease{align-content:start;gap:var(--mk-space-2);min-inline-size:0;display:grid}.docs-ease:before{content:none}.docs-ease-plot{aspect-ratio:4/3;border-radius:var(--mk-radius-chip);background:var(--mk-paper-sunken);position:relative}.docs-ease-svg{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.docs-ease-guide{stroke:var(--mk-rule-soft);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.docs-ease-line{fill:none;stroke:var(--mk-text);stroke-width:2.5px;vector-effect:non-scaling-stroke}.docs-ease-x{position:absolute;inset:0}.docs-ease-y{block-size:var(--docs-band-h);position:absolute;inset-block-start:var(--docs-band-top);inset-inline:0}.docs-ease-dot{background:var(--mk-ink-m);block-size:12px;inline-size:12px;box-shadow:0 0 0 2px var(--mk-paper-sunken);border-radius:50%;position:absolute;inset-block-end:-6px;inset-inline-start:-6px}.docs-ease-track{border-block-end:var(--mk-border-thin) solid var(--mk-rule);block-size:1.25rem;display:block;position:relative;container-type:inline-size}.docs-ease-mark{background:var(--mk-ink-a);border-radius:2px;block-size:1rem;inline-size:1rem;position:absolute;inset-block-end:2px;inset-inline-start:0}.docs-ease-name{font-weight:600}.docs-ease-value{align-items:center;gap:var(--mk-space-2);flex-wrap:wrap;display:flex}.docs-ease-use,.docs-ease-users{color:var(--mk-text)}@media (prefers-reduced-motion:no-preference){:root:not([data-mk-motion=reduce]) .docs-stage-body[data-play] .docs-ease-x{animation:.9s linear both docs-ease-x}:root:not([data-mk-motion=reduce]) .docs-stage-body[data-play] .docs-ease-y{animation:docs-ease-y .9s var(--docs-ease-curve) both}:root:not([data-mk-motion=reduce]) .docs-stage-body[data-play] .docs-ease-mark{animation:docs-ease-mark .9s var(--docs-ease-curve) both}}.docs-ease-x{translate:100%}.docs-ease-y{translate:0 -100%}.docs-ease-mark{translate:calc(100cqi - 100%)}@keyframes docs-ease-x{0%{translate:0}to{translate:100%}}@keyframes docs-ease-y{0%{translate:0}to{translate:0 -100%}}@keyframes docs-ease-mark{0%{translate:0}to{translate:calc(100cqi - 100%)}}.docs-durs{gap:var(--mk-space-8);inline-size:100%;display:grid}.docs-dur-group{gap:var(--mk-space-2);display:grid}.docs-dur-group-title,.docs-dur-group-note{margin:0}.docs-dur-group-note{color:var(--mk-text-2)}.docs-dur-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.docs-dur{gap:var(--mk-space-1) var(--mk-space-4);padding-block:var(--mk-space-2);border-block-end:var(--mk-border-thin) solid var(--mk-rule-soft);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.docs-dur:before{content:none}@media (min-width:48rem){.docs-dur{grid-template-columns:13rem minmax(0,1fr)}.docs-dur-values,.docs-dur-users{grid-column:2}}.docs-dur-track{background:var(--mk-paper-sunken);border-radius:2px;block-size:.875rem;display:block;position:relative;overflow:hidden}.docs-dur-bar{--docs-dur-k:var(--docs-dur-s);inline-size:calc(var(--docs-dur-k) * 100%);background:var(--mk-ink-lead);transform-origin:0;position:absolute;inset-block:0;inset-inline-start:0}.docs-stage-frame[data-mk-volume=quiet] .docs-dur-bar{--docs-dur-k:var(--docs-dur-q)}.docs-stage-frame[data-mk-volume=press] .docs-dur-bar{--docs-dur-k:var(--docs-dur-p)}.docs-stage-frame[data-mk-volume=rave] .docs-dur-bar{--docs-dur-k:var(--docs-dur-r)}.docs-dur-track[data-broken]:after{content:"";background:var(--mk-paper);inline-size:.25rem;position:absolute;inset-block:0;inset-inline-end:.75rem;transform:skew(-20deg)}.docs-dur-values{gap:0 var(--mk-space-4);color:var(--mk-text-2);flex-wrap:wrap;display:flex}.docs-stage-frame[data-mk-volume=quiet] .docs-dur-values [data-v=q],.docs-stage-frame[data-mk-volume=studio] .docs-dur-values [data-v=s],.docs-stage-frame[data-mk-volume=press] .docs-dur-values [data-v=p],.docs-stage-frame[data-mk-volume=rave] .docs-dur-values [data-v=r]{color:var(--mk-text);font-weight:700}.docs-dur-users{color:var(--mk-text)}@media (prefers-reduced-motion:no-preference){:root:not([data-mk-motion=reduce]) .docs-stage-body[data-play] .docs-dur-bar{animation:docs-fill var(--docs-dur-token) linear both}}@keyframes docs-fill{0%{scale:0 1}}.docs-staggers{gap:var(--mk-space-4);inline-size:100%;display:grid}.docs-stagger{gap:var(--mk-space-2);display:grid}.docs-stagger-row{gap:var(--mk-space-2);display:flex}.docs-stagger-dot{background:var(--mk-ink-support);border-radius:2px;block-size:1.5rem;inline-size:1.5rem}@media (prefers-reduced-motion:no-preference){:root:not([data-mk-motion=reduce]) .docs-stage-body[data-play] .docs-stagger-dot{animation:docs-pop-in var(--mk-dur-panel,.3s) var(--mk-ease-out) backwards;animation-delay:calc(var(--docs-i) * var(--docs-step))}}@keyframes docs-pop-in{0%{opacity:0;scale:.4}}.docs-voices{gap:var(--mk-space-6);margin-block:var(--mk-space-6);display:grid}.docs-voices-toggle{align-items:center;gap:var(--mk-space-3);flex-wrap:wrap;display:flex}.docs-voices-toggle>.mk-type-meta{color:var(--mk-text-2)}.docs-voice-list{gap:var(--mk-space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));margin:0;padding:0;list-style:none;display:grid}.docs-voice{align-content:start;gap:var(--mk-space-2);padding:var(--mk-space-5);border:var(--mk-border) solid var(--mk-text);border-radius:var(--mk-radius-plate);background:var(--mk-paper);display:grid}.docs-voice:before{content:none}.docs-voice-head{justify-content:space-between;align-items:center;gap:var(--mk-space-3);flex-wrap:wrap;display:flex}.docs-voice-name{font-size:1.125rem;font-weight:700}.docs-voice-sweep{border-radius:var(--mk-radius-chip);background:var(--mk-paper-sunken);block-size:3rem;inline-size:100%}.docs-voice-line{fill:none;stroke:var(--mk-ink-m);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.docs-voice-noise{fill:var(--mk-ink-a);opacity:.6}.docs-voice-knock{fill:var(--mk-ink-wood)}.docs-voice-made,.docs-voice-note{color:var(--mk-text-2)}.docs-voice-note{color:var(--mk-text);min-block-size:1.5em}}