/* Generated together with the homepage replay's markup by the site preview's build script, which is
   kept outside this repository: 12 moments, 2.5 s each with 0.2 s cuts, and the play, pause, part and
   moment controls. tests/public-site.test.ts checks that the frames, controls and these rules match. */
@keyframes demo-frame-calls{0%{opacity:0}0.6667%{opacity:1}8.3333%{opacity:1}9%{opacity:0}100%{opacity:0}}
@keyframes demo-step-calls{0%{color:var(--ink)}8.3333%,100%{color:var(--muted)}}
@keyframes demo-progress-calls{0%{transform:scaleX(0)}8.3%{transform:scaleX(1)}8.3333%,100%{transform:scaleX(0)}}
@keyframes demo-part-calls-calls{0%{visibility:visible;opacity:1}33.3333%,100%{visibility:hidden;opacity:0}}
@keyframes demo-tab-calls-calls{0%{background:var(--ink);color:var(--paper);border-color:var(--ink)}33.3333%,100%{background:var(--paper);color:var(--ink);border-color:var(--line)}}
@keyframes demo-part-calls-spaces{0%{visibility:visible;opacity:1}33.3333%,100%{visibility:hidden;opacity:0}}
@keyframes demo-tab-calls-spaces{0%{background:var(--ink);color:var(--paper);border-color:var(--ink)}33.3333%,100%{background:var(--paper);color:var(--ink);border-color:var(--line)}}
@keyframes demo-part-calls-network{0%{visibility:visible;opacity:1}33.3333%,100%{visibility:hidden;opacity:0}}
@keyframes demo-tab-calls-network{0%{background:var(--ink);color:var(--paper);border-color:var(--ink)}33.3333%,100%{background:var(--paper);color:var(--ink);border-color:var(--line)}}
@keyframes demo-frame-spaces{0%{opacity:0}0.6667%{opacity:1}8.3333%{opacity:1}9%{opacity:0}100%{opacity:0}}
@keyframes demo-step-spaces{0%{color:var(--ink)}8.3333%,100%{color:var(--muted)}}
@keyframes demo-progress-spaces{0%{transform:scaleX(0)}8.3%{transform:scaleX(1)}8.3333%,100%{transform:scaleX(0)}}
@keyframes demo-part-spaces-calls{0%{visibility:visible;opacity:1}33.3333%,100%{visibility:hidden;opacity:0}}
@keyframes demo-tab-spaces-calls{0%{background:var(--ink);color:var(--paper);border-color:var(--ink)}33.3333%,100%{background:var(--paper);color:var(--ink);border-color:var(--line)}}
@keyframes demo-part-spaces-spaces{0%{visibility:visible;opacity:1}33.3333%,100%{visibility:hidden;opacity:0}}
@keyframes demo-tab-spaces-spaces{0%{background:var(--ink);color:var(--paper);border-color:var(--ink)}33.3333%,100%{background:var(--paper);color:var(--ink);border-color:var(--line)}}
@keyframes demo-part-spaces-network{0%{visibility:visible;opacity:1}33.3333%,100%{visibility:hidden;opacity:0}}
@keyframes demo-tab-spaces-network{0%{background:var(--ink);color:var(--paper);border-color:var(--ink)}33.3333%,100%{background:var(--paper);color:var(--ink);border-color:var(--line)}}
@keyframes demo-frame-network{0%{opacity:0}0.6667%{opacity:1}8.3333%{opacity:1}9%{opacity:0}100%{opacity:0}}
@keyframes demo-step-network{0%{color:var(--ink)}8.3333%,100%{color:var(--muted)}}
@keyframes demo-progress-network{0%{transform:scaleX(0)}8.3%{transform:scaleX(1)}8.3333%,100%{transform:scaleX(0)}}
@keyframes demo-part-network-calls{0%{visibility:visible;opacity:1}33.3333%,100%{visibility:hidden;opacity:0}}
@keyframes demo-tab-network-calls{0%{background:var(--ink);color:var(--paper);border-color:var(--ink)}33.3333%,100%{background:var(--paper);color:var(--ink);border-color:var(--line)}}
@keyframes demo-part-network-spaces{0%{visibility:visible;opacity:1}33.3333%,100%{visibility:hidden;opacity:0}}
@keyframes demo-tab-network-spaces{0%{background:var(--ink);color:var(--paper);border-color:var(--ink)}33.3333%,100%{background:var(--paper);color:var(--ink);border-color:var(--line)}}
@keyframes demo-part-network-network{0%{visibility:visible;opacity:1}33.3333%,100%{visibility:hidden;opacity:0}}
@keyframes demo-tab-network-network{0%{background:var(--ink);color:var(--paper);border-color:var(--ink)}33.3333%,100%{background:var(--paper);color:var(--ink);border-color:var(--line)}}
.demo-steps{visibility:hidden;opacity:0}
.demo-steps.g-calls{visibility:visible;opacity:1}
.demo-lead{visibility:hidden;opacity:0}
.demo-lead.l-calls{visibility:visible;opacity:1}
.demo-tablist .t-calls{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#demo-from-calls:checked~.demo-window .demo-steps .s1,#demo-paused-calls:checked~.demo-window .demo-steps .s1{animation-name:demo-step-calls;animation-duration:30s;animation-delay:-0.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-window .demo-steps .s1::after,#demo-paused-calls:checked~.demo-window .demo-steps .s1::after{animation-name:demo-progress-calls;animation-duration:30s;animation-delay:-0.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-frame.f2,#demo-paused-calls:checked~.demo-window .demo-frame.f2{animation-name:demo-frame-calls;animation-duration:30s;animation-delay:-27.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-steps .s2,#demo-paused-calls:checked~.demo-window .demo-steps .s2{animation-name:demo-step-calls;animation-duration:30s;animation-delay:-27.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-window .demo-steps .s2::after,#demo-paused-calls:checked~.demo-window .demo-steps .s2::after{animation-name:demo-progress-calls;animation-duration:30s;animation-delay:-27.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-frame.f3,#demo-paused-calls:checked~.demo-window .demo-frame.f3{animation-name:demo-frame-calls;animation-duration:30s;animation-delay:-25.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-steps .s3,#demo-paused-calls:checked~.demo-window .demo-steps .s3{animation-name:demo-step-calls;animation-duration:30s;animation-delay:-25.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-window .demo-steps .s3::after,#demo-paused-calls:checked~.demo-window .demo-steps .s3::after{animation-name:demo-progress-calls;animation-duration:30s;animation-delay:-25.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-frame.f4,#demo-paused-calls:checked~.demo-window .demo-frame.f4{animation-name:demo-frame-calls;animation-duration:30s;animation-delay:-22.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-steps .s4,#demo-paused-calls:checked~.demo-window .demo-steps .s4{animation-name:demo-step-calls;animation-duration:30s;animation-delay:-22.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-window .demo-steps .s4::after,#demo-paused-calls:checked~.demo-window .demo-steps .s4::after{animation-name:demo-progress-calls;animation-duration:30s;animation-delay:-22.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-frame.f5,#demo-paused-calls:checked~.demo-window .demo-frame.f5{animation-name:demo-frame-calls;animation-duration:30s;animation-delay:-20.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-steps .s5,#demo-paused-calls:checked~.demo-window .demo-steps .s5{animation-name:demo-step-calls;animation-duration:30s;animation-delay:-20.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-window .demo-steps .s5::after,#demo-paused-calls:checked~.demo-window .demo-steps .s5::after{animation-name:demo-progress-calls;animation-duration:30s;animation-delay:-20.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-frame.f6,#demo-paused-calls:checked~.demo-window .demo-frame.f6{animation-name:demo-frame-calls;animation-duration:30s;animation-delay:-17.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-steps .s6,#demo-paused-calls:checked~.demo-window .demo-steps .s6{animation-name:demo-step-calls;animation-duration:30s;animation-delay:-17.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-window .demo-steps .s6::after,#demo-paused-calls:checked~.demo-window .demo-steps .s6::after{animation-name:demo-progress-calls;animation-duration:30s;animation-delay:-17.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-frame.f7,#demo-paused-calls:checked~.demo-window .demo-frame.f7{animation-name:demo-frame-calls;animation-duration:30s;animation-delay:-15.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-steps .s7,#demo-paused-calls:checked~.demo-window .demo-steps .s7{animation-name:demo-step-calls;animation-duration:30s;animation-delay:-15.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-window .demo-steps .s7::after,#demo-paused-calls:checked~.demo-window .demo-steps .s7::after{animation-name:demo-progress-calls;animation-duration:30s;animation-delay:-15.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-frame.f8,#demo-paused-calls:checked~.demo-window .demo-frame.f8{animation-name:demo-frame-calls;animation-duration:30s;animation-delay:-12.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-steps .s8,#demo-paused-calls:checked~.demo-window .demo-steps .s8{animation-name:demo-step-calls;animation-duration:30s;animation-delay:-12.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-window .demo-steps .s8::after,#demo-paused-calls:checked~.demo-window .demo-steps .s8::after{animation-name:demo-progress-calls;animation-duration:30s;animation-delay:-12.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-frame.f9,#demo-paused-calls:checked~.demo-window .demo-frame.f9{animation-name:demo-frame-calls;animation-duration:30s;animation-delay:-10.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-steps .s9,#demo-paused-calls:checked~.demo-window .demo-steps .s9{animation-name:demo-step-calls;animation-duration:30s;animation-delay:-10.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-window .demo-steps .s9::after,#demo-paused-calls:checked~.demo-window .demo-steps .s9::after{animation-name:demo-progress-calls;animation-duration:30s;animation-delay:-10.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-frame.f10,#demo-paused-calls:checked~.demo-window .demo-frame.f10{animation-name:demo-frame-calls;animation-duration:30s;animation-delay:-7.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-steps .s10,#demo-paused-calls:checked~.demo-window .demo-steps .s10{animation-name:demo-step-calls;animation-duration:30s;animation-delay:-7.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-window .demo-steps .s10::after,#demo-paused-calls:checked~.demo-window .demo-steps .s10::after{animation-name:demo-progress-calls;animation-duration:30s;animation-delay:-7.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-frame.f11,#demo-paused-calls:checked~.demo-window .demo-frame.f11{animation-name:demo-frame-calls;animation-duration:30s;animation-delay:-5.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-steps .s11,#demo-paused-calls:checked~.demo-window .demo-steps .s11{animation-name:demo-step-calls;animation-duration:30s;animation-delay:-5.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-window .demo-steps .s11::after,#demo-paused-calls:checked~.demo-window .demo-steps .s11::after{animation-name:demo-progress-calls;animation-duration:30s;animation-delay:-5.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-frame.f12,#demo-paused-calls:checked~.demo-window .demo-frame.f12{animation-name:demo-frame-calls;animation-duration:30s;animation-delay:-2.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-steps .s12,#demo-paused-calls:checked~.demo-window .demo-steps .s12{animation-name:demo-step-calls;animation-duration:30s;animation-delay:-2.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-window .demo-steps .s12::after,#demo-paused-calls:checked~.demo-window .demo-steps .s12::after{animation-name:demo-progress-calls;animation-duration:30s;animation-delay:-2.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-calls:checked~.demo-window .demo-steps.g-calls,#demo-paused-calls:checked~.demo-window .demo-steps.g-calls,#demo-from-calls:checked~.demo-leads .l-calls,#demo-paused-calls:checked~.demo-leads .l-calls{animation-name:demo-part-calls-calls;animation-duration:30s;animation-delay:-0.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-tablist .t-calls,#demo-paused-calls:checked~.demo-tablist .t-calls{animation-name:demo-tab-calls-calls;animation-duration:30s;animation-delay:-0.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-window .demo-steps.g-spaces,#demo-paused-calls:checked~.demo-window .demo-steps.g-spaces,#demo-from-calls:checked~.demo-leads .l-spaces,#demo-paused-calls:checked~.demo-leads .l-spaces{animation-name:demo-part-calls-spaces;animation-duration:30s;animation-delay:-20.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-tablist .t-spaces,#demo-paused-calls:checked~.demo-tablist .t-spaces{animation-name:demo-tab-calls-spaces;animation-duration:30s;animation-delay:-20.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-window .demo-steps.g-network,#demo-paused-calls:checked~.demo-window .demo-steps.g-network,#demo-from-calls:checked~.demo-leads .l-network,#demo-paused-calls:checked~.demo-leads .l-network{animation-name:demo-part-calls-network;animation-duration:30s;animation-delay:-10.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-calls:checked~.demo-tablist .t-network,#demo-paused-calls:checked~.demo-tablist .t-network{animation-name:demo-tab-calls-network;animation-duration:30s;animation-delay:-10.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps .s1,#demo-paused-spaces:checked~.demo-window .demo-steps .s1{animation-name:demo-step-spaces;animation-duration:30s;animation-delay:-10.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps .s1::after,#demo-paused-spaces:checked~.demo-window .demo-steps .s1::after{animation-name:demo-progress-spaces;animation-duration:30s;animation-delay:-10.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-frame.f2,#demo-paused-spaces:checked~.demo-window .demo-frame.f2{animation-name:demo-frame-spaces;animation-duration:30s;animation-delay:-7.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-steps .s2,#demo-paused-spaces:checked~.demo-window .demo-steps .s2{animation-name:demo-step-spaces;animation-duration:30s;animation-delay:-7.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps .s2::after,#demo-paused-spaces:checked~.demo-window .demo-steps .s2::after{animation-name:demo-progress-spaces;animation-duration:30s;animation-delay:-7.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-frame.f3,#demo-paused-spaces:checked~.demo-window .demo-frame.f3{animation-name:demo-frame-spaces;animation-duration:30s;animation-delay:-5.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-steps .s3,#demo-paused-spaces:checked~.demo-window .demo-steps .s3{animation-name:demo-step-spaces;animation-duration:30s;animation-delay:-5.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps .s3::after,#demo-paused-spaces:checked~.demo-window .demo-steps .s3::after{animation-name:demo-progress-spaces;animation-duration:30s;animation-delay:-5.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-frame.f4,#demo-paused-spaces:checked~.demo-window .demo-frame.f4{animation-name:demo-frame-spaces;animation-duration:30s;animation-delay:-2.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-steps .s4,#demo-paused-spaces:checked~.demo-window .demo-steps .s4{animation-name:demo-step-spaces;animation-duration:30s;animation-delay:-2.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps .s4::after,#demo-paused-spaces:checked~.demo-window .demo-steps .s4::after{animation-name:demo-progress-spaces;animation-duration:30s;animation-delay:-2.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-frame.f5,#demo-paused-spaces:checked~.demo-window .demo-frame.f5{animation-name:demo-frame-spaces;animation-duration:30s;animation-delay:-0.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-steps .s5,#demo-paused-spaces:checked~.demo-window .demo-steps .s5{animation-name:demo-step-spaces;animation-duration:30s;animation-delay:-0.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps .s5::after,#demo-paused-spaces:checked~.demo-window .demo-steps .s5::after{animation-name:demo-progress-spaces;animation-duration:30s;animation-delay:-0.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-frame.f6,#demo-paused-spaces:checked~.demo-window .demo-frame.f6{animation-name:demo-frame-spaces;animation-duration:30s;animation-delay:-27.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-steps .s6,#demo-paused-spaces:checked~.demo-window .demo-steps .s6{animation-name:demo-step-spaces;animation-duration:30s;animation-delay:-27.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps .s6::after,#demo-paused-spaces:checked~.demo-window .demo-steps .s6::after{animation-name:demo-progress-spaces;animation-duration:30s;animation-delay:-27.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-frame.f7,#demo-paused-spaces:checked~.demo-window .demo-frame.f7{animation-name:demo-frame-spaces;animation-duration:30s;animation-delay:-25.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-steps .s7,#demo-paused-spaces:checked~.demo-window .demo-steps .s7{animation-name:demo-step-spaces;animation-duration:30s;animation-delay:-25.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps .s7::after,#demo-paused-spaces:checked~.demo-window .demo-steps .s7::after{animation-name:demo-progress-spaces;animation-duration:30s;animation-delay:-25.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-frame.f8,#demo-paused-spaces:checked~.demo-window .demo-frame.f8{animation-name:demo-frame-spaces;animation-duration:30s;animation-delay:-22.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-steps .s8,#demo-paused-spaces:checked~.demo-window .demo-steps .s8{animation-name:demo-step-spaces;animation-duration:30s;animation-delay:-22.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps .s8::after,#demo-paused-spaces:checked~.demo-window .demo-steps .s8::after{animation-name:demo-progress-spaces;animation-duration:30s;animation-delay:-22.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-frame.f9,#demo-paused-spaces:checked~.demo-window .demo-frame.f9{animation-name:demo-frame-spaces;animation-duration:30s;animation-delay:-20.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-steps .s9,#demo-paused-spaces:checked~.demo-window .demo-steps .s9{animation-name:demo-step-spaces;animation-duration:30s;animation-delay:-20.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps .s9::after,#demo-paused-spaces:checked~.demo-window .demo-steps .s9::after{animation-name:demo-progress-spaces;animation-duration:30s;animation-delay:-20.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-frame.f10,#demo-paused-spaces:checked~.demo-window .demo-frame.f10{animation-name:demo-frame-spaces;animation-duration:30s;animation-delay:-17.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-steps .s10,#demo-paused-spaces:checked~.demo-window .demo-steps .s10{animation-name:demo-step-spaces;animation-duration:30s;animation-delay:-17.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps .s10::after,#demo-paused-spaces:checked~.demo-window .demo-steps .s10::after{animation-name:demo-progress-spaces;animation-duration:30s;animation-delay:-17.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-frame.f11,#demo-paused-spaces:checked~.demo-window .demo-frame.f11{animation-name:demo-frame-spaces;animation-duration:30s;animation-delay:-15.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-steps .s11,#demo-paused-spaces:checked~.demo-window .demo-steps .s11{animation-name:demo-step-spaces;animation-duration:30s;animation-delay:-15.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps .s11::after,#demo-paused-spaces:checked~.demo-window .demo-steps .s11::after{animation-name:demo-progress-spaces;animation-duration:30s;animation-delay:-15.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-frame.f12,#demo-paused-spaces:checked~.demo-window .demo-frame.f12{animation-name:demo-frame-spaces;animation-duration:30s;animation-delay:-12.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-steps .s12,#demo-paused-spaces:checked~.demo-window .demo-steps .s12{animation-name:demo-step-spaces;animation-duration:30s;animation-delay:-12.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps .s12::after,#demo-paused-spaces:checked~.demo-window .demo-steps .s12::after{animation-name:demo-progress-spaces;animation-duration:30s;animation-delay:-12.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-spaces:checked~.demo-window .demo-steps.g-calls,#demo-paused-spaces:checked~.demo-window .demo-steps.g-calls,#demo-from-spaces:checked~.demo-leads .l-calls,#demo-paused-spaces:checked~.demo-leads .l-calls{animation-name:demo-part-spaces-calls;animation-duration:30s;animation-delay:-10.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-tablist .t-calls,#demo-paused-spaces:checked~.demo-tablist .t-calls{animation-name:demo-tab-spaces-calls;animation-duration:30s;animation-delay:-10.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps.g-spaces,#demo-paused-spaces:checked~.demo-window .demo-steps.g-spaces,#demo-from-spaces:checked~.demo-leads .l-spaces,#demo-paused-spaces:checked~.demo-leads .l-spaces{animation-name:demo-part-spaces-spaces;animation-duration:30s;animation-delay:-0.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-tablist .t-spaces,#demo-paused-spaces:checked~.demo-tablist .t-spaces{animation-name:demo-tab-spaces-spaces;animation-duration:30s;animation-delay:-0.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-window .demo-steps.g-network,#demo-paused-spaces:checked~.demo-window .demo-steps.g-network,#demo-from-spaces:checked~.demo-leads .l-network,#demo-paused-spaces:checked~.demo-leads .l-network{animation-name:demo-part-spaces-network;animation-duration:30s;animation-delay:-20.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-spaces:checked~.demo-tablist .t-network,#demo-paused-spaces:checked~.demo-tablist .t-network{animation-name:demo-tab-spaces-network;animation-duration:30s;animation-delay:-20.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps .s1,#demo-paused-network:checked~.demo-window .demo-steps .s1{animation-name:demo-step-network;animation-duration:30s;animation-delay:-20.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps .s1::after,#demo-paused-network:checked~.demo-window .demo-steps .s1::after{animation-name:demo-progress-network;animation-duration:30s;animation-delay:-20.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-frame.f2,#demo-paused-network:checked~.demo-window .demo-frame.f2{animation-name:demo-frame-network;animation-duration:30s;animation-delay:-17.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-steps .s2,#demo-paused-network:checked~.demo-window .demo-steps .s2{animation-name:demo-step-network;animation-duration:30s;animation-delay:-17.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps .s2::after,#demo-paused-network:checked~.demo-window .demo-steps .s2::after{animation-name:demo-progress-network;animation-duration:30s;animation-delay:-17.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-frame.f3,#demo-paused-network:checked~.demo-window .demo-frame.f3{animation-name:demo-frame-network;animation-duration:30s;animation-delay:-15.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-steps .s3,#demo-paused-network:checked~.demo-window .demo-steps .s3{animation-name:demo-step-network;animation-duration:30s;animation-delay:-15.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps .s3::after,#demo-paused-network:checked~.demo-window .demo-steps .s3::after{animation-name:demo-progress-network;animation-duration:30s;animation-delay:-15.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-frame.f4,#demo-paused-network:checked~.demo-window .demo-frame.f4{animation-name:demo-frame-network;animation-duration:30s;animation-delay:-12.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-steps .s4,#demo-paused-network:checked~.demo-window .demo-steps .s4{animation-name:demo-step-network;animation-duration:30s;animation-delay:-12.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps .s4::after,#demo-paused-network:checked~.demo-window .demo-steps .s4::after{animation-name:demo-progress-network;animation-duration:30s;animation-delay:-12.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-frame.f5,#demo-paused-network:checked~.demo-window .demo-frame.f5{animation-name:demo-frame-network;animation-duration:30s;animation-delay:-10.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-steps .s5,#demo-paused-network:checked~.demo-window .demo-steps .s5{animation-name:demo-step-network;animation-duration:30s;animation-delay:-10.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps .s5::after,#demo-paused-network:checked~.demo-window .demo-steps .s5::after{animation-name:demo-progress-network;animation-duration:30s;animation-delay:-10.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-frame.f6,#demo-paused-network:checked~.demo-window .demo-frame.f6{animation-name:demo-frame-network;animation-duration:30s;animation-delay:-7.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-steps .s6,#demo-paused-network:checked~.demo-window .demo-steps .s6{animation-name:demo-step-network;animation-duration:30s;animation-delay:-7.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps .s6::after,#demo-paused-network:checked~.demo-window .demo-steps .s6::after{animation-name:demo-progress-network;animation-duration:30s;animation-delay:-7.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-frame.f7,#demo-paused-network:checked~.demo-window .demo-frame.f7{animation-name:demo-frame-network;animation-duration:30s;animation-delay:-5.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-steps .s7,#demo-paused-network:checked~.demo-window .demo-steps .s7{animation-name:demo-step-network;animation-duration:30s;animation-delay:-5.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps .s7::after,#demo-paused-network:checked~.demo-window .demo-steps .s7::after{animation-name:demo-progress-network;animation-duration:30s;animation-delay:-5.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-frame.f8,#demo-paused-network:checked~.demo-window .demo-frame.f8{animation-name:demo-frame-network;animation-duration:30s;animation-delay:-2.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-steps .s8,#demo-paused-network:checked~.demo-window .demo-steps .s8{animation-name:demo-step-network;animation-duration:30s;animation-delay:-2.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps .s8::after,#demo-paused-network:checked~.demo-window .demo-steps .s8::after{animation-name:demo-progress-network;animation-duration:30s;animation-delay:-2.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-frame.f9,#demo-paused-network:checked~.demo-window .demo-frame.f9{animation-name:demo-frame-network;animation-duration:30s;animation-delay:-0.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-steps .s9,#demo-paused-network:checked~.demo-window .demo-steps .s9{animation-name:demo-step-network;animation-duration:30s;animation-delay:-0.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps .s9::after,#demo-paused-network:checked~.demo-window .demo-steps .s9::after{animation-name:demo-progress-network;animation-duration:30s;animation-delay:-0.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-frame.f10,#demo-paused-network:checked~.demo-window .demo-frame.f10{animation-name:demo-frame-network;animation-duration:30s;animation-delay:-27.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-steps .s10,#demo-paused-network:checked~.demo-window .demo-steps .s10{animation-name:demo-step-network;animation-duration:30s;animation-delay:-27.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps .s10::after,#demo-paused-network:checked~.demo-window .demo-steps .s10::after{animation-name:demo-progress-network;animation-duration:30s;animation-delay:-27.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-frame.f11,#demo-paused-network:checked~.demo-window .demo-frame.f11{animation-name:demo-frame-network;animation-duration:30s;animation-delay:-25.2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-steps .s11,#demo-paused-network:checked~.demo-window .demo-steps .s11{animation-name:demo-step-network;animation-duration:30s;animation-delay:-25.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps .s11::after,#demo-paused-network:checked~.demo-window .demo-steps .s11::after{animation-name:demo-progress-network;animation-duration:30s;animation-delay:-25.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-frame.f12,#demo-paused-network:checked~.demo-window .demo-frame.f12{animation-name:demo-frame-network;animation-duration:30s;animation-delay:-22.7s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-steps .s12,#demo-paused-network:checked~.demo-window .demo-steps .s12{animation-name:demo-step-network;animation-duration:30s;animation-delay:-22.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps .s12::after,#demo-paused-network:checked~.demo-window .demo-steps .s12::after{animation-name:demo-progress-network;animation-duration:30s;animation-delay:-22.6s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}
#demo-from-network:checked~.demo-window .demo-steps.g-calls,#demo-paused-network:checked~.demo-window .demo-steps.g-calls,#demo-from-network:checked~.demo-leads .l-calls,#demo-paused-network:checked~.demo-leads .l-calls{animation-name:demo-part-network-calls;animation-duration:30s;animation-delay:-20.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-tablist .t-calls,#demo-paused-network:checked~.demo-tablist .t-calls{animation-name:demo-tab-network-calls;animation-duration:30s;animation-delay:-20.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps.g-spaces,#demo-paused-network:checked~.demo-window .demo-steps.g-spaces,#demo-from-network:checked~.demo-leads .l-spaces,#demo-paused-network:checked~.demo-leads .l-spaces{animation-name:demo-part-network-spaces;animation-duration:30s;animation-delay:-10.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-tablist .t-spaces,#demo-paused-network:checked~.demo-tablist .t-spaces{animation-name:demo-tab-network-spaces;animation-duration:30s;animation-delay:-10.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-window .demo-steps.g-network,#demo-paused-network:checked~.demo-window .demo-steps.g-network,#demo-from-network:checked~.demo-leads .l-network,#demo-paused-network:checked~.demo-leads .l-network{animation-name:demo-part-network-network;animation-duration:30s;animation-delay:-0.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-from-network:checked~.demo-tablist .t-network,#demo-paused-network:checked~.demo-tablist .t-network{animation-name:demo-tab-network-network;animation-duration:30s;animation-delay:-0.1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:step-end}
#demo-paused-calls:checked~.demo-tablist label,#demo-paused-calls:checked~.demo-leads .demo-lead,#demo-paused-calls:checked~.demo-window .demo-frame,#demo-paused-calls:checked~.demo-window .demo-steps,#demo-paused-calls:checked~.demo-window .demo-steps li,#demo-paused-calls:checked~.demo-window .demo-steps li::after{animation-play-state:paused}
#demo-from-calls:checked~.demo-window .demo-btn-pause.p-calls,#demo-paused-calls:checked~.demo-window .demo-btn-play.p-calls{display:inline-flex}
#demo-paused-spaces:checked~.demo-tablist label,#demo-paused-spaces:checked~.demo-leads .demo-lead,#demo-paused-spaces:checked~.demo-window .demo-frame,#demo-paused-spaces:checked~.demo-window .demo-steps,#demo-paused-spaces:checked~.demo-window .demo-steps li,#demo-paused-spaces:checked~.demo-window .demo-steps li::after{animation-play-state:paused}
#demo-from-spaces:checked~.demo-window .demo-btn-pause.p-spaces,#demo-paused-spaces:checked~.demo-window .demo-btn-play.p-spaces{display:inline-flex}
#demo-paused-network:checked~.demo-tablist label,#demo-paused-network:checked~.demo-leads .demo-lead,#demo-paused-network:checked~.demo-window .demo-frame,#demo-paused-network:checked~.demo-window .demo-steps,#demo-paused-network:checked~.demo-window .demo-steps li,#demo-paused-network:checked~.demo-window .demo-steps li::after{animation-play-state:paused}
#demo-from-network:checked~.demo-window .demo-btn-pause.p-network,#demo-paused-network:checked~.demo-window .demo-btn-play.p-network{display:inline-flex}
#demo-s1:checked~.demo-tablist label,#demo-s1:checked~.demo-leads .demo-lead,#demo-s1:checked~.demo-window .demo-frame,#demo-s1:checked~.demo-window .demo-steps,#demo-s1:checked~.demo-window .demo-steps li,#demo-s1:checked~.demo-window .demo-steps li::after{animation:none}
#demo-s1:checked~.demo-window .demo-frame.f2{opacity:0}
#demo-s1:checked~.demo-window .demo-frame.f3{opacity:0}
#demo-s1:checked~.demo-window .demo-frame.f4{opacity:0}
#demo-s1:checked~.demo-window .demo-frame.f5{opacity:0}
#demo-s1:checked~.demo-window .demo-frame.f6{opacity:0}
#demo-s1:checked~.demo-window .demo-frame.f7{opacity:0}
#demo-s1:checked~.demo-window .demo-frame.f8{opacity:0}
#demo-s1:checked~.demo-window .demo-frame.f9{opacity:0}
#demo-s1:checked~.demo-window .demo-frame.f10{opacity:0}
#demo-s1:checked~.demo-window .demo-frame.f11{opacity:0}
#demo-s1:checked~.demo-window .demo-frame.f12{opacity:0}
#demo-s1:checked~.demo-window .demo-steps.g-calls,#demo-s1:checked~.demo-leads .l-calls{visibility:visible;opacity:1}
#demo-s1:checked~.demo-tablist .t-calls{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#demo-s1:checked~.demo-window .demo-steps.g-spaces,#demo-s1:checked~.demo-leads .l-spaces{visibility:hidden;opacity:0}
#demo-s1:checked~.demo-tablist .t-spaces{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s1:checked~.demo-window .demo-steps.g-network,#demo-s1:checked~.demo-leads .l-network{visibility:hidden;opacity:0}
#demo-s1:checked~.demo-tablist .t-network{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s1:checked~.demo-window .demo-steps .s1{color:var(--ink)}#demo-s1:checked~.demo-window .demo-steps .s1::after{transform:scaleX(1)}
#demo-s1:checked~.demo-window .demo-btn-pause,#demo-s1:checked~.demo-window .demo-btn-play{display:none}#demo-s1:checked~.demo-window .demo-btn-resume.r-calls{display:inline-flex}
#demo-s1:focus-visible~.demo-window .demo-steps .s1 label{outline:2px solid var(--ink);outline-offset:3px}
#demo-s2:checked~.demo-tablist label,#demo-s2:checked~.demo-leads .demo-lead,#demo-s2:checked~.demo-window .demo-frame,#demo-s2:checked~.demo-window .demo-steps,#demo-s2:checked~.demo-window .demo-steps li,#demo-s2:checked~.demo-window .demo-steps li::after{animation:none}
#demo-s2:checked~.demo-window .demo-frame.f2{opacity:1}
#demo-s2:checked~.demo-window .demo-frame.f3{opacity:0}
#demo-s2:checked~.demo-window .demo-frame.f4{opacity:0}
#demo-s2:checked~.demo-window .demo-frame.f5{opacity:0}
#demo-s2:checked~.demo-window .demo-frame.f6{opacity:0}
#demo-s2:checked~.demo-window .demo-frame.f7{opacity:0}
#demo-s2:checked~.demo-window .demo-frame.f8{opacity:0}
#demo-s2:checked~.demo-window .demo-frame.f9{opacity:0}
#demo-s2:checked~.demo-window .demo-frame.f10{opacity:0}
#demo-s2:checked~.demo-window .demo-frame.f11{opacity:0}
#demo-s2:checked~.demo-window .demo-frame.f12{opacity:0}
#demo-s2:checked~.demo-window .demo-steps.g-calls,#demo-s2:checked~.demo-leads .l-calls{visibility:visible;opacity:1}
#demo-s2:checked~.demo-tablist .t-calls{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#demo-s2:checked~.demo-window .demo-steps.g-spaces,#demo-s2:checked~.demo-leads .l-spaces{visibility:hidden;opacity:0}
#demo-s2:checked~.demo-tablist .t-spaces{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s2:checked~.demo-window .demo-steps.g-network,#demo-s2:checked~.demo-leads .l-network{visibility:hidden;opacity:0}
#demo-s2:checked~.demo-tablist .t-network{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s2:checked~.demo-window .demo-steps .s2{color:var(--ink)}#demo-s2:checked~.demo-window .demo-steps .s2::after{transform:scaleX(1)}
#demo-s2:checked~.demo-window .demo-btn-pause,#demo-s2:checked~.demo-window .demo-btn-play{display:none}#demo-s2:checked~.demo-window .demo-btn-resume.r-calls{display:inline-flex}
#demo-s2:focus-visible~.demo-window .demo-steps .s2 label{outline:2px solid var(--ink);outline-offset:3px}
#demo-s3:checked~.demo-tablist label,#demo-s3:checked~.demo-leads .demo-lead,#demo-s3:checked~.demo-window .demo-frame,#demo-s3:checked~.demo-window .demo-steps,#demo-s3:checked~.demo-window .demo-steps li,#demo-s3:checked~.demo-window .demo-steps li::after{animation:none}
#demo-s3:checked~.demo-window .demo-frame.f2{opacity:0}
#demo-s3:checked~.demo-window .demo-frame.f3{opacity:1}
#demo-s3:checked~.demo-window .demo-frame.f4{opacity:0}
#demo-s3:checked~.demo-window .demo-frame.f5{opacity:0}
#demo-s3:checked~.demo-window .demo-frame.f6{opacity:0}
#demo-s3:checked~.demo-window .demo-frame.f7{opacity:0}
#demo-s3:checked~.demo-window .demo-frame.f8{opacity:0}
#demo-s3:checked~.demo-window .demo-frame.f9{opacity:0}
#demo-s3:checked~.demo-window .demo-frame.f10{opacity:0}
#demo-s3:checked~.demo-window .demo-frame.f11{opacity:0}
#demo-s3:checked~.demo-window .demo-frame.f12{opacity:0}
#demo-s3:checked~.demo-window .demo-steps.g-calls,#demo-s3:checked~.demo-leads .l-calls{visibility:visible;opacity:1}
#demo-s3:checked~.demo-tablist .t-calls{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#demo-s3:checked~.demo-window .demo-steps.g-spaces,#demo-s3:checked~.demo-leads .l-spaces{visibility:hidden;opacity:0}
#demo-s3:checked~.demo-tablist .t-spaces{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s3:checked~.demo-window .demo-steps.g-network,#demo-s3:checked~.demo-leads .l-network{visibility:hidden;opacity:0}
#demo-s3:checked~.demo-tablist .t-network{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s3:checked~.demo-window .demo-steps .s3{color:var(--ink)}#demo-s3:checked~.demo-window .demo-steps .s3::after{transform:scaleX(1)}
#demo-s3:checked~.demo-window .demo-btn-pause,#demo-s3:checked~.demo-window .demo-btn-play{display:none}#demo-s3:checked~.demo-window .demo-btn-resume.r-calls{display:inline-flex}
#demo-s3:focus-visible~.demo-window .demo-steps .s3 label{outline:2px solid var(--ink);outline-offset:3px}
#demo-s4:checked~.demo-tablist label,#demo-s4:checked~.demo-leads .demo-lead,#demo-s4:checked~.demo-window .demo-frame,#demo-s4:checked~.demo-window .demo-steps,#demo-s4:checked~.demo-window .demo-steps li,#demo-s4:checked~.demo-window .demo-steps li::after{animation:none}
#demo-s4:checked~.demo-window .demo-frame.f2{opacity:0}
#demo-s4:checked~.demo-window .demo-frame.f3{opacity:0}
#demo-s4:checked~.demo-window .demo-frame.f4{opacity:1}
#demo-s4:checked~.demo-window .demo-frame.f5{opacity:0}
#demo-s4:checked~.demo-window .demo-frame.f6{opacity:0}
#demo-s4:checked~.demo-window .demo-frame.f7{opacity:0}
#demo-s4:checked~.demo-window .demo-frame.f8{opacity:0}
#demo-s4:checked~.demo-window .demo-frame.f9{opacity:0}
#demo-s4:checked~.demo-window .demo-frame.f10{opacity:0}
#demo-s4:checked~.demo-window .demo-frame.f11{opacity:0}
#demo-s4:checked~.demo-window .demo-frame.f12{opacity:0}
#demo-s4:checked~.demo-window .demo-steps.g-calls,#demo-s4:checked~.demo-leads .l-calls{visibility:visible;opacity:1}
#demo-s4:checked~.demo-tablist .t-calls{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#demo-s4:checked~.demo-window .demo-steps.g-spaces,#demo-s4:checked~.demo-leads .l-spaces{visibility:hidden;opacity:0}
#demo-s4:checked~.demo-tablist .t-spaces{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s4:checked~.demo-window .demo-steps.g-network,#demo-s4:checked~.demo-leads .l-network{visibility:hidden;opacity:0}
#demo-s4:checked~.demo-tablist .t-network{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s4:checked~.demo-window .demo-steps .s4{color:var(--ink)}#demo-s4:checked~.demo-window .demo-steps .s4::after{transform:scaleX(1)}
#demo-s4:checked~.demo-window .demo-btn-pause,#demo-s4:checked~.demo-window .demo-btn-play{display:none}#demo-s4:checked~.demo-window .demo-btn-resume.r-calls{display:inline-flex}
#demo-s4:focus-visible~.demo-window .demo-steps .s4 label{outline:2px solid var(--ink);outline-offset:3px}
#demo-s5:checked~.demo-tablist label,#demo-s5:checked~.demo-leads .demo-lead,#demo-s5:checked~.demo-window .demo-frame,#demo-s5:checked~.demo-window .demo-steps,#demo-s5:checked~.demo-window .demo-steps li,#demo-s5:checked~.demo-window .demo-steps li::after{animation:none}
#demo-s5:checked~.demo-window .demo-frame.f2{opacity:0}
#demo-s5:checked~.demo-window .demo-frame.f3{opacity:0}
#demo-s5:checked~.demo-window .demo-frame.f4{opacity:0}
#demo-s5:checked~.demo-window .demo-frame.f5{opacity:1}
#demo-s5:checked~.demo-window .demo-frame.f6{opacity:0}
#demo-s5:checked~.demo-window .demo-frame.f7{opacity:0}
#demo-s5:checked~.demo-window .demo-frame.f8{opacity:0}
#demo-s5:checked~.demo-window .demo-frame.f9{opacity:0}
#demo-s5:checked~.demo-window .demo-frame.f10{opacity:0}
#demo-s5:checked~.demo-window .demo-frame.f11{opacity:0}
#demo-s5:checked~.demo-window .demo-frame.f12{opacity:0}
#demo-s5:checked~.demo-window .demo-steps.g-calls,#demo-s5:checked~.demo-leads .l-calls{visibility:hidden;opacity:0}
#demo-s5:checked~.demo-tablist .t-calls{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s5:checked~.demo-window .demo-steps.g-spaces,#demo-s5:checked~.demo-leads .l-spaces{visibility:visible;opacity:1}
#demo-s5:checked~.demo-tablist .t-spaces{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#demo-s5:checked~.demo-window .demo-steps.g-network,#demo-s5:checked~.demo-leads .l-network{visibility:hidden;opacity:0}
#demo-s5:checked~.demo-tablist .t-network{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s5:checked~.demo-window .demo-steps .s5{color:var(--ink)}#demo-s5:checked~.demo-window .demo-steps .s5::after{transform:scaleX(1)}
#demo-s5:checked~.demo-window .demo-btn-pause,#demo-s5:checked~.demo-window .demo-btn-play{display:none}#demo-s5:checked~.demo-window .demo-btn-resume.r-spaces{display:inline-flex}
#demo-s5:focus-visible~.demo-window .demo-steps .s5 label{outline:2px solid var(--ink);outline-offset:3px}
#demo-s6:checked~.demo-tablist label,#demo-s6:checked~.demo-leads .demo-lead,#demo-s6:checked~.demo-window .demo-frame,#demo-s6:checked~.demo-window .demo-steps,#demo-s6:checked~.demo-window .demo-steps li,#demo-s6:checked~.demo-window .demo-steps li::after{animation:none}
#demo-s6:checked~.demo-window .demo-frame.f2{opacity:0}
#demo-s6:checked~.demo-window .demo-frame.f3{opacity:0}
#demo-s6:checked~.demo-window .demo-frame.f4{opacity:0}
#demo-s6:checked~.demo-window .demo-frame.f5{opacity:0}
#demo-s6:checked~.demo-window .demo-frame.f6{opacity:1}
#demo-s6:checked~.demo-window .demo-frame.f7{opacity:0}
#demo-s6:checked~.demo-window .demo-frame.f8{opacity:0}
#demo-s6:checked~.demo-window .demo-frame.f9{opacity:0}
#demo-s6:checked~.demo-window .demo-frame.f10{opacity:0}
#demo-s6:checked~.demo-window .demo-frame.f11{opacity:0}
#demo-s6:checked~.demo-window .demo-frame.f12{opacity:0}
#demo-s6:checked~.demo-window .demo-steps.g-calls,#demo-s6:checked~.demo-leads .l-calls{visibility:hidden;opacity:0}
#demo-s6:checked~.demo-tablist .t-calls{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s6:checked~.demo-window .demo-steps.g-spaces,#demo-s6:checked~.demo-leads .l-spaces{visibility:visible;opacity:1}
#demo-s6:checked~.demo-tablist .t-spaces{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#demo-s6:checked~.demo-window .demo-steps.g-network,#demo-s6:checked~.demo-leads .l-network{visibility:hidden;opacity:0}
#demo-s6:checked~.demo-tablist .t-network{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s6:checked~.demo-window .demo-steps .s6{color:var(--ink)}#demo-s6:checked~.demo-window .demo-steps .s6::after{transform:scaleX(1)}
#demo-s6:checked~.demo-window .demo-btn-pause,#demo-s6:checked~.demo-window .demo-btn-play{display:none}#demo-s6:checked~.demo-window .demo-btn-resume.r-spaces{display:inline-flex}
#demo-s6:focus-visible~.demo-window .demo-steps .s6 label{outline:2px solid var(--ink);outline-offset:3px}
#demo-s7:checked~.demo-tablist label,#demo-s7:checked~.demo-leads .demo-lead,#demo-s7:checked~.demo-window .demo-frame,#demo-s7:checked~.demo-window .demo-steps,#demo-s7:checked~.demo-window .demo-steps li,#demo-s7:checked~.demo-window .demo-steps li::after{animation:none}
#demo-s7:checked~.demo-window .demo-frame.f2{opacity:0}
#demo-s7:checked~.demo-window .demo-frame.f3{opacity:0}
#demo-s7:checked~.demo-window .demo-frame.f4{opacity:0}
#demo-s7:checked~.demo-window .demo-frame.f5{opacity:0}
#demo-s7:checked~.demo-window .demo-frame.f6{opacity:0}
#demo-s7:checked~.demo-window .demo-frame.f7{opacity:1}
#demo-s7:checked~.demo-window .demo-frame.f8{opacity:0}
#demo-s7:checked~.demo-window .demo-frame.f9{opacity:0}
#demo-s7:checked~.demo-window .demo-frame.f10{opacity:0}
#demo-s7:checked~.demo-window .demo-frame.f11{opacity:0}
#demo-s7:checked~.demo-window .demo-frame.f12{opacity:0}
#demo-s7:checked~.demo-window .demo-steps.g-calls,#demo-s7:checked~.demo-leads .l-calls{visibility:hidden;opacity:0}
#demo-s7:checked~.demo-tablist .t-calls{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s7:checked~.demo-window .demo-steps.g-spaces,#demo-s7:checked~.demo-leads .l-spaces{visibility:visible;opacity:1}
#demo-s7:checked~.demo-tablist .t-spaces{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#demo-s7:checked~.demo-window .demo-steps.g-network,#demo-s7:checked~.demo-leads .l-network{visibility:hidden;opacity:0}
#demo-s7:checked~.demo-tablist .t-network{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s7:checked~.demo-window .demo-steps .s7{color:var(--ink)}#demo-s7:checked~.demo-window .demo-steps .s7::after{transform:scaleX(1)}
#demo-s7:checked~.demo-window .demo-btn-pause,#demo-s7:checked~.demo-window .demo-btn-play{display:none}#demo-s7:checked~.demo-window .demo-btn-resume.r-spaces{display:inline-flex}
#demo-s7:focus-visible~.demo-window .demo-steps .s7 label{outline:2px solid var(--ink);outline-offset:3px}
#demo-s8:checked~.demo-tablist label,#demo-s8:checked~.demo-leads .demo-lead,#demo-s8:checked~.demo-window .demo-frame,#demo-s8:checked~.demo-window .demo-steps,#demo-s8:checked~.demo-window .demo-steps li,#demo-s8:checked~.demo-window .demo-steps li::after{animation:none}
#demo-s8:checked~.demo-window .demo-frame.f2{opacity:0}
#demo-s8:checked~.demo-window .demo-frame.f3{opacity:0}
#demo-s8:checked~.demo-window .demo-frame.f4{opacity:0}
#demo-s8:checked~.demo-window .demo-frame.f5{opacity:0}
#demo-s8:checked~.demo-window .demo-frame.f6{opacity:0}
#demo-s8:checked~.demo-window .demo-frame.f7{opacity:0}
#demo-s8:checked~.demo-window .demo-frame.f8{opacity:1}
#demo-s8:checked~.demo-window .demo-frame.f9{opacity:0}
#demo-s8:checked~.demo-window .demo-frame.f10{opacity:0}
#demo-s8:checked~.demo-window .demo-frame.f11{opacity:0}
#demo-s8:checked~.demo-window .demo-frame.f12{opacity:0}
#demo-s8:checked~.demo-window .demo-steps.g-calls,#demo-s8:checked~.demo-leads .l-calls{visibility:hidden;opacity:0}
#demo-s8:checked~.demo-tablist .t-calls{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s8:checked~.demo-window .demo-steps.g-spaces,#demo-s8:checked~.demo-leads .l-spaces{visibility:visible;opacity:1}
#demo-s8:checked~.demo-tablist .t-spaces{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#demo-s8:checked~.demo-window .demo-steps.g-network,#demo-s8:checked~.demo-leads .l-network{visibility:hidden;opacity:0}
#demo-s8:checked~.demo-tablist .t-network{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s8:checked~.demo-window .demo-steps .s8{color:var(--ink)}#demo-s8:checked~.demo-window .demo-steps .s8::after{transform:scaleX(1)}
#demo-s8:checked~.demo-window .demo-btn-pause,#demo-s8:checked~.demo-window .demo-btn-play{display:none}#demo-s8:checked~.demo-window .demo-btn-resume.r-spaces{display:inline-flex}
#demo-s8:focus-visible~.demo-window .demo-steps .s8 label{outline:2px solid var(--ink);outline-offset:3px}
#demo-s9:checked~.demo-tablist label,#demo-s9:checked~.demo-leads .demo-lead,#demo-s9:checked~.demo-window .demo-frame,#demo-s9:checked~.demo-window .demo-steps,#demo-s9:checked~.demo-window .demo-steps li,#demo-s9:checked~.demo-window .demo-steps li::after{animation:none}
#demo-s9:checked~.demo-window .demo-frame.f2{opacity:0}
#demo-s9:checked~.demo-window .demo-frame.f3{opacity:0}
#demo-s9:checked~.demo-window .demo-frame.f4{opacity:0}
#demo-s9:checked~.demo-window .demo-frame.f5{opacity:0}
#demo-s9:checked~.demo-window .demo-frame.f6{opacity:0}
#demo-s9:checked~.demo-window .demo-frame.f7{opacity:0}
#demo-s9:checked~.demo-window .demo-frame.f8{opacity:0}
#demo-s9:checked~.demo-window .demo-frame.f9{opacity:1}
#demo-s9:checked~.demo-window .demo-frame.f10{opacity:0}
#demo-s9:checked~.demo-window .demo-frame.f11{opacity:0}
#demo-s9:checked~.demo-window .demo-frame.f12{opacity:0}
#demo-s9:checked~.demo-window .demo-steps.g-calls,#demo-s9:checked~.demo-leads .l-calls{visibility:hidden;opacity:0}
#demo-s9:checked~.demo-tablist .t-calls{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s9:checked~.demo-window .demo-steps.g-spaces,#demo-s9:checked~.demo-leads .l-spaces{visibility:hidden;opacity:0}
#demo-s9:checked~.demo-tablist .t-spaces{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s9:checked~.demo-window .demo-steps.g-network,#demo-s9:checked~.demo-leads .l-network{visibility:visible;opacity:1}
#demo-s9:checked~.demo-tablist .t-network{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#demo-s9:checked~.demo-window .demo-steps .s9{color:var(--ink)}#demo-s9:checked~.demo-window .demo-steps .s9::after{transform:scaleX(1)}
#demo-s9:checked~.demo-window .demo-btn-pause,#demo-s9:checked~.demo-window .demo-btn-play{display:none}#demo-s9:checked~.demo-window .demo-btn-resume.r-network{display:inline-flex}
#demo-s9:focus-visible~.demo-window .demo-steps .s9 label{outline:2px solid var(--ink);outline-offset:3px}
#demo-s10:checked~.demo-tablist label,#demo-s10:checked~.demo-leads .demo-lead,#demo-s10:checked~.demo-window .demo-frame,#demo-s10:checked~.demo-window .demo-steps,#demo-s10:checked~.demo-window .demo-steps li,#demo-s10:checked~.demo-window .demo-steps li::after{animation:none}
#demo-s10:checked~.demo-window .demo-frame.f2{opacity:0}
#demo-s10:checked~.demo-window .demo-frame.f3{opacity:0}
#demo-s10:checked~.demo-window .demo-frame.f4{opacity:0}
#demo-s10:checked~.demo-window .demo-frame.f5{opacity:0}
#demo-s10:checked~.demo-window .demo-frame.f6{opacity:0}
#demo-s10:checked~.demo-window .demo-frame.f7{opacity:0}
#demo-s10:checked~.demo-window .demo-frame.f8{opacity:0}
#demo-s10:checked~.demo-window .demo-frame.f9{opacity:0}
#demo-s10:checked~.demo-window .demo-frame.f10{opacity:1}
#demo-s10:checked~.demo-window .demo-frame.f11{opacity:0}
#demo-s10:checked~.demo-window .demo-frame.f12{opacity:0}
#demo-s10:checked~.demo-window .demo-steps.g-calls,#demo-s10:checked~.demo-leads .l-calls{visibility:hidden;opacity:0}
#demo-s10:checked~.demo-tablist .t-calls{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s10:checked~.demo-window .demo-steps.g-spaces,#demo-s10:checked~.demo-leads .l-spaces{visibility:hidden;opacity:0}
#demo-s10:checked~.demo-tablist .t-spaces{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s10:checked~.demo-window .demo-steps.g-network,#demo-s10:checked~.demo-leads .l-network{visibility:visible;opacity:1}
#demo-s10:checked~.demo-tablist .t-network{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#demo-s10:checked~.demo-window .demo-steps .s10{color:var(--ink)}#demo-s10:checked~.demo-window .demo-steps .s10::after{transform:scaleX(1)}
#demo-s10:checked~.demo-window .demo-btn-pause,#demo-s10:checked~.demo-window .demo-btn-play{display:none}#demo-s10:checked~.demo-window .demo-btn-resume.r-network{display:inline-flex}
#demo-s10:focus-visible~.demo-window .demo-steps .s10 label{outline:2px solid var(--ink);outline-offset:3px}
#demo-s11:checked~.demo-tablist label,#demo-s11:checked~.demo-leads .demo-lead,#demo-s11:checked~.demo-window .demo-frame,#demo-s11:checked~.demo-window .demo-steps,#demo-s11:checked~.demo-window .demo-steps li,#demo-s11:checked~.demo-window .demo-steps li::after{animation:none}
#demo-s11:checked~.demo-window .demo-frame.f2{opacity:0}
#demo-s11:checked~.demo-window .demo-frame.f3{opacity:0}
#demo-s11:checked~.demo-window .demo-frame.f4{opacity:0}
#demo-s11:checked~.demo-window .demo-frame.f5{opacity:0}
#demo-s11:checked~.demo-window .demo-frame.f6{opacity:0}
#demo-s11:checked~.demo-window .demo-frame.f7{opacity:0}
#demo-s11:checked~.demo-window .demo-frame.f8{opacity:0}
#demo-s11:checked~.demo-window .demo-frame.f9{opacity:0}
#demo-s11:checked~.demo-window .demo-frame.f10{opacity:0}
#demo-s11:checked~.demo-window .demo-frame.f11{opacity:1}
#demo-s11:checked~.demo-window .demo-frame.f12{opacity:0}
#demo-s11:checked~.demo-window .demo-steps.g-calls,#demo-s11:checked~.demo-leads .l-calls{visibility:hidden;opacity:0}
#demo-s11:checked~.demo-tablist .t-calls{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s11:checked~.demo-window .demo-steps.g-spaces,#demo-s11:checked~.demo-leads .l-spaces{visibility:hidden;opacity:0}
#demo-s11:checked~.demo-tablist .t-spaces{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s11:checked~.demo-window .demo-steps.g-network,#demo-s11:checked~.demo-leads .l-network{visibility:visible;opacity:1}
#demo-s11:checked~.demo-tablist .t-network{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#demo-s11:checked~.demo-window .demo-steps .s11{color:var(--ink)}#demo-s11:checked~.demo-window .demo-steps .s11::after{transform:scaleX(1)}
#demo-s11:checked~.demo-window .demo-btn-pause,#demo-s11:checked~.demo-window .demo-btn-play{display:none}#demo-s11:checked~.demo-window .demo-btn-resume.r-network{display:inline-flex}
#demo-s11:focus-visible~.demo-window .demo-steps .s11 label{outline:2px solid var(--ink);outline-offset:3px}
#demo-s12:checked~.demo-tablist label,#demo-s12:checked~.demo-leads .demo-lead,#demo-s12:checked~.demo-window .demo-frame,#demo-s12:checked~.demo-window .demo-steps,#demo-s12:checked~.demo-window .demo-steps li,#demo-s12:checked~.demo-window .demo-steps li::after{animation:none}
#demo-s12:checked~.demo-window .demo-frame.f2{opacity:0}
#demo-s12:checked~.demo-window .demo-frame.f3{opacity:0}
#demo-s12:checked~.demo-window .demo-frame.f4{opacity:0}
#demo-s12:checked~.demo-window .demo-frame.f5{opacity:0}
#demo-s12:checked~.demo-window .demo-frame.f6{opacity:0}
#demo-s12:checked~.demo-window .demo-frame.f7{opacity:0}
#demo-s12:checked~.demo-window .demo-frame.f8{opacity:0}
#demo-s12:checked~.demo-window .demo-frame.f9{opacity:0}
#demo-s12:checked~.demo-window .demo-frame.f10{opacity:0}
#demo-s12:checked~.demo-window .demo-frame.f11{opacity:0}
#demo-s12:checked~.demo-window .demo-frame.f12{opacity:1}
#demo-s12:checked~.demo-window .demo-steps.g-calls,#demo-s12:checked~.demo-leads .l-calls{visibility:hidden;opacity:0}
#demo-s12:checked~.demo-tablist .t-calls{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s12:checked~.demo-window .demo-steps.g-spaces,#demo-s12:checked~.demo-leads .l-spaces{visibility:hidden;opacity:0}
#demo-s12:checked~.demo-tablist .t-spaces{background:var(--paper);color:var(--ink);border-color:var(--line)}
#demo-s12:checked~.demo-window .demo-steps.g-network,#demo-s12:checked~.demo-leads .l-network{visibility:visible;opacity:1}
#demo-s12:checked~.demo-tablist .t-network{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#demo-s12:checked~.demo-window .demo-steps .s12{color:var(--ink)}#demo-s12:checked~.demo-window .demo-steps .s12::after{transform:scaleX(1)}
#demo-s12:checked~.demo-window .demo-btn-pause,#demo-s12:checked~.demo-window .demo-btn-play{display:none}#demo-s12:checked~.demo-window .demo-btn-resume.r-network{display:inline-flex}
#demo-s12:focus-visible~.demo-window .demo-steps .s12 label{outline:2px solid var(--ink);outline-offset:3px}
#demo-paused-calls:focus-visible~.demo-window .demo-btn-play.p-calls,#demo-paused-spaces:focus-visible~.demo-window .demo-btn-play.p-spaces,#demo-paused-network:focus-visible~.demo-window .demo-btn-play.p-network{outline:2px solid var(--paper);outline-offset:2px;box-shadow:0 0 0 4px var(--ink)}
#demo-from-calls:focus-visible~.demo-tablist .t-calls{outline:2px solid var(--ink);outline-offset:3px}
#demo-from-spaces:focus-visible~.demo-tablist .t-spaces{outline:2px solid var(--ink);outline-offset:3px}
#demo-from-network:focus-visible~.demo-tablist .t-network{outline:2px solid var(--ink);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.demo-tablist label,.demo-leads .demo-lead,.demo-window .demo-frame,.demo-window .demo-steps,.demo-window .demo-steps li,.demo-window .demo-steps li::after{animation:none!important}#demo-from-calls:checked~.demo-window .demo-frame.f2,#demo-paused-calls:checked~.demo-window .demo-frame.f2{opacity:0}#demo-from-calls:checked~.demo-window .demo-frame.f3,#demo-paused-calls:checked~.demo-window .demo-frame.f3{opacity:0}#demo-from-calls:checked~.demo-window .demo-frame.f4,#demo-paused-calls:checked~.demo-window .demo-frame.f4{opacity:0}#demo-from-calls:checked~.demo-window .demo-frame.f5,#demo-paused-calls:checked~.demo-window .demo-frame.f5{opacity:0}#demo-from-calls:checked~.demo-window .demo-frame.f6,#demo-paused-calls:checked~.demo-window .demo-frame.f6{opacity:0}#demo-from-calls:checked~.demo-window .demo-frame.f7,#demo-paused-calls:checked~.demo-window .demo-frame.f7{opacity:0}#demo-from-calls:checked~.demo-window .demo-frame.f8,#demo-paused-calls:checked~.demo-window .demo-frame.f8{opacity:0}#demo-from-calls:checked~.demo-window .demo-frame.f9,#demo-paused-calls:checked~.demo-window .demo-frame.f9{opacity:0}#demo-from-calls:checked~.demo-window .demo-frame.f10,#demo-paused-calls:checked~.demo-window .demo-frame.f10{opacity:0}#demo-from-calls:checked~.demo-window .demo-frame.f11,#demo-paused-calls:checked~.demo-window .demo-frame.f11{opacity:0}#demo-from-calls:checked~.demo-window .demo-frame.f12,#demo-paused-calls:checked~.demo-window .demo-frame.f12{opacity:0}#demo-from-calls:checked~.demo-window .demo-steps.g-calls,#demo-paused-calls:checked~.demo-window .demo-steps.g-calls,#demo-from-calls:checked~.demo-leads .l-calls,#demo-paused-calls:checked~.demo-leads .l-calls{visibility:visible;opacity:1}#demo-from-calls:checked~.demo-tablist .t-calls,#demo-paused-calls:checked~.demo-tablist .t-calls{background:var(--ink);color:var(--paper);border-color:var(--ink)}#demo-from-calls:checked~.demo-window .demo-steps.g-spaces,#demo-paused-calls:checked~.demo-window .demo-steps.g-spaces,#demo-from-calls:checked~.demo-leads .l-spaces,#demo-paused-calls:checked~.demo-leads .l-spaces{visibility:hidden;opacity:0}#demo-from-calls:checked~.demo-tablist .t-spaces,#demo-paused-calls:checked~.demo-tablist .t-spaces{background:var(--paper);color:var(--ink);border-color:var(--line)}#demo-from-calls:checked~.demo-window .demo-steps.g-network,#demo-paused-calls:checked~.demo-window .demo-steps.g-network,#demo-from-calls:checked~.demo-leads .l-network,#demo-paused-calls:checked~.demo-leads .l-network{visibility:hidden;opacity:0}#demo-from-calls:checked~.demo-tablist .t-network,#demo-paused-calls:checked~.demo-tablist .t-network{background:var(--paper);color:var(--ink);border-color:var(--line)}#demo-from-spaces:checked~.demo-window .demo-frame.f2,#demo-paused-spaces:checked~.demo-window .demo-frame.f2{opacity:0}#demo-from-spaces:checked~.demo-window .demo-frame.f3,#demo-paused-spaces:checked~.demo-window .demo-frame.f3{opacity:0}#demo-from-spaces:checked~.demo-window .demo-frame.f4,#demo-paused-spaces:checked~.demo-window .demo-frame.f4{opacity:0}#demo-from-spaces:checked~.demo-window .demo-frame.f5,#demo-paused-spaces:checked~.demo-window .demo-frame.f5{opacity:1}#demo-from-spaces:checked~.demo-window .demo-frame.f6,#demo-paused-spaces:checked~.demo-window .demo-frame.f6{opacity:0}#demo-from-spaces:checked~.demo-window .demo-frame.f7,#demo-paused-spaces:checked~.demo-window .demo-frame.f7{opacity:0}#demo-from-spaces:checked~.demo-window .demo-frame.f8,#demo-paused-spaces:checked~.demo-window .demo-frame.f8{opacity:0}#demo-from-spaces:checked~.demo-window .demo-frame.f9,#demo-paused-spaces:checked~.demo-window .demo-frame.f9{opacity:0}#demo-from-spaces:checked~.demo-window .demo-frame.f10,#demo-paused-spaces:checked~.demo-window .demo-frame.f10{opacity:0}#demo-from-spaces:checked~.demo-window .demo-frame.f11,#demo-paused-spaces:checked~.demo-window .demo-frame.f11{opacity:0}#demo-from-spaces:checked~.demo-window .demo-frame.f12,#demo-paused-spaces:checked~.demo-window .demo-frame.f12{opacity:0}#demo-from-spaces:checked~.demo-window .demo-steps.g-calls,#demo-paused-spaces:checked~.demo-window .demo-steps.g-calls,#demo-from-spaces:checked~.demo-leads .l-calls,#demo-paused-spaces:checked~.demo-leads .l-calls{visibility:hidden;opacity:0}#demo-from-spaces:checked~.demo-tablist .t-calls,#demo-paused-spaces:checked~.demo-tablist .t-calls{background:var(--paper);color:var(--ink);border-color:var(--line)}#demo-from-spaces:checked~.demo-window .demo-steps.g-spaces,#demo-paused-spaces:checked~.demo-window .demo-steps.g-spaces,#demo-from-spaces:checked~.demo-leads .l-spaces,#demo-paused-spaces:checked~.demo-leads .l-spaces{visibility:visible;opacity:1}#demo-from-spaces:checked~.demo-tablist .t-spaces,#demo-paused-spaces:checked~.demo-tablist .t-spaces{background:var(--ink);color:var(--paper);border-color:var(--ink)}#demo-from-spaces:checked~.demo-window .demo-steps.g-network,#demo-paused-spaces:checked~.demo-window .demo-steps.g-network,#demo-from-spaces:checked~.demo-leads .l-network,#demo-paused-spaces:checked~.demo-leads .l-network{visibility:hidden;opacity:0}#demo-from-spaces:checked~.demo-tablist .t-network,#demo-paused-spaces:checked~.demo-tablist .t-network{background:var(--paper);color:var(--ink);border-color:var(--line)}#demo-from-network:checked~.demo-window .demo-frame.f2,#demo-paused-network:checked~.demo-window .demo-frame.f2{opacity:0}#demo-from-network:checked~.demo-window .demo-frame.f3,#demo-paused-network:checked~.demo-window .demo-frame.f3{opacity:0}#demo-from-network:checked~.demo-window .demo-frame.f4,#demo-paused-network:checked~.demo-window .demo-frame.f4{opacity:0}#demo-from-network:checked~.demo-window .demo-frame.f5,#demo-paused-network:checked~.demo-window .demo-frame.f5{opacity:0}#demo-from-network:checked~.demo-window .demo-frame.f6,#demo-paused-network:checked~.demo-window .demo-frame.f6{opacity:0}#demo-from-network:checked~.demo-window .demo-frame.f7,#demo-paused-network:checked~.demo-window .demo-frame.f7{opacity:0}#demo-from-network:checked~.demo-window .demo-frame.f8,#demo-paused-network:checked~.demo-window .demo-frame.f8{opacity:0}#demo-from-network:checked~.demo-window .demo-frame.f9,#demo-paused-network:checked~.demo-window .demo-frame.f9{opacity:1}#demo-from-network:checked~.demo-window .demo-frame.f10,#demo-paused-network:checked~.demo-window .demo-frame.f10{opacity:0}#demo-from-network:checked~.demo-window .demo-frame.f11,#demo-paused-network:checked~.demo-window .demo-frame.f11{opacity:0}#demo-from-network:checked~.demo-window .demo-frame.f12,#demo-paused-network:checked~.demo-window .demo-frame.f12{opacity:0}#demo-from-network:checked~.demo-window .demo-steps.g-calls,#demo-paused-network:checked~.demo-window .demo-steps.g-calls,#demo-from-network:checked~.demo-leads .l-calls,#demo-paused-network:checked~.demo-leads .l-calls{visibility:hidden;opacity:0}#demo-from-network:checked~.demo-tablist .t-calls,#demo-paused-network:checked~.demo-tablist .t-calls{background:var(--paper);color:var(--ink);border-color:var(--line)}#demo-from-network:checked~.demo-window .demo-steps.g-spaces,#demo-paused-network:checked~.demo-window .demo-steps.g-spaces,#demo-from-network:checked~.demo-leads .l-spaces,#demo-paused-network:checked~.demo-leads .l-spaces{visibility:hidden;opacity:0}#demo-from-network:checked~.demo-tablist .t-spaces,#demo-paused-network:checked~.demo-tablist .t-spaces{background:var(--paper);color:var(--ink);border-color:var(--line)}#demo-from-network:checked~.demo-window .demo-steps.g-network,#demo-paused-network:checked~.demo-window .demo-steps.g-network,#demo-from-network:checked~.demo-leads .l-network,#demo-paused-network:checked~.demo-leads .l-network{visibility:visible;opacity:1}#demo-from-network:checked~.demo-tablist .t-network,#demo-paused-network:checked~.demo-tablist .t-network{background:var(--ink);color:var(--paper);border-color:var(--ink)}}
