._2okba_motion{min-width:0}._2okba_meta{color:#71717a;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:.45rem;font-size:.62rem;font-weight:700;display:flex}._2okba_toggle{color:#f4f4f5;background:#18181b;border:1px solid #52525b;border-radius:999px;place-items:center;width:1.65rem;height:1.65rem;display:grid}._2okba_toggle svg{width:.78rem;height:.78rem}._2okba_toggle:focus-visible{outline-offset:2px;outline:2px solid #ea580c}._2okba_demo{background:#18181b;border:1px solid #3f3f46;border-radius:.55rem;min-width:0;margin:0;overflow:hidden}._2okba_canvas{color:#f4f4f5;min-width:0;height:11.5rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.81rem;line-height:1.35;position:relative;overflow:hidden}._2okba_chrome{gap:.25rem;display:flex;position:absolute;top:.6rem;left:.7rem}._2okba_chrome i{background:#52525b;border-radius:50%;width:.35rem;height:.35rem}._2okba_chrome i:first-child{background:#ea580c}._2okba_badge{color:#fed7aa;background:#3f3f46;border-radius:.18rem;padding:.22rem .35rem;font-size:.65rem}._2okba_wave{align-items:center;gap:3px;height:3.25rem;display:flex;position:absolute;top:2rem;left:1rem;right:1rem}._2okba_wave i{width:4px;height:var(--h);background:#fb923c;border-radius:3px;flex:1;animation:8s ease-in-out infinite _2okba_pulse}._2okba_cue{color:#18181b;background:#f4f4f5;border-radius:.25rem;padding:.45rem .55rem;animation:8s ease-in-out infinite _2okba_reveal;position:absolute;top:6.25rem;left:1rem}._2okba_cueTag{animation:8s ease-in-out .2s infinite _2okba_reveal;position:absolute;top:8.65rem;left:1rem}._2okba_before,._2okba_after{border-radius:.25rem;padding:.55rem;position:absolute;left:1rem;right:1rem}._2okba_before{color:#a1a1aa;text-decoration:line-through;top:3.15rem}._2okba_after{color:#fed7aa;background:#4a260e;animation:8s ease-in-out infinite _2okba_reveal;top:6.5rem}._2okba_convertArrow{color:#fb923c;font-size:1.2rem;animation:8s ease-in-out infinite _2okba_reveal;position:absolute;top:5rem;left:1.2rem}._2okba_track{background:#27272a;border:1px solid #52525b;border-radius:.3rem;gap:.65rem;padding:.6rem;animation:8s ease-in-out infinite _2okba_rise;display:flex;position:absolute;top:3.15rem;left:1rem;right:1rem}._2okba_track b{color:#fb923c;font-size:.65rem}._2okba_track i{text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}._2okba_trackSecond{animation-delay:.22s;top:6.4rem}._2okba_caret{border-left:2px solid #fb923c;height:1rem;animation:8s step-end infinite _2okba_blink;position:absolute;top:7rem;right:1.5rem}._2okba_time{color:#a1a1aa;font-size:.7rem;position:absolute;top:2rem;left:1rem}._2okba_editLine{gap:.55rem;display:grid;position:absolute;top:3.55rem;left:1rem;right:1rem}._2okba_editLine s{color:#a1a1aa}._2okba_editLine b{color:#fed7aa;background:#4a260e;border-radius:.25rem;padding:.5rem;font-weight:500;animation:8s ease-in-out infinite _2okba_reveal}._2okba_fileReady{color:#fed7aa;border:1px solid #fb923c;border-radius:.22rem;padding:.35rem .5rem;animation:8s ease-in-out infinite _2okba_reveal;position:absolute;bottom:1rem;right:1rem}._2okba_file{background:#27272a;border:1px solid #52525b;border-radius:.25rem;padding:.55rem .65rem;position:absolute;top:3.1rem;left:1rem}._2okba_progress{background:#3f3f46;border-radius:99px;height:.5rem;position:absolute;top:6.7rem;left:1rem;right:1rem;overflow:hidden}._2okba_progress i{background:#f97316;height:100%;animation:8s ease-in-out infinite _2okba_load;display:block}._2okba_percent{color:#fed7aa;animation:8s ease-in-out infinite _2okba_reveal;position:absolute;top:7.6rem;right:1rem}._2okba_choice{border:1px solid #52525b;border-radius:.28rem;justify-content:space-between;padding:.6rem;animation:8s ease-in-out infinite _2okba_rise;display:flex;position:absolute;top:3rem;left:1rem;right:1rem}._2okba_choice b{color:#fb923c}._2okba_choiceSecond{animation-delay:.2s;top:6.4rem}._2okba_check{color:#fff;background:#ea580c;border-radius:50%;place-items:center;width:1.55rem;height:1.55rem;animation:8s ease-in-out infinite _2okba_pop;display:grid;position:absolute;bottom:1rem;right:1rem}._2okba_captionBuild{color:#18181b;background:#f4f4f5;border-radius:.22rem;padding:.5rem .6rem;animation:8s ease-in-out infinite _2okba_reveal;position:absolute;top:6.6rem;left:1rem}._2okba_captionSecond{animation-delay:.16s;top:8.4rem}._2okba_downloadArrow{color:#fb923c;font-size:2rem;animation:8s ease-in-out infinite _2okba_down;position:absolute;top:5.7rem;left:50%}._2okba_ready{color:#fed7aa;animation:8s ease-in-out infinite _2okba_reveal;position:absolute;bottom:1rem;right:1rem}._2okba_paused *,._2okba_paused :before,._2okba_paused :after{animation-play-state:paused!important}@keyframes _2okba_rise{0%,10%{opacity:0;transform:translateY(10px)}21%,78%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(-5px)}}@keyframes _2okba_reveal{0%,24%{opacity:0;transform:translateY(6px)}34%,78%{opacity:1;transform:translateY(0)}91%,to{opacity:0}}@keyframes _2okba_pulse{0%,15%,78%,to{opacity:.45;transform:scaleY(.42)}28%,58%{opacity:1;transform:scaleY(1)}}@keyframes _2okba_blink{0%,38%,78%,to{opacity:0}42%,70%{opacity:1}}@keyframes _2okba_pop{0%,34%{opacity:0;transform:scale(0)}44%,78%{opacity:1;transform:scale(1)}91%,to{opacity:0;transform:scale(.7)}}@keyframes _2okba_load{0%,12%{width:3%}50%,78%{width:100%}91%,to{width:3%}}@keyframes _2okba_down{0%,25%,78%,to{opacity:0;transform:translateY(-8px)}39%,72%{opacity:1;transform:translateY(7px)}}@media (prefers-reduced-motion:reduce){._2okba_canvas *,._2okba_canvas :before,._2okba_canvas :after{opacity:1!important;animation:none!important;transform:none!important}._2okba_caret{display:none}._2okba_progress i{width:100%}}._2okba_wave{justify-content:space-between;gap:2px}._2okba_wave i{flex:0 4px;width:2px;max-width:4px}._2okba_original{color:#f4f4f5;border:1px solid #52525b;border-radius:.25rem;padding:.55rem;position:absolute;top:3.15rem;left:1rem;right:1rem}._2okba_previousText{animation:8s ease-in-out infinite _2okba_replaceOld}._2okba_updatedText{animation:8s ease-in-out infinite _2okba_replaceNew}._2okba_formats{gap:.45rem;display:flex;position:absolute;top:6.3rem;left:1rem}._2okba_formats>*{color:#a1a1aa;border:1px solid #52525b;border-radius:.22rem;padding:.35rem .55rem;font-style:normal}._2okba_formats b{color:#fed7aa;border-color:#fb923c}._2okba_percent{animation-name:_2okba_percent}._2okba_choice{animation-name:_2okba_choose}@keyframes _2okba_percent{0%,49%{opacity:0}50%,78%{opacity:1}91%,to{opacity:0}}@keyframes _2okba_choose{0%,15%{opacity:0;transform:translateY(10px)}26%,38%{opacity:1;border-color:#52525b;transform:translateY(0)}48%,78%{opacity:1;border-color:#fb923c;transform:translateY(0);box-shadow:0 0 0 1px #4a260e}90%,to{opacity:0}}@keyframes _2okba_replaceOld{0%,42%{opacity:1}50%,to{opacity:0}}@keyframes _2okba_replaceNew{0%,46%{opacity:0}47%,78%{opacity:1}to{opacity:0}}._2okba_track{animation:none}._2okba_trackSecond{min-height:2.4rem}._2okba_previousText,._2okba_updatedText{position:absolute;left:3.5rem;right:.6rem}#workflow ._2okba_meta{color:#a1a1aa}@media (prefers-reduced-motion:reduce){._2okba_previousText{display:none}._2okba_updatedText{opacity:1;display:block}}