.ds-spin,.ds-label-b,.ds-cursor,.ds-ripple{opacity:0}.ds-spin{position:absolute;width:12px;height:12px;border-radius:50%;border:1.5px solid #6036ed33;border-top-color:#6036ed;animation:ds-spin .7s linear infinite}.ds-cursor{position:absolute;right:18%;top:44px;pointer-events:none;transform:translate(70px,70px)}.ds-ripple{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px;border-radius:50%;background:#6036ed2e}.ds-run .ds-card{opacity:.45;transition:opacity .35s ease}.ds-run .ds-card.on{opacity:1}.ds-run .ds-item{opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.ds-run .ds-item.show{opacity:1;transform:none}.ds-run .ds-pop{transform:translateY(8px) scale(.92);transform-origin:left bottom}.ds-run .ds-pop.show{transition:opacity .25s ease,transform .4s cubic-bezier(.3,1.5,.5,1)}.ds-run .ds-check .ds-tick{transform:scale(.4);opacity:0;transition:opacity .2s ease,transform .3s cubic-bezier(.3,1.6,.5,1)}.ds-run .ds-check.loading .ds-spin{opacity:1}.ds-run .ds-check.done .ds-tick{transform:none;opacity:1}.ds-w{opacity:0;transition:opacity .16s ease}.ds-w.show{opacity:1}.ds-run .writing .ds-spark{animation:ds-pulse .8s ease-in-out infinite}.ds-label-a,.ds-label-b{transition:opacity .2s ease,transform .25s ease}.ds-label-b{transform:translateY(6px)}.ds-btn{transition:transform .12s ease}.ds-card.pressed .ds-btn{transform:scale(.96)}.ds-card.sent .ds-label-a{opacity:0;transform:translateY(-6px)}.ds-card.sent .ds-label-b{opacity:1;transform:none}.ds-card.sent .ds-ripple{animation:ds-ripple .6s ease-out}.ds-card.cursor .ds-cursor{opacity:1;transform:none;transition:opacity .2s ease,transform .8s cubic-bezier(.3,.7,.3,1)}@keyframes ds-spin{to{rotate:360deg}}@keyframes ds-pulse{50%{opacity:.35;scale:.8}}@keyframes ds-ripple{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(14)}}.cl-panel{background:radial-gradient(120% 90% at 0% 0%,#ede8ff 0%,transparent 55%),radial-gradient(90% 80% at 100% 100%,#f6e9ff 0%,transparent 60%),#f7f5fd}.cl-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#6036ed1a 1px,transparent 1px);background-size:14px 14px;mask-image:linear-gradient(180deg,#000,transparent 75%);pointer-events:none}.cl-panel>*{position:relative}.cl-row{position:absolute;left:0;right:0;height:56px;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s,background-color 1.2s}.cl-row.new{animation:clrow .6s cubic-bezier(.22,1,.36,1) both;background:#f4f1fe}@keyframes clrow{0%{opacity:0;transform:translateY(-20px) scale(.98)}}.cl-chip{transition:background-color .4s,color .4s,box-shadow .4s}.cl-chip.ping{background:#f4f1fe;color:#6036ed;box-shadow:0 0 0 1px #6036ed55}.cl-in{opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s cubic-bezier(.22,1,.36,1)}.cl-in.on{opacity:1;transform:none}.cl-dots{display:none}.cl-dots.on{display:flex}.cl-dots span{width:5px;height:5px;border-radius:50%;background:#6036ed;opacity:.35;animation:cldot 1s infinite}.cl-dots span:nth-child(2){animation-delay:.15s}.cl-dots span:nth-child(3){animation-delay:.3s}@keyframes cldot{40%{opacity:1;transform:translateY(-2px)}}.cl-detect{transition:opacity .3s,transform .3s}.cl-detect.off{opacity:0;transform:scale(.9)}.cl-langchip{transition:background-color .3s,color .3s}.cl-langchip.on{background:#6036ed;color:#fff}.cl-btn{transition:transform .15s,background-color .3s,box-shadow .3s}.cl-btn.press{transform:scale(.9);box-shadow:0 0 0 4px #6036ed26}.cl-tone{transition:background-color .3s,color .3s,box-shadow .3s}.cl-tone.on{background:#18181b;color:#fff;box-shadow:none}[data-composer].glow{box-shadow:0 0 0 1.5px #6036ed66,0 0 0 5px #6036ed14}.cl-prio{background:#f4f4f5;color:#52525b;transition:background-color .4s,color .4s}.cl-prio.high{background:#fee2e2;color:#b91c1c}.cl-pop{opacity:0;transform:scale(.6);transition:opacity .35s,transform .45s cubic-bezier(.34,1.56,.64,1)}.cl-pop.on{opacity:1;transform:none}.cl-node{transition:box-shadow .4s,transform .4s}.cl-node .cl-ic{transition:background-color .4s,color .4s}.cl-node.on{box-shadow:0 0 0 1px #6036ed66,0 6px 16px -6px #6036ed40}.cl-node.on .cl-ic{background:#6036ed;color:#fff}[data-line]{transition:transform .5s linear}@media (prefers-reduced-motion: reduce){.cl-row,.cl-in,.cl-pop,.cl-node,[data-line]{transition:none;animation:none}.cl-dots span{animation:none}}