:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;display:flex;place-items:center}.container{text-align:center;padding:16px;width:100vw}.inputGroup{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px}.borderInputContainer{display:flex;gap:8px}.borderInputContainer div{display:flex;align-items:center}.grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));margin-top:20px}.imageContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.imageContainer img{width:180px;aspect-ratio:3/2;object-fit:contain}.imageContainer a{font-weight:500;color:#646cff;text-decoration:inherit}.imageContainer a:hover{color:#535bf2}fieldset{display:flex;gap:16px}h1{font-size:3.2em;line-height:1.1}@media (min-width: 500px){.grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media (min-width: 750px){.grid{grid-template-columns:repeat(4,minmax(180px,1fr))}}@media (min-width: 900px){.grid{grid-template-columns:repeat(5,minmax(180px,1fr))}}@media (min-width: 1100px){.grid{grid-template-columns:repeat(6,minmax(180px,1fr))}}@media (min-width: 1200px){.grid{grid-template-columns:repeat(7,minmax(180px,1fr))}}