*{box-sizing:border-box}::after,::before{box-sizing:inherit}body,html{padding:0;margin:0;height:100%;font-size:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;color:var(--textColor);text-align:center}h1{text-align:center;font-family:Comfortaa,cursive;font-size:2.5em;margin:0 0 .5em}h2{font-size:1.25em}a{color:currentColor;font-weight:700}main{height:100vh;overflow:auto}.container{width:100%;padding:5em 2em}.controls{display:grid;grid-gap:1em;text-align:center}@media (min-width:35em){.controls{grid-template-columns:1fr 1fr 1fr}}.box{margin:0 auto;max-width:40em}.box>*{margin:0}.box>*+*{margin-top:2em}.intro{position:relative;padding:1em 0 2em}.intro::before{position:absolute;content:'';top:100%;left:30%;right:30%;height:2px;background:var(--textColor)}.mini-scroll{border:2px solid var(--textColor,transparent);border-radius:.25em;height:15em;overflow:auto}.mini-scroll>div{height:30em;padding:3em;text-align:center}.mini-scroll svg{width:3em;height:3em;margin-top:1em}.code{position:relative;background:#fff;color:#444;border:2px solid var(--textColor,transparent);border-radius:.25em;text-align:left}button{color:var(--bgColor);background:var(--textColor);border:none;border-radius:.25em;font-size:1em;padding:.5em 4em;cursor:pointer}button:not([disabled]):focus,button:not([disabled]):hover{transform:scale(1.125)}button[disabled]{opacity:.85}footer{padding:1em 2em;position:relative}footer::before{position:absolute;content:'';bottom:100%;left:30%;right:30%;height:2px;background:var(--textColor)}pre{overflow:auto;padding:1em;background:linear-gradient(90deg,#fff 33%,rgba(255,255,255,0)),linear-gradient(90deg,rgba(255,255,255,0),#fff 66%) 0 100%,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent) 0 100%;background-repeat:no-repeat;background-size:30px 100%,30px 100%,10px 100%,10px 100%;background-position:0 0,100%,0 0,100%;background-attachment:local,local,scroll,scroll}svg{fill:var(--textColor)}.svg-fill-bg{fill:var(--bgColor)}label span{display:block;margin-bottom:.5em}label input{width:100%}.stackList{list-style:none;margin:0;padding:0}.stackList>li+li{margin-top:1em}.u-marginTopLarge{margin-top:4em!important}