/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}b,strong{font-weight:700}p{margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:300;margin-bottom:.5em;margin-top:0}.h1,h1{font-size:3em;line-height:1}.h2,h2{font-size:2.4em;line-height:1.25}.h3,h3{font-size:1.75em}.h3,.h4,h3,h4{line-height:1.5}.h4,h4{font-size:1.5em}.h5,h5{font-size:1.2em}.h5,.h6,h5,h6{line-height:1.4}.h6,h6{font-size:1em}.mono{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace}.sans{font-family:Helvetica Neue,Arial Nova,Helvetica,Arial,sans-serif}.serif{font-family:Times,Times New Roman,serif}.bg-bg{background-color:#000}.bg-fg{background-color:#ced7df}.bg-primary{background-color:#8ab9d0}.bg-secondary{background-color:#008fd4}.bg-tertiary{background-color:#272727}.bg-highlight{background-color:#ffdc5e}.color-bg{color:#000}.color-fg{color:#ced7df}.color-primary{color:#8ab9d0}.color-secondary{color:#008fd4}.color-tertiary{color:#272727}.color-highlight{color:#ffdc5e}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{background:#000;color:#ced7df;font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:1.6em;font-weight:300;line-height:1.6}body,html{overflow-y:hidden}blockquote{border-left:.3rem solid #ced7df;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote :last-child{margin-bottom:0}.button,button,input[type=button],input[type=reset],input[type=submit]{background-color:#ced7df;border:1px solid #ced7df;border-radius:5px;color:#000;cursor:pointer;display:inline-block;font-size:85%;letter-spacing:1px;line-height:3em;padding:0 2em;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#008fd4;border-color:#008fd4;color:#000;outline:0}.button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default;opacity:.25}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type=button][disabled]:focus,input[type=button][disabled]:hover,input[type=reset][disabled]:focus,input[type=reset][disabled]:hover,input[type=submit][disabled]:focus,input[type=submit][disabled]:hover{background-color:#ced7df;border-color:#ced7df}.button.button-outline,button.button-outline,input[type=button].button-outline,input[type=reset].button-outline,input[type=submit].button-outline{background-color:transparent;color:#ced7df}.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type=button].button-outline:focus,input[type=button].button-outline:hover,input[type=reset].button-outline:focus,input[type=reset].button-outline:hover,input[type=submit].button-outline:focus,input[type=submit].button-outline:hover{background-color:transparent;border-color:#008fd4;color:#008fd4}.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type=button].button-outline[disabled]:focus,input[type=button].button-outline[disabled]:hover,input[type=reset].button-outline[disabled]:focus,input[type=reset].button-outline[disabled]:hover,input[type=submit].button-outline[disabled]:focus,input[type=submit].button-outline[disabled]:hover{border-color:inherit;color:#ced7df}.button.button-clear,button.button-clear,input[type=button].button-clear,input[type=reset].button-clear,input[type=submit].button-clear{background-color:transparent;border-color:transparent;color:#ced7df}.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type=button].button-clear:focus,input[type=button].button-clear:hover,input[type=reset].button-clear:focus,input[type=reset].button-clear:hover,input[type=submit].button-clear:focus,input[type=submit].button-clear:hover{background-color:transparent;border-color:transparent;color:#008fd4}.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type=button].button-clear[disabled]:focus,input[type=button].button-clear[disabled]:hover,input[type=reset].button-clear[disabled]:focus,input[type=reset].button-clear[disabled]:hover,input[type=submit].button-clear[disabled]:focus,input[type=submit].button-clear[disabled]:hover{color:#8ab9d0}code,kbd{background-color:#ced7df;color:#000;font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:81.25%;margin:0 .2em;padding:.2em .4em;white-space:nowrap}pre{border-left:3px solid #ced7df;overflow-y:hidden}pre>code{background:inherit;border-radius:0;color:inherit;display:block;padding:.75em 1em;white-space:pre}hr{border:0;border-top:1px solid #272727;margin:2em 0}input:not([type]),input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week],select,textarea{-webkit-appearance:none;background-color:transparent;border:1px solid #777;border-radius:5px;box-shadow:none;box-sizing:inherit;color:#8ab9d0;height:2.5em;padding:.375em .625em .4375em;width:100%}input:not([type]):focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#8ab9d0;outline:0}select{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 8" width="10"><path fill="%238AB9D0" d="M0,0l6,8l6-8"/></svg>') 100% no-repeat;padding-right:1.875em}select[multiple]{background:none;height:auto}textarea{min-height:7em}label,legend{display:block;font-size:1em;margin-bottom:.3em}fieldset{border-width:0;padding:0}input[type=checkbox],input[type=radio]{display:inline}input[type=color]{border:0;padding:0}.label-inline{display:inline-block;font-weight:400;margin-left:.3em}.container{margin:0 auto;max-width:112rem;padding:0 2rem;position:relative;width:100%}.row{display:flex;flex-direction:column;width:100%}.row,.row.row-no-padding,.row.row-no-padding>.column{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .column{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-40{margin-left:40%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-60{margin-left:60%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}.row .column .column-top{align-self:flex-start}.row .column .column-bottom{align-self:flex-end}.row .column .column-center{align-self:center}@media (min-width:40rem){.row{flex-direction:row;margin-left:-1rem;width:calc(100% + 2rem)}.row .column{margin-bottom:inherit;padding:0 1rem}}a{color:#8ab9d0;text-decoration:none}a:focus,a:hover{color:#008fd4}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:1em 0 1em 2em}ol{list-style:decimal inside}ul{list-style:circle inside}.button,button,dd,dt,fieldset,input,li,select,textarea{margin-bottom:1em}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:1.5em}table{display:block;overflow-x:auto;text-align:left;width:100%}td,th{border:1px solid #272727;padding:.75em 1em}@media (min-width:40rem){table{display:table;overflow-x:initial}}img{max-width:100%}svg{fill:#ced7df}.clearfix:after{clear:both;content:" ";display:table}.float-left{float:left}.float-right{float:right}.flex{align-items:center;display:flex;justify-content:center}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.space-around{justify-content:space-around}.hidden{display:none!important}.off{visibility:hidden}.opacity-0{opacity:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.em{font-style:italic}.fill-current{fill:currentColor}.w-16{width:16rem}body,html{height:100%;margin:0;width:100%}body{display:flex;flex-direction:column;flex-shrink:0}form,textarea{margin:0}textarea{border:0;border-radius:0;color:#ced7df;height:auto;line-height:1.5;margin:0;overflow:auto;padding-top:1rem;width:auto}#input-code{bottom:0;left:30px;position:absolute;resize:none;right:0;top:0}#tabs-wrapper{flex:1;position:relative}.tab-mobile{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.tab-mobile .h-full{align-items:stretch;display:flex;min-height:100%}#tab-editor{overflow:none}#output-linenumbers{border-right:1px solid #272727;bottom:0;color:#777;left:0;line-height:1.5;min-width:30px;overflow:auto;padding:1rem 1rem .7rem .5rem;position:absolute;scrollbar-width:none;text-align:right;top:0}#output-wrapper{align-items:stretch;display:flex;flex-direction:column;height:100%;width:100%}#output-canvas-wrapper{align-items:center;aspect-ratio:1/1;background:#0a0a0a;display:flex;justify-content:center;max-height:calc(100% - 100px);min-height:250px;min-width:250px;overflow:auto;scrollbar-width:thin}#output-canvas{aspect-ratio:1/1;background:#000;height:100%;width:auto}#output-canvas canvas{margin-left:auto;margin-right:auto}#output-canvas:focus{outline:none}#output-text{border-top:2px dashed #777;color:#ced7df;flex:1;min-height:80px;min-width:200px;overflow:auto;padding:2px 6px;scrollbar-gutter:stable;scrollbar-width:thin;white-space:pre}#output-text .error{color:#8ab9d0}@media (min-aspect-ratio:4/3){#output-wrapper{flex-direction:row}#output-canvas-wrapper{max-height:none}#output-text{border-left:2px dashed #777;border-top:none}}#skulptRun svg{fill:currentColor;height:1rem;vertical-align:baseline;width:1rem}#bar-coding,#bar-edit{justify-content:flex-start}.menu-button{align-items:center;background-color:#ced7df;color:#000;cursor:pointer;display:flex;font-size:2rem;height:4rem;justify-content:center;margin:0;padding:0;text-align:center;width:6rem}.menu-button,.menu-button svg{-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-button svg{height:2rem;vertical-align:middle;width:2rem}.menu-button.disabled{cursor:default}.menu-button.disabled svg{opacity:.25}.buton{background-color:#000;color:#ced7df}#toggle-bar-files{margin-left:auto;padding:0 1rem;width:auto}#input-filename,#output-filename{margin:0 0 0 1.5rem;padding:.3rem .5rem;width:100%}#input-filename{background:#8ab9d0;border:1px solid #000;border-radius:0;color:#000;height:auto}#input-filename::-moz-placeholder{color:#008fd4;font-style:italic;opacity:1}#input-filename::placeholder{color:#008fd4;font-style:italic;opacity:1}#output-filename{background:#ced7df;border-bottom:1px solid #008fd4;color:#008fd4;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}#marker-unsaved{color:#008fd4}#button-files{flex-shrink:0;margin-right:auto}#button-close{margin-right:1.5rem;width:3rem}#button-menu{padding:0 1rem;width:auto}#output-files{font-size:87.5%;padding:1rem 0}#output-files .message{color:#8ab9d0;padding:0 1rem}.code-file{align-items:center;border-top:1px solid #272727;display:flex;justify-content:start;padding:.5rem 1rem;white-space:nowrap}.code-file,.code-file [data-filename]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-file [data-filename]{flex-grow:1;margin-right:.5rem}.code-file [data-modified]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-file:last-child{border-bottom:1px solid #272727}.code-file.is-open{background-color:#272727}#input-sort{font-size:75%;padding:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}#input-sort select{background-color:#000;border:0;border-bottom:1px solid #8ab9d0;border-radius:0;display:inline-block;height:auto;margin:0;padding:0 3rem 0 .5rem;width:auto}body.modal-active #modal{display:flex}#modal{align-items:center;bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10}#modal-overlay{background:#000;color:#ced7df;height:100%;opacity:.9;position:absolute;width:100%}[data-modal-close]{cursor:pointer;padding:1rem;position:absolute;right:0;top:0}[data-modal-close] svg{height:2rem;width:2rem}#modal-container{margin-left:auto;margin-right:auto;overflow:hidden;z-index:10}#modal-content{margin:auto;max-height:85vh;max-width:85vw;min-width:300px;overflow:auto;text-align:center}#modal-content::-webkit-scrollbar{height:8px;width:8px}#modal-content::-webkit-scrollbar-thumb{background:#ced7df;border-bottom:1px solid #272727;border-radius:2px;border-top:1px solid #272727}#modal-content::-webkit-scrollbar-track{background:#777;border:1px solid #272727}#modal-content::-webkit-scrollbar-corner{background-color:transparent}#modal-content{scrollbar-face-color:#ced7df;scrollbar-track-color:#777}.modal{background:#000;display:flex;flex-direction:column;justify-content:center;padding:1rem}.modal h1{align-self:center;color:#8ab9d0;font-size:1.5rem;line-height:1.2;text-transform:uppercase}.modal button{align-self:center;width:12rem}.menu-item,.modal .banner{border-top:1px solid #272727;margin:0;padding:1rem 0}.menu-item:last-child,.modal .banner{border-bottom:1px solid #272727}.modal .banner{border-radius:.4rem;margin-bottom:3rem}.menu-item{-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-item svg.icon{height:2rem;margin-right:1rem;width:2rem}.checkwrap{align-items:center;display:flex;justify-content:center}.checkwrap input{margin:0 1rem 0 0}