*,:after,:before{box-sizing:border-box;overscroll-behavior:contain;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin-bottom:0;margin-top:0}ol[role=list],ul[role=list]{list-style:none}body{line-height:1.5;min-height:100dvh}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){color:currentColor;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}::-webkit-scrollbar{height:.6rem;width:.6rem}::-webkit-scrollbar-track{background-color:#121212}::-webkit-scrollbar-thumb{background:#868b94;border:2px solid #121212;border-radius:999rem}::-webkit-scrollbar-thumb:hover{background:#d1d1d1}::-webkit-scrollbar-corner{background:#121212}body,html{background-color:#343941;color:#f5f5f5;font-family:Roboto,sans-serif;height:100%;margin:0;padding:0;width:100%}#root{overflow-y:scroll;scroll-behavior:smooth;scroll-padding-bottom:1rem;scroll-padding-top:1rem;scroll-snap-type:y mandatory}.hidden{display:none!important}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#3c4043;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13.6-6.4H18.9c-5%200-9.3%201.8-12.9%205.4-3.6%203.6-5.4%207.8-5.4%2012.8%200%205%201.8%209.2%205.4%2012.8L128.7%20287c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095.4c3.6-3.6%205.4-7.8%205.4-12.8%200-5-1.8-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right .5rem center;background-repeat:no-repeat;background-size:.625rem;border:1px solid #727984;border-radius:.375rem;color:#f5f5f5;cursor:pointer;padding:.125rem 1.75rem .125rem .5rem}select option{background-color:#282c34;border:none;color:#f5f5f5;font-size:1rem;padding:.25rem}select option:checked,select option:hover{background-color:#191919;color:#fff}input:not([type=range]){background:#111;border:1px solid #535b66;border-radius:.25rem;color:#f5f5f5;flex-grow:1;font-family:Roboto,sans-serif;font-size:.9125rem;height:100%;min-width:2rem;outline:none;padding:.375rem}input[type=number]:not([type=range]){-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;flex-grow:0;width:4rem}input[type=number]:not([type=range])::-webkit-inner-spin-button,input[type=number]:not([type=range])::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.Toastify__toast{border-radius:.25rem;box-shadow:0 4px 10px 1px #00000080;overflow:hidden}.Toastify__toast .Toastify__progress-bar--wrp{border-radius:0}.Toastify__toast--warning{border:1px solid #bb9910}.Toastify__toast--error{border:1px solid #b43f32}.Toastify__toast--info{border:1px solid #2b77aa}.Toastify__toast--success{border:1px solid #09930d}body.light{background-color:#f5f5f5;color:#191919}body.light .page-header .theme-button svg{transform:rotate(180deg)}body.light select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13.6-6.4H18.9c-5%200-9.3%201.8-12.9%205.4-3.6%203.6-5.4%207.8-5.4%2012.8%200%205%201.8%209.2%205.4%2012.8L128.7%20287c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095.4c3.6-3.6%205.4-7.8%205.4-12.8%200-5-1.8-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E)!important}body.light select,body.light select option{background-color:#f5f5f5!important;color:#282c34!important}body.light select option:checked,body.light select option:hover{background-color:#bfc8d7!important;color:#191919!important}body.light .template-card-input{background:#f5f5f5!important;border:1px solid hsla(0,0%,7%,.314);color:#111!important}body.light .template-card-tags{color:#6e727a}body.light .template-card{background-color:#dadce280;border:1px solid hsla(0,0%,7%,.314)}body.light .template-card.selected{box-shadow:inset 0 0 0 2px #f5f5f5,inset 0 0 0 2px #569bd5}body.light .template-card.new{border:1px dashed hsla(0,0%,7%,.502)}body.light .template-card-actions button{background:#fff;border:1px solid hsla(0,0%,7%,.314)}body.light .template-card-actions .load:hover{border-color:#29b51f;color:#38be43}body.light .template-card-actions .overwrite:hover{border-color:#bf8300;color:#dba118}body.light .template-card-actions .edit:hover{border-color:#194bf0;color:#4e86da}body.light .template-card-actions .delete:hover{border-color:#d51c1c;color:#dd5252}body.light .transpilator{background-color:#fff}body.light .transpilator .clear-button{background-color:#bd3b3b!important}body.light .transpilator .clear-button:hover{background-color:#933030!important}body.light .transpilator .load-button{background-color:#3a9c38!important}body.light .transpilator .load-button:hover{background-color:#2c8530!important}body.light input[type=email],body.light input[type=number],body.light input[type=text],body.light input[type=url]{background:#f5f5f5!important;color:#111!important}body.light .modal-container .modal{background-color:#f5f5f5}body.light .modal-container .modal .close-button:before{background-color:#b0b6c0}body.light .modal .buttons .cancel{background-color:#bd3b3b!important}body.light .modal .buttons .cancel:hover{background-color:#933030!important}body.light .modal .buttons .confirm{background-color:#3a9c38!important}body.light .modal .buttons .confirm:hover{background-color:#2c8530!important}body.light .modal .buttons .warning{background-color:#dfb50f!important}body.light .modal .buttons .warning:hover{background-color:#c19d0f!important}body.light .programs .header .close-button:before{background-color:#b0b6c0}body.light .programs .search{background:#f5f5f5}body.light .programs .group{background-color:#fff}body.light .programs .group header{background-color:#dadce2}body.light .programs .group header button{border-color:#727984}body.light .programs .group .saved-program-card:hover{background-color:#535b6640}body.light .programs .group .saved-program-card .info{color:#4b4d4f}body.light .saved-programs .bottom-organizer .group-actions,body.light .saved-programs .bottom-organizer .import-export{display:flex;gap:.5rem}body.light .saved-programs .bottom-organizer .group-actions button,body.light .saved-programs .bottom-organizer .import-export button{background-color:#dadce2}body.light .saved-programs .bottom-organizer .group-actions button:hover,body.light .saved-programs .bottom-organizer .import-export button:hover{background-color:#7e848c}body.light .saved-programs .saved-program-card:hover{background-color:transparent!important}body.light .saved-programs .saved-program-card .buttons button:hover,body.light .saved-programs .saved-program-card .title:hover{background-color:#535b6640}body.light .saved-programs .saved-program-card .buttons button.danger:hover{background-color:#d32f2fbf}body.light .turing-machine-simulator section>*>.header{background-color:#dadce2}body.light .speed-slider{align-items:center;display:flex;justify-content:center}body.light .speed-slider svg:last-child{margin-top:-1.5px}body.light .simulation-control .results .content{background:#f5f5f5;color:#111}body.light .simulation-control .results .content .highlight .start{background-color:#b9c5d6}body.light .simulation-control .results .content .highlight .current{background-color:#77b0ff}body.light .simulation-control header button:hover:before{background-color:#bbc1ca}body.light .simulation-control{background-color:#fff}body.light .simulation-control .tape:before{background-color:#1c70ef;color:#fff;font-weight:400;line-height:1.05}body.light .simulation-control .tape:after{border-color:#1c70ef}body.light .simulation-control .tape .cell{background-color:#d0daea;border:.5px solid #f5f5f5}body.light .simulation-control .tapes-init header:hover{background-color:#535b6660}body.light .simulation-control .tapes-init .inputs-wrapper .inputs-container input{background:#f5f5f5;color:#111}body.light .simulation-control .clear-button{background-color:#bd3b3b!important}body.light .simulation-control .clear-button:hover{background-color:#933030!important}body.light .simulation-control .load-button{background-color:#3a9c38!important}body.light .simulation-control .load-button:hover{background-color:#2c8530!important}body.light .simulation-control .speed-slider .range-input .range{--ticks-color:gray}body.light .program-settings-wrapper,body.light .program-settings-wrapper .cm-gutters{background-color:#fff}body.light .turing-machine-simulator section>*>.header button:hover:before{background-color:#a2aab4}body.light .code-editor-wrapper,body.light .code-editor-wrapper .cm-gutters{background-color:#fff}body.light .code-editor-wrapper .cm-activeLineGutter{background-color:#e2f2ff}body.light .code-editor-wrapper .cm-search button{background-color:#d5def5}body.light .code-editor-buttons .save-program{background-color:#815b1a;color:#f5f5f5}body.light .code-editor-buttons .save-program:hover{background-color:#685026}body.light .code-editor-buttons .compile-program{background-color:#2c5fbe;color:#f5f5f5}body.light .code-editor-buttons .compile-program:hover{background-color:#35589b}body.light .simulation-control .breakpoints .breakpoint .add-condition:hover{background-color:#535b6650}body.light .graph-container .svg-wrapper>svg,body.light .simulation-control .breakpoints .breakpoint .add-condition:before{background-color:#fff}body.light .graph-container .svg-wrapper>svg .relationship>text{fill:#191919}body.light .graph-container .svg-wrapper>svg .relationship .b-outline{fill:#7f8692}body.light .graph-container .svg-wrapper>svg .node .a-outline,body.light .graph-container .svg-wrapper>svg .node .b-outline{fill:#f5f5f5}body.light .graph-container .svg-wrapper>svg .node .caption{fill:#191919}body.light .graph-container .svg-wrapper>svg .node:has(#START) .b-outline{fill:#cfe3ff}@media only screen and (min-width:808px)and (max-width:1300px){.simulation-control .control-bar{gap:.375rem!important;padding:.25rem .375rem!important}.simulation-control .control-bar .breakpoint-button-wrapper button{padding:.25rem .55rem!important}.simulation-control .control-bar .breakpoint-button-wrapper button span,.simulation-control .control-bar .speed-slider{display:none}.simulation-control .control-bar .speed-selector{display:flex!important}}@media only screen and (max-width:680px){.page-header .logo .long-name{display:none!important}.page-header .logo .short-name{display:inline!important}.page-header .programs-button-wrapper button>span{padding:.375rem!important}.page-header .programs-button-wrapper button>span span{display:none}.simulation-control .control-bar{gap:.375rem!important;padding:.25rem .375rem!important}.simulation-control .control-bar .breakpoint-button-wrapper button{padding:.25rem .55rem!important}.simulation-control .control-bar .breakpoint-button-wrapper button span,.simulation-control .control-bar .speed-slider{display:none}.simulation-control .control-bar .speed-selector{display:flex!important}}@media only screen and (max-width:550px){.example-programs .organizer{flex-direction:column}.example-programs .organizer .group{width:100%!important}.example-programs .organizer .group select{flex-grow:1}.example-programs .organizer .search{width:100%!important}.saved-programs .organizer{flex-direction:column;gap:0!important}.saved-programs .organizer .search{width:100%!important}}@media only screen and (max-width:490px){.programs,.turing-machine-simulator{padding:.25rem!important}.simulation-control .program .status span,.simulation-control .simulation-info>div span span{display:none}}.page-header{background-color:#0e0f10;border-bottom:1px solid #343941;color:#f5f5f5;height:3.5rem;justify-content:space-between;padding:0 1rem;scroll-snap-align:start;width:100%}.page-header,.page-header>div{align-items:center;display:flex}.page-header>div{flex:1;gap:.375rem;justify-content:center;min-width:-moz-fit-content;min-width:fit-content}.page-header .programs-button-wrapper{justify-content:flex-start}.page-header .programs-button-wrapper button{background-color:#535b66;border:1px solid #535b66;border-radius:.25rem;color:#fff;cursor:pointer;font-size:1rem;position:relative}.page-header .programs-button-wrapper button .button-bg{background:transparent;border-radius:.25rem;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.page-header .programs-button-wrapper button .button-bg:after,.page-header .programs-button-wrapper button .button-bg:before{background:#282c34;content:"";position:absolute}.page-header .programs-button-wrapper button .button-bg:before{border-radius:50%;height:0;left:50%;padding-bottom:110%;top:50%;transform:translate3d(-50%,-50%,0) scale3d(0,0,1);width:110%}.page-header .programs-button-wrapper button:hover .button-bg:before{transform:translate3d(-50%,-50%,0) scaleX(1);transition:transform .25s cubic-bezier(.1,0,.3,1)}.page-header .programs-button-wrapper button .button-bg:after{height:100%;left:0;opacity:0;top:0;transition:opacity .25s;width:100%}.page-header .programs-button-wrapper button:hover .button-bg:after{opacity:1;transition-delay:.25s;transition-duration:.01s}.page-header .programs-button-wrapper button>span{align-items:center;display:flex;gap:.375rem;justify-content:center;margin-bottom:-1px;padding:.375rem .625rem .375rem .375rem;position:relative}.page-header .programs-button-wrapper svg{height:1.25rem;margin-top:-1px}.page-header .logo{font-family:Science Gothic,sans-serif;font-size:1.5rem;font-weight:300}.page-header .logo img{border:1px solid #535b66;border-radius:.25rem;height:2.125rem;image-rendering:optimizeQuality;width:2.125rem}.page-header .logo .long-name{display:inline}.page-header .logo .short-name{display:none}.page-header .buttons{gap:0;justify-content:flex-end}.page-header .buttons .help-button,.page-header .buttons .settings-button,.page-header .buttons .theme-button{align-items:center;border-radius:999rem;contain:strict;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:relative;width:2.5rem;z-index:0}.page-header .buttons .help-button:before,.page-header .buttons .settings-button:before,.page-header .buttons .theme-button:before{background-color:#535b66;border-radius:999rem;content:"";height:2.5rem;opacity:0;position:absolute;transform:scale(.5);transition:.125s;width:2.5rem;z-index:-1}.page-header .buttons .help-button:hover:before,.page-header .buttons .settings-button:hover:before,.page-header .buttons .theme-button:hover:before{opacity:1;transform:scale(1)}.page-header .buttons svg{height:1.75rem}.page-header .buttons .help{align-items:center;border:2px solid #f5f5f5;border-radius:999rem;display:flex;font-family:Science Gothic,sans-serif;font-size:1rem;font-weight:300;height:1.5rem;justify-content:center;width:1.5rem}.zoom-info{align-items:baseline;background:#535b66;border:1px solid #727984;border-radius:4px;bottom:.5rem;box-shadow:0 0 2px #343a431a,0 1px 2px #343a4314,0 1px 4px #343a4314;display:flex;flex:0 0 auto;flex-direction:column;font-size:.9125rem;gap:.5rem;left:.5rem;padding:.5rem;position:absolute}.zoom-info .text-container{align-items:center;color:#fff;display:flex;flex-direction:row;gap:.375rem}.zoom-info .text{color:#fff}.zoom-info .dont-show-button{background-color:inherit;border:none;color:#fff;cursor:pointer;font-size:.775rem;outline:none;padding:0 .125rem;text-decoration-line:underline}.svg-wrapper{font-family:Roboto,sans-serif;height:calc(100% - 2.25rem);line-height:0;overflow:hidden;position:"relative";-webkit-user-select:none;-moz-user-select:none;user-select:none}.svg-wrapper.fullscreen{border:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.svg-wrapper>svg{background-color:#282c34;cursor:all-scroll;height:100%;width:100%}.svg-wrapper>svg .node{--highlight-color:#f1b305;cursor:grab}.svg-wrapper>svg .node.accepted{--highlight-color:#1dc61d}.svg-wrapper>svg .node.rejected{--highlight-color:#f11b1b}.svg-wrapper>svg .node>.ring{fill:none;opacity:0;stroke:var(--highlight-color)}.svg-wrapper>svg .node.selected>.ring,.svg-wrapper>svg .node:hover>.ring{opacity:.5;stroke:var(--highlight-color)}.svg-wrapper>svg .node:hover{--highlight-color:#569bd5}.svg-wrapper>svg .relationship{--highlight-color:#f1b305}.svg-wrapper>svg .relationship>text{fill:#f4f4f4}.svg-wrapper>svg .relationship>.overlay{fill:var(--highlight-color);opacity:0}.svg-wrapper>svg .relationship.selected>.overlay,.svg-wrapper>svg .relationship:hover>.overlay{fill:var(--highlight-color);opacity:.5}.svg-wrapper>svg .relationship:hover{--highlight-color:#569bd5}.button-holder{background:#121212;border:1px solid hsla(0,0%,100%,.12);border-radius:.25rem;bottom:.5rem;box-shadow:0 0 2px #343a431a,0 1px 2px #343a4314,0 1px 4px #343a4314;display:flex;flex-direction:column;position:absolute;right:.5rem}.button-holder.fullscreen{position:fixed}.button-holder.on-top{bottom:auto;top:.5rem}.button-holder button{align-items:center;background:transparent;border:none;color:#f5f7fa;display:flex;flex-direction:row;justify-content:center;padding:9px 8px;transition:.1s}.button-holder button:hover{background:#71767f1a;border-radius:2px;cursor:pointer}.button-holder button:enabled:active{background:#71767f33}.button-holder button:focus{outline:none}.button-holder button:disabled{cursor:auto;opacity:.3}.graph-container{flex-grow:1;height:100%;overflow:hidden;position:relative;width:100%}.graph-container .header .center svg{height:1.125rem}.turing-machine-simulator{display:grid;grid-auto-rows:calc(100dvh - 2rem);grid-template-columns:repeat(auto-fit,minmax(max(min(375px,100%),40%),1fr));grid-gap:1rem;gap:1rem;height:-moz-fit-content;height:fit-content;min-height:calc(100dvh - 2rem);padding:1rem;width:100%}.turing-machine-simulator section{border:1px solid #727984;border-radius:.375rem;display:flex;flex-direction:column;max-height:calc(100dvh - 2rem);min-height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:normal;width:100%}.turing-machine-simulator section>*>.header{align-items:center;background-color:#535b66;border-bottom:1px solid #535b66;display:flex;flex-shrink:0;height:2.25rem;justify-content:space-between;padding:calc(.125rem + 1px) .25rem .125rem;width:100%}.turing-machine-simulator section>*>.header .left{display:flex;flex-grow:1;justify-content:flex-start;width:33%}.turing-machine-simulator section>*>.header .center{align-items:center;display:flex;flex-grow:1;font-size:1.0625rem;gap:.25rem;justify-content:center;width:33%}.turing-machine-simulator section>*>.header .right{display:flex;flex-grow:1;justify-content:flex-end;width:33%}.turing-machine-simulator section>*>.header button{align-items:center;background:none;border:none;border-radius:999rem;color:currentColor;cursor:pointer;display:flex;height:1.875rem;justify-content:center;margin-top:-.5px;position:relative;width:1.875rem;z-index:0}.turing-machine-simulator section>*>.header button:before{background-color:#7e848c;border-radius:999rem;content:"";height:1.875rem;opacity:0;position:absolute;transform:scale(.5);transition:.125s;width:1.875rem;z-index:-1}.turing-machine-simulator section>*>.header button:hover:before{opacity:1;transform:scale(1)}.turing-machine-simulator section>*>.header button svg{flex-shrink:0;height:1.25rem;stroke:currentColor;width:1.25rem}.simulation-control .simulation-info{align-items:center;border-bottom:1px solid #585b5f;display:flex;flex-shrink:0;gap:.75rem;height:2.5rem;justify-content:space-around;padding:.25rem .75rem}.simulation-control .simulation-info>div{align-items:center;display:flex;flex-grow:1;flex-shrink:1;font-size:.95rem;gap:.125rem;height:1.5rem;justify-content:center;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap;width:33%}.simulation-control .simulation-info>div svg{aspect-ratio:1;flex-shrink:0;height:1rem;margin-left:-.5px;margin-top:-.5px}.simulation-control .simulation-info>div span{margin-bottom:-1px}.simulation-control .simulation-info .steps svg{height:.875rem}.simulation-control .simulation-info .state{border-left:1px solid #585b5f;border-right:1px solid #585b5f;padding:0 1rem}.simulation-control .simulation-info .accepted svg{height:1.1rem}.simulation-control .simulation-info .accepted.true{color:#1dc61d}.simulation-control .simulation-info .accepted.true svg{stroke:#1dc61d}.simulation-control .simulation-info .accepted.false{color:#f11b1b}.simulation-control .simulation-info .accepted.false svg{stroke:#f11b1b}.simulation-control .tapes{border-bottom:1px solid #585b5f;counter-reset:tapes;flex-grow:1;height:40%;min-height:3.5rem;overflow-y:auto;padding-bottom:.375rem;scroll-padding-top:.37rem}.tape{align-items:center;contain:paint;flex-direction:row;height:3rem;margin-top:.375rem;overflow:hidden;padding:.275rem 0 .375rem .5rem;position:relative;scroll-snap-align:start;width:100%}.tape,.tape:before{display:flex;justify-content:center}.tape:before{align-items:flex-end;background-color:#569bd5;bottom:0;clip-path:polygon(50% 0,0 100%,100% 100%);color:#000;contain:strict;content:counter(tapes);counter-increment:tapes;font-size:.425rem;font-weight:500;height:.8rem;line-height:1;position:absolute;text-align:center;transform:translateZ(0);width:.925rem;z-index:1}.tape:after{border:2px solid #569bd5;border-radius:.25rem;content:"";height:calc(2.5rem + 3px);position:absolute;width:calc(2.5rem + 5px)}.tape .cell{align-items:center;background-color:#535b66;border:.5px solid #282c34;display:flex;flex-direction:row;font-size:1.25rem;justify-content:center;line-height:0;min-height:2.5rem;min-width:2.5rem;position:relative}.tape .cell .number{font-size:.425rem;font-weight:500;left:.125rem;line-height:1;position:absolute;top:.125rem}.tape .cell .breakpoint{bottom:0;height:.125rem;position:absolute;width:100%}.tape .cell .breakpoint.once{background-color:#ffd500}.tape .cell .breakpoint.always{background-color:red}.simulation-control .tapes-init{align-items:center;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;height:calc(40% + .625rem);justify-content:space-around;overflow:hidden;transition:height .25s ease-out,flex-grow .25s ease-in}.simulation-control .tapes-init.closed{flex-grow:0;flex-shrink:1;height:2.5rem;padding:0;transition:height .3s,flex-grow .3s}.simulation-control .tapes-init.closed header .caret-down{display:none}.simulation-control .tapes-init.closed header .caret-up{display:inline;display:initial}.simulation-control .tapes-init header{align-items:center;border-bottom:1px solid #585b5f;cursor:pointer;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;padding:.25rem .75rem;transition:background-color .125s;white-space:nowrap;width:100%}.simulation-control .tapes-init header:hover{background-color:#535b66;background-color:#535b6660}.simulation-control .tapes-init header svg{aspect-ratio:1;flex-shrink:0;height:1.425rem;margin:0 .25rem}.simulation-control .tapes-init header .caret{height:1.25rem}.simulation-control .tapes-init header .caret-up{display:none}.simulation-control .tapes-init .inputs-wrapper{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:-moz-fit-content;height:fit-content;justify-content:space-between;max-height:calc(100% - 2.5rem);width:100%}.simulation-control .tapes-init .inputs-wrapper .inputs-container{display:flex;flex-direction:column;flex-grow:1;gap:.5rem;max-height:100%;overflow-y:auto;padding:.5rem .5rem .5rem .75rem;width:100%}.simulation-control .tapes-init .inputs-wrapper .inputs-container .row{display:flex;gap:.5rem;width:100%}.simulation-control .tapes-init .inputs-wrapper .inputs-container input{background:#111;border:1px solid #535b66;border-radius:.25rem;color:#f5f5f5;flex-grow:1;font-family:Roboto,sans-serif;font-size:.9125rem;height:100%;outline:none;padding:.5rem;width:40%}.simulation-control .tapes-init .inputs-wrapper .inputs-container input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;flex-grow:0;width:4rem}.simulation-control .tapes-init .inputs-wrapper .inputs-container input[type=number]::-webkit-inner-spin-button,.simulation-control .tapes-init .inputs-wrapper .inputs-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.simulation-control .tapes-init .inputs-wrapper .inputs-container .start{flex-grow:0;width:5rem}.simulation-control .tapes-init .inputs-wrapper .buttons{display:flex;height:2rem;width:100%}.simulation-control .tapes-init .inputs-wrapper .buttons button{align-items:center;border:none;color:#f5f5f5;cursor:pointer;display:flex;flex-grow:1;font-size:.95rem;gap:.25rem;height:100%;justify-content:center;padding:.45rem .75rem;transition:background-color .125s;width:40%}.simulation-control .tapes-init .inputs-wrapper .buttons button span{margin-bottom:-1px;margin-top:.5px}.simulation-control .tapes-init .inputs-wrapper .buttons button svg{height:1rem;margin-top:-1px}.simulation-control .tapes-init .inputs-wrapper .buttons .clear-button{background-color:#673c3c}.simulation-control .tapes-init .inputs-wrapper .buttons .clear-button:hover{background-color:#933030}.simulation-control .tapes-init .inputs-wrapper .buttons .load-button{background-color:#3c683e}.simulation-control .tapes-init .inputs-wrapper .buttons .load-button:hover{background-color:#2c8530}.simulation-control .breakpoints{display:flex;flex-direction:column;flex-grow:1;height:50%;width:100%}.simulation-control .breakpoints header{align-items:center;border-bottom:1px solid #585b5f;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;padding:.25rem .75rem;position:relative;width:100%}.simulation-control .breakpoints header button{align-items:center;background:none;border:none;border-radius:999rem;color:currentColor;cursor:pointer;display:flex;height:1.75rem;justify-content:center;position:absolute;right:.5rem;width:1.75rem;z-index:0}.simulation-control .breakpoints header button:before{background-color:#7e848c;border-radius:999rem;content:"";height:1.75rem;opacity:0;position:absolute;transform:scale(.5);transition:.125s;width:1.75rem;z-index:-1}.simulation-control .breakpoints header button:hover:before{opacity:1;transform:scale(1)}.simulation-control .breakpoints header button svg{flex-shrink:0;height:1.125rem;stroke:currentColor;width:1.125rem}.simulation-control .breakpoints .breakpoints-wrapper{display:flex;flex-direction:column;flex-grow:1;height:40%;min-height:3.5rem;overflow-y:auto;padding:0 .5rem;scroll-padding-top:0;scroll-snap-type:y mandatory}.simulation-control .breakpoints .breakpoints-wrapper .new-breakpoint-button{align-items:center;display:flex;justify-content:center;margin-top:.5rem;padding:.875rem .25rem;width:100%}.simulation-control .breakpoints .breakpoints-wrapper .new-breakpoint-button button{align-items:center;background-color:#535b66;border:1px solid hsla(0,0%,96%,.251);border-radius:.25rem;color:#f5f5f5;cursor:pointer;display:flex;font-size:.95rem;gap:.25rem;height:-moz-fit-content;height:fit-content;justify-content:center;padding:.5rem .375rem .375rem;transition:background-color .125s;width:100%}.simulation-control .breakpoints .breakpoints-wrapper .new-breakpoint-button button:hover{background-color:#7e848c}.simulation-control .breakpoints .breakpoints-wrapper .new-breakpoint-button button svg{flex-shrink:0;height:1rem;margin-top:-1px;stroke:currentColor;width:1rem}.simulation-control .breakpoints .buttons{display:flex;height:2rem;width:100%}.simulation-control .breakpoints .buttons button{align-items:center;border:none;color:#f5f5f5;cursor:pointer;display:flex;flex-grow:1;font-size:.95rem;gap:.25rem;height:100%;justify-content:center;padding:.45rem .75rem;transition:background-color .125s;width:40%}.simulation-control .breakpoints .buttons button span{margin-bottom:-.5px;margin-top:.5px}.simulation-control .breakpoints .buttons button svg{height:1rem;margin-top:-.5px}.simulation-control .breakpoints .buttons .clear-button{background-color:#673c3c}.simulation-control .breakpoints .buttons .clear-button:hover{background-color:#933030}.simulation-control .breakpoints .buttons .load-button{background-color:#3c683e}.simulation-control .breakpoints .buttons .load-button:hover{background-color:#2c8530}.simulation-control .breakpoints .breakpoint{border-bottom:1px solid #797e84;display:flex;flex-direction:column;gap:.375rem;padding:.875rem .25rem;position:relative;scroll-snap-align:start;scroll-snap-stop:normal;width:100%}.simulation-control .breakpoints .breakpoint .add-condition{align-items:center;bottom:-.5rem;cursor:pointer;display:flex;height:1rem;justify-content:center;left:0;position:absolute;width:100%;z-index:1}.simulation-control .breakpoints .breakpoint .add-condition:before{align-items:center;background-color:#282c34;content:"+";display:flex;font-size:.75rem;height:1rem;justify-content:center;line-height:0;width:2rem}.simulation-control .breakpoints .breakpoint .add-condition:hover{background-color:#535b6680}.simulation-control .breakpoints .breakpoint .add-condition:hover:before{content:"add condition";width:6rem}.simulation-control .breakpoints .breakpoint .rule{align-items:center;display:flex;gap:.375rem;height:2rem;justify-content:space-between}.simulation-control .breakpoints .breakpoint .rule .left,.simulation-control .breakpoints .breakpoint .rule .right{align-items:center;display:flex;gap:.375rem;height:100%;justify-content:flex-start}.simulation-control .breakpoints .breakpoint .condition{align-items:center;display:flex;gap:.375rem;height:2rem;justify-content:flex-start;width:100%}.simulation-control .breakpoints .breakpoint button{align-items:center;aspect-ratio:1;background-color:#673c3c;border:1px solid hsla(0,0%,96%,.251);border-radius:.25rem;color:#f5f5f5;cursor:pointer;display:flex;height:calc(100% - 1px);justify-content:center;transition:background-color .125s}.simulation-control .breakpoints .breakpoint button:hover{background-color:#933030}.simulation-control .breakpoints .breakpoint button.active{background-color:#3c683e}.simulation-control .breakpoints .breakpoint button.active:hover{background-color:#2c8530}.simulation-control .breakpoints .breakpoint button.inactive{background-color:#535b66}.simulation-control .breakpoints .breakpoint button.inactive:hover{background-color:#7e848c}.simulation-control .breakpoints .breakpoint button.wrong{background-color:#673c3c}.simulation-control .breakpoints .breakpoint button.wrong:hover{background-color:#933030}.simulation-control .breakpoints .breakpoint button svg{flex-shrink:0;height:1.125rem;stroke:currentColor;width:1.125rem}.simulation-control .breakpoints .breakpoint input{background:#111;border:1px solid #535b66;border-radius:.25rem;color:#f5f5f5;flex-grow:1;font-family:Roboto,sans-serif;font-size:.9125rem;height:100%;min-width:2rem;outline:none;padding:.375rem}.simulation-control .breakpoints .breakpoint input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;flex-grow:0;width:4rem}.simulation-control .breakpoints .breakpoint input[type=number]::-webkit-inner-spin-button,.simulation-control .breakpoints .breakpoint input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.simulation-control .breakpoints .breakpoint select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#3c4043;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13.6-6.4H18.9c-5%200-9.3%201.8-12.9%205.4-3.6%203.6-5.4%207.8-5.4%2012.8%200%205%201.8%209.2%205.4%2012.8L128.7%20287c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095.4c3.6-3.6%205.4-7.8%205.4-12.8%200-5-1.8-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right .5rem center;background-repeat:no-repeat;background-size:.5rem;border:1px solid #727984;border-radius:.25rem;color:#f5f5f5;cursor:pointer;font-family:Roboto,sans-serif;font-size:.9125rem;height:calc(100% - 1px);padding:.05rem 1.5rem 0 .5rem}.simulation-control .breakpoints .breakpoint select option{background-color:#282c34;border:none;color:#f5f5f5;font-size:.9125rem;padding:.125rem}.simulation-control .breakpoints .breakpoint select option:checked,.simulation-control .breakpoints .breakpoint select option:hover{background-color:#000}.simulation-control .control-bar{align-items:center;display:flex;flex-shrink:0;gap:.75rem;height:3rem;justify-content:space-around;padding:.25rem .75rem}.simulation-control .control-bar>div{align-items:center;display:flex;flex-grow:1;flex-shrink:1;font-size:.95rem;gap:.125rem;justify-content:center;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap;width:33%}.simulation-control .control-bar .breakpoint-button-wrapper{height:2.25rem}.simulation-control .control-bar .breakpoint-button-wrapper button{align-items:center;background-color:#535b66;border:1px solid hsla(0,0%,96%,.251);border-radius:.25rem;color:#fff;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1rem;gap:.25rem;height:100%;justify-content:center;padding:.25rem .675rem .25rem .75rem;position:relative;transition:.125s}.simulation-control .control-bar .breakpoint-button-wrapper button:hover{background-color:#7e848c}.simulation-control .control-bar .breakpoint-button-wrapper button .hexagon-icon{fill:#af1e1e;height:1.25rem;rotate:90deg}.simulation-control .control-bar .buttons-wrapper{height:2.25rem}.simulation-control .control-bar .buttons-wrapper .buttons{align-items:center;background-color:#3c4147;border:1px solid hsla(0,0%,96%,.251);border-radius:.25rem;display:flex;height:100%;justify-content:center;overflow:hidden;width:-moz-fit-content;width:fit-content}.simulation-control .control-bar .buttons-wrapper button{align-items:center;background-color:#535b66;border:none;color:#fff;contain:strict;cursor:pointer;display:flex;height:100%;justify-content:center;transition:.125s;width:2.5rem}.simulation-control .control-bar .buttons-wrapper button:hover{background-color:#7e848c}.simulation-control .control-bar .buttons-wrapper button.disabled{background-color:#3c4147;color:#adadad;pointer-events:none}.simulation-control .control-bar .buttons-wrapper button svg{height:1.25rem}.simulation-control .speed-slider{align-items:center;display:flex;justify-content:center}.simulation-control .speed-slider svg:last-child{margin-top:-1.5px}.simulation-control .speed-selector{display:none!important;height:2.25rem}.simulation-control .speed-selector select{background-color:#535b66;background-position:right .4rem center;background-size:.6rem;border:1px solid hsla(0,0%,96%,.251);border-radius:.25rem;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;height:100%;padding:.25rem 1.25rem .25rem .5rem}.range-input{margin:0 .25rem}.range-input *{box-sizing:content-box}.range-input .range{--progress-color:#eee;--fill-color:#ff9100;--thumb-size:18px;--track-height:6px;--ticks-thickness:1px;--ticks-height:6px;--ticks-color:silver;--step:12.5;--min:0;--max:100;--value:50;--tickIntervalPerc:calc((100% - var(--thumb-size))/((var(--max) - var(--min))/var(--step)));--completed:calc((var(--value) - var(--min))/(var(--max) - var(--min))*100);background:linear-gradient(90deg,silver 1px,transparent 0) repeat-x;background:linear-gradient(to right,var(--ticks-color) var(--ticks-thickness),transparent 0) repeat-x;background-position:9px bottom;background-position:calc(var(--thumb-size)/2) bottom;background-size:calc(12.5% - 2.25px) 6px;background-size:var(--tickIntervalPerc) var(--ticks-height);display:inline-block;height:18px;height:var(--thumb-size);image-rendering:pixelated;margin-top:.5rem;padding-bottom:6px;padding-bottom:var(--ticks-height);position:relative;width:8rem;z-index:1}.range-input .range-progress{background:#f5f5f5;background:var(--fill-color,#f5f5f5);border:1px solid #585b5f;border-radius:20px;height:calc(var(--track-height));left:0;pointer-events:none;position:absolute;top:calc(50% - var(--ticks-height)/2);transform:translateY(-50%);width:calc(100% - 2px);z-index:-1}.range-input .range-progress:before{background:#eee;background:var(--progress-color,#eee);border-radius:20px;content:"";display:block;height:100%;margin-left:auto;width:calc(100% - var(--completed)*1%)}.range-input .range>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;contain:strict;cursor:grab;height:var(--thumb-size);margin:0;outline:none;width:100%}.range-input .range>input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;aspect-ratio:1;background:#f5f5f5;background:var(--thumb-color,#f5f5f5);border:1px solid #585b5f;border-radius:99in;box-shadow:0 0;box-shadow:var(--inner-shadow,0 0);height:17px;position:relative;width:17px;z-index:1}.range-input .range>input::-moz-range-thumb{-moz-appearance:none;appearance:none;aspect-ratio:1;background:#f5f5f5;background:var(--thumb-color,#f5f5f5);border:1px solid #585b5f;border-radius:99in;box-shadow:0 0;box-shadow:var(--inner-shadow,0 0);height:17px;position:relative;width:17px;z-index:1}.range-input .range>input::-ms-thumb{appearance:none;aspect-ratio:1;background:#f5f5f5;background:var(--thumb-color,#f5f5f5);border:1px solid #585b5f;border-radius:99in;box-shadow:0 0;box-shadow:var(--inner-shadow,0 0);height:17px;position:relative;width:17px;z-index:1}.range-input .range>input:active,.range-input .range>input:focus{--thumb-color:var(--fill-color);--inner-shadow:0 0 0 calc(var(--thumb-size)/5) inset #f5f5f5;cursor:grabbing}.simulation-control{background-color:#282c34;display:flex;flex-direction:column;font-family:Roboto,sans-serif;height:100%;max-height:100%}.simulation-control .header .center svg{height:1.125rem}.simulation-control .program{align-items:center;border-bottom:1px solid #585b5f;display:flex;flex-direction:row;flex-shrink:0;gap:.75rem;height:2.5rem;justify-content:space-between;padding:.25rem .75rem;position:relative}.simulation-control .program .result-button{align-items:center;background-color:#535b66;border:1px solid hsla(0,0%,96%,.251);border-radius:.25rem;color:#f5f5f5;cursor:pointer;display:flex;height:2rem;justify-content:center;left:.25rem;position:absolute;top:.25rem;transition:background-color .125s;width:2rem}.simulation-control .program .result-button:hover{background-color:#7e848c}.simulation-control .program .result-button svg{height:1.25rem}.simulation-control .program h2{display:block;font-size:1.125rem;margin-bottom:-.25rem;margin-left:1.75rem;min-height:-moz-fit-content;min-height:fit-content;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.simulation-control .program .status{border-left:1px solid #585b5f;flex-shrink:0;padding-left:1rem}.simulation-control .results{display:flex;flex-direction:column;flex-grow:1;height:50%;width:100%}.simulation-control .results header{align-items:center;border-bottom:1px solid #585b5f;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;padding:.25rem .75rem;position:relative;width:100%}.simulation-control .results header span{margin-left:.375rem}.simulation-control .results header button{align-items:center;background:none;border:none;border-radius:999rem;color:currentColor;cursor:pointer;display:flex;height:1.75rem;justify-content:center;position:absolute;right:.5rem;width:1.75rem;z-index:0}.simulation-control .results header button:before{background-color:#7e848c;border-radius:999rem;content:"";height:1.75rem;opacity:0;position:absolute;transform:scale(.5);transition:.125s;width:1.75rem;z-index:-1}.simulation-control .results header button:hover:before{opacity:1;transform:scale(1)}.simulation-control .results header button svg{flex-shrink:0;height:1.125rem;stroke:currentColor;width:1.125rem}.simulation-control .results .results-wrapper{border-bottom:1px solid #585b5f;display:flex;flex-direction:column;flex-grow:1;gap:.375rem;overflow-y:auto;padding:.5rem .5rem .5rem .75rem}.simulation-control .results .results-wrapper>div:not(:last-child){border-bottom:1px solid #585b5f;padding-bottom:.75rem}.simulation-control .results .results-wrapper .header{font-size:1rem;font-weight:700;padding-bottom:.625rem}.simulation-control .results .results-wrapper div>div{font-size:.9125rem}.simulation-control .results .results-wrapper .content{background:#111;border:1px solid #535b66;border-radius:.25rem;color:#f5f5f5;font-size:.9125rem;height:2.125rem;outline:none;overflow-x:auto;overflow-y:hidden;padding:.25rem .5rem;position:relative;white-space:pre;width:100%;z-index:0}.simulation-control .results .results-wrapper .content::-webkit-scrollbar{cursor:pointer;height:.375rem;width:.375rem}.simulation-control .results .results-wrapper .content .text{font-family:monospace;margin:0;width:-moz-fit-content;width:fit-content}.simulation-control .results .results-wrapper .content .highlight{height:calc(100% - .375rem);left:0;position:absolute;top:.25rem;width:100%;z-index:-1}.simulation-control .results .results-wrapper .content .highlight .current,.simulation-control .results .results-wrapper .content .highlight .start{font-family:monospace;height:1.35rem;left:.5rem;position:absolute;width:1ch}.simulation-control .results .results-wrapper .content .highlight .start{background-color:#535b66}.simulation-control .results .results-wrapper .content .highlight .current{background-color:#385680}.code-editor-wrapper{display:flex;flex-direction:column;flex-grow:1;height:100%;overflow:hidden;width:100%}.code-editor-wrapper .header .center svg{height:1.25rem;margin-right:-.15rem}.code-editor-wrapper .header .search svg{height:1.25rem;width:1.25rem}.code-editor-wrapper>.cm-theme-dark,.code-editor-wrapper>.cm-theme-light{flex-grow:1;height:100%;overflow-y:hidden;width:100%}.code-editor-wrapper .cm-editor{height:100%}.code-editor-wrapper .cm-tooltip{border:.1px solid #585b5f;border-top:none;font-family:Roboto;font-size:.875rem}.code-editor-wrapper .cm-tooltip .cm-diagnostic.cm-diagnostic-error{border-top:.1px solid #585b5f}.code-editor-wrapper .cm-tooltip .cm-diagnostic.cm-diagnostic-error:before{content:"Error: ";display:block;font-weight:700}.code-editor-wrapper .cm-tooltip .cm-diagnostic.cm-diagnostic-warning{border-top:.1px solid #585b5f}.code-editor-wrapper .cm-tooltip .cm-diagnostic.cm-diagnostic-warning:before{content:"Warning: ";display:block;font-weight:700}.code-editor-wrapper .cm-tooltip .cm-diagnostic.cm-diagnostic-info{border-top:.1px solid #585b5f}.code-editor-wrapper .cm-tooltip .cm-diagnostic.cm-diagnostic-info:before{content:"Info: ";display:block;font-weight:700}.code-editor-wrapper .cm-gutters{display:flex;flex-direction:row-reverse}.code-editor-wrapper .cm-gutters .cm-gutter.cm-lineNumbers{border-right:.1px solid #3f434a}.code-editor-wrapper .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement{padding-right:.375rem}.code-editor-wrapper .cm-panels.cm-panels-bottom{border-top:1px solid #585b5f;font-family:Roboto}.code-editor-wrapper .cm-search label{align-items:center;display:inline-flex;gap:.1rem;justify-content:center;margin-bottom:-.125rem}.code-editor-wrapper .cm-search button[name=close]{background:none;color:currentColor}.code-editor-wrapper .cm-search button{background:#121212}.code-editor-wrapper .cm-search button,.code-editor-wrapper .cm-search input[type=checkbox],.code-editor-wrapper .cm-search label{cursor:pointer;font-family:Roboto}.code-editor-wrapper .cm-search input[type=checkbox]{margin-left:.2em;margin-right:0;min-width:1rem}.code-editor-buttons,.code-editor-buttons button{align-items:center;display:flex;flex-direction:row;justify-content:center}.code-editor-buttons button{border:none;cursor:pointer;flex-grow:1;gap:.25rem;padding:.5rem;transition:.125s;width:40%}.code-editor-buttons .save-program{background-color:#635030;color:#f5f5f5}.code-editor-buttons .save-program:hover{background-color:#775315}.code-editor-buttons .compile-program{background-color:#3a5484;color:#f5f5f5}.code-editor-buttons .compile-program:hover{background-color:#2357b8}.program-settings-wrapper{background-color:#282c34;display:flex;flex-direction:column;flex-grow:1;height:100%;overflow:hidden;position:relative;width:100%}.program-settings-wrapper .header .center svg{height:1.25rem;margin-right:-.15rem}.library-header{align-items:center;border-bottom:1px solid #585b5f;display:flex;flex-direction:row;flex-shrink:0;gap:.75rem;height:2.5rem;justify-content:center;padding:.25rem .75rem}.library-header span{flex-grow:1;text-align:left}.library-header .library-actions{display:flex;gap:.5rem}.library-header .library-actions button{background-color:#535b66;border:1px solid hsla(0,0%,96%,.251);border-radius:.25rem;color:#f5f5f5;cursor:pointer;font-size:.845rem;padding:.25rem .6rem;transition:background-color .125s}.library-header .library-actions button:hover{background-color:#7e848c}.template-library{flex-grow:1;margin-bottom:2.5rem;overflow-y:scroll;padding:.75rem}.template-library .template-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:.75rem;gap:.75rem}.template-library .template-card{background-color:#535b6680;border:1px solid hsla(0,0%,96%,.251);border-radius:.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;padding:.675rem}.template-library .template-card.selected{border:1px solid #569bd5;box-shadow:inset 0 0 0 2px #282c34,inset 0 0 0 2px #569bd5;outline:2px solid #569bd5;outline-offset:-2px}.template-library .template-card.new{border:1px dashed hsla(0,0%,96%,.5)}.template-library .template-card-body{display:flex;flex-direction:column;gap:.25rem}.template-library .template-card-title{color:currentColor;font-size:1rem;font-weight:600}.template-library .template-card-tags{color:#9ca3af;font-size:.8rem}.template-library .template-card-input{border-radius:.35rem;color:currentColor;font-size:.85rem;padding:.35rem .5rem}.template-library .template-card-actions{display:flex;flex-grow:1;flex-wrap:wrap;gap:.25rem}.template-library .template-card-actions button{align-self:flex-end;background-color:#282c34;border:1px solid hsla(0,0%,96%,.314);border-radius:.35rem;color:currentColor;cursor:pointer;flex-basis:15%;flex-grow:1;font-size:.845rem;padding:.25rem .6rem;transition:.125s}.template-library .template-card-actions .load:hover{border-color:#4fef44;color:#a5fcac}.template-library .template-card-actions .overwrite:hover{border-color:#efd544;color:#fceda5}.template-library .template-card-actions .edit:hover{border-color:#517aff;color:#a0c6ff}.template-library .template-card-actions .delete:hover{border-color:#ef4444;color:#fca5a5}.template-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000059;display:flex;justify-content:center;inset:0;position:fixed;z-index:20}.template-confirm-modal{background-color:#2f343a;border:1px solid #585b5f;border-radius:.5rem;box-shadow:0 1rem 2.5rem #00000059;max-width:calc(100% - 2rem);width:24rem}.template-confirm-header{border-bottom:1px solid #585b5f;font-weight:600;padding:.75rem 1rem}.template-confirm-body{color:#e5e7eb;padding:.75rem 1rem 1rem}.template-confirm-actions{display:flex;gap:.5rem;padding:0 1rem 1rem}.template-confirm-actions button{background-color:#3c4043;border:1px solid #585b5f;border-radius:.35rem;color:#fff;cursor:pointer;flex:1;padding:.4rem .6rem;transition:background-color .125s}.template-confirm-actions button:hover{background-color:#535b66}.template-confirm-actions .danger{border-color:#ef4444;color:#fca5a5}.template-confirm-actions .danger:hover{background-color:#7f1d1d}.transpilator{align-items:stretch;background-color:#282c34;display:flex;flex-direction:column;flex-grow:1;height:calc(100% - 2.25rem + 1px);justify-content:flex-start;min-height:-moz-fit-content;min-height:fit-content;overflow:hidden;position:absolute;top:calc(2.25rem - 1px);transition:.5s;width:100%;z-index:1}.transpilator.closed{height:2.5rem;top:calc(100% - 2.5rem)}.transpilator.closed header{border-bottom:none}.transpilator.closed header .caret-down{display:none}.transpilator.closed header .caret-up{display:inline;display:initial}.transpilator header{align-items:center;border-bottom:1px solid #585b5f;border-top:1px solid #585b5f;cursor:pointer;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;padding:.25rem .75rem;transition:background-color .125s;white-space:nowrap;width:100%}.transpilator header:hover{background-color:#535b66;background-color:#535b6660}.transpilator header span{margin-left:.5rem;margin-top:-.5px}.transpilator header svg{aspect-ratio:1;flex-shrink:0;height:1.425rem}.transpilator header .caret{height:1.25rem}.transpilator header .caret-up{display:none}.transpilator .inputs-wrapper{display:flex;flex-direction:column;flex-grow:1;gap:1rem;max-height:calc(100% - 4.625rem);overflow-y:auto;padding:1rem}.transpilator .inputs-wrapper .transpilation-controls{align-items:end;display:flex;gap:1rem;margin-bottom:.5rem}.transpilator .inputs-wrapper .transpilation-controls .template-selectors{display:flex;flex-direction:column;flex-grow:1;gap:1rem}.transpilator .inputs-wrapper .transpilation-controls .template-selectors .selector-group{display:flex;flex:1;flex-direction:column;gap:.25rem}.transpilator .inputs-wrapper .transpilation-controls .template-selectors .selector-group select{font-size:.9125rem;padding:.55rem .5rem .45rem}.transpilator .inputs-wrapper .transpilation-editors{display:flex;flex-direction:column;flex-grow:1;gap:1rem;max-height:calc(100% - 7rem)}.transpilator .inputs-wrapper .transpilation-editors .input-section,.transpilator .inputs-wrapper .transpilation-editors .output-section{display:flex;flex:1;flex-basis:40%;flex-direction:column;flex-grow:1;flex-shrink:0;gap:.5rem;max-height:calc(50% - .5rem)}.transpilator .inputs-wrapper .transpilation-editors .input-section>div,.transpilator .inputs-wrapper .transpilation-editors .output-section>div{flex-grow:1;overflow:hidden}.transpilator .inputs-wrapper .transpilation-editors .input-section label,.transpilator .inputs-wrapper .transpilation-editors .output-section label{color:currentColor;font-size:.95rem;font-weight:500}.transpilator .inputs-wrapper .transpilation-editors .input-section .cm-editor,.transpilator .inputs-wrapper .transpilation-editors .output-section .cm-editor{border:1px solid #585b5f;border-radius:.375rem;overflow:hidden}.transpilator .buttons{display:flex;height:2.125rem;width:100%}.transpilator .buttons button{align-items:center;border:none;color:#f5f5f5;cursor:pointer;display:flex;flex-grow:1;font-size:.95rem;gap:.25rem;height:100%;justify-content:center;padding:.45rem .75rem;transition:background-color .125s;width:40%}.transpilator .buttons button span{margin-bottom:-.5px;margin-top:.5px}.transpilator .buttons button svg{height:1.125rem;margin-top:-.5px}.transpilator .buttons .clear-button{background-color:#673c3c}.transpilator .buttons .clear-button:hover{background-color:#933030}.transpilator .buttons .load-button{background-color:#3c683e}.transpilator .buttons .load-button:hover{background-color:#2c8530}.program-settings-wrapper .template-view{flex-grow:1;height:calc(25% + 2.5rem);max-height:calc(25% + 2.5rem);min-height:calc(25% + 2.5rem);width:100%}.program-settings-wrapper .template-view .template-code{border-bottom:1px solid #585b5f;height:calc(100% - 2.5rem);overflow:auto;width:100%}.program-settings-wrapper .template-view .header{align-items:center;border-bottom:1px solid #585b5f;display:flex;flex-direction:row;flex-shrink:0;gap:.75rem;height:2.5rem;justify-content:space-between;padding:.25rem .75rem}.program-settings-wrapper .template-view .header .template-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.program-settings-wrapper .template-view .header .template-controls .edit-toggle{align-items:center;background-color:#535b66;border:1px solid hsla(0,0%,96%,.251);border-radius:.25rem;color:#f5f5f5;cursor:pointer;display:flex;height:2rem;justify-content:center;margin-right:-.5rem;transition:background-color .125s;width:2rem}.program-settings-wrapper .template-view .header .template-controls .edit-toggle:hover{background-color:#7e848c}.program-settings-wrapper .template-view .header .template-controls .edit-toggle svg{height:1.5rem;width:1.5rem}.program-settings-wrapper .template-view .header .template-controls .edit-toggle.active{background-color:#569bd5;border-color:#569bd5;color:#fff}.program-settings-wrapper .template-view .header .template-controls .edit-toggle span{font-size:.85rem}.programs{height:-moz-fit-content;height:fit-content;min-height:calc(100vh - 3.5rem);padding:1rem}.programs .header{align-items:center;color:currentColor;display:flex;justify-content:space-between;scroll-snap-align:start}.programs .header>*{flex-basis:2rem;white-space:nowrap}.programs .header select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#282c34;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13.6-6.4H18.9c-5%200-9.3%201.8-12.9%205.4-3.6%203.6-5.4%207.8-5.4%2012.8%200%205%201.8%209.2%205.4%2012.8L128.7%20287c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095.4c3.6-3.6%205.4-7.8%205.4-12.8%200-5-1.8-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right .5rem center;background-repeat:no-repeat;background-size:.75rem;border:1px solid #727984;border-radius:.375rem;color:#f5f5f5;cursor:pointer;font-weight:700;margin-right:.5rem;padding:.125rem 1.75rem .125rem .5rem}.programs .header select option{background-color:#282c34;border:none;color:#f5f5f5;font-size:1.75rem;font-weight:700;padding:.25rem}.programs .header select option:checked,.programs .header select option:hover{background-color:#000;color:#fff}.programs .header h2{font-size:1.75rem;padding-right:1rem}.programs .header .close-button{align-items:center;border-radius:999rem;cursor:pointer;display:flex;height:2.375rem;justify-content:center;position:relative;width:2.375rem;z-index:0}.programs .header .close-button:before{background-color:#535b66;border-radius:999rem;content:"";height:2.375rem;opacity:0;position:absolute;transform:scale(.5);transition:.125s;width:2.375rem;z-index:-1}.programs .header .close-button:hover:before{opacity:1;transform:scale(1)}.programs .header .close-button svg{height:1.75rem}.example-programs .organizer{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin:1.5rem 0 0}.example-programs .organizer .search{align-items:center;background:#111;border:1px solid #727984;border-radius:.375rem;display:flex;width:20rem}.example-programs .organizer .search svg{height:1.125rem;padding-left:.5rem}.example-programs .organizer .search input{background:#111;border:none;border-radius:.375rem;color:#f5f5f5;font-family:Roboto,sans-serif;font-size:.925rem;height:100%;outline:none;padding:.375rem;width:100%}.example-programs .organizer .group{align-items:center;display:flex;font-size:1.125rem;justify-content:center;width:-moz-fit-content;width:fit-content}.example-programs .organizer .group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#282c34;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13.6-6.4H18.9c-5%200-9.3%201.8-12.9%205.4-3.6%203.6-5.4%207.8-5.4%2012.8%200%205%201.8%209.2%205.4%2012.8L128.7%20287c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095.4c3.6-3.6%205.4-7.8%205.4-12.8%200-5-1.8-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right .5rem center;background-repeat:no-repeat;background-size:.625rem;border:1px solid #727984;border-radius:.375rem;color:#f5f5f5;cursor:pointer;font-size:1rem;margin-left:.5rem;padding:.35rem 1.75rem .35rem .5rem}.example-programs .organizer .group select option{background-color:#282c34;border:none;color:#f5f5f5;font-size:1rem;padding:.25rem}.example-programs .organizer .group select option:checked,.example-programs .organizer .group select option:hover{background-color:#000;color:#fff}.example-programs .programs-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.example-programs .programs-list .group{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;background-color:#282c34;border:1px solid #727984;border-radius:.375rem;gap:1rem;overflow:hidden;padding:1rem;scroll-snap-align:start}.example-programs .programs-list .group.collapsed{height:calc(2.625rem - .5px)}.example-programs .programs-list .group.collapsed button svg{rotate:0deg}.example-programs .programs-list .group header{align-items:center;background-color:#535b66;border:1px solid #727984;border-bottom-color:#535b66;display:flex;font-size:1.125rem;font-weight:700;gap:1.5rem;grid-column:1/-1;height:2.625rem;justify-content:space-between;margin-left:calc(-1rem - 1px);margin-top:calc(-1rem - 1px);padding:1px 1rem 0;width:calc(100% + 2rem + 2px)}.example-programs .programs-list .group header span{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.example-programs .programs-list .group button{align-items:center;background-color:transparent;border:1px solid hsla(213,8%,72%,.737);border-radius:.25rem;color:currentColor;cursor:pointer;display:flex;height:1.75rem;justify-content:center;width:1.75rem}.example-programs .programs-list .group button:hover{background-color:#7e848c}.example-programs .programs-list .group button svg{flex-grow:1;flex-shrink:0;height:1.125rem;rotate:180deg}.example-programs .programs-list .saved-program-card{border:1px solid hsla(213,8%,72%,.62);border-radius:.375rem;color:currentColor;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:.675rem 1rem;position:relative;transition:background-color .2s}.example-programs .programs-list .saved-program-card:hover{background-color:#535b66}.example-programs .programs-list .saved-program-card:hover .title{text-decoration-color:currentColor}.example-programs .programs-list .saved-program-card .title{font-weight:700;position:relative;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s;width:100%}.example-programs .programs-list .saved-program-card .info{color:#d5d5d5;display:flex;font-size:.875rem;gap:1rem;justify-content:space-between;margin-top:.25rem;position:relative;white-space:nowrap;width:100%}.example-programs .programs-list .saved-program-card .date{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.saved-programs .organizer{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:1.5rem 0 0}.saved-programs .organizer .search{align-items:center;background:#111;border:1px solid #727984;border-radius:.375rem;display:flex;width:20rem}.saved-programs .organizer .search svg{height:1.125rem;padding-left:.5rem}.saved-programs .organizer .search input{background:#111;border:none;border-radius:.375rem;color:#f5f5f5;font-family:Roboto,sans-serif;font-size:.925rem;height:100%;outline:none;padding:.375rem;width:100%}.saved-programs .bottom-organizer{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin:1rem 0 0}.saved-programs .bottom-organizer .group-actions,.saved-programs .bottom-organizer .import-export{display:flex;gap:.5rem}.saved-programs .bottom-organizer .group-actions button,.saved-programs .bottom-organizer .import-export button{align-items:center;background-color:#535b66;border:1px solid #727984;border-radius:.25rem;color:currentColor;cursor:pointer;display:flex;font-size:1rem;font-weight:400;gap:.375rem;height:2rem;justify-content:center;padding:.17rem .5rem .125rem;transition:background-color .125s}.saved-programs .bottom-organizer .group-actions button:hover,.saved-programs .bottom-organizer .import-export button:hover{background-color:#7e848c}.saved-programs .bottom-organizer .group-actions button svg,.saved-programs .bottom-organizer .import-export button svg{flex-grow:1;flex-shrink:0;height:1.3rem;margin-top:-1px}.saved-programs .programs-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.saved-programs .programs-list .group{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;background-color:#282c34;border:1px solid #727984;border-radius:.375rem;gap:1rem;overflow:hidden;padding:1rem;scroll-snap-align:start}.saved-programs .programs-list .group.collapsed{height:calc(2.625rem - .5px)}.saved-programs .programs-list .group.collapsed button svg{rotate:0deg}.saved-programs .programs-list .group header{align-items:center;background-color:#535b66;border:1px solid #727984;border-bottom-color:#535b66;display:flex;font-size:1.125rem;font-weight:700;gap:1.5rem;grid-column:1/-1;height:2.625rem;justify-content:space-between;margin-left:calc(-1rem - 1px);margin-top:calc(-1rem - 1px);padding:1px 1rem 0;width:calc(100% + 2rem + 2px)}.saved-programs .programs-list .group header .name{align-items:flex-end;display:flex;gap:.25rem}.saved-programs .programs-list .group header .name span{margin-right:.5rem}.saved-programs .programs-list .group header .name button{border:1px solid hsla(213,8%,72%,.737)}.saved-programs .programs-list .group header .name svg{rotate:0deg}.saved-programs .programs-list .group header span{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.saved-programs .programs-list .group button{align-items:center;background-color:transparent;border:1px solid hsla(213,8%,72%,.737);border-radius:.25rem;color:currentColor;cursor:pointer;display:flex;height:1.75rem;justify-content:center;transition:background-color .125s;width:1.75rem}.saved-programs .programs-list .group button:hover{background-color:#7e848c}.saved-programs .programs-list .group button svg{flex-grow:1;flex-shrink:0;height:1.125rem;rotate:180deg}.saved-programs .programs-list .saved-program-card{border:1px solid hsla(213,8%,72%,.62);border-radius:.375rem;color:currentColor;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding-bottom:2rem;position:relative}.saved-programs .programs-list .saved-program-card .title{font-weight:700;padding:.675rem 1rem;position:relative;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s,background-color .2s;width:100%}.saved-programs .programs-list .saved-program-card .title:hover{background-color:#535b66;text-decoration-color:currentColor}.saved-programs .programs-list .saved-program-card .buttons{border-top:1px solid hsla(213,8%,72%,.62);bottom:0;color:currentColor;display:flex;font-size:.875rem;justify-content:center;left:0;margin-top:.25rem;position:absolute;white-space:nowrap;width:100%}.saved-programs .programs-list .saved-program-card button{border:none;border-radius:0;border-right:1px solid hsla(213,8%,72%,.62);flex-grow:1;height:2rem;transition:background-color .2s}.saved-programs .programs-list .saved-program-card button:last-of-type{border-right:none}.saved-programs .programs-list .saved-program-card button.danger:hover{background-color:#d32f2fbf}.saved-programs .programs-list .saved-program-card button svg{rotate:0deg}.saved-programs .programs-list header .name button{background:transparent;border:none;border-radius:.25rem;color:currentColor;cursor:pointer;padding:.25rem;transition:background-color .2s}.saved-programs .programs-list header .name button.danger:hover{background-color:#d32f2fbf}.saved-programs .programs-list header .name button.paste{background-color:#4a9eff40}.saved-programs .programs-list header .name button.paste:hover{background-color:#4a9eff80}.saved-programs .programs-list header .name button svg{height:1rem;width:1rem}.modal-container{align-items:center;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background-color:#00000020;display:flex;justify-content:center;inset:0;padding:.125rem;position:fixed;z-index:10}.modal-container .bg{height:100%;position:absolute;width:100%;z-index:-1}.modal-container .modal{background-color:#343941;border:1px solid #727984;border-radius:.375rem;box-shadow:0 .5rem 1rem .25rem #00000080;display:flex;flex-direction:column;max-height:100%;max-width:100%;overflow:hidden;position:relative;width:30rem}.modal-container header{align-items:center;border-bottom:1px solid #727984;color:currentColor;display:flex;justify-content:space-between;padding:.5rem 1rem;scroll-snap-align:start}.modal-container header .title{font-size:1.25rem;font-weight:500}.modal-container header .close-button{align-items:center;border-radius:999rem;cursor:pointer;display:flex;height:2rem;justify-content:center;margin-right:-.5rem;position:relative;width:2rem;z-index:0}.modal-container header .close-button:before{background-color:#535b66;border-radius:999rem;content:"";height:2rem;opacity:0;position:absolute;transform:scale(.5);transition:.125s;width:2rem;z-index:-1}.modal-container header .close-button:hover:before{opacity:1;transform:scale(1)}.modal-container header .close-button svg{height:1.375rem}.modal-container .modal-content{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;padding:1rem}.modal-container .save-program .group-select{align-items:center;display:flex;gap:.5rem;justify-content:center;width:100%}.modal-container .save-program select{border-radius:.25rem;flex-grow:1;font-weight:400;height:2rem}.modal-container .save-program select option{font-weight:400}.modal-container .save-program input{border:1px solid #727984;font-size:1rem;height:2rem;padding:.125rem .5rem}.modal-container .modal .buttons{border-top:1px solid #727984;bottom:0;left:0;position:absolute;right:0}.modal-container .modal .buttons,.modal-container .modal .buttons button{align-items:center;display:flex;flex-direction:row;justify-content:center}.modal-container .modal .buttons button{border:none;cursor:pointer;flex-grow:1;gap:.25rem;padding:.5rem;transition:.125s;width:40%}.modal-container .modal .buttons .cancel{background-color:#803131;color:#f5f5f5}.modal-container .modal .buttons .cancel:hover{background-color:#972727}.modal-container .modal .buttons .confirm{background-color:#337b36;color:#f5f5f5}.modal-container .modal .buttons .confirm:hover{background-color:#29922e}.modal-container .modal .buttons .warning{background-color:#a57e22;color:#f5f5f5}.modal-container .modal .buttons .warning:hover{background-color:#b78309}.modal-container .modal .buttons .danger{background-color:#d32f2f;color:#f5f5f5}.modal-container .modal .buttons .danger:hover{background-color:#f44336}.modal-container .modal .buttons button:disabled{cursor:not-allowed;opacity:.5}.modal-container .modal .buttons button:disabled:hover{background-color:transparent;background-color:initial}.modal-container .delete-message{text-align:center}.modal-container .delete-message p{line-height:1.5}.modal-container .delete-message .warning-text{color:#ffa726;font-size:.9rem;font-style:italic}.modal-container .delete-message strong{color:#ffa726}.modal-container .rename-form label{display:block;font-weight:500;margin-bottom:.5rem}.modal-container .rename-form input{background-color:#2c2f36;border:1px solid #727984;border-radius:.25rem;color:#f5f5f5;font-size:1rem;padding:.5rem;width:100%}.modal-container .rename-form input:focus{border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff33;outline:none}.modal-container .replace-message{text-align:center}.modal-container .replace-message p{line-height:1.5}.modal-container .replace-message strong{color:#ffa726}.modal-container .export-options .export-type-selection{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between}.modal-container .export-options .export-type-selection label{align-items:center;cursor:pointer;display:flex}.modal-container .export-options .export-type-selection label input[type=radio]{margin:0 .25rem;min-width:auto}.modal-container .export-options .file-selection,.modal-container .export-options .group-selection{margin-top:1rem}.modal-container .export-options .file-selection label,.modal-container .export-options .group-selection label{display:block;font-weight:500;margin-bottom:.5rem}.modal-container .export-options .file-selection select,.modal-container .export-options .group-selection select{background-color:#2c2f36;border:1px solid #727984;border-radius:.25rem;color:#f5f5f5;font-size:1rem;padding:.5rem;width:100%}.modal-container .export-options .file-selection select:focus,.modal-container .export-options .group-selection select:focus{border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff33;outline:none}.modal-container .import-info{text-align:center}.modal-container .import-info p{line-height:1.5}.modal-container .import-info .note{color:#9ca3af;font-size:.9rem;font-style:italic}.modal-container .conflict-info p{line-height:1.5}.modal-container .conflict-info .conflict-list{background-color:#2c2f36;border:1px solid #727984;border-radius:.25rem;max-height:200px;overflow-y:auto;padding:1rem}.modal-container .conflict-info .conflict-list li{color:#ffa726;font-family:monospace;font-size:.9rem;padding:.25rem 0}.modal-container .import-result{text-align:center}.modal-container .import-result .result-icon{margin-bottom:1rem}.modal-container .import-result .result-icon svg{display:block;height:3rem;margin:0 auto;width:3rem}.modal-container .import-result.success .result-icon{color:#4ade80}.modal-container .import-result.error .result-icon{color:#f87171}.modal-container .import-result .result-message{font-size:1.1rem;line-height:1.5}.modal-container .import-result .import-count{color:#9ca3af;font-size:.9rem;font-weight:500}.page-footer{align-items:center;background-color:#0e0f10;color:#f5f5f5;display:flex;flex-wrap:wrap;font-size:.95rem;gap:.25rem .5rem;justify-content:center;padding:.75rem;scroll-snap-align:start;width:100%}