*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#3b3a36;background-color:#fdfaf6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;max-width:600px;padding:1rem;text-align:center}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#3b3a36;background-color:#fdfaf6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1;color:#3b3a36;text-shadow:1px 1px 0 #e5ded1}button{border-radius:8px;border:1px solid #d6c7b7;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f5f0e6;color:#3b3a36;cursor:pointer;transition:background-color .25s,border-color .25s,transform .1s}button:hover{background-color:#e8dfd3;border-color:#c4b6a6;transform:translateY(1px)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}footer{opacity:.7;color:#5c5b57}.resultBox{background-color:#f9f6f1!important;border:1px solid #dcd3c3!important}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border:6px solid #ccc;border-top:6px solid #2e86de;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-around{0%{top:10%;left:10%}25%{top:10%;left:80%}50%{top:80%;left:80%}75%{top:80%;left:10%}to{top:10%;left:10%}}.magnifying-glass{position:absolute;width:40px;height:40px;font-size:32px;pointer-events:none;transform:translate(-50%,-50%)}body{background-color:#5a8696;margin:0;padding:0}