@font-face{font-family:Share Tech Mono;src:url(/assets/ShareTechMono-Regular-B9ZeNMwq.ttf);font-display:swap}body{margin:0}a{color:inherit;word-break:break-all;font-weight:700}.hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{--logo-size:3rem;--font:"Share Tech Mono", Helvetica, Arial, sans-serif;--logo:url(/logo.svg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--color);flex-flow:column;min-height:100vh;transition:all .3s cubic-bezier(.79,.14,.15,.86);display:flex}.logo{padding:calc(var(--logo-size) / 2);width:0;height:0;-webkit-mask:var(--logo) no-repeat center center/contain;mask:var(--logo) no-repeat center center/contain;-webkit-mask:var(--logo) no-repeat center center/contain;background:var(--color);align-self:flex-end;margin:2rem 2rem 4rem}form,.results,.colorCopy,.actions{display:flex}.colorCopy,form{flex-flow:column}form{padding:0 2rem}form label{margin-bottom:1rem;font-size:1.3rem}form input{font-size:var(--font-size,1.2rem);border:none;border-radius:.5em;margin:0 0 2rem;padding:1em;font-family:inherit;font-weight:700}form input:disabled{color:inherit;background:inherit}form output{cursor:pointer;margin:1rem 0;font-size:3rem;font-weight:700}form small{padding:1em 0}.results,.actions{flex-wrap:wrap;justify-content:space-between;gap:3rem}.notitification{flex:100%}.results svg{fill:currentColor;inline-size:2rem}.results a{margin-top:1rem}footer{flex-wrap:wrap;justify-content:space-between;column-gap:2rem;margin-top:auto;padding:2rem;display:flex}footer a{text-decoration:none}@media screen and (width>=40rem){form input{--font-size:2rem}}.show-enter-active{animation:.5s show}.show-leave-active{animation:.5s reverse show}@media (prefers-reduced-motion){.show-enter-active,.show-leave-active{animation:none}}@keyframes show{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:none}}