/* Generated from src/services-animations.mjs. Run: node scripts/build.mjs */
.page-features #leistungen.services-feature { display:block; }
.service-animation { container-type:inline-size;position:relative;width:100%;min-width:0;margin:0;color:var(--brand);--service-surface:#f5f9fc;--service-border:#d4e2ed; }
.service-animation * { animation-duration:var(--service-cycle);animation-timing-function:cubic-bezier(.65,0,.35,1);animation-iteration-count:infinite;animation-fill-mode:both; }
.service-stage { position:relative;aspect-ratio:1.5;isolation:isolate; }
.service-sketch { display:block;border-radius:4px; }
.service-sketch--title { height:clamp(4px,1.1cqw,7px);background:#8795a9; }
.service-sketch--meta { height:clamp(3px,.8cqw,5px);background:#c5d8e5;margin-top:12%; }
.service-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; }
.service-workspace { position:absolute;inset:0;animation-name:service-workspace-focus; }
.service-recording .service-detail-lanes { animation-name:service-detail-lanes; }
.service-recording .service-list-groups { animation-name:service-list-groups; }
.service-month-grid { position:absolute;inset:16% 0 5%;border:1px solid var(--service-border);border-radius:10px;background:#fff;overflow:hidden;opacity:0;animation-name:service-month-grid; }
.service-month-heading { position:absolute;inset:0 0 auto;height:8.86%;display:grid;grid-template-columns:27% repeat(3,minmax(0,1fr));background:#e8f2f9;border-bottom:1px solid var(--service-border);font-size:clamp(9px,2.2cqw,12px);font-weight:700; }
.service-month-heading>span { display:grid;place-items:center;border-right:1px solid var(--service-border); }
.service-month-rows { position:absolute;inset:8.86% 0 0;display:grid;grid-template-rows:repeat(3,minmax(0,1fr)); }
.service-month-rows>div { display:grid;grid-template-columns:27% 73%;min-height:0; }
.service-month-rows>div+div { border-top:1px solid #dce7ef; }
.service-month-label { position:relative;border-right:1px solid var(--service-border);padding:21% 9%;background:#fff; }
.service-month-label::before { content:'';position:absolute;left:7%;top:30%;bottom:30%;width:3px;border-radius:3px;background:var(--entry-color); }
.service-month-label>.service-sketch { margin-left:9%;height:clamp(3px,.8cqw,5px); }
.service-month-progress { display:block;width:36%;height:clamp(2px,.6cqw,3px);margin:13% 0 0 9%;border-radius:4px;background:#e0eaf2; }
.service-month-progress>i { display:block;width:var(--progress);height:100%;border-radius:inherit;background:var(--accent); }
.service-month-lanes { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); }
.service-month-lanes>span { position:relative;border-right:1px solid #dce7ef;background:#ffffff85; }
.service-month-lanes>span:nth-child(even) { background:#edf4f9; }
.service-recording .service-work-title { animation-name:service-card-title; }
.service-recording .service-work-meta { animation-name:service-card-meta; }
.service-recording .service-work-progress { animation-name:service-card-progress; }
.service-recording .service-work-chip { animation-name:service-card-chip; }
.service-card-action-pair,.service-month-action { position:absolute;right:7%;width:clamp(14px,3.2cqw,20px);aspect-ratio:1; }
.service-card-action-pair { right:8%;top:15%;animation-name:service-card-actions-view; }
.service-month-action { top:50%;bottom:auto;transform:translateY(-50%); }
.service-record-action,.service-record-check { position:absolute;inset:0;display:grid;place-items:center;border:1px solid #ffffffaa;border-radius:50%;background:#fff;color:var(--accent); }
.service-record-action>.icon,.service-record-check>.icon { width:65%;height:65%; }
.service-record-check { opacity:0;background:var(--accent-soft); }
.service-record-sheet { position:absolute;left:22%;top:26%;width:56%;height:48%;border:1px solid var(--accent-light);border-radius:12px;background:#fff;box-shadow:0 14px 35px #08234c20;opacity:0;transform:translateY(9px) scale(.94);animation-name:service-record-sheet;z-index:3; }
.service-record-sheet-heading { height:24%;display:flex;align-items:center;gap:8px;padding:0 8%;border-bottom:1px solid #e5ddec;border-radius:11px 11px 0 0;background:var(--accent-soft);font-size:clamp(11px,2.6cqw,15px);font-weight:700; }
.service-record-sheet-heading>.icon { width:clamp(16px,3.7cqw,22px);height:clamp(16px,3.7cqw,22px);color:var(--accent); }
.service-record-context { position:absolute;left:8%;top:35%;width:45%;border-left:3px solid var(--bh);padding-left:6%;animation-name:service-record-context; }
.service-record-duration { position:absolute;right:9%;top:36%;width:26%;height:20%; }
.service-record-duration>span { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;font-size:clamp(20px,5.1cqw,30px);font-weight:700;opacity:0; }
.service-record-duration small { font-size:.48em;font-weight:400;color:var(--muted); }
.service-record-save { position:absolute;left:27%;bottom:10%;width:46%;height:23%;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:7px;background:var(--accent);color:#fff;font-size:clamp(11px,2.5cqw,14px);font-weight:700;animation-name:service-record-save; }
.service-record-save>.icon { width:clamp(13px,3cqw,17px);height:clamp(13px,3cqw,17px); }
.service-record-cursor { animation-name:service-record-cursor; }
.service-transfer .service-stage { aspect-ratio:1.65; }
.service-transfer-panel { position:absolute;inset:0 auto 0 0;width:44%;border:1px solid var(--service-border);border-radius:12px;background:var(--service-surface);overflow:hidden; }
.service-transfer-panel--target { left:56%; }
.service-transfer-heading { position:absolute;left:0;right:0;top:0;height:16%;padding:0 7%;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--service-border);background:#e8f2f9;font-size:clamp(11px,2.5cqw,15px);font-weight:700;line-height:1.15; }
.service-transfer-heading>.icon { width:clamp(16px,3.7cqw,22px);height:clamp(16px,3.7cqw,22px);color:var(--accent);flex-shrink:0; }
.service-transfer-placeholder { position:absolute;left:8%;right:8%;top:calc(22% + var(--row)*14%);height:11%;border:1px dashed #d9e4ec;border-radius:6px;background:#ffffff65; }
.service-transfer-entry { position:absolute;left:3.5%;top:calc(22% + var(--row)*14%);width:37%;height:11%;display:flex;align-items:center;gap:6%;padding:2% 2.3%;border:1px solid #d9e4ec;border-radius:6px;background:#fff;box-shadow:0 2px 6px #08234c06;z-index:2; }
.service-entry-mark { flex-shrink:0;width:3px;height:90%;border-radius:3px;background:var(--entry-color); }
.service-transfer-entry>div { flex:1;min-width:0; }
.service-transfer-entry .service-sketch--title { height:clamp(3px,.9cqw,5px); }
.service-transfer-entry .service-sketch--meta { margin-top:10%;height:clamp(2px,.6cqw,3px); }
.service-entry-time { display:flex;align-items:baseline;gap:3px;font-size:clamp(11px,2.6cqw,15px);font-weight:700;white-space:nowrap; }
.service-entry-time>small { font-size:.75em;color:var(--muted);font-weight:400; }
.service-transfer-button { position:absolute;left:14%;right:14%;bottom:6%;height:12%;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;background:var(--accent);color:#fff;font-size:clamp(11px,2.7cqw,15px);font-weight:700;animation-name:service-transfer-button; }
.service-transfer-button>.icon,.service-transfer-ready>.icon { width:clamp(14px,3.3cqw,18px);height:clamp(14px,3.3cqw,18px); }
.service-transfer-ready { position:absolute;left:8%;right:8%;bottom:6%;height:12%;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--accent);font-size:clamp(11px,2.7cqw,15px);font-weight:700;opacity:0;animation-name:service-transfer-ready; }
.service-transfer-connection { position:absolute;left:45%;top:47%;width:10%;display:grid;place-items:center;color:var(--accent);animation-name:service-transfer-connection; }
.service-transfer-connection>.icon { width:clamp(19px,5cqw,30px);height:clamp(19px,5cqw,30px); }
.service-transfer-cursor { left:26%;top:86%;animation-name:service-transfer-cursor; }
@container(max-width:400px) {
  .service-stage { aspect-ratio:1.2; }
  .service-transfer .service-stage { aspect-ratio:1.35; }
  .service-record-sheet { left:15%;width:70%; }
  .service-transfer-heading { gap:5px;padding-inline:7%; }
  .service-entry-time { font-size:10px;gap:2px; }
}
@media(prefers-reduced-motion:reduce) {
  .service-animation * { animation:none!important; }
  .service-recording .service-record-sheet { opacity:1;transform:none; }
  .service-recording .service-workspace { filter:blur(1px); }
  .service-duration--0 { opacity:1!important; }
  .service-transfer-entry { left:59.5%;background:var(--accent-soft);border-color:var(--accent-light); }
  .service-transfer-ready { opacity:1; }
  .service-transfer-button { background:#e1e9f0;color:#7891a7; }
}
.service-recording .service-work-card--0 { left:1.4%;top:17%;width:29.2%;height:17%;animation-name:service-card-position-0,service-card-surface; }
@keyframes service-card-position-0 {
  0% { left:1.4%;top:17%;width:29.2%;height:17%;opacity:1; }
  29.85075% { left:1.4%;top:17%;width:29.2%;height:17%;opacity:1; }
  35.8209% { left:0%;top:8%;width:100%;height:5.4%;opacity:1; }
  59.70149% { left:0%;top:8%;width:100%;height:5.4%;opacity:1; }
  65.67164% { left:35.666666666666664%;top:33%;width:7%;height:14%;opacity:1; }
  89.55224% { left:35.666666666666664%;top:33%;width:7%;height:14%;opacity:1; }
  95.52239% { left:1.4%;top:17%;width:29.2%;height:17%;opacity:1; }
  100% { left:1.4%;top:17%;width:29.2%;height:17%;opacity:1; }
}
.service-recording .service-work-card--1 { left:1.4%;top:37.5%;width:29.2%;height:17%;animation-name:service-card-position-1,service-card-surface; }
@keyframes service-card-position-1 {
  0% { left:1.4%;top:37.5%;width:29.2%;height:17%;opacity:1; }
  29.85075% { left:1.4%;top:37.5%;width:29.2%;height:17%;opacity:1; }
  35.8209% { left:0%;top:14.2%;width:100%;height:5.4%;opacity:1; }
  59.70149% { left:0%;top:14.2%;width:100%;height:5.4%;opacity:1; }
  65.67164% { left:35.666666666666664%;top:61%;width:7%;height:10%;opacity:1; }
  89.55224% { left:35.666666666666664%;top:61%;width:7%;height:10%;opacity:1; }
  95.52239% { left:1.4%;top:37.5%;width:29.2%;height:17%;opacity:1; }
  100% { left:1.4%;top:37.5%;width:29.2%;height:17%;opacity:1; }
}
.service-recording .service-work-card--2 { left:1.4%;top:58%;width:29.2%;height:17%;animation-name:service-card-position-2,service-card-surface; }
@keyframes service-card-position-2 {
  0% { left:1.4%;top:58%;width:29.2%;height:17%;opacity:1; }
  29.85075% { left:1.4%;top:58%;width:29.2%;height:17%;opacity:1; }
  35.8209% { left:0%;top:20.4%;width:100%;height:5.4%;opacity:1; }
  59.70149% { left:0%;top:20.4%;width:100%;height:5.4%;opacity:1; }
  65.67164% { left:50%;top:50%;width:0%;height:0%;opacity:0; }
  89.55224% { left:50%;top:50%;width:0%;height:0%;opacity:0; }
  95.52239% { left:1.4%;top:58%;width:29.2%;height:17%;opacity:1; }
  100% { left:1.4%;top:58%;width:29.2%;height:17%;opacity:1; }
}
.service-recording .service-work-card--3 { left:35.4%;top:17%;width:29.2%;height:17%;animation-name:service-card-position-3,service-card-surface; }
@keyframes service-card-position-3 {
  0% { left:35.4%;top:17%;width:29.2%;height:17%;opacity:1; }
  29.85075% { left:35.4%;top:17%;width:29.2%;height:17%;opacity:1; }
  35.8209% { left:0%;top:41.333333333333336%;width:100%;height:5.4%;opacity:1; }
  59.70149% { left:0%;top:41.333333333333336%;width:100%;height:5.4%;opacity:1; }
  65.67164% { left:60%;top:75%;width:7%;height:20%;opacity:1; }
  89.55224% { left:60%;top:75%;width:7%;height:20%;opacity:1; }
  95.52239% { left:35.4%;top:17%;width:29.2%;height:17%;opacity:1; }
  100% { left:35.4%;top:17%;width:29.2%;height:17%;opacity:1; }
}
.service-recording .service-work-card--4 { left:35.4%;top:37.5%;width:29.2%;height:17%;animation-name:service-card-position-4,service-card-surface; }
@keyframes service-card-position-4 {
  0% { left:35.4%;top:37.5%;width:29.2%;height:17%;opacity:1; }
  29.85075% { left:35.4%;top:37.5%;width:29.2%;height:17%;opacity:1; }
  35.8209% { left:0%;top:47.53333333333334%;width:100%;height:5.4%;opacity:1; }
  59.70149% { left:0%;top:47.53333333333334%;width:100%;height:5.4%;opacity:1; }
  65.67164% { left:60%;top:28%;width:7%;height:19%;opacity:1; }
  89.55224% { left:60%;top:28%;width:7%;height:19%;opacity:1; }
  95.52239% { left:35.4%;top:37.5%;width:29.2%;height:17%;opacity:1; }
  100% { left:35.4%;top:37.5%;width:29.2%;height:17%;opacity:1; }
}
.service-recording .service-work-card--5 { left:69.4%;top:17%;width:29.2%;height:17%;animation-name:service-card-position-5,service-card-surface; }
@keyframes service-card-position-5 {
  0% { left:69.4%;top:17%;width:29.2%;height:17%;opacity:1; }
  29.85075% { left:69.4%;top:17%;width:29.2%;height:17%;opacity:1; }
  35.8209% { left:0%;top:74.66666666666667%;width:100%;height:5.4%;opacity:1; }
  59.70149% { left:0%;top:74.66666666666667%;width:100%;height:5.4%;opacity:1; }
  65.67164% { left:84.33333333333334%;top:54%;width:7%;height:17%;opacity:1; }
  89.55224% { left:84.33333333333334%;top:54%;width:7%;height:17%;opacity:1; }
  95.52239% { left:69.4%;top:17%;width:29.2%;height:17%;opacity:1; }
  100% { left:69.4%;top:17%;width:29.2%;height:17%;opacity:1; }
}
.service-recording .service-work-card--6 { left:69.4%;top:37.5%;width:29.2%;height:17%;animation-name:service-card-position-6,service-card-surface; }
@keyframes service-card-position-6 {
  0% { left:69.4%;top:37.5%;width:29.2%;height:17%;opacity:1; }
  29.85075% { left:69.4%;top:37.5%;width:29.2%;height:17%;opacity:1; }
  35.8209% { left:0%;top:80.86666666666667%;width:100%;height:5.4%;opacity:1; }
  59.70149% { left:0%;top:80.86666666666667%;width:100%;height:5.4%;opacity:1; }
  65.67164% { left:50%;top:50%;width:0%;height:0%;opacity:0; }
  89.55224% { left:50%;top:50%;width:0%;height:0%;opacity:0; }
  95.52239% { left:69.4%;top:37.5%;width:29.2%;height:17%;opacity:1; }
  100% { left:69.4%;top:37.5%;width:29.2%;height:17%;opacity:1; }
}
.service-recording .service-work-card--7 { left:69.4%;top:58%;width:29.2%;height:17%;animation-name:service-card-position-7,service-card-surface; }
@keyframes service-card-position-7 {
  0% { left:69.4%;top:58%;width:29.2%;height:17%;opacity:1; }
  29.85075% { left:69.4%;top:58%;width:29.2%;height:17%;opacity:1; }
  35.8209% { left:0%;top:87.06666666666668%;width:100%;height:5.4%;opacity:1; }
  59.70149% { left:0%;top:87.06666666666668%;width:100%;height:5.4%;opacity:1; }
  65.67164% { left:50%;top:50%;width:0%;height:0%;opacity:0; }
  89.55224% { left:50%;top:50%;width:0%;height:0%;opacity:0; }
  95.52239% { left:69.4%;top:58%;width:29.2%;height:17%;opacity:1; }
  100% { left:69.4%;top:58%;width:29.2%;height:17%;opacity:1; }
}
.service-recording .service-work-card--8 { left:69.4%;top:78.5%;width:29.2%;height:17%;animation-name:service-card-position-8,service-card-surface; }
@keyframes service-card-position-8 {
  0% { left:69.4%;top:78.5%;width:29.2%;height:17%;opacity:1; }
  29.85075% { left:69.4%;top:78.5%;width:29.2%;height:17%;opacity:1; }
  35.8209% { left:0%;top:93.26666666666668%;width:100%;height:5.4%;opacity:1; }
  59.70149% { left:0%;top:93.26666666666668%;width:100%;height:5.4%;opacity:1; }
  65.67164% { left:84.33333333333334%;top:83%;width:7%;height:12%;opacity:1; }
  89.55224% { left:84.33333333333334%;top:83%;width:7%;height:12%;opacity:1; }
  95.52239% { left:69.4%;top:78.5%;width:29.2%;height:17%;opacity:1; }
  100% { left:69.4%;top:78.5%;width:29.2%;height:17%;opacity:1; }
}
@keyframes service-detail-lanes {
  0% { opacity:1; }
  29.85075% { opacity:1; }
  35.8209% { opacity:0; }
  59.70149% { opacity:0; }
  65.67164% { opacity:0; }
  89.55224% { opacity:0; }
  95.52239% { opacity:1; }
  100% { opacity:1; }
}
@keyframes service-list-groups {
  0% { opacity:0; }
  29.85075% { opacity:0; }
  35.8209% { opacity:1; }
  59.70149% { opacity:1; }
  65.67164% { opacity:0; }
  89.55224% { opacity:0; }
  95.52239% { opacity:0; }
  100% { opacity:0; }
}
@keyframes service-month-grid {
  0% { opacity:0; }
  29.85075% { opacity:0; }
  35.8209% { opacity:0; }
  59.70149% { opacity:0; }
  65.67164% { opacity:1; }
  89.55224% { opacity:1; }
  95.52239% { opacity:0; }
  100% { opacity:0; }
}
@keyframes service-card-title {
  0% { left:9%;top:24%;width:var(--line-length);height:5px; }
  29.85075% { left:9%;top:24%;width:var(--line-length);height:5px; }
  35.8209% { left:3%;top:40%;width:calc(var(--line-length) * .55);height:4px; }
  59.70149% { left:3%;top:40%;width:calc(var(--line-length) * .55);height:4px; }
  65.67164% { left:25%;top:12%;width:50%;height:3px; }
  89.55224% { left:25%;top:12%;width:50%;height:3px; }
  95.52239% { left:9%;top:24%;width:var(--line-length);height:5px; }
  100% { left:9%;top:24%;width:var(--line-length);height:5px; }
}
@keyframes service-card-meta {
  0% { left:9%;top:48%;width:var(--meta-length);height:4px;opacity:1; }
  29.85075% { left:9%;top:48%;width:var(--meta-length);height:4px;opacity:1; }
  35.8209% { left:42%;top:42%;width:calc(var(--meta-length) * .55);height:3px;opacity:0; }
  59.70149% { left:42%;top:42%;width:calc(var(--meta-length) * .55);height:3px;opacity:0; }
  65.67164% { left:9%;top:48%;width:var(--meta-length);height:3px;opacity:0; }
  89.55224% { left:9%;top:48%;width:var(--meta-length);height:3px;opacity:0; }
  95.52239% { left:9%;top:48%;width:var(--meta-length);height:4px;opacity:1; }
  100% { left:9%;top:48%;width:var(--meta-length);height:4px;opacity:1; }
}
@keyframes service-card-chip {
  0% { right:8%;bottom:17%;width:18%;height:6px;opacity:1; }
  29.85075% { right:8%;bottom:17%;width:18%;height:6px;opacity:1; }
  35.8209% { right:3%;bottom:31%;width:9%;height:7px;opacity:1; }
  59.70149% { right:3%;bottom:31%;width:9%;height:7px;opacity:1; }
  65.67164% { right:8%;bottom:17%;width:18%;height:6px;opacity:0; }
  89.55224% { right:8%;bottom:17%;width:18%;height:6px;opacity:0; }
  95.52239% { right:8%;bottom:17%;width:18%;height:6px;opacity:1; }
  100% { right:8%;bottom:17%;width:18%;height:6px;opacity:1; }
}
@keyframes service-card-progress {
  0% { left:9%;right:auto;bottom:auto;top:calc(83% - 4px);width:58%;height:4px;opacity:1; }
  29.85075% { left:9%;right:auto;bottom:auto;top:calc(83% - 4px);width:58%;height:4px;opacity:1; }
  35.8209% { left:42%;right:auto;bottom:auto;top:42%;width:calc(var(--meta-length) * .55);height:3px;opacity:1; }
  59.70149% { left:42%;right:auto;bottom:auto;top:42%;width:calc(var(--meta-length) * .55);height:3px;opacity:1; }
  65.67164% { left:9%;right:auto;bottom:auto;top:calc(83% - 3px);width:58%;height:3px;opacity:0; }
  89.55224% { left:9%;right:auto;bottom:auto;top:calc(83% - 3px);width:58%;height:3px;opacity:0; }
  95.52239% { left:9%;right:auto;bottom:auto;top:calc(83% - 4px);width:58%;height:4px;opacity:1; }
  100% { left:9%;right:auto;bottom:auto;top:calc(83% - 4px);width:58%;height:4px;opacity:1; }
}
@keyframes service-card-actions-view {
  0% { right:8%;top:15%;width:clamp(14px,3.2cqw,20px);transform:translateY(0);opacity:1; }
  29.85075% { right:8%;top:15%;width:clamp(14px,3.2cqw,20px);transform:translateY(0);opacity:1; }
  35.8209% { right:15%;top:50%;width:clamp(10px,2.2cqw,14px);transform:translateY(-50%);opacity:1; }
  59.70149% { right:15%;top:50%;width:clamp(10px,2.2cqw,14px);transform:translateY(-50%);opacity:1; }
  65.67164% { right:8%;top:15%;width:clamp(14px,3.2cqw,20px);transform:translateY(0);opacity:0; }
  89.55224% { right:8%;top:15%;width:clamp(14px,3.2cqw,20px);transform:translateY(0);opacity:0; }
  95.52239% { right:8%;top:15%;width:clamp(14px,3.2cqw,20px);transform:translateY(0);opacity:1; }
  100% { right:8%;top:15%;width:clamp(14px,3.2cqw,20px);transform:translateY(0);opacity:1; }
}
@keyframes service-card-surface {
  0% { background:color-mix(in srgb,var(--entry-color) 12%,white);border-color:color-mix(in srgb,var(--entry-color) 55%,#d3e1ed);border-top-color:var(--entry-color);border-radius:6px;border-top-width:4px;border-left-width:1px; }
  29.85075% { background:color-mix(in srgb,var(--entry-color) 12%,white);border-color:color-mix(in srgb,var(--entry-color) 55%,#d3e1ed);border-top-color:var(--entry-color);border-radius:6px;border-top-width:4px;border-left-width:1px; }
  35.8209% { background:color-mix(in srgb,var(--entry-color) 12%,white);border-color:color-mix(in srgb,var(--entry-color) 55%,#d3e1ed);border-top-color:var(--entry-color);border-radius:5px;border-top-width:1px;border-left-width:4px; }
  59.70149% { background:color-mix(in srgb,var(--entry-color) 12%,white);border-color:color-mix(in srgb,var(--entry-color) 55%,#d3e1ed);border-top-color:var(--entry-color);border-radius:5px;border-top-width:1px;border-left-width:4px; }
  65.67164% { background:color-mix(in srgb,var(--month-color) 78%,white);border-color:color-mix(in srgb,var(--month-color) 55%,#d3e1ed);border-top-color:var(--month-color);border-radius:4px 4px 0 0;border-top-width:3px;border-left-width:1px; }
  89.55224% { background:color-mix(in srgb,var(--month-color) 78%,white);border-color:color-mix(in srgb,var(--month-color) 55%,#d3e1ed);border-top-color:var(--month-color);border-radius:4px 4px 0 0;border-top-width:3px;border-left-width:1px; }
  95.52239% { background:color-mix(in srgb,var(--entry-color) 12%,white);border-color:color-mix(in srgb,var(--entry-color) 55%,#d3e1ed);border-top-color:var(--entry-color);border-radius:6px;border-top-width:4px;border-left-width:1px; }
  100% { background:color-mix(in srgb,var(--entry-color) 12%,white);border-color:color-mix(in srgb,var(--entry-color) 55%,#d3e1ed);border-top-color:var(--entry-color);border-radius:6px;border-top-width:4px;border-left-width:1px; }
}
.service-duration--0 { animation-name:service-duration-0; }
@keyframes service-duration-0 {
  0% { opacity:0; }
  9.70149% { opacity:0; }
  12.31343% { opacity:1; }
  21.64179% { opacity:1; }
  24.25373% { opacity:0; }
  100% { opacity:0; }
}
.service-duration--1 { animation-name:service-duration-1; }
@keyframes service-duration-1 {
  0% { opacity:0; }
  39.55224% { opacity:0; }
  42.16418% { opacity:1; }
  51.49254% { opacity:1; }
  54.10448% { opacity:0; }
  100% { opacity:0; }
}
.service-duration--2 { animation-name:service-duration-2; }
@keyframes service-duration-2 {
  0% { opacity:0; }
  69.40299% { opacity:0; }
  72.01493% { opacity:1; }
  81.34328% { opacity:1; }
  83.95522% { opacity:0; }
  100% { opacity:0; }
}
@keyframes service-record-sheet {
  0% { opacity:0;transform:translateY(9px) scale(.94); }
  9.70149% { opacity:0;transform:translateY(9px) scale(.94); }
  12.31343% { opacity:1;transform:translateY(0) scale(1); }
  21.64179% { opacity:1;transform:translateY(0) scale(1); }
  24.25373% { opacity:0;transform:translateY(9px) scale(.94); }
  39.55224% { opacity:0;transform:translateY(9px) scale(.94); }
  42.16418% { opacity:1;transform:translateY(0) scale(1); }
  51.49254% { opacity:1;transform:translateY(0) scale(1); }
  54.10448% { opacity:0;transform:translateY(9px) scale(.94); }
  69.40299% { opacity:0;transform:translateY(9px) scale(.94); }
  72.01493% { opacity:1;transform:translateY(0) scale(1); }
  81.34328% { opacity:1;transform:translateY(0) scale(1); }
  83.95522% { opacity:0;transform:translateY(9px) scale(.94); }
  100% { opacity:0;transform:translateY(9px) scale(.94); }
}
@keyframes service-workspace-focus {
  0% { filter:blur(0px); }
  9.70149% { filter:blur(0px); }
  12.31343% { filter:blur(2px); }
  21.64179% { filter:blur(2px); }
  24.25373% { filter:blur(0px); }
  39.55224% { filter:blur(0px); }
  42.16418% { filter:blur(2px); }
  51.49254% { filter:blur(2px); }
  54.10448% { filter:blur(0px); }
  69.40299% { filter:blur(0px); }
  72.01493% { filter:blur(2px); }
  81.34328% { filter:blur(2px); }
  83.95522% { filter:blur(0px); }
  100% { filter:blur(0px); }
}
@keyframes service-record-save {
  0% { transform:scale(1); }
  19.77612% { transform:scale(1); }
  20.89552% { transform:scale(.95); }
  22.01493% { transform:scale(1); }
  49.62687% { transform:scale(1); }
  50.74627% { transform:scale(.95); }
  51.86567% { transform:scale(1); }
  79.47761% { transform:scale(1); }
  80.59701% { transform:scale(.95); }
  81.71642% { transform:scale(1); }
  100% { transform:scale(1); }
}
@keyframes service-record-context {
  0% { border-color:var(--bh); }
  9.70149% { border-color:var(--bh); }
  24.25373% { border-color:var(--bh); }
  39.55224% { border-color:var(--bh); }
  54.10448% { border-color:var(--bh); }
  69.40299% { border-color:var(--ja); }
  83.95522% { border-color:var(--ja); }
  95.52239% { border-color:var(--bh); }
  100% { border-color:var(--bh); }
}
@keyframes service-record-cursor {
  0% { opacity:0;left:30%;top:51%;transform:scale(1); }
  4.47761% { opacity:0;left:64%;top:45%;transform:scale(1); }
  7.08955% { opacity:1;left:61%;top:42%;transform:scale(1); }
  8.95522% { opacity:1;left:60%;top:41%;transform:scale(1); }
  9.85075% { opacity:1;left:60%;top:41%;transform:scale(.88); }
  11.19403% { opacity:1;left:60%;top:41%;transform:scale(1); }
  17.53731% { opacity:1;left:61%;top:65%;transform:scale(1); }
  20.14925% { opacity:1;left:61%;top:65%;transform:scale(1); }
  20.89552% { opacity:1;left:61%;top:65%;transform:scale(.88); }
  22.01493% { opacity:1;left:61%;top:65%;transform:scale(1); }
  23.50746% { opacity:0;left:61%;top:65%;transform:scale(1); }
  34.32836% { opacity:0;left:87%;top:54%;transform:scale(1); }
  36.9403% { opacity:1;left:84%;top:51%;transform:scale(1); }
  38.80597% { opacity:1;left:83%;top:50%;transform:scale(1); }
  39.70149% { opacity:1;left:83%;top:50%;transform:scale(.88); }
  41.04478% { opacity:1;left:83%;top:50%;transform:scale(1); }
  47.38806% { opacity:1;left:61%;top:65%;transform:scale(1); }
  50% { opacity:1;left:61%;top:65%;transform:scale(1); }
  50.74627% { opacity:1;left:61%;top:65%;transform:scale(.88); }
  51.86567% { opacity:1;left:61%;top:65%;transform:scale(1); }
  53.35821% { opacity:0;left:61%;top:65%;transform:scale(1); }
  64.1791% { opacity:0;left:26%;top:61%;transform:scale(1); }
  66.79104% { opacity:1;left:23%;top:58%;transform:scale(1); }
  68.65672% { opacity:1;left:22%;top:57%;transform:scale(1); }
  69.55224% { opacity:1;left:22%;top:57%;transform:scale(.88); }
  70.89552% { opacity:1;left:22%;top:57%;transform:scale(1); }
  77.23881% { opacity:1;left:61%;top:65%;transform:scale(1); }
  79.85075% { opacity:1;left:61%;top:65%;transform:scale(1); }
  80.59701% { opacity:1;left:61%;top:65%;transform:scale(.88); }
  81.71642% { opacity:1;left:61%;top:65%;transform:scale(1); }
  83.20896% { opacity:0;left:61%;top:65%;transform:scale(1); }
  95.52239% { opacity:0;left:30%;top:51%;transform:scale(1); }
  100% { opacity:0;left:30%;top:51%;transform:scale(1); }
}
.service-progress-fill--4 { animation-name:service-record-progress-4; }
.service-work-card--4 .service-record-check { animation-name:service-record-check-4; }
.service-work-card--4 .service-record-action { animation-name:service-record-action-4; }
.service-month-label--0 .service-record-check { animation-name:service-record-check-4; }
.service-month-label--0 .service-record-action { animation-name:service-record-action-4; }
@keyframes service-record-progress-4 {
  0% { width:0%; }
  24.25373% { width:0%; }
  27.98507% { width:38%; }
  54.10448% { width:38%; }
  57.83582% { width:74%; }
  89.55224% { width:74%; }
  95.52239% { width:0%; }
  100% { width:0%; }
}
@keyframes service-record-check-4 {
  0% { opacity:0;transform:scale(.75); }
  21.64179% { opacity:0;transform:scale(.75); }
  24.25373% { opacity:1;transform:scale(1.12); }
  26.1194% { opacity:1;transform:scale(1); }
  29.85075% { opacity:1;transform:scale(1); }
  35.8209% { opacity:0;transform:scale(.75); }
  51.49254% { opacity:0;transform:scale(.75); }
  54.10448% { opacity:1;transform:scale(1.12); }
  55.97015% { opacity:1;transform:scale(1); }
  89.55224% { opacity:1;transform:scale(1); }
  95.52239% { opacity:0;transform:scale(.75); }
  100% { opacity:0;transform:scale(.75); }
}
@keyframes service-record-action-4 {
  0% { opacity:1; }
  21.64179% { opacity:1; }
  24.25373% { opacity:0; }
  29.85075% { opacity:0; }
  35.8209% { opacity:1; }
  51.49254% { opacity:1; }
  54.10448% { opacity:0; }
  89.55224% { opacity:0; }
  95.52239% { opacity:1; }
  100% { opacity:1; }
}
.service-progress-fill--5 { animation-name:service-record-progress-5; }
.service-work-card--5 .service-record-check { animation-name:service-record-check-5; }
.service-work-card--5 .service-record-action { animation-name:service-record-action-5; }
.service-month-label--1 .service-record-check { animation-name:service-record-check-5; }
.service-month-label--1 .service-record-action { animation-name:service-record-action-5; }
@keyframes service-record-progress-5 {
  0% { width:0%; }
  83.95522% { width:0%; }
  87.68657% { width:46%; }
  89.55224% { width:46%; }
  95.52239% { width:0%; }
  100% { width:0%; }
}
@keyframes service-record-check-5 {
  0% { opacity:0;transform:scale(.75); }
  81.34328% { opacity:0;transform:scale(.75); }
  83.95522% { opacity:1;transform:scale(1.12); }
  85.8209% { opacity:1;transform:scale(1); }
  89.55224% { opacity:1;transform:scale(1); }
  95.52239% { opacity:0;transform:scale(.75); }
  100% { opacity:0;transform:scale(.75); }
}
@keyframes service-record-action-5 {
  0% { opacity:1; }
  81.34328% { opacity:1; }
  83.95522% { opacity:0; }
  89.55224% { opacity:0; }
  95.52239% { opacity:1; }
  100% { opacity:1; }
}
.service-transfer-entry--0 { animation-name:service-transfer-entry-0; }
@keyframes service-transfer-entry-0 {
  0% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  24.39024% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  37.19512% { left:59.5%;opacity:1;transform:scale(1.04);background:var(--accent-soft);border-color:var(--accent-light); }
  39.87805% { left:59.5%;opacity:1;transform:scale(1);background:var(--accent-soft);border-color:var(--accent-light); }
  78.04878% { left:59.5%;opacity:1;transform:scale(1);background:var(--accent-soft);border-color:var(--accent-light); }
  83.53659% { left:59.5%;opacity:0;transform:scale(1);background:var(--accent-soft);border-color:var(--accent-light); }
  85.97561% { left:3.5%;opacity:0;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  89.63415% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  100% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
}
.service-transfer-entry--1 { animation-name:service-transfer-entry-1; }
@keyframes service-transfer-entry-1 {
  0% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  27.07317% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  39.87805% { left:59.5%;opacity:1;transform:scale(1.04);background:var(--accent-soft);border-color:var(--accent-light); }
  42.56098% { left:59.5%;opacity:1;transform:scale(1);background:var(--accent-soft);border-color:var(--accent-light); }
  78.04878% { left:59.5%;opacity:1;transform:scale(1);background:var(--accent-soft);border-color:var(--accent-light); }
  83.53659% { left:59.5%;opacity:0;transform:scale(1);background:var(--accent-soft);border-color:var(--accent-light); }
  85.97561% { left:3.5%;opacity:0;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  90.85366% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  100% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
}
.service-transfer-entry--2 { animation-name:service-transfer-entry-2; }
@keyframes service-transfer-entry-2 {
  0% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  29.7561% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  42.56098% { left:59.5%;opacity:1;transform:scale(1.04);background:var(--accent-soft);border-color:var(--accent-light); }
  45.2439% { left:59.5%;opacity:1;transform:scale(1);background:var(--accent-soft);border-color:var(--accent-light); }
  78.04878% { left:59.5%;opacity:1;transform:scale(1);background:var(--accent-soft);border-color:var(--accent-light); }
  83.53659% { left:59.5%;opacity:0;transform:scale(1);background:var(--accent-soft);border-color:var(--accent-light); }
  85.97561% { left:3.5%;opacity:0;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  92.07317% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  100% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
}
.service-transfer-entry--3 { animation-name:service-transfer-entry-3; }
@keyframes service-transfer-entry-3 {
  0% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  32.43902% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  45.2439% { left:59.5%;opacity:1;transform:scale(1.04);background:var(--accent-soft);border-color:var(--accent-light); }
  47.92683% { left:59.5%;opacity:1;transform:scale(1);background:var(--accent-soft);border-color:var(--accent-light); }
  78.04878% { left:59.5%;opacity:1;transform:scale(1);background:var(--accent-soft);border-color:var(--accent-light); }
  83.53659% { left:59.5%;opacity:0;transform:scale(1);background:var(--accent-soft);border-color:var(--accent-light); }
  85.97561% { left:3.5%;opacity:0;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  93.29268% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
  100% { left:3.5%;opacity:1;transform:scale(1);background:#fff;border-color:#d9e4ec; }
}
@keyframes service-transfer-button {
  0% { transform:scale(1);background:var(--accent);color:#fff; }
  17.07317% { transform:scale(1);background:var(--accent);color:#fff; }
  18.90244% { transform:scale(.95);background:var(--accent-hover);color:#fff; }
  21.34146% { transform:scale(1);background:var(--accent);color:#fff; }
  26.82927% { transform:scale(1);background:#e1e9f0;color:#7891a7; }
  83.53659% { transform:scale(1);background:#e1e9f0;color:#7891a7; }
  89.63415% { transform:scale(1);background:var(--accent);color:#fff; }
  100% { transform:scale(1);background:var(--accent);color:#fff; }
}
@keyframes service-transfer-ready {
  0% { opacity:0;transform:translateY(4px); }
  48.78049% { opacity:0;transform:translateY(4px); }
  53.04878% { opacity:1;transform:translateY(0); }
  78.04878% { opacity:1;transform:translateY(0); }
  83.53659% { opacity:0;transform:translateY(4px); }
  100% { opacity:0;transform:translateY(4px); }
}
@keyframes service-transfer-connection {
  0% { opacity:0.4; }
  21.34146% { opacity:0.4; }
  25.60976% { opacity:1; }
  46.34146% { opacity:1; }
  51.21951% { opacity:0.4; }
  100% { opacity:0.4; }
}
@keyframes service-transfer-cursor {
  0% { opacity:0;left:30%;top:91%;transform:scale(1); }
  9.14634% { opacity:0;left:30%;top:91%;transform:scale(1); }
  14.02439% { opacity:1;left:26%;top:86%;transform:scale(1); }
  17.07317% { opacity:1;left:26%;top:86%;transform:scale(1); }
  18.90244% { opacity:1;left:26%;top:86%;transform:scale(.88); }
  21.34146% { opacity:1;left:26%;top:86%;transform:scale(1); }
  25.60976% { opacity:0;left:26%;top:86%;transform:scale(1); }
  95.12195% { opacity:0;left:30%;top:91%;transform:scale(1); }
  100% { opacity:0;left:30%;top:91%;transform:scale(1); }
}