@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto Condensed,sans-serif}body{background-color:#e7e7e7;color:#000}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}.footer{width:100%;height:4vh;background-color:#607d8a;color:azure;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:medium;font-weight:200}.color-picker{position:relative}.color-picker .chosen-color{width:50px;height:50px;border:1px solid #ccc;border-radius:4px;cursor:pointer}.color-picker .picker-area{position:absolute;top:25px;left:60px;z-index:10;background:#fff;box-shadow:0 0 10px #00000026;border-radius:8px;padding:10px}.tooltip{position:relative;display:flex;justify-content:center;align-items:center}.tooltip img{margin-left:5px;width:15px}.tooltip .tooltiptext{visibility:hidden;width:11rem;background-color:#607d8acc;color:#fff;text-align:center;border-radius:6px;padding:3px;font-size:.875rem;position:absolute;top:0;left:25px;z-index:10}.tooltip:hover .tooltiptext{visibility:visible}.config-section{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a}.config-section label{font-size:1rem;font-weight:500;display:flex}.config-section select,.config-section input{padding:.5rem;font-size:1rem;border:1px solid #cccccc;border-radius:4px;transition:border-color .3s}.config-section select:focus,.config-section input:focus{border-color:#607d8a;outline:none;box-shadow:0 0 0 2px #007bff40}.config-section .color-pickers,.config-section .color-pickers .color-picker{display:flex;flex-direction:column;gap:.5rem}.qr-code-display{width:200px;border:1px solid #607d8a;margin:1rem}.qr-code-display .qr-code-title{display:flex;width:100%;padding:.6rem}.qr-code-display .qr-code-title .qr-code-index{width:15%}.qr-code-display .qr-code-title .qr-code-text{width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-code-display .qr-code-image{position:relative;display:flex;justify-content:center;align-items:center}.qr-code-display .qr-code-image svg{width:200px;height:200px}.qr-code-display .can-download:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAACXBIWXMAAAsTAAALEwEAmpwYAAADJklEQVR4nO2bzW8NURiHD/VREhVJUWJDsUe1CQlBxUdpaFNLtRUL/ooSbVWD0hALLIRI0ErURyLRjbTKwoL/Aa1YtJW4j7yZsyguvffMOWfOTOZJTnLvzM28v/xuzpx33vOOUjk5OTk5OcECzAPWA7uBNuCEHm36mJyrUFkDWAQcBnqAd8A0syO/GQMuAIeASpVWgHrgOjBBfMaBfqBOpQVgB/AcdwwB21WoAKuAW0ABPwwAa1RIAMcsTQGTKdMSggHzgSskT6+sRkmZsBgYJBweywqVhAmvCY9X3swgmg5PCJcBL9ME6CN8el2b0EZ6aHVlwmrgG+lBltYaF0bcdSD2maTNerjIRu/YNmGnA5HfgSUzYlTpYzYpWE3HgRfYZ6xIHHnitM2QLRMacMNokVijjmJttWHEjQwY0W+jqDKeASMmYmWcQDPu8GmE0BTHiIsZMqI7jhHvLQp5A5wGLgM//mOEnLsEnLFszFicavO0JREfgAUzrr0PGC4Sc1jOzfi+EPhkScOUUXUc2IA9eopcf2OJx2wWfmpNjNhrUYD803MMNMwFRizqaDQxohW7nDXQ0G1ZQ/n1TaLdJ9t0lhG/w0H89lCMKMkMRyYIx0OYGiWZ4dAE4aiJEY24paNIzC7HMfeYGFGLn/0IqUMsBa55iLfWxIgKYJLsMGncbgC8JTuMGJngaB1PkvPKFKCJ7LA/jhGVwFfSzxd5gDM2QohxN/8J3APOWRr39TVN6FNxAbYYBj8ZO/jfWk4ZlvQ32RLw1EBAlZXgv+uQfKNcBm0K2GbQElTnqEGtHERzvW0Rt8sU8VGn6dXAspijWtdH5JrlcNOqCQKwMmUryGdguXIBUfOnr665OIjGI05M8FTi914AMoboYewB4fLIWy830VagNG6FxkvvfdtEew6S7YXCQ+/thX9sAklxJekbY1cQrzYALQktrbJENquQAGo8NqUXdKwVKlSI0nGTZ5NSkWbXBpUWiDrl+i01msi0uwpsVmmFqLhzUJf9RvWu9GxM6T3PTuBA7KJKiBAlZOv0i2yyidSuh3zepc8lvwLk5OTk5OSof/ELWMeEQyMDnmsAAAAASUVORK5CYII=);background-size:50px;background-repeat:no-repeat;background-position:center;opacity:0;transition:opacity .3s ease;cursor:pointer}.qr-code-display .can-download:hover:after{opacity:1}.data-section{flex:3;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a}.data-section h3 span{font-size:1rem;font-weight:200}.data-section h3 .span-warn{color:red}.data-section .data-form{display:flex;flex-direction:column;gap:1rem}.data-section textarea{padding:.5rem;font-size:1rem;border:1px solid #cccccc;border-radius:4px;transition:border-color .3s}.data-section textarea:focus{border-color:#607d8a;outline:none;box-shadow:0 0 0 2px #007bff40}.data-section .textarea-warn{border:1px solid red}.data-section .textarea-warn:focus{border-color:red;outline:none;box-shadow:0 0 0 2px #ff000040}.data-section input[type=text]{padding:.5rem;font-size:1rem;border:1px solid #cccccc;border-radius:4px;transition:border-color .3s}.data-section input[type=text]:focus{border-color:#607d8a;outline:none;box-shadow:0 0 0 2px #007bff40}.data-section button{padding:.5rem 1rem;font-size:1rem;color:#fff;background-color:#0090aa;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;width:fit-content;max-width:200px;align-self:flex-start}.data-section button:hover{background-color:#006374}.data-section button:disabled{background-color:#ccc;cursor:not-allowed}.data-section button:not(:last-child){margin-bottom:.5rem}.data-section button[type=button]{background-color:#6c757d}.data-section button[type=button]:hover{background-color:#5a6268}.generator{max-width:1200px;margin:auto;min-height:87vh}.generator .top-part{display:flex;justify-content:center;gap:1rem;margin:2rem}@media (max-width: 768px){.generator .top-part{flex-direction:column}}.generator .bottom-part{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin:2rem}.generator .bottom-part .qr-code-list{display:grid;place-items:center;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;width:100%}.generator .bottom-part button{padding:.5rem 1rem;font-size:1rem;color:#0090aa;background-color:#fff;border:solid 2px #0090aa;border-radius:4px;cursor:pointer;transition:background-color .3s;width:fit-content;max-width:200px;align-self:flex-start}.generator .bottom-part button:hover{border:solid 2px #006374;color:#006374}.header{width:100%;height:6vh;margin:auto;display:flex;justify-content:center;align-items:center;background-color:#607d8a;color:azure}