#qrcode{display:flex;align-items:center;height:100%}#qrcode img{margin:auto;display:block;border:8px solid #eee}.color-input{display:flex;align-items:center}.color-input input{flex:1;border-radius:0 .5rem .5rem 0}.color-wrapper{width:36px;height:36px;border:1px solid black;background-image:url("data:image/gif;base64,R0lGODlhDAAMAIABAMzMzP///yH5BAEAAAEALAAAAAAMAAwAAAIWhB+ph5ps3IMyQFBvzVRq3zmfGC5QAQA7")}.color{height:100%;background-color:black}.submit{margin-bottom:0}.input .container{height:60px}.output .container{height:300px;min-height:160px;background-color:var(--var-input-bg-color)}#output{height:60px;min-height:40px;scrollbar-width:none}@media (min-width: 1024px){.input{height:80px}.output{height:calc(100% - 80px)}.input .container,.output .container{height:initial}}@media (min-width: 1920px){.input,.output{height:initial}}