.color-selector{width:40px;height:40px;display:inline-block;text-align:left;padding:3px;margin:3px 4px 3px 3px;border:4px solid;outline:1px solid #333}.color-picker-selector{width:50px;height:50px;display:inline-block;text-align:left;padding:0;margin:3px;border:4px solid;outline:1px solid #333}input[type=color]{width:29px;height:29px;xdisplay:block;padding:0;margin:0;border:0px solid;outline:0px solid #CCC;-webkit-appearance:none;border:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}.style-selector{width:90px;height:60px;display:inline-block;text-align:center;line-height:30px;vertical-align:middle;padding:3px;margin:3px;border:4px solid;outline:0px solid #CCC;background:#fff}.empty-logo-selector{width:50px;height:50px;background:red;display:inline-block;text-align:left;padding:3px;margin:3px;border:4px solid;outline:0px solid #CCC;text-align:center}.logo-selector{width:50px;height:50px;display:inline-block;text-align:left;padding:3px;margin:3px;border:4px solid;outline:0px solid #CCC;text-align:center}img{margin:0 auto}.with-border{border-color:#3f0}.no-border{border-color:#ccc}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}#root{max-width:100%;margin:0 auto}#content{display:flex;flex-flow:row wrap;justify-content:space-around}.flex-item{background:tomato;width:550px;height:750px;margin-top:10px;color:#333;text-align:center;margin-left:5px;margin-right:5px;border-radius:50px}#qrcode{background:#eef;height:550px;margin-top:55px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}#qrcode canvas{margin:70px auto 0}#qrcode-img{width:300px;height:300px;margin:0 auto}#controls{padding:30px;background:#eee;border:1px solid #ccc;min-height:830px;box-shadow:#0000001a 0 10px 50px}h2{font-size:2em;color:#333}h3{text-align:left;color:#666}.separator{border-bottom:1px dashed #ccc;margin-top:10px;margin-bottom:10px}
