body{padding:1rem;margin:0 auto;font-family:system-ui,sans-serif;display:flex;flex-direction:column}@media screen and (min-width:800px){body{max-width:800px}}footer{margin-top:2rem;font-size:.5em}main{margin-top:0rem}header{margin-top:1rem}header hgroup p{font-style:italic}.button-bar{display:flex;gap:1rem;flex-direction:column}@media screen and (min-width:800px){.button-bar{flex-direction:row;align-items:start}}.output{margin-top:1rem}output{padding:1rem;overflow:auto;background-color:#fff;border:1px solid #aaa;border-radius:.5rem;display:flex;justify-content:center;align-items:center;min-height:200px}@keyframes fade_in{0%{opacity:.5}}output svg{object-fit:contain;max-width:100%;animation:fade_in .2s cubic-bezier(.5,0,.5,1) forwards}output svg g[id=barcode] rect:first-child{fill:none}#output-message{margin-top:.5rem;font-size:.5em}