.motion-avatar{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;color:#191d18;flex-shrink:0;--motion-paper:#fff}
.motion-avatar svg{width:100%;height:100%;overflow:visible;pointer-events:none}
.motion-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;position:relative}
.motion-button-icon{width:28px;height:28px;color:inherit;--motion-paper:#24261f}
.secondary .motion-button-icon{--motion-paper:#fff}
.motion-button-label{white-space:nowrap}
.motion-button[aria-busy=true]::after{display:none}
.motion-button:not(:disabled):active{transform:scale(.98)}
.motion-notified{position:relative;animation:motion-confirm .8s ease-out}
.motion-notified::before{content:'';position:absolute;right:2px;top:1px;width:6px;height:6px;border-radius:50%;background:#20bdc9;box-shadow:0 0 0 3px #20bdc918;pointer-events:none;animation:motion-note .8s cubic-bezier(.2,.8,.2,1)}
.job-card.motion-notified::before{right:8px;top:8px}
.activity.motion-dots{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:24px;height:14px;flex:0 0 24px;padding:0;margin:0;border:0;border-radius:0;background:none;animation:none}
.motion-dot{display:block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.55;animation:motion-dot 1.5s ease-in-out var(--dot-delay,0s) infinite}
.activity[data-active=false] .motion-dot{animation:none;opacity:.55}
.motion-thumb-placeholder.motion-dots{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:24px;height:14px;color:#627365}
.motion-thumb-placeholder[data-active=false] .motion-dot{animation:none;opacity:.4}
body[data-motion-paused=true] .motion-dot,body[data-motion-paused=true] .energy-trail path{animation-play-state:paused}
.demo-transmission .motion-avatar[data-motion-visible=false]+.energy-trail path{animation-play-state:paused}
.task-loading .motion-avatar{width:88px;height:88px}
.motion-brand{width:40px;height:40px;--motion-paper:#fff}
.workspace-brand{gap:8px;padding:0 12px}
.workspace-brand .motion-brand{width:36px;height:36px}
.landing-brand .motion-brand{--motion-paper:#fcfbf7}
.history-loading .motion-wait,.profile-activity .motion-wait{width:30px;height:30px;margin:-6px 0;flex:0 0 30px}
.job-thumb .motion-dots{color:#627365}
.dashboard[data-view=detail] .job-summary .activity.motion-dots{display:inline-flex}
.batch-mode-tabs{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px}
.batch-mode-tabs::before{content:'';position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:calc((100% - 12px)/2);border-radius:8px;background:#e8ece2;transition:transform .2s cubic-bezier(.2,.7,.2,1)}
body[data-view=collection] .batch-mode-tabs::before{transform:translateX(calc(100% + 4px))}
.batch-mode-tabs a[aria-current=page]{background:transparent}
.hero-demo{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:20px}
.demo-transmission{position:relative;align-self:center;display:grid;place-items:center;height:92px;width:72px;color:#1b201a}
.demo-transmission .motion-avatar{width:72px;height:72px;--motion-paper:#f1f0e8}
.energy-trail{position:absolute;left:-16px;top:38px;width:104px;height:20px;overflow:visible;pointer-events:none}
.energy-trail path{fill:none;stroke:#52bbb6;stroke-width:1.2;stroke-linecap:round;stroke-dasharray:9 80;opacity:.5;animation:motion-energy 2.8s linear infinite}
@keyframes motion-dot{0%,50%,100%{transform:scale(1);opacity:.55}25%{transform:scale(1.55);opacity:1}}
@keyframes motion-note{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1.14)}75%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes motion-confirm{0%,100%{box-shadow:none}35%{box-shadow:0 0 0 2px #7cc6b81a}}
@keyframes motion-energy{from{stroke-dashoffset:80}to{stroke-dashoffset:-9}}
@media(max-width:760px){.hero-demo{grid-template-columns:1fr;gap:14px}.demo-transmission{justify-self:center;width:72px;height:62px}.demo-transmission .motion-avatar{width:58px;height:58px}.energy-trail{transform:rotate(90deg);left:-16px;top:21px}.motion-button-icon{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.motion-dot,.motion-notified,.motion-notified::before,.energy-trail path{animation:none}.batch-mode-tabs::before{transition:none}.motion-notified::before{opacity:1}.energy-trail path{stroke-dasharray:none}}