*{font-family:system-ui,sans-serif;scrollbar-width:auto}@media (prefers-color-scheme: light){*{scrollbar-color:#2a2a2a #ff766c}}@media (prefers-color-scheme: dark){*{scrollbar-color:#fff #2a2a2a}}html{height:100%}body{margin:0px;font-weight:normal;font-size:20px;height:100%}@media (prefers-color-scheme: light){body{color:#2a2a2a;background-color:#ff766c}}@media (prefers-color-scheme: dark){body{color:#fff;background-color:#2a2a2a}}a{text-decoration:underline}@media (prefers-color-scheme: light){a{color:#2a2a2a}}@media (prefers-color-scheme: dark){a{color:#fff}}a:hover{text-decoration:none}.helpText{margin:5px 0px 0px 0px;padding:5px;border-radius:10px;text-align:left}@media (prefers-color-scheme: light){.helpText{background-color:#ececec}}@media (prefers-color-scheme: dark){.helpText{background-color:#151616}}#sideParams{text-align:center;margin-left:12px}#sideParams summary{text-align:center;margin-left:20px}#firstWrapper{display:flex;flex-direction:row}#qrCode{max-width:480px}.centered{text-align:center}.button{padding:3px 10px 3px 10px;text-decoration:none}main{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:814px;height:100%}header{text-align:center;padding-top:12px;margin:0px;height:64px;display:flex;justify-content:center}#logo{width:64px;height:64px}#titles{margin-left:20px}h1,h2,h3,h4,h5,h6{margin:0px;font-weight:normal}h1{font-size:29px}h2{font-size:22px}#linkTitles{text-align:left;justify-content:center;text-decoration:none;display:flex;flex-direction:row}section#output{flex-grow:1}#showOnlyQR,#downloadQR{margin-top:30px}.param{padding:10px;padding-left:0px;margin-left:0px;padding-right:0px;margin-right:0px}.inputColorContainer{display:flex;flex-direction:row;justify-content:center}@media (prefers-color-scheme: light){::selection{color:#ff766c;background-color:#2a2a2a}}@media (prefers-color-scheme: dark){::selection{color:#2a2a2a;background-color:#fff}}label[for=txt] summary{margin-left:22px}#colors{display:flex;flex-direction:row;justify-content:space-between;text-align:center}#colors .param{text-align:center;display:flex;justify-content:center;flex-direction:column;width:100%}.metaText{padding:6px}@media (prefers-color-scheme: light){.metaText{color:#2a2a2a}}@media (prefers-color-scheme: dark){.metaText{color:#fff}}.metaText a,.metaText a:visited{text-decoration:underline}@media (prefers-color-scheme: light){.metaText a,.metaText a:visited{color:#2a2a2a}}@media (prefers-color-scheme: dark){.metaText a,.metaText a:visited{color:#fff}}footer{font-size:14px;margin-top:10px;text-align:left}header,footer{flex-shrink:0}#info{font-size:16px;bottom:20px;right:20px;margin:0px}#info h3{font-size:20px;font-weight:normal;padding-bottom:10px}#redondancy,#margin,#txt,#size,input[type=color],input[type=submit],.button{border-width:2px;border-style:solid;border-radius:10px;font-size:20px;padding-left:10px;font-weight:normal;transition:border-color .1s ease;margin-top:8px}@media (prefers-color-scheme: light){#redondancy,#margin,#txt,#size,input[type=color],input[type=submit],.button{color:#2a2a2a;background-color:#65c6e8;border-color:#65666b}}@media (prefers-color-scheme: dark){#redondancy,#margin,#txt,#size,input[type=color],input[type=submit],.button{color:#fff;background-color:#31363b;border-color:#5f5f5f}}#redondancy:hover,#margin:hover,#txt:hover,#size:hover,input[type=color]:hover,input[type=submit]:hover,.button:hover{border-width:2px;border-style:solid}@media (prefers-color-scheme: light){#redondancy:hover,#margin:hover,#txt:hover,#size:hover,input[type=color]:hover,input[type=submit]:hover,.button:hover{border-color:#46484e}}@media (prefers-color-scheme: dark){#redondancy:hover,#margin:hover,#txt:hover,#size:hover,input[type=color]:hover,input[type=submit]:hover,.button:hover{border-color:#808080}}#redondancy:focus,#margin:focus,#txt:focus,#size:focus,input[type=color]:focus,input[type=submit]:focus,.button:focus{border-width:2px;border-style:solid;outline:none}@media (prefers-color-scheme: light){#redondancy:focus,#margin:focus,#txt:focus,#size:focus,input[type=color]:focus,input[type=submit]:focus,.button:focus{border-color:#2a2a2a}}@media (prefers-color-scheme: dark){#redondancy:focus,#margin:focus,#txt:focus,#size:focus,input[type=color]:focus,input[type=submit]:focus,.button:focus{border-color:#fff}}#redondancy{width:250px;height:44px}#size,#margin{width:234px;height:38px}@media (prefers-color-scheme: light){#redondancy,#size,#margin{background-color:#65c6e8}}@media (prefers-color-scheme: dark){#redondancy,#size,#margin{background-color:#31363b}}#txt{padding:10px;margin:10px;width:500px;scrollbar-width:auto}@media (prefers-color-scheme: light){#txt{background-color:#e5e5e5;color:#2a2a2a;scrollbar-color:#2a2a2a #e5e5e5}}@media (prefers-color-scheme: dark){#txt{background-color:#232629;color:#fff;scrollbar-color:#fff #232629}}input[type=submit]{font-size:28px;padding:10px;padding-left:14px;padding-right:14px}#txt::placeholder{opacity:1;font-family:system-ui,sans-serif;font-weight:normal;font-size:1em}@media (prefers-color-scheme: light){#txt::placeholder{color:#868686}}@media (prefers-color-scheme: dark){#txt::placeholder{color:#bababa}}input[type=color]{height:60px;width:84px;padding:5px;border-width:2px;border-style:solid}@media (prefers-color-scheme: light){input[type=color]{border-color:#65666b}}@media (prefers-color-scheme: dark){input[type=color]{border-color:#5f5f5f}}@media (max-width:850px){main{width:auto}#firstWrapper{flex-direction:column}#txt{width:92%}}@media (max-width:500px){#colors{flex-direction:column}#txt{width:85%}#qrCode{max-width:94%}}