*{margin:0;padding:0}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body,html{height:100%}#root,.App,body{display:flex;flex-direction:column;height:100%}button,input{font-size:1rem;font-family:inherit;background-color:transparent;outline:none}button{display:flex;align-items:center}.ButtonIcon{height:1rem;width:1rem;display:inline-block;vertical-align:middle}.ScreenReaderOnly{position:absolute;top:-999999vh;left:-9999999vh;width:1px;overflow:hidden}.App{padding:2rem;justify-content:center;align-items:center;--primary:#3176f6;--primary-darker:#2e66ce;--inactive-border:#aaa;--background:#fff;--background-darker:#eee;--foreground:#333;--qr-code-light-foreground:#333;--qr-code-light-background:#fff;--qr-code-dark-foreground:#f5f5f5;--qr-code-dark-background:#1b1b2a;color:var(--foreground);background:var(--background);flex-direction:column-reverse}@media (prefers-color-scheme:dark){.App{--background:#1b1b2a;--background-darker:#25252f;--foreground:#f5f5f5;--inactive-border:#999}}.Title{margin-bottom:1rem;font-size:2rem}.InputField{margin-bottom:.5rem;color:var(--foreground);background-color:var(--background-darker);min-width:275px;padding:.5rem 1rem;text-align:center;border-radius:2rem;border:none;font-weight:500;transition:color .2s ease-out}.InputField::-webkit-input-placeholder{color:var(--inactive-border)}.InputField:-ms-input-placeholder{color:var(--inactive-border)}.InputField::placeholder{color:var(--inactive-border)}.SubmitButton{background-color:var(--primary);color:var(--background);justify-content:center;padding:.5rem 1rem;border-radius:2rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s ease-out}.SubmitButton:focus,.SubmitButton:hover{background-color:var(--primary-darker)}@media (min-width:800px){.App{flex-direction:row;align-items:stretch;justify-content:center;box-sizing:border-box}}.QRCodeWrapper{flex-shrink:0;padding:1rem;display:flex;flex-direction:column-reverse}.QR{height:275px;width:275px;aspect-ratio:1;flex-shrink:0}.QRCodeWrapper .QRCodeActions{display:flex;justify-content:flex-end;margin-bottom:-1rem;margin-right:-1rem;position:relative}.QRCodeWrapper .QRCodeActions>*{margin-left:.5rem}.Form,.FormWrapper{display:flex;flex-direction:column}.FormWrapper{margin-top:2rem}@media (min-width:800px){.QRCodeWrapper{align-self:center}.FormWrapper{justify-content:center;margin-right:4rem;margin-top:0}}
/*# sourceMappingURL=main.f6476c2b.chunk.css.map */