/* Three kinds of judgement; the shared grid reserves a stable height on switching. */
.metis-v40 #gapComparison{display:grid;isolation:isolate}
.metis-v40 #gapComparison > .compare{display:none}
.metis-v40 .m42-gap-figure{grid-area:1 / 1;visibility:hidden;pointer-events:none;margin:24px 0 0;overflow:hidden;border:1px solid #dddfe1;border-radius:10px;background:#fff;color:#282829}
.metis-v40 #gapComparison[data-illustration="pump"] [data-comparison="pump"],.metis-v40 #gapComparison[data-illustration="batch"] [data-comparison="batch"],.metis-v40 #gapComparison[data-illustration="handover"] [data-comparison="handover"]{visibility:visible;pointer-events:auto}
.metis-v40 .m42-pump-lanes{display:grid;grid-template-rows:1fr 1fr;height:100%}
.metis-v40 .m42-pump-row{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);align-items:center;gap:40px;padding:28px 32px;min-height:180px}
.metis-v40 .m42-pump-practice{border-top:1px solid #e3e3e3;background:#fffaf6}
.metis-v40 .m42-pump-copy p{margin:0}
.metis-v40 #gap .m42-pump-label{font:600 12px/1.4 "Zalando Sans",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#585b60}
.metis-v40 #gap .m42-pump-practice .m42-pump-label{color:#a43400}
.metis-v40 .m42-pump-copy .m42-pump-statement{margin-top:10px;font-size:22px;line-height:1.35;font-weight:500;max-width:29ch}
.metis-v40 #gap .m42-pump-copy .m42-pump-source{margin-top:10px;font-size:13px;line-height:1.5;color:#62666c}
.metis-v40 .m42-pump-track{position:relative;height:94px;min-width:0;--early:19%;--threshold:81%}
.metis-v40 .m42-pump-rail{position:absolute;left:0;right:0;top:29px;height:2px;background:#d3d5d8}
.metis-v40 .m42-pump-rail:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:2px solid #b2b5ba;border-right:2px solid #b2b5ba;transform:rotate(45deg)}
.metis-v40 .m42-pump-event{position:absolute;top:20px;display:flex;align-items:center;flex-direction:column;width:150px;gap:15px;transform:translateX(-50%);font-size:14px;line-height:1.3;text-align:center;font-weight:500}
.metis-v40 .m42-pump-dot{display:block;width:20px;height:20px;border:2px solid #62666c;border-radius:50%;background:#fff;flex-shrink:0}
.metis-v40 .m42-pump-threshold,.metis-v40 .m42-pump-reference{left:var(--threshold)}
.metis-v40 .m42-pump-early{left:var(--early);color:#a43400}
.metis-v40 .m42-pump-early .m42-pump-dot{border-color:var(--ember);background:var(--ember);box-shadow:0 0 0 6px #fce6da}
.metis-v40 .m42-pump-reference{color:#666a70}
.metis-v40 .m42-pump-reference .m42-pump-dot{border-style:dashed;background:#fffaf6}
.metis-v40 .m42-pump-interval{position:absolute;top:13px;height:34px;left:var(--early);right:calc(100% - var(--threshold));border-top:1px solid #f1cbb6;border-bottom:1px solid #f1cbb6;background:#fce6da;transform-origin:left center}
.metis-v40 .m42-lab-art{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;max-width:340px;min-height:132px;justify-self:center}
.metis-v40 .m42-lab-sample{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 64px;font-size:13px;line-height:1.3;color:#62666c}
.metis-v40 .m42-lab-sample svg{display:block;width:64px;height:96px}
.metis-v40 .m42-lab-transfer{flex:0 0 28px;width:28px;height:20px}
.metis-v40 .m42-lab-report{flex:1;min-width:0;border:1px solid #c9cdd2;border-radius:5px;background:#fff;box-shadow:0 3px 0 #e7e9ec;padding:0 18px}
.metis-v40 .m42-lab-heading{display:block;padding:14px 0 11px;border-bottom:1px solid #e5e7e9;font-size:15px;font-weight:500;line-height:1.3}
.metis-v40 .m42-lab-pending{display:flex;align-items:center;gap:12px;padding:17px 0 19px;font-size:18px;line-height:1.3;color:#62666c}
.metis-v40 .m42-lab-pending svg{flex:0 0 34px;width:34px;height:34px}
.metis-v40 .m42-form-title{font-size:15px;font-weight:500;line-height:1.3}
.metis-v40 .m42-samples{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;gap:18px;max-width:400px;width:100%;justify-self:center}
.metis-v40 .m42-sample{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font-size:14px;line-height:1.35;color:#62666c}
.metis-v40 .m42-sample svg{display:block;width:100%;max-width:160px;height:auto}
.metis-v40 .m42-sample-current{color:#a43400}
.metis-v40 .m42-sample-divider{height:80px;border-left:1px solid #dfd8d1}
.metis-v40 .m42-handover-form{display:flex;align-items:center;justify-content:center;gap:30px}
.metis-v40 .m42-checklist{width:162px;border:1px solid #c9cdd2;border-radius:4px;padding:12px 15px;background:#fff;display:grid;gap:5px}
.metis-v40 .m42-form-title{margin-bottom:6px}
.metis-v40 .m42-check-row{display:flex;align-items:center;gap:12px;height:17px}
.metis-v40 .m42-check-row>span{font-size:16px;color:#238047;line-height:1}
.metis-v40 .m42-check-row i{height:3px;width:82px;border-radius:2px;background:#d6d9de}
.metis-v40 .m42-check-row:nth-child(3) i{width:66px}
.metis-v40 .m42-complete{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}
.metis-v40 .m42-handover-talk{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,1fr) minmax(0,1fr);gap:10px 8px;max-width:440px;width:100%;justify-self:center;align-items:center}
.metis-v40 .m42-person{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;line-height:1.3;text-align:center;color:#62666c}
.metis-v40 .m42-conversation{display:flex;flex-direction:column;gap:3px;align-items:center;color:#a43400;font-size:14px;line-height:1.3;text-align:center}
.metis-v40 .m42-conversation svg{width:100%;height:auto;display:block}
.metis-v40 .m42-talk-status{grid-column:1 / -1;text-align:center;font-size:13px;line-height:1.4;color:#a43400}
@media(min-width:1000px){
 .metis-v40 .m42-gap-figure{border:0;border-radius:0;background:transparent;overflow:visible}
 .metis-v40 .m42-pump-lanes{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;gap:18px}
 .metis-v40 .m42-pump-row{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 148px;align-items:center;gap:22px;padding:26px 28px;border:1px solid #dddfe1;border-radius:10px;background:#f4f5f6;min-width:0}
 .metis-v40 .m42-pump-copy{align-self:start}
 .metis-v40 .m42-pump-copy .m42-pump-statement{max-width:none}
 .metis-v40 .m42-pump-practice{background:#fffaf6;border-color:#eadbcf}
 .metis-v40 .m42-pump-event{width:124px}
}
@media(max-width:700px){
 .metis-v40 .m42-pump-row{grid-template-columns:1fr;gap:14px;padding:20px;align-content:space-between}
 .metis-v40 .m42-pump-copy .m42-pump-statement{max-width:none;font-size:21px}
 .metis-v40 .m42-pump-track{height:72px;margin:0 4px}
 .metis-v40 .m42-pump-event{gap:12px;width:124px;font-size:13px}
 .metis-v40 .m42-lab-art{min-height:120px;max-width:326px}
 .metis-v40 .m42-sample svg{max-width:125px}
 .metis-v40 .m42-samples{max-width:350px}
 .metis-v40 .m42-handover-form{gap:22px}
 .metis-v40 .m42-checklist{width:150px;padding:9px 12px;gap:2px}
 .metis-v40 .m42-handover-talk{max-width:380px}
}
@media(max-width:480px){
 .metis-v40 .m42-gap-figure{margin-top:12px}
 .metis-v40 .m42-pump-row{padding:18px;gap:8px}
 .metis-v40 .m42-pump-copy .m42-pump-statement{font-size:19px;margin-top:7px}
 .metis-v40 .m42-pump-copy .m42-pump-source{margin-top:7px}
 .metis-v40 .m42-pump-track{height:70px;margin:0 5px;--early:20%;--threshold:80%}
 .metis-v40 .m42-pump-event{width:100px;font-size:13px}
 .metis-v40 .m42-lab-art{gap:10px}
 .metis-v40 .m42-lab-sample{flex-basis:50px;font-size:12px}
 .metis-v40 .m42-lab-sample svg{width:50px;height:80px}
 .metis-v40 .m42-lab-transfer{flex-basis:20px;width:20px}
 .metis-v40 .m42-lab-report{padding:0 12px}
 .metis-v40 .m42-lab-heading{padding:12px 0 9px;font-size:14px}
 .metis-v40 .m42-lab-pending{gap:9px;padding:14px 0 16px;font-size:16px}
 .metis-v40 .m42-lab-pending svg{flex-basis:28px;width:28px;height:28px}
 .metis-v40 .m42-samples{gap:12px}
 .metis-v40 .m42-sample svg{max-width:112px}
 .metis-v40 .m42-sample{font-size:13px;gap:0}
 .metis-v40 .m42-handover-form{gap:12px}
 .metis-v40 .m42-checklist{width:132px;padding:9px 11px}
 .metis-v40 .m42-form-title{font-size:13px}
 .metis-v40 .m42-complete{flex-direction:column;gap:5px;font-size:12px}
 .metis-v40 .m42-handover-talk{grid-template-columns:minmax(0,1fr) minmax(76px,1fr) minmax(0,1fr);gap:8px 2px}
 .metis-v40 .m42-person,.metis-v40 .m42-conversation{font-size:12px}
 .metis-v40 .m42-person svg{height:44px;width:36px}
 .metis-v40 .m42-talk-status{font-size:12px}
}
@media(prefers-reduced-motion:no-preference){
 .m42-pump-comparison.is-entering .m42-pump-interval{animation:m42-pump-span 800ms cubic-bezier(.22,.61,.36,1) both}
 .m42-pump-comparison.is-entering .m42-pump-early .m42-pump-dot{animation:m42-pump-cue 650ms ease-out both}
 .m42-batch-comparison.is-entering .m42-sheen{animation:m42-sheen 800ms ease-out both}
 .m42-handover-comparison.is-entering .m42-talk-path{animation:m42-talk 800ms ease-out both}
 @keyframes m42-pump-span{from{opacity:.4;scale:.65 1}to{opacity:1;scale:1 1}}
 @keyframes m42-pump-cue{from{box-shadow:0 0 0 0 #fce6da}to{box-shadow:0 0 0 6px #fce6da}}
 @keyframes m42-sheen{from{opacity:.35}to{opacity:1}}
 @keyframes m42-talk{from{stroke-dashoffset:18;opacity:.4}to{stroke-dashoffset:0;opacity:1}}
}