body{font-family:sans-serif;color:#222;margin:unset;height:100vh}button{padding:10px 20px;font-size:1em;color:#222;background-color:#03afff70;border:unset;border-radius:6px;outline:unset;transition:.2s}button:hover{filter:brightness(.8);cursor:pointer}button:active{transform:scale(.97);cursor:pointer}code{font-size:1.2em;background-color:#eee;padding:2px 8px;border-radius:6px}.input-container{display:grid;grid-auto-flow:column;gap:10px;align-items:center}.input-form-container{display:grid;gap:20px;padding:0 20px 20px 20px;border:2px solid #8007;border-radius:10px;width:-webkit-max-content;width:max-content}.value-checker{display:flex;gap:10px;align-items:center}.text-highlight{color:#6495ed}.explain-bubble{border-radius:10px;background-color:#4fdD2A20;margin:0 -14px -14px -14px;padding:6px}.overlap-container{display:grid}.overlap-container>*{grid-row:1/1;grid-column:1/1}