@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@1,900&display=swap";:root{--blue: #0c6cf9;--blue--lighter: #4288f0;--blue--darker: #0052cc;--text-color: #000000;--background-color: #ffffff;--note-background-color: #eeeeee;--error-background-color: #ffe3e3}@media (prefers-color-scheme: dark){:root{--text-color: #ffffff;--background-color: #000000;--note-background-color: #3d3d3d;--error-background-color: #6b2e2e}}*{box-sizing:border-box}[hidden]{display:none!important}body{font-family:sans-serif;color:var(--text-color);background:var(--background-color);margin:0;line-height:1.5}#root{display:flex;flex-direction:column;align-items:center;min-height:100vh}header{background:var(--blue);text-align:center;padding:2rem 2rem 1rem;width:100%}header h1{color:#fff;font-family:Kanit,sans-serif;font-style:italic;font-weight:900;font-size:6.3rem;line-height:1;text-transform:uppercase;margin:0}header p{color:#fff;font-style:italic;font-weight:500;font-size:2rem}@media (max-width: 720px){header h1{font-size:14vw}header p{font-size:6vw}}main{width:100%;max-width:40rem;padding:1rem;flex-grow:1;display:flex;flex-direction:column;align-items:center}main form{width:100%;display:flex;flex-direction:column;align-items:center}input{width:100%;background:var(--background-color);color:var(--text-color);border-radius:.25rem;border:.125rem solid gray;height:2rem;text-indent:.25rem;font-size:1rem;margin:1rem 0}@media (max-width: 720px){input{text-indent:0}}input:focus{outline:0;border:.125rem solid var(--blue)}button{border:0;padding:.5rem 1rem;border-radius:.25rem;background:var(--blue);color:#fff;font-weight:700;font-size:1rem}button:hover{background:var(--blue--darker)}button:focus{outline:0;box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem var(--blue)}.loading{margin-top:2rem;display:grid;grid-template-columns:auto auto;grid-gap:1rem;gap:1rem;align-items:end}.loading svg{width:1rem;height:1rem;animation:jump .5s cubic-bezier(.14,.4,.54,1) infinite alternate}.loading p{margin:0}.result{font-size:1.2rem}.note,.no-results{width:100%;background:var(--note-background-color);padding:2rem;border-radius:.25rem}.no-results{background:var(--error-background-color)}@media (prefers-reduced-motion: reduce){.loading{align-items:center}.loading svg{animation:none}}@keyframes jump{0%{transform:translateY(0)}to{transform:translateY(-2rem)}}footer{display:flex;flex-direction:column;align-items:center;padding:1rem 0 2rem;width:100%;flex-wrap:wrap}a,a:visited{color:var(--text-color)}a:hover{background:var(--blue);color:#fff}.btn--remix{font-family:sans-serif;padding:.75rem 1rem;font-weight:500;align-items:center;cursor:pointer;background:var(--background-color);border:1px solid var(--text-color);border-radius:4px;text-decoration:none;color:var(--text-color);white-space:nowrap}.btn--remix img{margin-right:.5rem}.btn--remix:hover{background:#d0fff1;color:#000}