@charset "UTF-8";
.composition-motion-controls{display:flex;justify-content:flex-end;margin:0 0 18px}.composition-motion-controls[hidden]{display:none}.composition-motion-toggle{border:1px solid #bacddd;border-radius:4px;background:#fff;color:#315775;font-size:12px;line-height:1.6;min-height:44px;padding:9px 15px}.composition-motion-toggle:hover{background:#edf5fc}.composition-visible .visual-paper,.composition-visible .visual-note,.composition-visible .visual-check{animation:none}
.composition-active .visual-paper{animation:object-paper 6s ease-in-out infinite}.composition-active .visual-note{animation:object-note 6s ease-in-out infinite}.composition-active .visual-check{stroke-dasharray:60;animation:object-check 6s ease-in-out infinite}.composition-active .visual-speaking-dot{transform-box:fill-box;transform-origin:center;animation:object-speaking 3s ease-in-out infinite;animation-delay:var(--part-delay,0s)}.composition-active .visual-pen{transform-box:fill-box;transform-origin:center;animation:object-pen 5s ease-in-out infinite}.composition-active .visual-plan-note{animation:object-plan 6s ease-in-out infinite;animation-delay:var(--part-delay,0s)}.composition-active .visual-flow-dot{animation:object-flow 6s linear infinite}.composition-active .visual-data-route{stroke-dasharray:6 8;animation:object-data 2s linear infinite}.composition-active .visual-scan{animation:object-scan 6s ease-in-out infinite}.composition-active .visual-bookmark{animation:object-bookmark 6s ease-in-out infinite}.composition-active .visual-screen-signal{animation:object-screen 6s ease-in-out infinite}
.composition-paused .work-object-art *,.composition-page-hidden .work-object-art *{animation-play-state:paused!important}
@keyframes object-paper{0%,15%,85%,100%{transform:translateY(0)}40%,60%{transform:translateY(-3px)}}
@keyframes object-note{0%,20%,85%,100%{transform:translateY(0)}45%,60%{transform:translateY(-6px)}}
@keyframes object-check{0%,15%{stroke-dashoffset:60;opacity:0}35%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes object-speaking{0%,100%{opacity:.45;transform:scale(.8)}35%,60%{opacity:1;transform:scale(1.15)}}
@keyframes object-pen{0%,20%,90%,100%{transform:translate(0,0) rotate(0)}40%{transform:translate(-7px,5px) rotate(-5deg)}55%{transform:translate(0,2px) rotate(3deg)}70%{transform:translate(-5px,4px) rotate(-3deg)}}
@keyframes object-plan{0%,15%,80%,100%{transform:translateY(0);opacity:1}30%,45%{transform:translateY(-7px);opacity:.75}}
@keyframes object-flow{0%,15%{transform:translateX(0);opacity:0}20%{opacity:1}70%{transform:translateX(168px);opacity:1}80%,100%{transform:translateX(168px);opacity:0}}
@keyframes object-data{to{stroke-dashoffset:-28}}
@keyframes object-scan{0%,15%,85%,100%{transform:translate(0,0)}35%{transform:translate(-12px,6px)}60%{transform:translate(-4px,-6px)}}
@keyframes object-bookmark{0%,15%,80%,100%{transform:translateY(0)}35%,55%{transform:translateY(-7px)}}
@keyframes object-screen{0%,15%,85%,100%{opacity:1}35%,60%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.composition-active .work-object-art *{animation:none!important}.composition-motion-controls{display:none}}