.dt-hero.cb-hero .cb-outline{transition:opacity .7s ease}.dt-hero.cb-hero[data-stage=draw] .g-model,.dt-hero.cb-hero[data-stage=draw] .g-live,.dt-hero.cb-hero[data-stage=model] .g-draw,.dt-hero.cb-hero[data-stage=model] .g-live,.dt-hero.cb-hero[data-stage=live] .g-draw,.dt-hero.cb-hero[data-stage=live] .g-model,.dt-hero.cb-hero[data-stage=live] .cb-outline{opacity:0}.cb-hero .cb-file{animation:cbFloat 3.4s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes cbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.cb-hero[data-stage=model] .cb-row{animation:cbIn .55s ease-out both;animation-delay:var(--d, 0s)}.cb-hero[data-stage=live] .cb-reg{animation:cbIn .55s ease-out both}.cb-hero[data-stage=live] .cb-reg:nth-of-type(2){animation-delay:.2s}.cb-hero[data-stage=live] .cb-reg:nth-of-type(3){animation-delay:.4s}@keyframes cbIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.cb-hero .cb-link path{animation:cbDash 1.4s linear infinite}@keyframes cbDash{to{stroke-dashoffset:-14}}.cb-flow{background:#f7fafc;border-radius:14px;padding:14px;margin:0 0 14px}.cb-flow svg{width:100%;height:auto;display:block}.cb-flow__cap{margin:0;font-size:15px;line-height:1.75}.cb-flow-w[data-mode=without] .cb-gate,.cb-flow-w[data-mode=without] .cb-pk-ok,.cb-flow-w[data-mode=without] .cb-cap-w,.cb-flow-w[data-mode=with] .cb-gap,.cb-flow-w[data-mode=with] .cb-pk-bad,.cb-flow-w[data-mode=with] .cb-cap-wo{display:none}.cb-flow-w[data-mode=without] .cb-ops{fill:#f3f5f7}.dt-nojs .cb-flow-w .cb-cap-w{display:block}.cb-pk circle{offset-rotate:0deg;animation:cbMove 3s linear infinite;animation-delay:var(--d, 0s);opacity:0}.cb-pk-ok circle:nth-child(1){offset-path:path("M142 40 C220 40 230 105 300 105 L498 105")}.cb-pk-ok circle:nth-child(2){offset-path:path("M142 105 L498 105")}.cb-pk-ok circle:nth-child(3){offset-path:path("M142 170 C220 170 230 105 300 105 L498 105")}.cb-pk-bad circle:nth-child(1){offset-path:path("M142 40 C220 40 230 105 300 105 L318 180")}.cb-pk-bad circle:nth-child(2){offset-path:path("M142 105 L330 105 L346 185")}.cb-pk-bad circle:nth-child(3){offset-path:path("M142 170 C220 170 230 105 300 105 L366 182")}.cb-pk-bad circle{animation-name:cbFall}@keyframes cbMove{0%{offset-distance:0%;opacity:0}8%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes cbFall{0%{offset-distance:0%;opacity:0}8%{opacity:1}75%{opacity:1}to{offset-distance:100%;opacity:0}}@supports not (offset-path: path("M0 0")){.cb-pk{display:none}}@media(prefers-reduced-motion:reduce){.cb-hero .cb-file,.cb-hero .cb-row,.cb-hero .cb-reg,.cb-hero .cb-link path{animation:none}.cb-pk{display:none}}