@charset "UTF-8";@font-face{font-family:Archivo Black;src:url(/fonts/Archivo_Black/ArchivoBlack-Regular.ttf)}@font-face{font-family:Archivo Narrow;src:url(/fonts/Archivo_Narrow/ArchivoNarrow-VariableFont_wght.ttf)}@font-face{font-family:Nunito;src:url(/fonts/Nunito/Nunito-VariableFont_wght.ttf)}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf)}@font-face{font-family:Eraser;src:url(/fonts/Eraser/eraser.regular.ttf)}@font-face{font-family:Segment;src:url(/fonts/14-segmented-display/14-segmented-display.otf)}@font-face{font-family:Indie Flower;src:url(/fonts/Indie_Flower/IndieFlower-Regular.ttf)}@font-face{font-family:Space;src:url(/fonts/SpaceMono/SpaceMono-Regular.ttf)}@font-face{font-family:Dots;src:url(/fonts/Dots/led_counter-7.ttf)}*{padding:0;margin:0;text-decoration:none;box-sizing:border-box;font-family:Nunito}html{scroll-behavior:smooth}html[data-theme=dark] body{background-color:#1d1d1d}html[data-theme=dark] body header{background-color:#131313}html[data-theme=dark] body header .primary-menu{background-color:#131313dd}html[data-theme=dark] body ul,html[data-theme=dark] body ol,html[data-theme=dark] body p,html[data-theme=dark] body figcaption{color:#fff}html[data-theme=dark] body ul :not(mark,mark>*),html[data-theme=dark] body ol :not(mark,mark>*),html[data-theme=dark] body p :not(mark,mark>*),html[data-theme=dark] body figcaption :not(mark,mark>*){color:#fff}html[data-theme=dark] body ul :not(mark,mark>*).marked,html[data-theme=dark] body ol :not(mark,mark>*).marked,html[data-theme=dark] body p :not(mark,mark>*).marked,html[data-theme=dark] body figcaption :not(mark,mark>*).marked{text-decoration-color:#fff}html[data-theme=dark] body ol>li:before{background-color:#00a8ac}html[data-theme=dark] body table#commands td.operation{color:#fff}html[data-theme=dark] body .sticky-nav .content-menu{background-color:#313131}html[data-theme=dark] body .sticky-nav .content-menu *{color:#fff}html[data-theme=dark] body .tooltip{background-color:#464646}html[data-theme=dark] body .tooltip:after{border-color:#464646}html[data-theme=dark] body .modal-body{background-color:#333}html[data-theme=dark] body .modal-body .modal-main,html[data-theme=dark] body .modal-body .modal-main form *{color:#fff}html[data-theme=dark] body .modal-body .modal-main form input:not([type=checkbox]),html[data-theme=dark] body .modal-body .modal-main form select{border-color:#fff;background-color:#333}html[data-theme=dark] body .modal-body .modal-main form input[type=checkbox]:not(:checked):after{background-color:#e5e5e5}html[data-theme=dark] body .modal-body .modal-main form input[type=checkbox]:checked{background-color:#00a8ac!important}h1,h2,h3,h4{color:transparent;background-clip:text;display:inline-block}h1,h2{margin-bottom:.1em;background-image:linear-gradient(to right,#00a8ac,#5427a0);font-family:Archivo Black}h3,h4{background-image:linear-gradient(90deg,#8d49ff 5.85%,#00a8ac 73%,#8c4aff 149.38%);font-family:Archivo Narrow}h1{font-size:4em}h2{font-size:3.5em}h3{font-size:2.5em}h4{font-size:2em}ul,ol,p{font-size:1.4rem;text-align:justify}br{display:block;content:"";height:.5rem}section{text-align:center}section article{text-align:left}menu{list-style-type:none}ul,ol{padding-left:1.1em}ol{margin-left:2em}ol>li{position:relative}ol>li:not(:last-child){margin-bottom:.6rem}ol>li::marker{color:#fff;content:counter(list-item) " " " ";font-family:IBM Plex Mono}ol>li:before{content:"";z-index:-1;position:absolute;right:calc(100% + 1.12rem);background-color:#5427a0;border-radius:50%;width:2rem;height:2rem}ol>li ul{padding-left:2em}hr{border:0;height:2px;width:100%;background:linear-gradient(to right,#00a8ac,#5427a0)}mark{padding:0 .25em;background-color:#ffb61c}.undisplayed{display:none!important}.unvisible{opacity:0;visibility:hidden}.pre-code{background-color:#e5e5e5;padding:1em;border-radius:.5em;margin:1.5em 0;overflow-x:auto;display:flex;justify-content:space-between;align-items:flex-end;flex-direction:row;flex-wrap:nowrap;gap:0}.pre-code code{font-size:1.15em}.pre-code code,.pre-code code *{font-weight:700;color:#005cc5;font-family:IBM Plex Mono}.pre-code code .comment{color:gray}.pre-code code .reserved{color:#6f42c1}.pre-code code .value{color:#d73a49}.pre-code button.code,.pre-code a.code{border-radius:.4em;border:.1rem solid #00000030;min-width:32px;right:0;position:sticky;width:32px;height:32px}.pre-code button.code:hover,.pre-code a.code:hover{border-color:#000}.pre-code button.code.copy,.pre-code a.code.copy{font-size:1.5rem;font-weight:700;text-transform:uppercase;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:0;background:url(/img/clipboard.svg) center/70% no-repeat,linear-gradient(90deg,#0d77cc 5.85%,#00a8ac 73%,#0f6ed2 149.38%) center center transparent}.pre-code button.code.copy:hover,.pre-code a.code.copy:hover{box-shadow:3px 3px 5px #0006}.pre-code button.code.copy:hover,.pre-code a.code.copy:hover{background-image:url(/img/clipboard.svg),linear-gradient(90deg,#8d49ff 5.85%,#00a8ac 73%,#8c4aff 149.38%)}.pre-code button.code.copy.copied,.pre-code a.code.copy.copied{border-radius:50%;font-size:1.5rem;font-weight:700;text-transform:uppercase;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:0;background:url(/img/check.svg) center/70% no-repeat,linear-gradient(90deg,#0d77cc 5.85%,#00a8ac 73%,#0f6ed2 149.38%) center center transparent}.pre-code button.code.copy.copied:hover,.pre-code a.code.copy.copied:hover{box-shadow:3px 3px 5px #0006}.pre-code button.code.copy.copied:hover,.pre-code a.code.copy.copied:hover{background-image:url(/img/check.svg),linear-gradient(90deg,#8d49ff 5.85%,#00a8ac 73%,#8c4aff 149.38%)}.pre-code button.code.open,.pre-code a.code.open{font-size:1.5rem;font-weight:700;text-transform:uppercase;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:0;background:url(/img/open.svg) center/70% no-repeat,linear-gradient(90deg,#0d77cc 5.85%,#00a8ac 73%,#0f6ed2 149.38%) center center transparent}.pre-code button.code.open:hover,.pre-code a.code.open:hover{box-shadow:3px 3px 5px #0006}.pre-code button.code.open:hover,.pre-code a.code.open:hover{background-image:url(/img/open.svg),linear-gradient(90deg,#8d49ff 5.85%,#00a8ac 73%,#8c4aff 149.38%)}.pre-code div:has(>.open){min-width:calc(64px + .5em);right:0;position:sticky;display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;gap:0}button{border:none;cursor:pointer;transition:.5s}button:active{filter:brightness(.8)}button.burger-menu{border-radius:.3em;width:45px;height:45px;background-color:transparent;background-image:url(/img/menu.svg);background-position:inherit;background-repeat:initial;background-size:contain}button.burger-menu:hover{background-color:#00000015}button.switch-theme{border-radius:50%;z-index:10;position:fixed;right:.5rem;bottom:.5rem;width:3rem;height:3rem;font-size:1.5rem;font-weight:700;text-transform:uppercase;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:0;background:url(/img/moon.svg) center/70% no-repeat,linear-gradient(90deg,#0d77cc 5.85%,#00a8ac 73%,#0f6ed2 149.38%) center center transparent}button.switch-theme:hover{box-shadow:3px 3px 5px #0006}button.switch-theme:hover{background-image:url(/img/moon.svg),linear-gradient(90deg,#8d49ff 5.85%,#00a8ac 73%,#8c4aff 149.38%)}button.switch-theme.dark{font-size:1.5rem;font-weight:700;text-transform:uppercase;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:0;background:url(/img/sun.svg) center/70% no-repeat,linear-gradient(90deg,#0d77cc 5.85%,#00a8ac 73%,#0f6ed2 149.38%) center center transparent}button.switch-theme.dark:hover{box-shadow:3px 3px 5px #0006}button.switch-theme.dark:hover{background-image:url(/img/sun.svg),linear-gradient(90deg,#8d49ff 5.85%,#00a8ac 73%,#8c4aff 149.38%)}a{color:#000;cursor:pointer}a.marked{text-decoration:underline #000000 .01em}a.marked:hover{text-decoration-thickness:.1em}a.location{line-height:.5em}a.location:after{content:"📌";font-size:.6em;vertical-align:top}a.external{cursor:alias}body:not(.dont-show-tips) .tooltiper:hover .tooltip{visibility:visible;transition-delay:1s;transition-property:visibility;animation:reveal 3s 1}.tooltiper{position:relative}.tooltiper .tooltip{padding:.1em .8em;background-color:#1f1f1f;font-weight:700;text-align:center;color:#fff;z-index:9;position:absolute;border-radius:.5em;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:0;opacity:0;visibility:hidden}.tooltiper .tooltip:after{content:"";position:absolute;z-index:-1;transform:rotate(45deg);border:5px solid #1f1f1f}.tooltiper .tooltip .tooltip-text{font-size:1em;text-transform:none}@media screen and (max-width: 768px) and (pointer: coarse){.tooltiper .tooltip .tooltip-text kbd{display:none}}.prequel:after{content:":"}::-webkit-scrollbar{height:.6em;width:.6rem}::-webkit-scrollbar-track{border-radius:.8em}::-webkit-scrollbar-track:hover{box-shadow:inset 0 0 .3em #00000060}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#42207e;border-radius:.8em;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{border-width:0;background-color:#019699}::-webkit-scrollbar-thumb:active{background-color:#1e4c6f}::-webkit-scrollbar-corner{background-color:transparent}@keyframes twink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes reveal{0%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes grow{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pulse{0%{filter:brightness(1)}50%{filter:brightness(.5)}to{filter:brightness(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header{position:sticky;top:0;z-index:9;background-color:#fff;box-shadow:1px 1px 9px #0003}header nav{max-width:90vw;display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;gap:0;margin-left:auto;margin-right:auto;position:relative}header nav a{color:#fff}header nav a:hover{text-decoration:underline #ffffff 2px}header nav a.home{font-size:1.5em;height:45px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.1em}@media screen and (max-width: 250px){header nav a.home h1{display:none!important}}header nav a.home:hover{filter:brightness(.9)}header nav a.home h1{font-size:1.8em;margin-bottom:0}header nav .primary-menu{transition:opacity .5s;display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;gap:1em 2em}header nav .primary-menu li .link-nav-1{background-color:#00a8ac;height:35px;padding:0 .7em;font-size:1.5em;border-radius:.4em}header nav .primary-menu li .link-nav-1:hover{background-color:#019699}header nav .primary-menu li .link-nav-2{background-color:#235a85;height:35px;padding:0 .7em;font-size:1.5em;border-radius:.4em}header nav .primary-menu li .link-nav-2:hover{background-color:#1e4c6f}header nav .primary-menu li .link-nav-3{background-color:#5427a0;height:35px;padding:0 .7em;font-size:1.5em;border-radius:.4em}header nav .primary-menu li .link-nav-3:hover{background-color:#42207e}header nav .primary-menu li button,header nav .primary-menu li a{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;gap:.5em}header nav span{color:#fff}header.index{padding:1em 0}@media screen and (max-width: 840px){header.index .primary-menu{position:absolute;top:calc(1em + 45px);right:0;z-index:10;align-items:end;flex-direction:column;padding:.5em;backdrop-filter:blur(2px);background-color:#fffd;box-shadow:inset 0 0 5px #0000004d;border-radius:0 0 .25em .25em}}@media screen and (min-width: 841px){header.index .burger-menu{display:none!important}}header.doc{padding:.5em 0}@media screen and (max-width: 840px){header.doc .primary-menu{position:absolute;top:calc(.5em + 45px);right:0;z-index:10;align-items:end;flex-direction:column;padding:.5em;backdrop-filter:blur(2px);background-color:#fffd;box-shadow:inset 0 0 5px #0000004d;border-radius:0 0 .25em .25em}}@media screen and (min-width: 841px){header.doc .burger-menu{display:none!important}}header.play{padding:.3em 0}header.play nav{max-width:93vw}@media screen and (max-width: 850px){header.play nav{max-width:88vw}}header.play nav .states-view{height:45px;max-width:calc(100% - 45px - 3em);display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:1em}header.play nav .states-view .state{height:100%;width:31%;padding:0 1em;border-radius:1em;filter:brightness(.6);display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:0}@media screen and (max-width: 870px){header.play nav .states-view .state{padding:0 1.5em}}header.play nav .states-view .state:hover{cursor:help}header.play nav .states-view .state .state-data{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.5em}header.play nav .states-view .state .state-data span{font-size:1.2em;font-weight:700;text-transform:uppercase;font-family:Space}header.play nav .states-view .state .state-data span.dot-state{border-radius:.1em;background-color:#fff;transition:.5s;width:24.75px;height:24.75px}@media screen and (max-width: 870px){header.play nav .states-view .state .state-data span.hvm-state{display:none!important}}header.play nav .states-view .state#running-state{background-color:green}header.play nav .states-view .state#running-state .dot-state{border-radius:50%}header.play nav .states-view .state#loading-state{background-color:#b8860b}header.play nav .states-view .state#editing-state{background-color:#0000f6}header.play nav .states-view .state#editing-state .dot-state{background-color:transparent;background-image:url(/img/playground/menu/pen.svg);background-position:center;background-repeat:no-repeat;background-size:contain}header.play nav .states-view .state .tooltip{top:calc(100% + 10px)}header.play nav .states-view .state .tooltip:after{top:-5px;left:50%;margin-left:-5px}header.play nav .states-view.editing #editing-state{filter:brightness(1)}header.play nav .states-view.loading #loading-state{filter:brightness(1)}header.play nav .states-view.loading #loading-state .dot-state{border:.35em solid transparent;border-top-color:#fff;border-left-color:#fff;background-color:transparent;border-radius:50%;animation:spin 1.5s infinite}header.play nav .states-view.running #running-state{filter:brightness(1)}header.play nav .states-view.running #running-state .dot-state{animation:grow 1.5s infinite}header.play nav .primary-menu{gap:.5em 1em}@media screen and (max-width: 680px){header.play nav .primary-menu{position:absolute;top:calc(.3em + 45px);right:0;z-index:10;align-items:end;flex-direction:column;padding:.5em;backdrop-filter:blur(2px);background-color:#fffd;box-shadow:inset 0 0 5px #0000004d;border-radius:0 0 .25em .25em}}header.play nav .primary-menu li{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;gap:.2rem}header.play nav .primary-menu li:has(.expand){position:relative}@media screen and (max-width: 680px){header.play nav .primary-menu li:has(.expand){flex-direction:row-reverse}}header.play nav .primary-menu li button,header.play nav .primary-menu li a{padding:0 .5em}@media screen and (max-width: 680px){header.play nav .primary-menu li button,header.play nav .primary-menu li a{flex-direction:row-reverse}}@media screen and (min-width: 681px){header.play nav .primary-menu li button#export,header.play nav .primary-menu li button#share,header.play nav .primary-menu li a#export,header.play nav .primary-menu li a#share{border-top-right-radius:0;border-bottom-right-radius:0}}@media screen and (max-width: 680px){header.play nav .primary-menu li button#export,header.play nav .primary-menu li button#share,header.play nav .primary-menu li a#export,header.play nav .primary-menu li a#share{border-top-left-radius:0;border-bottom-left-radius:0}}header.play nav .primary-menu li button.expand,header.play nav .primary-menu li a.expand{transition:none;background-image:url(/img/caret.svg);background-position:center;background-repeat:no-repeat;background-size:auto}@media screen and (min-width: 681px){header.play nav .primary-menu li button.expand,header.play nav .primary-menu li a.expand{border-top-left-radius:0;border-bottom-left-radius:0}}@media screen and (max-width: 680px){header.play nav .primary-menu li button.expand,header.play nav .primary-menu li a.expand{border-top-right-radius:0;border-bottom-right-radius:0}}header.play nav .primary-menu li button.expand.contract,header.play nav .primary-menu li a.expand.contract{transform:scaleY(-1)}header.play nav .primary-menu li button .icon-tool,header.play nav .primary-menu li a .icon-tool{width:1em;height:1em}header.play nav .primary-menu li button#debug .icon-tool,header.play nav .primary-menu li a#debug .icon-tool{background-color:transparent;background-image:url(/img/playground/menu/debug.svg);background-position:inherit;background-repeat:initial;background-size:cover}header.play nav .primary-menu li button#run .icon-tool,header.play nav .primary-menu li a#run .icon-tool{background-color:transparent;background-image:url(/img/playground/menu/run.svg);background-position:inherit;background-repeat:initial;background-size:cover}header.play nav .primary-menu li button#import .icon-tool,header.play nav .primary-menu li a#import .icon-tool{background-color:transparent;background-image:url(/img/playground/menu/import.svg);background-position:inherit;background-repeat:initial;background-size:cover}header.play nav .primary-menu li button#export .icon-tool,header.play nav .primary-menu li a#export .icon-tool{background-color:transparent;background-image:url(/img/playground/menu/download.svg);background-position:inherit;background-repeat:initial;background-size:cover}header.play nav .primary-menu li button#share .icon-tool,header.play nav .primary-menu li a#share .icon-tool{background-color:transparent;background-image:url(/img/playground/menu/share.svg);background-position:inherit;background-repeat:initial;background-size:cover}header.play nav .primary-menu li button#share.copied .icon-tool,header.play nav .primary-menu li a#share.copied .icon-tool{background-color:transparent;background-image:url(/img/check.svg);background-position:inherit;background-repeat:initial;background-size:cover}header.play nav .primary-menu li button#config .icon-tool,header.play nav .primary-menu li a#config .icon-tool{background-color:transparent;background-image:url(/img/playground/menu/config.svg);background-position:inherit;background-repeat:initial;background-size:cover}@media screen and (min-width: 681px) and (max-width: 1480px){header.play nav .primary-menu li button .label-tool,header.play nav .primary-menu li a .label-tool{display:none!important}}header.play nav .primary-menu li .tooltiper{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:0}header.play nav .primary-menu li .tooltiper.contracted{display:none!important}header.play nav .primary-menu .tooltip{padding:.1em .4em;width:max-content;top:calc(100% + 5px + .3em)}header.play nav .primary-menu .tooltip:after{top:-5px;left:50%;margin-left:-5px}@media screen and (min-width: 681px){header.play nav .burger-menu{display:none!important}}
