@keyframes creator-frame-in{0%{opacity:0}to{opacity:1}}@keyframes creator-push-in{0%{transform:scale(1)}to{transform:scale(1.08)}}.creator-frame-in{animation:.4s ease-out both creator-frame-in}.creator-push-in{transform-origin:60% 45%;animation:2.4s linear both creator-push-in}@keyframes reel-fade-in{0%{opacity:0}}.creator-reel-page{transform-origin:0 0;transition:transform .6s cubic-bezier(.65,0,.35,1),opacity .5s;animation:.4s ease-out backwards reel-fade-in}.creator-reel-page.is-board{transform:scale(.76)}.creator-reel-page.is-gone{opacity:0;transform:translate(-110%)scale(.76)}.creator-reel-mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(rgba(196,181,253,.6),rgba(196,181,253,.6));background-repeat:no-repeat;background-size:0% 100%}.creator-reel-page:-webkit-any(.is-board,.is-gone) .creator-reel-mark{animation:.45s ease-out both reel-mark;animation-delay:var(--d)}.creator-reel-page:-moz-any(.is-board,.is-gone) .creator-reel-mark{animation:.45s ease-out both reel-mark;animation-delay:var(--d)}.creator-reel-page:is(.is-board,.is-gone) .creator-reel-mark{animation:.45s ease-out both reel-mark;animation-delay:var(--d)}@keyframes reel-mark{to{background-size:100% 100%}}.creator-reel-panel{transition:left .7s cubic-bezier(.65, 0, .35, 1) calc(var(--i) * 50ms), top .7s cubic-bezier(.65, 0, .35, 1) calc(var(--i) * 50ms), width .7s cubic-bezier(.65, 0, .35, 1) calc(var(--i) * 50ms), height .7s cubic-bezier(.65, 0, .35, 1) calc(var(--i) * 50ms), opacity .4s ease, box-shadow .3s ease;box-shadow:0 0 0 1px rgba(255,255,255,.1)}.creator-reel-panel.is-parked{opacity:0;transition:opacity .3s,left 0s .3s,top 0s .3s,width 0s .3s,height 0s .3s}.creator-reel-panel.is-drawing{animation:1.1s ease-out both reel-focus;animation-delay:var(--d)}.creator-reel-panel.is-current{box-shadow:0 0 0 2px #a78bfa}@keyframes reel-focus{0%{box-shadow:0 0 0 1px rgba(255,255,255,.1)}15%,70%{box-shadow:0 0 0 2px #a78bfa,0 0 18px rgba(167,139,250,.5)}to{box-shadow:0 0 0 1px rgba(255,255,255,.25)}}.reel-art .ink,.reel-art .tone,.reel-art .type{transition:fill-opacity .7s,opacity .7s,stroke .7s,fill .7s}.reel-sketch .ink{stroke:#57534e;fill-opacity:0}.reel-sketch .tone{opacity:0}.reel-sketch .type{fill:#57534e}.reel-drawing .ink{stroke-dasharray:1;stroke-dashoffset:1px;animation:.52s ease-out both reel-draw;animation-delay:calc(var(--d) + var(--n) * 45ms)}.reel-drawing .type{animation:.4s ease-out both reel-fade-in;animation-delay:calc(var(--d) + var(--n) * 45ms)}@keyframes reel-draw{to{stroke-dashoffset:0}}.creator-reel-viewer{transform-origin:0 0;opacity:0;transition:opacity .3s,transform 0s .3s;transform:translate(76%,6.33%)scale(.22)}.creator-reel-viewer.is-shown{opacity:1;transition:opacity .2s,transform .7s cubic-bezier(.65,0,.35,1);transform:none}.reel-cut{animation:.14s ease-out both reel-fade-in}.reel-cam{transform-origin:50%;animation-duration:var(--shot-ms);animation-timing-function:linear;animation-fill-mode:both}.reel-cam-pan{animation-name:reel-cam-pan}.reel-cam-settle{animation-name:reel-cam-settle}.reel-cam-push{transform-origin:60% 40%;animation-name:reel-cam-push}.reel-cam-drift{animation-name:reel-cam-drift}.reel-cam-close{animation-name:reel-cam-close;animation-duration:calc(var(--shot-ms) * 2);transform-origin:50% 42%}@keyframes reel-cam-pan{0%{transform:scale(1.12)translate(3%)}to{transform:scale(1.12)translate(-3%)}}@keyframes reel-cam-settle{0%{transform:scale(1.2)translateY(-4%)}to{transform:scale(1.06)translateY(0)}}@keyframes reel-cam-push{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes reel-cam-drift{0%{transform:scale(1.04)}to{transform:scale(1.08)}}@keyframes reel-cam-close{0%{transform:scale(1)}to{transform:scale(1.12)}}.reel-live .reel-rain{animation:.65s linear infinite reel-rain}@keyframes reel-rain{to{transform:translate(-36px,90px)}}.reel-live .reel-flicker{animation:2.6s step-end infinite reel-flicker}@keyframes reel-flicker{0%{fill-opacity:1;stroke-opacity:1}38%{fill-opacity:.25;stroke-opacity:.25}40%{fill-opacity:1;stroke-opacity:1}44%{fill-opacity:.45;stroke-opacity:.45}46%{fill-opacity:1;stroke-opacity:1}82%{fill-opacity:.6;stroke-opacity:.6}84%{fill-opacity:1;stroke-opacity:1}}.reel-live .reel-glow{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite alternate reel-glow}@keyframes reel-glow{0%{fill-opacity:.7;transform:scale(.94)}to{fill-opacity:1;transform:scale(1.06)}}.reel-live .reel-steam{animation:2.1s ease-in-out infinite both reel-steam;animation-delay:calc(var(--n) * -.7s)}@keyframes reel-steam{0%{opacity:0;transform:translateY(5px)}35%{opacity:1}to{opacity:0;transform:translateY(-7px)}}.reel-live .reel-blink{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite reel-blink}@keyframes reel-blink{0%,30%,40%,to{transform:scaleY(1)}35%{transform:scaleY(.1)}}.reel-live .reel-near{animation:reel-near var(--shot-ms) linear both}.reel-live .reel-far{animation:reel-far var(--shot-ms) linear both}@keyframes reel-near{0%{transform:translate(6px)}to{transform:translate(-6px)}}@keyframes reel-far{0%{transform:translate(-2px)}to{transform:translate(2px)}}.creator-reel-crop{outline-offset:-2px;outline:2px solid transparent;transition:left .65s cubic-bezier(.65,0,.35,1),width .65s cubic-bezier(.65,0,.35,1),box-shadow .65s,outline-color .4s;position:absolute;top:0;bottom:0;box-shadow:0 0 0 200cqw rgba(3,7,18,0)}.creator-reel-crop.is-on{outline-color:rgba(255,255,255,.9);box-shadow:0 0 0 200cqw rgba(3,7,18,.72)}.creator-reel-crop.is-final{box-shadow:0 0 0 200cqw rgba(3,7,18,.94)}.creator-reel-crop>span{opacity:0;transition:opacity .3s}.creator-reel-crop.is-on>span{opacity:1;transition-delay:.3s}.creator-reel-caption{transition:left .65s cubic-bezier(.65,0,.35,1),width .65s cubic-bezier(.65,0,.35,1);animation:.3s ease-out .12s both reel-caption}@keyframes reel-caption{0%{opacity:0;transform:translateY(30%)}}.reel-progress{animation:linear both reel-progress}@keyframes reel-progress{0%{width:0%}to{width:100%}}.creator-phrase{transition:opacity .5s,text-shadow .5s}.creator-phrase.is-dim{opacity:.5}.creator-phrase.is-lit{text-shadow:0 0 .5em color-mix(in srgb, currentColor 45%, transparent)}