:root{--color-base:#000;--color-background:#fff;--color-background-card:hsla(0,0%,100%,.9);--main-gradient:linear-gradient(0deg,#a700ff,#f200ff)}*{box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;min-height:100%}#root,body,html{align-items:flex-start;display:flex;margin:0;min-width:100%;padding:0}#root,body,html{justify-content:center}h1{font-size:1.4rem;line-height:1.6rem;margin:0 0 1rem;text-align:center}body{background:var(--main-gradient)}main{background:var(--color-background);border-radius:10px;box-shadow:0 0 40px rgba(0,0,0,.4);margin:2rem;max-width:60ch;padding:1rem;width:100%}@supports (backdrop-filter:blur(20px)){main{backdrop-filter:blur(40px);background:var(--color-background-card)}}main form{align-items:center;display:grid;gap:2rem}main form label{display:grid;gap:1rem;grid-template-columns:1fr}main form label input{background:hsla(0,0%,100%,.6);border:none;border-radius:5px;font-size:1rem;padding:.5rem 1rem}main form label input:focus{background:#fff}.result{align-items:center;display:grid;justify-content:center}.result span:nth-child(2){font-size:2rem;font-weight:600}
/*# sourceMappingURL=index.9c99379b.css.map */