.byoc-comparison{--bg:#f9fafb;--paper:#f1f3f5;--tile:#fff;--stroke:#d3d8de;--ink:#1f242e;--muted:#4b5563;--brand:#085cff;--brand-soft:#085cff12;--ok:#058034;--ok-soft:#05803412;--warn:#c11816;--label:var(--font-rajdhani-face), "Segoe UI", Arial, sans-serif;--body:"ABC Diatype", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif}.byoc-comparison .lbl{font-family:var(--label)}.byoc-comparison .ink{fill:var(--ink)}.byoc-comparison .mut{fill:var(--muted)}.byoc-comparison .brand{fill:var(--brand)}.byoc-comparison .ok{fill:var(--ok)}.byoc-comparison .st{opacity:0;pointer-events:none;transition:opacity .35s}.byoc-comparison[data-state=none] .st-none,.byoc-comparison[data-state=oumi] .st-oumi,.byoc-comparison[data-state=byoc] .st-byoc{opacity:1}.byoc-comparison .bub{will-change:transform;transition:transform .65s cubic-bezier(.4,0,.2,1)}.byoc-comparison .bucket{transform-box:fill-box;transform-origin:50% 100%;transition:transform .55s cubic-bezier(.2,.8,.2,1);transform:scaleY(1)}.byoc-comparison .after{opacity:1;transition:opacity .3s}.byoc-comparison[data-from=none][data-state=oumi] .st-oumi .bucket-inner,.byoc-comparison[data-from=none][data-state=byoc] .st-byoc .bucket-inner{animation:.55s cubic-bezier(.2,.8,.2,1) .5s both byoc-rise}.byoc-comparison[data-from=none][data-state=byoc] .bucket-vpc{animation:.6s cubic-bezier(.2,.8,.2,1) 1s both byoc-rise}.byoc-comparison[data-from=oumi][data-state=byoc] .bucket-vpc{animation:.55s cubic-bezier(.2,.8,.2,1) both byoc-rise}.byoc-comparison[data-from=none][data-state=oumi] .st-oumi .after,.byoc-comparison[data-from=none][data-state=byoc] .st-byoc .after:not(.after-vpc){animation:.3s 1.05s both byoc-appear}.byoc-comparison[data-from=none][data-state=byoc] .after-vpc{animation:.3s 1.6s both byoc-appear}.byoc-comparison[data-from=oumi][data-state=byoc] .after-vpc{animation:.3s .5s both byoc-appear}.byoc-comparison[data-from=none][data-state=oumi] .st-oumi.late,.byoc-comparison[data-from=none][data-state=byoc] .st-byoc.late{animation:.3s 1.05s both byoc-appear}.byoc-comparison[data-from=none][data-state=byoc] .st-byoc.late-vpc{animation:.3s 1.6s both byoc-appear}.byoc-comparison[data-from=oumi][data-state=byoc] .st-byoc.late-vpc{animation:.3s .5s both byoc-appear}@keyframes byoc-rise{0%{transform:scaleY(.03)}to{transform:scaleY(1)}}@keyframes byoc-appear{0%{opacity:0}to{opacity:1}}.byoc-comparison .bub rect{fill:var(--tile);stroke:var(--vendor);stroke-width:1.6px;transition:stroke .45s,stroke-width .45s}.byoc-comparison[data-state=oumi] .bub rect{stroke:var(--brand);stroke-width:2px}.byoc-comparison[data-state=byoc] .bub rect{stroke:var(--ok);stroke-width:2px}.byoc-comparison[data-state=none] .bub[data-stage=evaluate]{transform:translate(644px,112px)}.byoc-comparison[data-state=oumi] .bub[data-stage=evaluate],.byoc-comparison[data-state=byoc] .bub[data-stage=evaluate]{transform:translate(314px,136px)}.byoc-comparison[data-state=none] .bub[data-stage=synthesize]{transform:translate(644px,216px)}.byoc-comparison[data-state=oumi] .bub[data-stage=synthesize],.byoc-comparison[data-state=byoc] .bub[data-stage=synthesize]{transform:translate(534px,136px)}.byoc-comparison[data-state=none] .bub[data-stage=train]{transform:translate(644px,320px)}.byoc-comparison[data-state=oumi] .bub[data-stage=train],.byoc-comparison[data-state=byoc] .bub[data-stage=train]{transform:translate(754px,136px)}.byoc-comparison[data-state=none] .bub[data-stage=monitor]{transform:translate(644px,528px)}.byoc-comparison[data-state=oumi] .bub[data-stage=monitor],.byoc-comparison[data-state=byoc] .bub[data-stage=monitor]{transform:translate(314px,336px)}.byoc-comparison[data-state=none] .bub[data-stage=deploy]{transform:translate(644px,424px)}.byoc-comparison[data-state=oumi] .bub[data-stage=deploy],.byoc-comparison[data-state=byoc] .bub[data-stage=deploy]{transform:translate(754px,336px)}.byoc-comparison .you{will-change:transform;transition:transform .65s cubic-bezier(.4,0,.2,1);transform:translate(130px,300px)}.byoc-comparison .you circle:first-child{fill:var(--paper);stroke:var(--stroke);stroke-width:1.6px}.byoc-comparison .move{animation:1.2s linear infinite byoc-travel}@keyframes byoc-travel{to{stroke-dashoffset:-24px}}@media (prefers-reduced-motion:reduce){.byoc-comparison .move{animation:none}.byoc-comparison .st,.byoc-comparison .bub,.byoc-comparison .you,.byoc-comparison .bucket{transition:none;animation:none!important}.byoc-comparison .after,.byoc-comparison .late,.byoc-comparison .late-vpc{animation:none!important}}