:root{--c-white: #ffffff;--c-white-soft: #f8f8f8;--c-white-mute: #f2f2f2;--c-black: #181818;--c-black-soft: #222222;--c-black-mute: #282828;--c-cyan: #0cc;--c-red: #c33;--c-green: #3c3;--main-font-family: "Iosevka Fancy Web", monospace}:root{--color-background: var(--c-white);--color-section-background: var(--c-white-mute);--color-input-background: var(--c-white);--color-input-text: var(--c-black);--color-heading: var(--c-cyan);--color-link: var(--c-cyan);--color-text: var(--c-black)}@media (prefers-color-scheme: dark){:root{--color-background: var(--c-black);--color-section-background: var(--c-black-mute);--color-input-background: var(--c-black);--color-input-text: var(--c-white);--color-heading: var(--c-cyan);--color-link: var(--c-cyan);--color-text: var(--c-white)}}*,*:before,*:after{box-sizing:border-box}body{min-height:100dvh;color:var(--color-text);background:var(--color-background);margin:0;display:flex;flex-direction:column;transition:color .5s,background-color .5s;line-height:1.6;font-family:var(--main-font-family);font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:720px;width:100%;margin:0 auto;padding:2rem;flex-grow:1;display:flex;flex-direction:column;gap:2rem;font-weight:400;background-color:var(--color-section-background)}a,.cyan{text-decoration:none;color:var(--color-link);transition:.4s}header h1,main h1,footer h1,header h2,main h2,footer h2,header h3,main h3,footer h3{margin:0;line-height:1;font-weight:400}header .logo,main .logo,footer .logo{color:var(--color-heading);font-size:200%;font-weight:400}header p,main p,footer p{margin:0;line-height:1.25;text-overflow:ellipsis;overflow:hidden}header p em,main p em,footer p em{opacity:.5}header nav,main nav,footer nav{display:flex;flex-direction:row;align-items:baseline;gap:1rem}header,footer{display:flex;flex-direction:row;align-items:baseline;gap:1rem}main{flex-grow:1}.green{color:var(--c-green)}.red{color:var(--c-red)}.qr-gen{display:flex;flex-direction:column;align-items:center;gap:2rem}.qr-gen .input-container{width:100%;display:flex;gap:.5rem;flex-direction:row;align-items:baseline;border-radius:2rem;padding:1rem 1.25rem;background-color:var(--color-input-background);color:var(--color-input-text);font-size:20px;transition:all .2s}.qr-gen .input-container *{transition:all .2s}.qr-gen .input-container a{line-height:1}.qr-gen .input-container .correct{opacity:0}.qr-gen .input-container .correct.valid{opacity:1}.qr-gen input[type=url]{color:inherit;font-size:inherit;background-color:transparent!important;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;text-align:center;outline:none}.qr-gen input[type=url] :focus{outline:none}.qr-gen input[type=url]::placeholder{color:var(--color-input-text);opacity:.5;font-style:italic}.qr-gen .qr-code{width:100%;display:flex;justify-content:center}a[data-v-3fc97f71]{height:20rem;width:20rem;background-color:#fff;color:#000;cursor:pointer;border-radius:2rem;overflow:hidden;position:relative}a .qr-image[data-v-3fc97f71],a .qr-download[data-v-3fc97f71]{position:absolute;width:100%;height:100%}a .qr-download[data-v-3fc97f71]{transition:all .15s;opacity:0;background-color:#ffffffbf;display:flex;flex-direction:column;justify-content:center;align-items:center}a .qr-download i[data-v-3fc97f71]{transition:all .15s;font-size:700%;transform:scale(.9)}a:hover .qr-download[data-v-3fc97f71]{opacity:1}a:hover .qr-download i[data-v-3fc97f71]{transform:scale(1)}