:root{--surface-one:#f7f7f7;--surface-two:#fdfdfd;--surface-three:#eaedf2;--surface-four:#f3fde8;--text-one:#2f3030;--text-two:#494b52;--text-three:#2a2a2a;--text-four:#2a2a2a}@font-face{font-family:ArchivoFont;src:url(/assets/ArchivoFont-CbhVQaPf.ttf)format("truetype");font-display:swap}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:.8s linear infinite spin}body{background-color:var(--surface-one);color:var(--text-one);font-family:ArchivoFont,sans-serif}input{border:1px solid var(--surface-three);background-color:var(--surface-two);color:var(--text-one);border-radius:.5em;width:36ch;padding:.75em;font-family:Courier New,Courier,monospace;font-size:.9em}input:focus{border-color:#aeb0b4;outline:none}input:hover{border-color:#c6c9ce}input::placeholder{color:var(--text-two);opacity:.5}input{transition:border-color .3s ease-in-out,transform .3s ease-in-out}button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:8px;padding:.5em 1em;font-family:ArchivoFont,sans-serif;font-size:1em}button:hover{background-color:#000}button{transition:background-color .3s ease-in-out,transform .3s ease-in-out}.paste-button{background-color:var(--surface-two)}.paste-button:hover{background-color:#f7f7f7}