.capacity{--capacity-ink:#11101c;--capacity-card:#faf9fc;--capacity-control-ink:#0d0b18b8;color:var(--mh-ink)}.capacity .capacity__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""motion""next";display:grid}.capacity .capacity__copy{grid-area:copy;max-width:640px}.capacity .capacity__motion{grid-area:motion;width:100%;min-width:0;max-width:780px;margin:44px 0 0;position:relative;container:capacity-panel/inline-size}.capacity .capacity__next{grid-area:next;justify-self:start;margin-top:24px}@media (width>=1240px){.capacity .capacity__layout{grid-template-columns:minmax(0,38fr) minmax(0,62fr);grid-template-areas:"copy motion""next motion";column-gap:56px}.capacity .capacity__copy{align-self:end;max-width:none}.capacity .capacity__motion{align-self:center;max-width:none;margin:0}.capacity .capacity__next{align-self:start;margin-top:28px}}.capacity .capacity__title{font:500 clamp(40px, 3.9vw, 58px)/1.04 var(--display);letter-spacing:-.045em;color:var(--mh-ink);margin:0}.capacity .capacity__lede{max-width:30em;font:400 18px/1.55 var(--display);color:var(--mh-muted);margin:24px 0 36px}.capacity .capacity__roles{border-top:1px solid var(--mh-ink);margin:0}.capacity .capacity__role{border-bottom:1px solid var(--mh-rule);padding:18px 0 20px}.capacity .capacity__role dt{font:600 16px/1.5 var(--display);align-items:center;gap:10px;display:flex}.capacity .capacity__role dt:before{content:"";background:var(--mh-ink);border-radius:50%;flex:none;width:8px;height:8px}.capacity .capacity__role--kleva dt{color:var(--mh-violet)}.capacity .capacity__role--kleva dt:before{background:var(--mh-violet);box-shadow:0 0 0 3px #6e56cf29}.capacity .capacity__role dd{font:400 16px/1.5 var(--display);color:var(--mh-muted);margin:6px 0 0 18px}.capacity .capacity__sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.capacity .capacity__panel{--card-w:128px;--card-h:56px;--node-x:calc(44px + 1.5 * var(--card-w));background:radial-gradient(80% 70% at 72% 68%, #6e56cf57, transparent 70%), var(--capacity-ink);color:#f4f2fb;isolation:isolate;border-radius:24px;height:580px;position:relative;overflow:hidden}@container capacity-panel (width<700px){.capacity .capacity__panel{--card-w:120px}}@container capacity-panel (width<640px){.capacity .capacity__panel{--card-w:min(150px, round(down, (100cqw - 74px) / 2, 1px));--card-h:54px;--center:calc(22px + var(--card-w));height:746px}}.capacity .capacity__poster,.capacity .capacity__video{object-fit:cover;object-position:62% 50%;pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.capacity .capacity__video:not([data-ready]){opacity:0}.capacity .capacity__dots{display:none}.capacity .capacity__scrim{pointer-events:none;position:absolute}.capacity .capacity__scrim--copy{background:radial-gradient(70% 62% at 0 0,#0d0b18e6 0%,#0d0b18b8 42%,#0d0b1800 100%),linear-gradient(90deg,#0d0b18b8 0,#0d0b1880 22%,#0d0b1800 34%);inset:0}.capacity .capacity__scrim--rail{background:linear-gradient(0deg,#0d0b18f0 0,#0d0b18d1 48%,#0d0b1800 100%);height:112px;bottom:0;left:0;right:0}@container capacity-panel (width<640px){.capacity .capacity__scrim--copy{background:linear-gradient(#0d0b18e6 0,#0d0b18c7 34%,#0d0b1833 52%,#0d0b1800 60%)}.capacity .capacity__scrim--rail{height:96px}}.capacity .capacity__diagram{pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0;overflow:visible}.capacity .capacity__pulse{filter:drop-shadow(0 0 2px #d6c4ffe6)}.capacity .capacity__lanes{pointer-events:none;position:absolute;inset:0}.capacity .capacity__panel[data-capacity-drawn] .capacity__lanes{display:none}.capacity .capacity__lane,.capacity .capacity__node,.capacity .capacity__rail{display:block;position:absolute}.capacity .capacity__lane:after,.capacity .capacity__rail:before,.capacity .capacity__rail:after{content:"";border-radius:50%;position:absolute}.capacity .capacity__lane--head{display:none}.capacity .capacity__lane--team{left:calc(28px + var(--card-w));background:linear-gradient(90deg,#fff,#ddd3ff);height:1.4px;top:163.3px;right:28px;box-shadow:0 0 0 2.3px #0d0b1880}.capacity .capacity__lane--team:after{background:#fff;width:6px;height:6px;top:-2.3px;right:-3px}.capacity .capacity__lane--kleva{left:calc(var(--node-x) - 1px);filter:drop-shadow(0 0 3px #b98cf573);border-top:0 solid #c9a2ff;border-bottom:2.2px solid #c9a2ff;border-left:2.2px solid #9b86ff;border-right:0 solid #c9a2ff;border-bottom-left-radius:96px;height:217px;top:164px;right:28px}.capacity .capacity__lane--kleva:after{background:#e7a6f4;width:6px;height:6px;bottom:-4.1px;right:-3px}.capacity .capacity__node{left:var(--node-x);background:radial-gradient(circle,#fff 0 4.5px,#0d0b18d9 5px);border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;top:164px}.capacity .capacity__rail{background:#efe8ff;border-radius:1px;height:2px;top:527px;left:28px;right:28px}.capacity .capacity__rail:before{background:#fff9;width:5px;height:5px;top:-1.5px;left:-2.5px}.capacity .capacity__rail:after{background:#fff;width:10px;height:10px;top:-4px;right:-5px;box-shadow:0 0 0 5px #b98cf547}@container capacity-panel (width<640px){.capacity .capacity__lane--head{left:calc(var(--center) - .7px);background:#fff;width:1.4px;height:40px;display:block;top:406px}.capacity .capacity__lane--team,.capacity .capacity__lane--kleva{height:246px;width:calc(6px + var(--card-w) / 2);box-shadow:none;background:0 0;border:0 solid;border-top-width:1.6px;top:446px}.capacity .capacity__lane--team{left:calc(16px + var(--card-w) / 2);border-color:#fff;border-left-width:1.6px;border-top-left-radius:14px;right:auto}.capacity .capacity__lane--kleva{left:var(--center);border-color:#c9a2ff;border-right-width:2.2px;border-top-right-radius:14px;border-bottom-left-radius:0;right:auto}.capacity .capacity__lane--team:after{inset:auto auto -3px -3.8px}.capacity .capacity__lane--kleva:after{bottom:-3px;right:-4.1px}.capacity .capacity__node{left:var(--center);top:432px}.capacity .capacity__rail{width:2px;height:auto;inset:104px 17px 46px auto}.capacity .capacity__rail:before{top:-2.5px;left:-1.5px}.capacity .capacity__rail:after{top:auto;bottom:-5px;right:-4px}}.capacity .capacity__overlay,.capacity .capacity__cards{pointer-events:none;position:absolute;inset:0}.capacity .capacity__overlay p{margin:0;position:absolute}.capacity .capacity__caption{width:calc(100% - 104px);font:500 17px/1.3 var(--display);letter-spacing:-.01em;color:#fff;top:26px;left:28px}.capacity .capacity__caption span{opacity:0;width:100%;position:absolute;top:0;left:0}.capacity .capacity__caption span:last-child{opacity:1}.capacity .capacity__queue-label{font:500 14px/1.5 var(--display);letter-spacing:.01em;white-space:nowrap;color:#f4f2fbd1;text-shadow:0 1px 2px #0d0b18cc;top:112px;left:28px}.capacity .capacity__queue-label span{position:absolute;top:0;left:0}.capacity .capacity__queue-waiting{opacity:0}.capacity .capacity__queue-pending{color:#fff;font-weight:600}.capacity .capacity__queue-pending:before{content:"";vertical-align:middle;background:#e7a6f4;border-radius:50%;width:6px;height:6px;margin:0 8px 1px 0;display:inline-block}.capacity .capacity__lane-label{font:400 14px/1.2 var(--display);white-space:nowrap;color:#f4f2fbb3;background:#0d0b18e0;border-radius:4px;align-items:center;padding:4px 8px 5px;display:flex}.capacity .capacity__lane-label strong{color:#fff;align-items:center;gap:7px;font-size:15px;font-weight:600;display:inline-flex}.capacity .capacity__lane-label strong:before{content:"";background:currentColor;width:8px;height:2px}.capacity .capacity__lane-label--team{left:calc(84px + 1.5 * var(--card-w));top:99px}.capacity .capacity__lane-label--kleva{left:calc(min(var(--node-x) + 96px, 100cqw - 48px - 2.5 * var(--card-w)) + 14px);top:315px}.capacity .capacity__lane-label--kleva strong{color:#ddcdff}.capacity .capacity__lane-sub{white-space:pre;color:#c9c4d6}.capacity .capacity__rail-label{font:500 14px/1.5 var(--display);white-space:nowrap;color:#f4f2fbbd;top:540px}.capacity .capacity__rail-label--start{left:28px}.capacity .capacity__rail-label--end{color:#fff;font-weight:600;right:28px}@container capacity-panel (width<640px){.capacity .capacity__caption{width:calc(100% - 32px);top:18px;left:16px}.capacity .capacity__queue-label{left:var(--center);top:202px}.capacity .capacity__queue-label span{transform:translate(-50%)}.capacity .capacity__lane-label{top:473px;transform:translate(-50%)}.capacity .capacity__lane-label--team{left:calc(16px + var(--card-w) / 2)}.capacity .capacity__lane-label--kleva{left:calc(28px + 1.5 * var(--card-w))}.capacity .capacity__lane-sub{display:none}.capacity .capacity__rail-label--start{top:74px;left:auto;right:12px}.capacity .capacity__rail-label--end{top:710px;right:12px}}.capacity .capacity__card{width:var(--card-w);height:var(--card-h);background:var(--capacity-card);font:500 15px/1.2 var(--display);letter-spacing:-.01em;color:var(--mh-ink);transform:translate(var(--rest-x), var(--rest-y));--rest-x:28px;--rest-y:calc(136px + 66px * var(--queue,0));border:1px solid #17151b24;border-radius:6px;align-items:center;padding:0 22px 0 12px;display:flex;position:absolute;top:0;left:0;box-shadow:0 1px 2px #04020e66,0 4px 10px -4px #04020e8c}.capacity .capacity__card[data-lane]{--rest-x:calc(100cqw - 28px - var(--card-w) - (2 - var(--slot,0)) * (var(--card-w) + 10px));--rest-y:136px}.capacity .capacity__card[data-lane=kleva]{--rest-y:352px}@container capacity-panel (width<640px){.capacity .capacity__card{--rest-x:calc(22px + var(--card-w) / 2);--rest-y:calc(352px - 62px * var(--queue,0));padding:0 18px 0 10px;font-size:14px}.capacity .capacity__card[data-lane]{--rest-x:16px;--rest-y:calc(510px + 62px * var(--slot,0))}.capacity .capacity__card[data-lane=kleva]{--rest-x:calc(28px + var(--card-w))}}@container capacity-panel (width<300px){.capacity .capacity__card{padding-right:6px}}.capacity .capacity__card[data-state=moving]{will-change:transform}.capacity .capacity__card-dot{border:1px solid #8f8aa3;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:9px}.capacity .capacity__card[data-lane=team] .capacity__card-dot{background:#2b2838;border-color:#2b2838}.capacity .capacity__card[data-lane=kleva]{box-shadow:inset 2px 0 0 var(--mh-violet), 0 1px 2px #04020e66, 0 4px 10px -4px #04020e8c}.capacity .capacity__card[data-lane=kleva] .capacity__card-dot{border-color:var(--mh-violet);background:var(--mh-violet)}.capacity .capacity__card[data-state=pending]{border-color:#c77fe0}.capacity .capacity__control{z-index:1;background:var(--capacity-control-ink);color:#f4f2fb;cursor:pointer;border:1px solid #f4f2fb3d;border-radius:8px;place-items:center;width:44px;height:44px;margin:0;padding:0;transition:border-color .15s,background-color .15s;display:grid;position:absolute;top:16px;right:16px}@container capacity-panel (width<640px){.capacity .capacity__control{inset:auto auto 6px 12px}}.capacity .capacity__control[hidden]{display:none}.capacity .capacity__control:hover{background:#0d0b18e6;border-color:#f4f2fb8f}.capacity .capacity__motion>.capacity__control[data-capacity-toggle]:focus-visible{outline-offset:2px;outline:2px solid #f4f2fb}.capacity .capacity__control-icon{fill:currentColor;width:16px;height:16px;display:block}.capacity .capacity__icon{display:none}.capacity .capacity__control[data-capacity-action=pause] .capacity__icon--pause,.capacity .capacity__control[data-capacity-action=resume] .capacity__icon--play,.capacity .capacity__control[data-capacity-action=play] .capacity__icon--play,.capacity .capacity__control[data-capacity-action=replay] .capacity__icon--replay{display:inline}@media (prefers-reduced-motion:reduce){.capacity .capacity__control{transition:none}}@media (width<=768px){.capacity .capacity__motion{margin-top:32px}.capacity .capacity__next{margin-top:16px}.capacity .capacity__title{font-size:clamp(34px,10vw,44px)}.capacity .capacity__lede{margin:20px 0 28px;font-size:17px}.capacity .capacity__panel{border-radius:20px}.capacity .capacity__caption{font-size:16px}}