@layer base{html{font-size:18px}}.qr-main{background-color:var(--accent);border-radius:calc(var(--radius)*2);color:var(--background);flex-direction:column;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem;padding:2rem;display:flex}@media screen and (min-width:800px){.qr-main{flex-direction:row}}.qr-form{grid-area:2/1;grid-template-columns:repeat(auto-fill);gap:2rem;display:grid}@media screen and (min-width:1024px){.qr-form{grid-row:1;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}}.qr-form legend{text-transform:lowercase;font-size:1.5rem;font-weight:900}.qr-code{flex-direction:column;grid-area:1/1;display:flex}@media screen and (min-width:1024px){.qr-code{grid-area:1/2}}.qr-wrapper{background-color:var(--background);aspect-ratio:1;width:100%;max-width:10rem;color:var(--accent);border-radius:var(--radius);justify-content:center;align-items:center;margin:1rem auto;padding:1rem;display:flex}.qr-btns{text-align:center}