/* Generated from src/tasks-animations.mjs. Run: node scripts/build.mjs */
.page-features #aufgaben.tasks-feature { display:block; }
.task-animation { container-type:inline-size;position:relative;width:100%;min-width:0;margin:0;color:var(--brand);--task-surface:#f5f9fc;--task-surface-border:#d4e2ed; }
.task-animation * { animation-duration:var(--task-cycle);animation-timing-function:cubic-bezier(.65,0,.35,1);animation-iteration-count:infinite;animation-fill-mode:both; }
.task-story-stage { position:relative;aspect-ratio:1.55; }
.task-sketch { display:block;border-radius:4px; }
.task-sketch--title { height:clamp(4px,1.1cqw,7px);background:#8795a9; }
.task-sketch--meta { height:clamp(3px,.8cqw,5px);background:#c5d8e5;margin-top:12%; }
.task-badge { display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 9px;border-radius:20px;background:#edf3f8;color:#526c87;font-size:clamp(9px,2.3cqw,13px);font-weight:700;white-space:nowrap;line-height:1.2; }
.task-badge .icon { width:clamp(11px,2.7cqw,15px);height:clamp(11px,2.7cqw,15px);flex-shrink:0; }
.task-cursor { position:absolute;width:clamp(17px,4cqw,25px);height:auto;fill:var(--brand);stroke:#fff;stroke-width:1.5;opacity:0;filter:drop-shadow(0 2px 2px #08234c20);z-index:5; }
.task-deadline-board,.task-team-board { position:absolute;inset:0;border:1px solid var(--task-surface-border);border-radius:12px;background:var(--task-surface); }
.task-deadline-rows { position:absolute;inset:7% 5% 23%;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:8%; }
.task-deadline-row { display:flex;align-items:center;position:relative;padding:4% 5%;gap:5%;border:1px solid #e1eaf1;border-radius:8px;background:#fff; }
.task-category-mark { flex-shrink:0;width:4px;height:70%;border-radius:3px;background:var(--task-category); }
.task-row-sketch { flex:1;min-width:0; }
.task-row-progress { display:block;width:62.5%;height:clamp(3px,.8cqw,5px);margin-top:10%;border-radius:4px;background:#dce7ef;overflow:hidden; }
.task-row-progress>i { display:block;height:100%;border-radius:inherit;background:var(--accent);animation-timing-function:linear; }
.task-row-progress--0 { animation-name:task-deadline-progress-0; }
.task-row-progress--1 { animation-name:task-deadline-progress-1; }
.task-row-progress--2 { animation-name:task-deadline-progress-2; }
.task-row-state { position:relative;width:30%;height:28px;flex-shrink:0; }
.task-row-state .task-badge { position:absolute;right:0;top:50%;transform:translateY(-50%); }
.deadline-warning { color:#936b2f;background:#fff0d4;opacity:0;animation-name:task-deadline-warning; }
.deadline-finished,.deadline-other-finished { color:var(--brand);background:#edf3f8;opacity:0; }
.deadline-finished { animation-name:task-deadline-finished; }
.deadline-other-finished { animation-name:task-deadline-other-finished; }
.deadline-initial { animation-name:task-deadline-initial; }
.deadline-other-initial { animation-name:task-deadline-other-initial; }
.task-deadline-row--0 { animation-name:task-deadline-emphasis; }
.task-deadline-calendar { position:absolute;left:0;right:0;bottom:0;height:19%;padding:0 8% 0 9%;display:flex;align-items:center;gap:7%;border-top:1px solid var(--task-surface-border);border-radius:0 0 11px 11px;background:#e8f2f9; }
.task-deadline-calendar>span .icon { width:clamp(14px,3.5cqw,20px);height:clamp(14px,3.5cqw,20px);color:#7391ab; }
.task-calendar-track { position:relative;display:flex;align-items:center;justify-content:space-between;flex:1;height:100%; }
.task-calendar-track::before { content:'';position:absolute;inset:calc(50% - 1px) 0 auto;height:2px;background:#dce7ef; }
.task-calendar-track>i { position:relative;height:7px;width:7px;border:2px solid #fff;border-radius:50%;background:#bccfdd; }
.task-calendar-today { position:absolute;left:3%;top:50%;width:clamp(8px,2cqw,12px);height:clamp(8px,2cqw,12px);transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);animation-name:task-deadline-time;animation-timing-function:linear; }
.task-deadline-cursor { right:10%;top:17%;animation-name:task-deadline-click; }
.task-team .task-story-stage { aspect-ratio:1.35; }
.task-team-board { inset:auto 0;top:50%;height:48%;transform:translateY(-50%);overflow:hidden;animation-name:task-team-layout; }
.task-team-task { position:absolute;left:0;right:0;top:0;height:18cqw;display:flex;align-items:center;gap:5%;padding:4% 5%;border-bottom:1px solid var(--task-surface-border);background:#e8f2f9; }
.task-team-category { flex-shrink:0;width:4px;height:70%;border-radius:3px;background:var(--ja); }
.task-team-sketch { flex:1;min-width:0; }
.task-team-sketch>.task-sketch--title { width:100%; }
.task-team-progress { display:block;width:62.5%;height:clamp(3px,.8cqw,5px);margin-top:10%;border-radius:4px;background:#d1e0eb;overflow:hidden; }
.task-team-progress>i { display:block;height:100%;border-radius:inherit;background:var(--accent);width:24.75%;animation-name:task-team-total; }
.task-team-state { position:relative;width:30%;height:28px;flex-shrink:0; }
.task-team-state .task-badge { position:absolute;right:0;top:50%;transform:translateY(-50%); }
.team-working { animation-name:task-team-working; }
.team-finished { opacity:0;background:#edf3f8;color:var(--brand);animation-name:task-team-finished; }
.task-team-member { position:absolute;left:5%;top:60%;width:28%;height:9cqw; }
.task-team-member--0 { animation-name:task-team-member-0; }
.task-team-member--1 { left:36%;animation-name:task-team-member-1; }
.task-team-member--2 { left:67%;animation-name:task-team-member-2; }
.task-team-avatar { position:absolute;left:0;top:0;width:9cqw;aspect-ratio:1;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#f0eaf6;color:var(--accent);font-size:clamp(9px,2.5cqw,14px);font-weight:700;z-index:2; }
.task-team-avatar--0 { animation-name:task-team-avatar-0; }
.task-team-avatar--1 { background:#e8eef6;color:#526c87;animation-name:task-team-avatar-1; }
.task-team-avatar--2 { background:#eeeaf4;animation-name:task-team-avatar-2; }
.task-team-person { position:absolute;left:11cqw;right:0;top:0;height:100%; }
.task-person-name { position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:clamp(12px,2.8cqw,16px);font-weight:700;line-height:1.1;white-space:nowrap;animation-name:task-team-name; }
.task-person-track { position:absolute;left:0;right:28px;bottom:15%;height:clamp(5px,1.4cqw,8px);border-radius:6px;background:#dce7ef;overflow:hidden;opacity:0;animation-name:task-team-tracks; }
.task-person-track>i { display:block;height:100%;border-radius:inherit;background:var(--accent); }
.task-person-fill--0 { width:35%;animation-name:task-team-progress-0; }
.task-person-fill--1 { width:20%;animation-name:task-team-progress-1; }
.task-person-fill--2 { width:15%;animation-name:task-team-progress-2; }
.task-person-check { position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#edf3f8;color:var(--brand);opacity:0; }
.task-person-check .icon { width:13px;height:13px; }
.task-person-check--0 { animation-name:task-team-check-0; }
.task-person-check--1 { animation-name:task-team-check-1; }
.task-person-check--2 { animation-name:task-team-check-2; }
.task-team-cursor { right:7%;top:8cqw;animation-name:task-team-click; }
.task-incoming { --receipt-header-height:clamp(42px,9cqw,58px); }
.task-incoming .task-story-stage { aspect-ratio:2; }
.task-incoming-scene { position:absolute;inset:0;isolation:isolate; }
.task-receipt-panel { position:absolute;inset:0 auto 0 0;width:44%;border:1px solid var(--task-surface-border);border-radius:12px;background:var(--task-surface);overflow:hidden; }
.task-receipt-panel--worker { left:56%; }
.task-receipt-role { position:absolute;left:0;right:0;top:0;height:var(--receipt-header-height);padding:0 7%;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--task-surface-border);background:#e8f2f9;font-size:clamp(12px,2.8cqw,16px);font-weight:700; }
.task-receipt-role .icon { width:clamp(18px,3.8cqw,23px);height:clamp(18px,3.8cqw,23px);color:var(--accent); }
.task-receipt-card { position:absolute;left:7%;right:7%;top:calc(var(--receipt-header-height) + 3cqw);bottom:3cqw;padding:8%;border:1px solid var(--task-surface-border);border-top:4px solid #c5d8e5;border-radius:8px;background:#fff;box-shadow:0 3px 8px #08234c04; }
.task-receipt-card--office { animation-name:task-incoming-office-ready; }
.task-receipt-card--worker { animation-name:task-incoming-worker-tint; }
.task-receipt-card>.task-sketch--meta { margin-top:13%; }
.task-receipt-status { position:absolute;left:8%;right:8%;bottom:15%;height:26px; }
.task-receipt-status>.task-badge { position:absolute;left:0;top:0;max-width:100%; }
.task-receipt-progress { position:absolute;left:8%;right:8%;bottom:7%;height:4px;border-radius:4px;background:#e7eef4; }
.task-receipt-progress>i { display:block;height:100%;width:0;border-radius:inherit;background:var(--accent);animation-name:task-incoming-progress; }
.receipt-source-before { animation-name:task-incoming-source-before; }
.receipt-source-after { opacity:0;color:var(--brand);background:#ffffffb3;animation-name:task-incoming-source-after; }
.receipt-worker-before { animation-name:task-incoming-worker-before; }
.receipt-worker-ready { opacity:0;color:var(--brand);background:#ffffffb3;animation-name:task-incoming-worker-ready; }
.receipt-worker-working { opacity:0;animation-name:task-incoming-worker-working; }
.task-receipt-link { position:absolute;top:60%;left:45%;width:10%;height:2px; }
.task-receipt-link>span { display:block;height:100%;background:#dce7ef;border-radius:2px; }
.task-receipt-link>i { position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);opacity:0;animation-name:task-incoming-transfer; }
.task-incoming-papers { position:absolute;top:calc(var(--receipt-header-height) + 5cqw);left:32%;display:grid;place-items:center;width:6.5%;aspect-ratio:1;opacity:0;animation-name:task-incoming-papers; }
.task-incoming-papers .icon { width:80%;height:80%;color:var(--accent); }
.task-receipt-confirm { position:absolute;top:calc(var(--receipt-header-height) + 6cqw);left:34%;display:grid;place-items:center;width:5.5%;aspect-ratio:1;border:2px solid #fff;border-radius:50%;background:var(--accent-soft);color:var(--brand);opacity:0;animation-name:task-incoming-confirm; }
.task-receipt-confirm .icon { width:55%;height:55%; }
.task-receipt-cursor { left:21%;top:73%;animation-name:task-incoming-click; }
@container(max-width:400px) {
  .task-story-stage { aspect-ratio:1.35; }
  .task-team .task-story-stage { aspect-ratio:1.2; }
  .task-incoming .task-story-stage { aspect-ratio:1.55; }
  .task-badge { padding:5px 6px;gap:3px; }
  .task-deadline-row { padding-inline:4%;gap:4%; }
  .task-row-state { width:40%; }
  .task-receipt-card>.task-sketch--meta { margin-top:10%; }
}
@media(prefers-reduced-motion:reduce) {
  .task-animation * { animation:none!important; }
  .task-team-board { height:100%; }
  .task-team-member--0 { left:5%;top:31%;width:90%; }
  .task-team-member--1 { left:5%;top:53%;width:90%; }
  .task-team-member--2 { left:5%;top:75%;width:90%; }
  .task-person-name { top:32%; }
  .task-person-track { opacity:1; }
  .deadline-initial { opacity:0; }
  .deadline-warning { opacity:1; }
  .task-deadline-row--0 { background:#fffcf6;border-color:#ead5ad; }
  .task-calendar-today { left:45%; }
  .task-row-progress--0 { width:60%!important; }
  .receipt-source-before,.receipt-worker-before { opacity:0; }
  .receipt-source-after,.receipt-worker-ready { opacity:1; }
  .task-receipt-card { background:var(--accent-soft);border-color:var(--accent-light);border-top-color:var(--accent); }
}
@keyframes task-deadline-initial {
  0% { opacity:1; }
  6.06061% { opacity:1; }
  56.81818% { opacity:1; }
  59.09091% { opacity:0; }
  83.33333% { opacity:0; }
  90.90909% { opacity:0; }
  93.76114% { opacity:0; }
  94.02852% { opacity:1; }
  100% { opacity:1; }
}
@keyframes task-deadline-warning {
  0% { opacity:0; }
  6.06061% { opacity:0; }
  56.81818% { opacity:0; }
  59.09091% { opacity:1; }
  78.40909% { opacity:1; }
  80.68182% { opacity:0; }
  83.33333% { opacity:0; }
  90.90909% { opacity:0; }
  91.22103% { opacity:0; }
  91.48841% { opacity:1; }
  93.76114% { opacity:1; }
  94.02852% { opacity:0; }
  100% { opacity:0; }
}
@keyframes task-deadline-finished {
  0% { opacity:0; }
  6.06061% { opacity:0; }
  78.40909% { opacity:0; }
  80.68182% { opacity:1; }
  83.33333% { opacity:1; }
  90.90909% { opacity:1; }
  91.22103% { opacity:1; }
  91.48841% { opacity:0; }
  100% { opacity:0; }
}
@keyframes task-deadline-other-initial {
  0% { opacity:1; }
  6.06061% { opacity:1; }
  18.93939% { opacity:1; }
  21.21212% { opacity:0; }
  83.33333% { opacity:0; }
  90.90909% { opacity:0; }
  98.21747% { opacity:0; }
  98.48485% { opacity:1; }
  100% { opacity:1; }
}
@keyframes task-deadline-other-finished {
  0% { opacity:0; }
  6.06061% { opacity:0; }
  18.93939% { opacity:0; }
  21.21212% { opacity:1; }
  83.33333% { opacity:1; }
  90.90909% { opacity:1; }
  98.21747% { opacity:1; }
  98.48485% { opacity:0; }
  100% { opacity:0; }
}
@keyframes task-deadline-emphasis {
  0% { background:#fff;border-color:#e1eaf1;box-shadow:0 0 0 0 #ead5ad00; }
  6.06061% { background:#fff;border-color:#e1eaf1;box-shadow:0 0 0 0 #ead5ad00; }
  56.81818% { background:#fff;border-color:#e1eaf1;box-shadow:0 0 0 0 #ead5ad00; }
  60.60606% { background:#fffcf6;border-color:#ead5ad;box-shadow:0 0 0 3px #ead5ad28; }
  65.15152% { background:#fffcf6;border-color:#ead5ad;box-shadow:0 0 0 0 #ead5ad00; }
  78.40909% { background:#fffcf6;border-color:#ead5ad;box-shadow:0 0 0 0 #ead5ad00; }
  81.06061% { background:#fff;border-color:#e1eaf1;box-shadow:0 0 0 0 #ead5ad00; }
  83.33333% { background:#fff;border-color:#e1eaf1;box-shadow:0 0 0 0 #ead5ad00; }
  90.90909% { background:#fff;border-color:#e1eaf1;box-shadow:0 0 0 0 #ead5ad00; }
  91.17647% { background:#fff;border-color:#e1eaf1;box-shadow:0 0 0 0 #ead5ad00; }
  91.48841% { background:#fffcf6;border-color:#ead5ad;box-shadow:0 0 0 0 #ead5ad00; }
  93.04813% { background:#fffcf6;border-color:#ead5ad;box-shadow:0 0 0 0 #ead5ad00; }
  93.58289% { background:#fffcf6;border-color:#ead5ad;box-shadow:0 0 0 3px #ead5ad28; }
  94.02852% { background:#fff;border-color:#e1eaf1;box-shadow:0 0 0 0 #ead5ad00; }
  100% { background:#fff;border-color:#e1eaf1;box-shadow:0 0 0 0 #ead5ad00; }
}
@keyframes task-deadline-time {
  0% { left:3%; }
  6.06061% { left:3%; }
  78.78788% { left:92%; }
  83.33333% { left:92%; }
  90.90909% { left:92%; }
  91.44385% { left:92%; }
  100% { left:3%; }
}
@keyframes task-deadline-progress-0 {
  0% { width:12%; }
  6.06061% { width:12%; }
  56.81818% { width:60%; }
  77.27273% { width:100%; }
  83.33333% { width:100%; }
  90.90909% { width:100%; }
  91.6221% { width:100%; }
  94.02852% { width:60%; }
  100% { width:12%; }
}
@keyframes task-deadline-progress-1 {
  0% { width:60%; }
  6.06061% { width:60%; }
  17.80303% { width:100%; }
  83.33333% { width:100%; }
  90.90909% { width:100%; }
  98.61854% { width:100%; }
  100% { width:60%; }
}
@keyframes task-deadline-progress-2 {
  0% { width:16%; }
  6.06061% { width:16%; }
  77.27273% { width:52%; }
  83.33333% { width:52%; }
  90.90909% { width:52%; }
  91.6221% { width:52%; }
  100% { width:16%; }
}
@keyframes task-deadline-click {
  0% { opacity:0;transform:translate(8px,12px) scale(1); }
  6.06061% { opacity:0;transform:translate(8px,12px) scale(1); }
  70.45455% { opacity:0;transform:translate(8px,12px) scale(1); }
  75.75758% { opacity:1;transform:translate(0,0) scale(1); }
  78.0303% { opacity:1;transform:translate(0,0) scale(.82); }
  79.54545% { opacity:1;transform:translate(0,0) scale(1); }
  83.33333% { opacity:0;transform:translate(0,0) scale(1); }
  90.90909% { opacity:0;transform:translate(0,0) scale(1); }
  91.35472% { opacity:1;transform:translate(0,0) scale(1); }
  91.53298% { opacity:1;transform:translate(0,0) scale(.82); }
  91.80036% { opacity:1;transform:translate(0,0) scale(1); }
  92.42424% { opacity:0;transform:translate(8px,12px) scale(1); }
  100% { opacity:0;transform:translate(8px,12px) scale(1); }
}
@keyframes task-team-layout {
  0% { height:48%; }
  5.83333% { height:48%; }
  14.16667% { height:100%; }
  86.25% { height:100%; }
  98.75% { height:48%; }
  100% { height:48%; }
}
@keyframes task-team-name {
  0% { top:50%; }
  5.83333% { top:50%; }
  14.16667% { top:32%; }
  86.25% { top:32%; }
  98.75% { top:50%; }
  100% { top:50%; }
}
@keyframes task-team-tracks {
  0% { opacity:0; }
  7.91667% { opacity:0; }
  14.16667% { opacity:1; }
  86.25% { opacity:1; }
  97.5% { opacity:0; }
  100% { opacity:0; }
}
@keyframes task-team-working {
  0% { opacity:1; }
  73.33333% { opacity:1; }
  75.83333% { opacity:0; }
  86.25% { opacity:0; }
  88.75% { opacity:1; }
  100% { opacity:1; }
}
@keyframes task-team-finished {
  0% { opacity:0; }
  73.33333% { opacity:0; }
  75.83333% { opacity:1; }
  86.25% { opacity:1; }
  88.75% { opacity:0; }
  100% { opacity:0; }
}
@keyframes task-team-member-0 {
  0% { left:5%;top:60%;width:28%; }
  5.83333% { left:5%;top:60%;width:28%; }
  14.16667% { left:5%;top:31%;width:90%; }
  86.25% { left:5%;top:31%;width:90%; }
  98.75% { left:5%;top:60%;width:28%; }
  100% { left:5%;top:60%;width:28%; }
}
@keyframes task-team-avatar-0 {
  0% { box-shadow:0 0 0 0 #7f57a800; }
  24.16667% { box-shadow:0 0 0 0 #7f57a800; }
  27.91667% { box-shadow:0 0 0 3px #7f57a820; }
  35.83333% { box-shadow:0 0 0 0 #7f57a800; }
  100% { box-shadow:0 0 0 0 #7f57a800; }
}
@keyframes task-team-check-0 {
  0% { opacity:0; }
  35.83333% { opacity:0; }
  38.33333% { opacity:1; }
  86.25% { opacity:1; }
  88.75% { opacity:0; }
  100% { opacity:0; }
}
@keyframes task-team-progress-0 {
  0% { width:35%; }
  24.16667% { width:35%; }
  35.83333% { width:100%; }
  86.25% { width:100%; }
  98.75% { width:35%; }
  100% { width:35%; }
}
@keyframes task-team-member-1 {
  0% { left:36%;top:60%;width:28%; }
  5.83333% { left:36%;top:60%;width:28%; }
  14.16667% { left:5%;top:53%;width:90%; }
  86.25% { left:5%;top:53%;width:90%; }
  98.75% { left:36%;top:60%;width:28%; }
  100% { left:36%;top:60%;width:28%; }
}
@keyframes task-team-avatar-1 {
  0% { box-shadow:0 0 0 0 #7f57a800; }
  39.16667% { box-shadow:0 0 0 0 #7f57a800; }
  42.91667% { box-shadow:0 0 0 3px #7f57a820; }
  50.83333% { box-shadow:0 0 0 0 #7f57a800; }
  100% { box-shadow:0 0 0 0 #7f57a800; }
}
@keyframes task-team-check-1 {
  0% { opacity:0; }
  50.83333% { opacity:0; }
  53.33333% { opacity:1; }
  86.25% { opacity:1; }
  88.75% { opacity:0; }
  100% { opacity:0; }
}
@keyframes task-team-progress-1 {
  0% { width:20%; }
  39.16667% { width:20%; }
  50.83333% { width:100%; }
  86.25% { width:100%; }
  98.75% { width:20%; }
  100% { width:20%; }
}
@keyframes task-team-member-2 {
  0% { left:67%;top:60%;width:28%; }
  5.83333% { left:67%;top:60%;width:28%; }
  14.16667% { left:5%;top:75%;width:90%; }
  86.25% { left:5%;top:75%;width:90%; }
  98.75% { left:67%;top:60%;width:28%; }
  100% { left:67%;top:60%;width:28%; }
}
@keyframes task-team-avatar-2 {
  0% { box-shadow:0 0 0 0 #7f57a800; }
  54.16667% { box-shadow:0 0 0 0 #7f57a800; }
  57.91667% { box-shadow:0 0 0 3px #7f57a820; }
  65.83333% { box-shadow:0 0 0 0 #7f57a800; }
  100% { box-shadow:0 0 0 0 #7f57a800; }
}
@keyframes task-team-check-2 {
  0% { opacity:0; }
  65.83333% { opacity:0; }
  68.33333% { opacity:1; }
  86.25% { opacity:1; }
  88.75% { opacity:0; }
  100% { opacity:0; }
}
@keyframes task-team-progress-2 {
  0% { width:15%; }
  54.16667% { width:15%; }
  65.83333% { width:100%; }
  86.25% { width:100%; }
  98.75% { width:15%; }
  100% { width:15%; }
}
@keyframes task-team-total {
  0% { width:24.75%; }
  24.16667% { width:24.75%; }
  35.83333% { width:50.75%; }
  39.16667% { width:50.75%; }
  50.83333% { width:78.75%; }
  54.16667% { width:78.75%; }
  65.83333% { width:100%; }
  86.25% { width:100%; }
  98.75% { width:24.75%; }
  100% { width:24.75%; }
}
@keyframes task-team-click {
  0% { opacity:0;transform:translate(8px,12px) scale(1); }
  65% { opacity:0;transform:translate(8px,12px) scale(1); }
  70.83333% { opacity:1;transform:translate(0,0) scale(1); }
  72.91667% { opacity:1;transform:translate(0,0) scale(.82); }
  74.58333% { opacity:1;transform:translate(0,0) scale(1); }
  78.75% { opacity:0;transform:translate(0,0) scale(1); }
  100% { opacity:0;transform:translate(8px,12px) scale(1); }
}
@keyframes task-incoming-source-before {
  0% { opacity:1; }
  33.03571% { opacity:1; }
  35.71429% { opacity:0; }
  92.85714% { opacity:0; }
  98.66071% { opacity:1; }
  100% { opacity:1; }
}
@keyframes task-incoming-source-after {
  0% { opacity:0; }
  33.03571% { opacity:0; }
  35.71429% { opacity:1; }
  92.85714% { opacity:1; }
  98.66071% { opacity:0; }
  100% { opacity:0; }
}
@keyframes task-incoming-worker-before {
  0% { opacity:1; }
  50.89286% { opacity:1; }
  53.57143% { opacity:0; }
  92.85714% { opacity:0; }
  98.66071% { opacity:1; }
  100% { opacity:1; }
}
@keyframes task-incoming-worker-ready {
  0% { opacity:0; }
  50.89286% { opacity:0; }
  53.57143% { opacity:1; }
  70.53571% { opacity:1; }
  73.21429% { opacity:0; }
  100% { opacity:0; }
}
@keyframes task-incoming-worker-working {
  0% { opacity:0; }
  70.53571% { opacity:0; }
  73.21429% { opacity:1; }
  92.85714% { opacity:1; }
  98.66071% { opacity:0; }
  100% { opacity:0; }
}
@keyframes task-incoming-office-ready {
  0% { background:#fff;border-color:var(--task-surface-border);border-top-color:#c5d8e5; }
  33.03571% { background:#fff;border-color:var(--task-surface-border);border-top-color:#c5d8e5; }
  36.16071% { background:var(--accent-soft);border-color:var(--accent-light);border-top-color:var(--accent); }
  92.85714% { background:var(--accent-soft);border-color:var(--accent-light);border-top-color:var(--accent); }
  98.66071% { background:#fff;border-color:var(--task-surface-border);border-top-color:#c5d8e5; }
  100% { background:#fff;border-color:var(--task-surface-border);border-top-color:#c5d8e5; }
}
@keyframes task-incoming-worker-tint {
  0% { background:#fff;border-color:var(--task-surface-border);border-top-color:#c5d8e5; }
  50.89286% { background:#fff;border-color:var(--task-surface-border);border-top-color:#c5d8e5; }
  54.01786% { background:var(--accent-soft);border-color:var(--accent-light);border-top-color:var(--accent); }
  92.85714% { background:var(--accent-soft);border-color:var(--accent-light);border-top-color:var(--accent); }
  98.66071% { background:#fff;border-color:var(--task-surface-border);border-top-color:#c5d8e5; }
  100% { background:#fff;border-color:var(--task-surface-border);border-top-color:#c5d8e5; }
}
@keyframes task-incoming-papers {
  0% { opacity:0;transform:translateY(-12px) rotate(-6deg) scale(.94); }
  4.46429% { opacity:0;transform:translateY(-12px) rotate(-6deg) scale(.94); }
  10.71429% { opacity:1;transform:translateY(0) rotate(-6deg) scale(1); }
  14.28571% { opacity:1;transform:translateY(0) rotate(-6deg) scale(1); }
  24.10714% { opacity:1;transform:translateY(35%) rotate(0deg) scale(.94); }
  34.82143% { opacity:0;transform:translateY(60%) rotate(0deg) scale(.82); }
  92.85714% { opacity:0;transform:translateY(60%) rotate(0deg) scale(.82); }
  98.66071% { opacity:0;transform:translateY(-12px) rotate(-6deg) scale(.94); }
  100% { opacity:0;transform:translateY(-12px) rotate(-6deg) scale(.94); }
}
@keyframes task-incoming-confirm {
  0% { opacity:0;transform:scale(.7); }
  32.14286% { opacity:0;transform:scale(.7); }
  36.16071% { opacity:1;transform:scale(1.08); }
  38.83929% { opacity:1;transform:scale(1); }
  43.75% { opacity:1;transform:scale(1); }
  49.10714% { opacity:0;transform:scale(1); }
  100% { opacity:0;transform:scale(.7); }
}
@keyframes task-incoming-transfer {
  0% { opacity:0;left:0%; }
  41.07143% { opacity:0;left:0%; }
  42.85714% { opacity:1;left:0%; }
  50.89286% { opacity:1;left:100%; }
  54.01786% { opacity:0;left:100%; }
  92.85714% { opacity:0;left:100%; }
  98.66071% { opacity:0;left:0%; }
  100% { opacity:0;left:0%; }
}
@keyframes task-incoming-progress {
  0% { width:0%; }
  72.32143% { width:0%; }
  85.71429% { width:38%; }
  92.85714% { width:38%; }
  98.66071% { width:0%; }
  100% { width:0%; }
}
@keyframes task-incoming-click {
  0% { opacity:0;transform:translate(8px,10px) scale(1); }
  23.21429% { opacity:0;transform:translate(8px,10px) scale(1); }
  29.01786% { opacity:1;transform:translate(0,0) scale(1); }
  32.14286% { opacity:1;transform:translate(0,0) scale(.82); }
  33.92857% { opacity:1;transform:translate(0,0) scale(1); }
  38.39286% { opacity:0;transform:translate(0,0) scale(1); }
  92.85714% { opacity:0;transform:translate(0,0) scale(1); }
  98.66071% { opacity:0;transform:translate(8px,10px) scale(1); }
  100% { opacity:0;transform:translate(8px,10px) scale(1); }
}