.dk--draw{--run:clamp(0, (var(--bd-t,.9) - var(--plays)) * 3.2, 1);height:auto}#telestration .window-frame{height:auto;padding:0;display:block}.dk-draw{--tools:3.2em;--side:21em;--gap:.9em;grid-template-columns:var(--tools) minmax(0, 1fr) var(--side);gap:var(--gap);display:grid;position:relative;container-type:inline-size}.dk-draw__tools{border:1px solid var(--fc-line);background:var(--fc-card);border-radius:.8em;flex-direction:column;align-items:center;gap:.3em;padding:.4em 0;display:flex}.dk-draw__tools>span{--lit:0;width:2.4em;height:2.4em;color:color-mix(in oklab, var(--fc-accent) calc(var(--lit) * 100%), var(--fc-muted));border-radius:.55em;place-items:center;display:grid;position:relative}.dk-draw__tools>span:before{content:"";border-radius:inherit;background:color-mix(in oklab, var(--fc-accent) 16%, transparent);opacity:var(--lit);position:absolute;inset:0}.dk-draw__tools>.is-used{--lit:calc(clamp(0, (var(--bd-t,.9) - var(--from)) * 40, 1) * clamp(0, (var(--to) - var(--bd-t,.9)) * 40, 1))}.dk-draw__tools>.is-rest{--lit:calc(1 - clamp(0, (var(--bd-t,.9) - .06) * 40, 1) + clamp(0, (var(--bd-t,.9) - .57) * 40, 1) * clamp(0, (.985 - var(--bd-t,.9)) * 80, 1))}.dk-draw__stage{flex-direction:column;gap:.7em;min-width:0;display:flex}.dk-pic--wide{aspect-ratio:16/9}.dk-pic--wide>.dk-pic__cam>.dk-pic__view{inset:-28% -4% -42% -34%}.dk--draw .dk-pic__view{translate:calc(var(--run) * -5cqw) 0}.dk--draw .p-ring{stroke-width:2.2px}.dk-draw__track{background:var(--fc-card-2);border-radius:999px;flex:1;height:.4em;position:relative}.dk-draw__track>i{width:calc(32% + var(--run) * 46%);border-radius:inherit;background:var(--fc-accent);position:absolute;inset:0 auto 0 0}.dk-draw__track>em{background:var(--fc-warn);color:#0f0f0f;border-radius:999px;padding:.1em .7em;font-size:.8em;font-style:normal;font-weight:600;position:absolute;top:50%;left:32%;translate:-50% -50%}.dk-draw__side{flex-direction:column;gap:.8em;min-height:0;padding:1em;display:flex}.dk-draw__side>.fc-chip{align-self:start}.dk-draw__switch{color:var(--fc-ink);white-space:nowrap;justify-content:space-between;align-items:center;gap:1em;display:flex}.dk-draw__switch>i{background:var(--fc-accent);border-radius:999px;flex:none;width:2.2em;height:1.25em;position:relative}.dk-draw__switch>i:after{content:"";background:var(--fc-accent-ink);border-radius:50%;width:.95em;height:.95em;position:absolute;top:.15em;right:.15em}.dk-draw__layers{align-content:start;min-height:7.2em;display:grid}.dk-draw__layers>span{border-top:1px solid var(--fc-line);height:2.4em;color:var(--fc-ink);white-space:nowrap;align-items:center;gap:.6em;display:flex}.dk-draw__layers>span>i{background:var(--fc-accent);border-radius:50%;width:.6em;height:.6em}.dk-draw__follow{height:2.7em;animation:dkd-follow var(--m-cycle) linear infinite;flex:none;padding:0;display:grid}.fc .dk-draw__follow>b{color:var(--fc-accent-ink);text-align:center;grid-area:1/1}.dk-draw__card{border:1px solid var(--fc-line);background:var(--fc-card-2);border-radius:.7em;gap:.3em;padding:.8em;display:grid}.dk-draw__card>span:not(.fc-label){color:var(--fc-muted);justify-content:space-between;display:flex}@keyframes dkd-follow{0%,59%{filter:none;scale:1}60%{filter:brightness(1.12);scale:.96}61.5%,to{filter:none;scale:1}}.dk-draw__pointer{--x0:calc(var(--tools) + var(--gap));--w:calc(100cqw - var(--tools) - var(--side) - 2 * var(--gap));--h:calc(var(--w) * 9 / 16);--tx:calc(var(--tools) / 2 + .3em);--t1:4.5em;--t3:9.9em;--t6:18em;--ax:calc(var(--x0) + var(--w) * .645);--ay:calc(var(--h) * .605);--bx:calc(var(--x0) + var(--w) * .755);--by:calc(var(--h) * .46);--cx:calc(var(--x0) + var(--w) * .41);--cy:calc(var(--h) * .37);--dx:calc(var(--x0) + var(--w) * .71);--dy:calc(var(--h) * .685);--fx:calc(100cqw - var(--side) / 2 + 2em);--fy:26em;translate:var(--ax) var(--ay);animation:dkd-pointer var(--m-cycle) cubic-bezier(.4, 0, .2, 1) infinite}@keyframes dkd-pointer{0%,2%{opacity:0;translate:calc(var(--x0) + var(--w) * .3) calc(var(--h) * .7);scale:1}4%{opacity:1;translate:calc(var(--x0) + var(--w) * .3) calc(var(--h) * .7)}7%{translate:var(--tx) var(--t1);scale:1}7.7%{translate:var(--tx) var(--t1);scale:.86}8.5%{translate:var(--tx) var(--t1);scale:1}12%{translate:var(--ax) var(--ay);scale:1}13%{translate:var(--ax) var(--ay);scale:.86}14%{translate:var(--ax) var(--ay);scale:1}18%{translate:var(--ax) var(--ay)}22%{translate:var(--tx) var(--t3);scale:1}22.7%{translate:var(--tx) var(--t3);scale:.86}23.5%{translate:var(--tx) var(--t3);scale:1}28.5%{translate:var(--ax) var(--ay);scale:1}30%{translate:var(--ax) var(--ay);animation-timing-function:linear;scale:.86}39%{translate:var(--bx) var(--by);animation-timing-function:cubic-bezier(.4,0,.2,1);scale:.86}40%{translate:var(--bx) var(--by);scale:1}43%{translate:var(--tx) var(--t6);scale:1}43.7%{translate:var(--tx) var(--t6);scale:.86}44.5%{translate:var(--tx) var(--t6);scale:1}48%{translate:var(--cx) var(--cy);scale:1}49%{translate:var(--cx) var(--cy);scale:.86}52%{translate:var(--dx) var(--dy);scale:.86}53%{translate:var(--dx) var(--dy);scale:1}59%{translate:var(--fx) var(--fy);scale:1}60%{translate:var(--fx) var(--fy);scale:.86}61.5%{translate:var(--fx) var(--fy);scale:1}66%{opacity:1;translate:var(--fx) var(--fy)}70%,to{opacity:0;translate:var(--fx) var(--fy)}}.dk--board>.dk__main{padding:0}.dk-board__views{flex:none;margin-left:.4em;font-size:.9em}.dk-board__row{border:1px solid var(--fc-line);border-radius:.6em;justify-content:space-between;align-items:center;gap:.8em;min-height:3.5em;padding:.5em .7em;display:flex}.dk-board__row>span:first-child{min-width:0;display:grid}.dk-board__row b,.dk-board__row small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dk-board__row small{color:var(--fc-muted);font-size:.9em}.dk-board__row.is-new{border-color:color-mix(in oklab, var(--fc-accent) 60%, transparent);background:color-mix(in oklab, var(--fc-accent) 9%, transparent)}.dk-board__file{border:1px dashed var(--fc-line);color:var(--fc-ink);white-space:nowrap;border-radius:.6em;align-items:center;gap:.6em;padding:.7em .8em;display:flex}@media (max-width:1023px){.dk-draw{--side:17em}.dk-board__views{display:none}}@media (max-width:639px){.dk-draw{grid-template-columns:minmax(0,1fr)}.dk-draw__tools,.dk-draw__side>:is(.fc-tabs,.dk-draw__switch,.fc-chip,.dk-draw__card){display:none}.dk-draw__side>.fc-label:has(+.fc-tabs){display:none}.dk-draw__side{gap:.6em;padding:.9em}.dk-draw__layers{min-height:7.2em}.dk-board.fc-train{grid-template-columns:minmax(0,1fr)}.dk-board.fc-train>:is(.fc-train__tools,.dk-board__list){display:none}}