.docs-manual{transform-origin:0 100%;--idle:3.1s;--idle-delay:-700ms;--r1:.8deg;--r2:-.5deg}.docs-slip{transform-origin:0;--idle:2.6s;--idle-delay:-1500ms;--r1:1.6deg;--r2:-1deg}.docs-tuck-top{transform-origin:0 100%;--idle:3.15s;--idle-delay:-200ms;--r1:.5deg;--r2:-.3deg}.docs-tuck-bottom{transform-origin:100% 0;--idle:2.9s;--idle-delay:-2100ms;--r1:-.6deg;--r2:.4deg}.docs-corner{transform-origin:100% 0;--idle:2.45s;--idle-delay:-1300ms;--r1:-1.6deg;--r2:.8deg}.docs-filed-slip{transform-origin:30% 0;--idle:2.8s;--idle-delay:-900ms;--r1:-1.4deg;--r2:.9deg}.docs-title-manual{transform-origin:0 100%;--idle:2.75s;--idle-delay:-1900ms;--r1:1deg;--r2:-.6deg}.docs-title-slip{transform-origin:0;--idle:2.35s;--idle-delay:-400ms;--r1:1.8deg;--r2:-1.2deg}.docs-stage{--desk:170px;--peek:60px}.docs-desk-set{width:min(var(--desk), 100%);margin-left:-6px}.docs-manual-btn{width:66%;rotate:-3deg}.docs-slip-rest{width:58%;top:6%;left:42%;rotate:2deg}.docs-card-col{margin-top:calc(var(--peek) - .74 * var(--desk))}@media (width<=63.99rem){.docs-manual-btn{height:calc(var(--peek) - 6px);margin-bottom:calc(.74 * var(--desk) - var(--peek) + 6px);overflow:visible}.docs-manual-btn>*{pointer-events:none}}@media (width>=600px){.docs-stage{--desk:220px;--peek:82px}.docs-desk-set{margin-left:-24px}}@media (width>=64rem){.docs-stage{--desk:340px;--desk-gap:56px}.docs-desk-set{width:min(var(--desk), calc(100% - var(--desk-gap)));margin:0 var(--desk-gap) 0 auto}.docs-card-col{margin-top:0}.docs-slip-rest{top:34%}}@media (width>=73.75rem){.docs-stage{--desk:380px;--desk-gap:72px}}@media (width>=80rem){.docs-stage{--desk:400px;--desk-gap:80px}}@media (width>=96rem){.docs-stage{--desk:460px;--desk-gap:96px}}@media (width<=79.99rem),(height<=1020px){.docs-path,.docs-path-lead,.docs-suggestions{display:none}}@media (width>=64rem) and (height<=820px){.docs-hero-inner{padding-top:20px;padding-bottom:24px}.docs-stage{--desk:320px}.docs-composer-extra{display:none}}@media (width>=64rem) and (height<=780px){.docs-card-col figure>:has(>.docs-composer){display:none}}.docs-mark{isolation:isolate;padding:0 2px}.docs-mark-strip{z-index:0;transform-origin:0;background:url(/img/shared/yellow-tex.webp) 50%/160px;border-radius:2px;position:absolute;inset:1px 0 0;rotate:-1deg}.docs-q{transform-origin:100% 100%;--beat:0s}.docs-manual-pose{--beat:.36s}.docs-slip-move{--beat:.38s}.docs-answer{--beat:.7s}.docs-path-row{--beat:.82s;--beat-stagger:.11s}.docs-path-run{--beat:1.04s}.docs-mark-strip{--beat:1.15s}.docs-chip{transform-origin:20%;--beat:1.6s}.docs-line{--beat:1.6s}.docs-suggest{transform-origin:0 100%;--beat:1.95s;--beat-stagger:90ms}[data-entry=in-view] .docs-manual-pose{--beat:.12s}[data-entry=in-view] .docs-slip-move{--beat:.15s}[data-entry=in-view] .docs-mark-strip{--beat:.52s}[data-entry=in-view] .docs-chip,[data-entry=in-view] .docs-line{--beat:.96s}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) :where([data-scene]:not([data-entry])):is([data-scene=before],[data-scene=play]) :is(.docs-q,.docs-suggest){animation:.24s step-end both docs-pop-ui}:root:not([data-reduce-motion=reduce]) :where([data-scene]:not([data-entry])):is([data-scene=before],[data-scene=play]) :is(.docs-answer,.docs-path-row,.docs-path-run,.docs-line){animation:.12s step-end both docs-appear}:root:not([data-reduce-motion=reduce]) :where([data-scene]:not([data-entry])):is([data-scene=before],[data-scene=play]) .docs-chip{animation:.33s step-end both docs-stamp-ui}:root:not([data-reduce-motion=reduce]) :where([data-scene]:not([data-entry])):is([data-scene=before],[data-scene=play]) .docs-slip-move{animation:.33s step-end both docs-slip-out}:root:not([data-reduce-motion=reduce]) :where([data-scene]:not([data-entry])):is([data-scene=before],[data-scene=play]) .docs-mark-strip{animation:.4s step-end both docs-highlight}:root:not([data-reduce-motion=reduce]) [data-entry=in-view]:is([data-scene=before],[data-scene=play]) .docs-slip-move{animation:.33s step-end both docs-slip-tug}:root:not([data-reduce-motion=reduce]) [data-entry=in-view]:is([data-scene=before],[data-scene=play]) .docs-mark-strip{animation:.4s step-end both docs-highlight-press}:root:not([data-reduce-motion=reduce]) [data-entry=in-view]:is([data-scene=before],[data-scene=play]) .docs-chip{animation:.33s step-end both docs-restamp-ui}:root:not([data-reduce-motion=reduce]) [data-entry=in-view]:is([data-scene=before],[data-scene=play]) .docs-line{animation:.12s step-end both docs-appear}:root:not([data-reduce-motion=reduce]) [data-scene]:is([data-scene=before],[data-scene=play]) :is(.docs-q,.docs-suggest,.docs-answer,.docs-path-row,.docs-path-run,.docs-line,.docs-chip,.docs-slip-move,.docs-mark-strip){animation-delay:calc(var(--beat,0s) + var(--i,0) * var(--beat-stagger,0s))}:root:not([data-reduce-motion=reduce]) [data-scene=before] :is(.docs-q,.docs-suggest,.docs-answer,.docs-path-row,.docs-path-run,.docs-line,.docs-chip,.docs-slip-move,.docs-mark-strip){animation-play-state:paused}:root:not([data-reduce-motion=reduce]) [data-scene=play] .docs-manual-pose{animation:docs-manual-give .22s step-end var(--beat)}:root:not([data-reduce-motion=reduce]) [data-scene=play] .docs-manual .landing-paper-frame:nth-child(3){animation:.22s step-end .36s docs-frame-flash}:root:not([data-reduce-motion=reduce]) [data-entry=in-view][data-scene=play] .docs-manual .landing-paper-frame:nth-child(3){animation-delay:.12s}:root:not([data-reduce-motion=reduce]) .docs-manual-pose{transition:transform .2s steps(2,end)}:root:not([data-reduce-motion=reduce]) .docs-manual-btn:is(:hover,:focus-visible) .docs-manual-pose{transform:translate(-1%,-2%)rotate(-1.5deg)}}@keyframes docs-appear{0%{opacity:0}1%,to{opacity:1}}@keyframes docs-pop-ui{0%{opacity:0}10%{opacity:1;transform:scale(1.1)rotate(-1.5deg)}45%{opacity:1;transform:scale(.97)}80%,to{opacity:1;transform:none}}@keyframes docs-stamp-ui{0%{opacity:0}10%{opacity:1;transform:scale(1.12)rotate(-3deg)}40%{opacity:1;transform:scale(.97)rotate(1deg)}70%,to{opacity:1;transform:none}}@keyframes docs-restamp-ui{0%{transform:none}10%{transform:scale(1.12)rotate(-3deg)}40%{transform:scale(.97)rotate(1deg)}70%,to{transform:none}}@keyframes docs-slip-out{0%{transform:translate(-62%)rotate(-3deg)}30%{transform:translate(-34%)rotate(1deg)}60%{transform:translate(-10%)rotate(0)}90%,to{transform:none}}@keyframes docs-slip-tug{0%{transform:none}30%{transform:translate(8%)rotate(1.5deg)}60%{transform:translate(13%)rotate(-.5deg)}90%,to{transform:none}}@keyframes docs-highlight{0%{transform:scaleX(0)}22%{transform:scaleX(.35)}45%{transform:scaleX(.65)}68%{transform:scaleX(.9)}90%,to{transform:none}}@keyframes docs-highlight-press{0%{transform:none}30%{transform:translate(1px)scaleX(1.06)}60%{transform:scaleX(.98)}90%,to{transform:none}}@keyframes docs-manual-give{0%{transform:translate(-1.5%,-2%)rotate(-2deg)}to{transform:none}}@keyframes docs-frame-flash{0%{opacity:1}to{opacity:0}}.docs-title-manual-wrap{width:62%;rotate:-4deg}.docs-title-slip-rest{width:50%;top:30%;left:44%;rotate:3deg}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) :where([data-scene]:not([data-entry])):is([data-scene=before],[data-scene=play]) .docs-title-slip-move{animation:.33s step-end .25s both docs-slip-out}:root:not([data-reduce-motion=reduce]) [data-entry=in-view]:is([data-scene=before],[data-scene=play]) .docs-title-slip-move{animation:.33s step-end .25s both docs-slip-tug}:root:not([data-reduce-motion=reduce]) [data-scene=before] .docs-title-slip-move{animation-play-state:paused}}.docs-tab{clip-path:polygon(0 100%,0 6px,6px 0,calc(100% - 6px) 0,100% 6px,100% 100%);left:24px}@media (width>=600px) and (width<=63.99rem){.docs-divider:nth-child(2n) .docs-tab{left:auto;right:24px}}@media (width>=64rem){.docs-divider:nth-child(3n+2) .docs-tab{left:38%}.docs-divider:nth-child(3n) .docs-tab{left:auto;right:24px}}