@font-face{font-family:"Source Code Pro";font-style:normal;font-display:swap;font-weight:400;src:local("Source Code Pro"),url("./SourceCodePro-Regular.subset.woff2") format("woff2")}:root{color-scheme:light dark}html{font-family:"Source Sans Pro",sans-serif;box-sizing:border-box}body{margin:0;width:100%;height:100%;box-sizing:border-box;overflow-x:hidden;hyphens:auto}a{text-decoration:none;color:#00f}h1{width:100%;font-size:min(3rem, 9vw);margin:auto}img.inline{height:1.3em;width:1.3em;margin-bottom:-.2em}#counter{width:100%;background-color:#000;color:#fff}#status.ok{color:#adff2f}#status.error{color:#ff4500}#status.neutral{color:#fff}.content{width:100vw;height:100vh;margin:auto;text-align:center;box-sizing:border-box;max-width:50rem}.action{box-sizing:border-box;padding:1rem;background-color:#fff;max-width:50rem;margin:auto;gap:1rem;width:100%;height:100vh;display:grid;grid-template-areas:"header header" "value value" "minus plus";grid-template-rows:auto auto 1fr;grid-template-columns:1fr 1fr}.action .header{grid-area:header;border-radius:1rem;width:100%;height:100%;background-color:#ccc}.action .header img{width:80%}#counter{grid-area:value;border-radius:1rem;display:flex;flex-direction:column}.wheel{fill:#fff;transition:fill 1s}.wheel.negative{fill:#c00;animation-duration:1s;animation-name:white-black-red}.wheel.positive{animation-duration:1s;animation-name:red-black-white}@keyframes white-black-red{0%{fill:#fff}30%{fill:#888}100%{fill:#c00}}@keyframes red-black-white{0%{fill:#c00}30%{fill:#888}100%{fill:#fff}}#padding,#status{flex:1 0 2rem;display:flex;align-items:center;justify-content:center}#value{display:flex;justify-items:center;align-items:center;justify-content:center;align-content:center;flex:1 1 auto;width:100%}#value svg{width:100%}#minus,#plus{border-radius:1rem;background-size:contain;background-repeat:no-repeat;background-position:center}#minus{grid-area:minus;background-image:url(./minus.svg);background-color:#f96!important}#plus{grid-area:plus;background-image:url(./plus.svg);background-color:#55f!important}#error span{border:solid red .5rem;font-size:1rem;padding:.5rem;margin:auto}#error span.good{border:solid green .5rem}.button{font-size:3rem;font-weight:700;border-radius:1rem;padding:1rem 1rem;background-color:#080!important;background-size:contain;background-repeat:no-repeat;background-position:center;color:#fff;border:none;flex:1 1 auto;cursor:pointer}.button.big{height:4rem;background-color:#080!important}.button.big svg{height:4rem;width:4rem;padding:0;margin:0}.button.big.wide svg{width:6.5rem}.button svg{color:#fff;height:3rem;width:3rem}.fullscreenable-false{display:none}.strong{color:#c00}li img,li svg,p svg{height:1em;width:1em}ul{list-style:none;text-indent:0;margin-top:0}ol{text-indent:0;margin-top:0}li{margin-bottom:.3em}ul li::before{content:"";display:inline-block;margin-bottom:-.1em;margin-left:-1.5em;margin-right:.3em;height:1em;width:1em}ul li:nth-child(1)::before{background-image:url(./minus.svg)}ul li:nth-child(2)::before{background-image:url(./plus.svg)}ul li:nth-child(3)::before{background-image:url(./new.svg)}ul li:nth-child(4)::before{background-image:url(./fullscreen.svg)}ul li:nth-child(5)::before{background-image:url(./globe.svg)}ul li:nth-child(6)::before{background-image:url(./share.svg)}.spaced{margin-top:1rem;margin-bottom:2rem}.bottom{box-sizing:border-box;max-width:50rem;width:100%;padding:1rem;padding-top:0}.button-row{display:flex;box-sizing:border-box;width:100%;gap:1rem;box-sizing:border-box}.doc{border-radius:1rem;background-color:#ccc;margin-top:1rem;padding:1rem}.doc p,ol,ul{font-size:min(1.5rem, 7vw);text-align:left;margin-bottom:0;margin-top:.75rem}h2:first-child{margin:0}h2{font-size:min(2rem, 10vw);margin-top:2rem;text-align:left;margin-bottom:0;color:#060}code{color:#4f4;background-color:#000;padding:.1rem .5rem;border-radius:.5rem;font-size:80%;hyphens:none}kbd{display:inline-block;margin:0 .1em;padding:0 .4em;text-shadow:.03em .03em .03em #fff;background-color:#aaa;border:solid 1px #555;border-radius:3px;box-shadow:.05em .05em .1em rgba(0,0,0,.4),inset .03em .03em .03em .05em #ddd;overflow-wrap:break-word}#overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);background-size:contain;background-position:center;background-repeat:no-repeat;background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);z-index:2;cursor:pointer;box-sizing:border-box}#closer{position:absolute;width:3rem;height:3rem;top:1rem;right:1rem}#resizer{position:absolute;width:3rem;height:3rem;bottom:1rem;right:1rem}#arrowdown{position:fixed;display:none;width:30%;max-width:15rem;bottom:4rem;left:50%;z-index:1;opacity:0;animation-duration:3s;animation-name:flashing}@keyframes flashing{0%{opacity:0;transform:translate(-200%,0)}10%{opacity:.5}20%{transform:translate(-50%,1em)}30%{transform:translate(-50%,0)}40%{transform:translate(-50%,1em)}50%{transform:translate(-50%,0)}60%{transform:translate(-50%,1em)}70%{transform:translate(-50%,0)}80%{transform:translate(-50%,1em)}90%{transform:translate(-50%,0);opacity:.5}100%{opacity:0;transform:translate(100%,0)}}.pushed{opacity:.8;animation:opacity .1s}.scrollmeup{animation-duration:.5s;animation-name:scrollmeup}@keyframes scrollmeup{from{transform:translate(0,-60%)}to{transform:translate(0,0)}}.scrollmedown{animation-duration:.5s;animation-name:scrollmedown}@keyframes scrollmedown{from{transform:translate(0,60%)}to{transform:translate(0,0)}}@media (prefers-color-scheme:dark){.action,body,html{background-color:#000}a{color:#69f}.action .header{background-color:#444;color:#ccc}#counter{background-color:#444}#minus{background-color:#953!important}#plus{background-color:#23f!important}.button.big{background-color:#060!important}h2{color:#080}.doc{background-color:#222;color:#ccc}kbd{color:#000}ul li:nth-child(1)::before{background-color:#603816;border-radius:.2rem}ul li:nth-child(2)::before{background-color:#57f;border-radius:.2rem}ul li:nth-child(3)::before{background-image:url(./new-white.svg);background-repeat:no-repeat;background-position:center;background-size:contain}ul li:nth-child(4)::before{background-image:url(./full-white.svg)}ul li:nth-child(5)::before{background-image:url(./globe-white.svg)}ul li:nth-child(6)::before{background-image:url(./share-white.svg)}}@media (width > 20cm) and (height > 20cm){#overlay{background-size:20cm}}@media (max-aspect-ratio:4/5) and (max-height:40rem){.action,.bottom{max-width:60vh}}@media (min-aspect-ratio:4/5) and (max-aspect-ratio:5/4){.action,.bottom{max-width:80vh}}@media (min-aspect-ratio:4/5) and (max-aspect-ratio:5/4) and (max-height:40rem){.action,.bottom{max-width:70vh}}@media (min-aspect-ratio:5/4){.action{grid-template-areas:". header ." "minus value plus";grid-template-rows:auto 1fr;grid-template-columns:1fr 80vh 1fr;max-width:100vw}.content{max-width:100%}.bottom{box-sizing:content-box;margin-left:auto;margin-right:auto;max-width:80vh}.value svg{width:auto;height:100%}}@media (min-aspect-ratio:5/4) and (max-height:30rem){.action{grid-template-columns:1fr 70vh 1fr}.bottom{max-width:70vh}}