*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:none;padding:0}:root{--sky-bg:#96dcee;--sun-bg:#fffaa8;--sky-night-bg:#6b7abb;--moon-dots:#e8e8ea;--white:#fff;--bg:#d6e2f0;--blue:#7b879d;--dark-blue:#1f3251;--rgba-darkblue:#1f325159;--red:#ba0035;--shadow:0 .3rem 1rem var(--rgba-darkblue);--cubic-bezier:.8s cubic-bezier(.06,.8,.1,1)}:root body.dark{--white:#002625;--bg:#12121a;--blue:#fff;--dark-blue:#00beb7}::-webkit-scrollbar{width:.7rem}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{border-radius:1rem}html{background-color:#d6e2f0;background-color:var(--bg);scroll-behavior:smooth;scrollbar-width:thin}body{background:#d6e2f0;background:var(--bg);color:#7b879d;color:var(--blue);font-family:Sulphur Point,sans-serif;font-size:1.2rem;min-height:100vh;padding:1rem;place-items:center;transition:.8s cubic-bezier(.06,.8,.1,1);transition:var(--cubic-bezier)}body,header{display:grid}header{grid-gap:1rem;gap:1rem;grid-template-columns:4rem -webkit-max-content 4rem;grid-template-columns:4rem max-content 4rem;padding-inline:1rem;padding-bottom:5rem;place-content:center;place-items:center}main{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:repeat(2,1fr)}h1{margin-bottom:1.5rem}a,h1,h2{color:#1f3251;color:var(--dark-blue)}.relative{position:relative}.word-wrap{word-wrap:anywhere}.sr-only{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;white-space:nowrap;width:1px}.toggle-checkbox{display:none!important}.toggle-checkbox:checked+.toggle-label{background:#6b7abb;background:var(--sky-night-bg)}.toggle-checkbox:checked+.toggle-label .toggle-label-bg{height:.5rem;left:3rem;width:.6rem}.toggle-checkbox:checked+.toggle-label .toggle-label-bg:after,.toggle-checkbox:checked+.toggle-label .toggle-label-bg:before{height:.5rem;top:-1rem;width:.5rem}.toggle-checkbox:checked+.toggle-label .toggle-label-bg:after{left:-1.5rem;top:1rem}.toggle-checkbox:checked+.toggle-label:before{animation-duration:.4s;animation-fill-mode:forwards;animation-name:switch;background:#fff;background:var(--white)}.toggle-checkbox:checked+.toggle-label:after{opacity:1;transition-delay:.4s}.toggle-label{background:#96dcee;background:var(--sky-bg);border-radius:2rem;display:flex;height:3.8rem;position:relative;transition:all .8s cubic-bezier(.06,.8,.1,1);transition:all var(--cubic-bezier);width:8rem}.toggle-label-bg{left:5.5rem;position:relative;top:1.8rem;width:.5rem}.toggle-label-bg,.toggle-label-bg:after,.toggle-label-bg:before{background:#fff;background:var(--white);border-radius:.5rem;height:.3rem;transition:all .8s cubic-bezier(.06,.8,.1,1);transition:all var(--cubic-bezier)}.toggle-label-bg:after,.toggle-label-bg:before{content:"";left:-.4rem;position:absolute;top:.55rem;width:2rem}.toggle-label-bg:after{left:-1.5rem;top:-.6rem}.toggle-label:before{animation-duration:.4s;animation-fill-mode:forwards;animation-name:switchReverse;background:#fffaa8;background:var(--sun-bg);border-radius:3rem;content:"";height:3rem;left:.3rem;position:absolute;top:.4rem;transition:all .8s cubic-bezier(.06,.8,.1,1);transition:all var(--cubic-bezier);width:3rem}.toggle-label:after{background:#0000;border-radius:50%;box-shadow:.5rem .5rem 0 .08rem #e8e8ea,-.5rem 1.2rem 0 -.08rem #e8e8ea;box-shadow:var(--moon-dots) .5rem .5rem 0 .08rem,var(--moon-dots) -.5rem 1.2rem 0 -.08rem;content:"";height:.5rem;opacity:0;position:absolute;right:2rem;top:.4rem;transition-delay:0;transition:all .8s cubic-bezier(.06,.8,.1,1);transition:all var(--cubic-bezier);width:.5rem}form{position:relative;width:100%}button,input{border-radius:.8rem;box-shadow:0 .3rem 1rem #1f325159;box-shadow:var(--shadow);display:block;margin-bottom:1.5rem;padding:1rem;transition:.8s cubic-bezier(.06,.8,.1,1);transition:var(--cubic-bezier);width:100%}.clear-btn{background:#0000;box-shadow:none;font-size:1.8rem;position:absolute;right:0;top:.8rem;width:-webkit-max-content;width:max-content;z-index:95}input[type=file]{background-color:#fff;background-color:var(--white);padding-block:.5rem}input[type=checkbox]{display:inline-block;margin-right:1rem;width:-webkit-max-content;width:max-content}input[type=button]{display:inline;height:2rem;margin-right:1rem;padding:.3rem;width:4rem}label{display:inline}.error-msg{color:#ba0035;color:var(--red);font-weight:700;padding-left:1rem}.success-msg{color:green;font-weight:700;padding-top:1.5rem;text-align:center}button[type=submit]{background-color:#1f3251;background-color:var(--dark-blue);color:#fff;color:var(--white);display:flex;font-size:1.25rem;font-weight:700;gap:1rem;justify-content:center;margin-block:2.5rem 0;text-transform:uppercase;width:100%}button[type=submit]>img{animation:pulse 1s infinite alternate;max-width:1.5rem}button:hover,input:active,input:focus{opacity:.85;transform:scale(1.1)}.sketch-picker{position:absolute!important;z-index:9}.card{background-color:#fff;background-color:var(--white);border-radius:1.5rem;box-shadow:0 .3rem 1rem #1f325159;box-shadow:var(--shadow);max-width:22rem;padding:1.2rem;text-align:center}.card>*{margin-bottom:1.5rem}.card .qr-box{align-items:center;border-radius:.8rem;display:flex;height:20rem;justify-content:center;overflow:hidden;position:relative}.card .qr-box:after,.card .qr-box:before{background-color:#ffffff14;border-radius:100%;content:"";height:22rem;position:absolute;right:6rem;top:-12rem;width:22rem;z-index:99}.card .qr-box:after{right:-8rem;top:14rem;width:20rem}.card .qr-box canvas{border-radius:.8rem;transition:.8s cubic-bezier(.06,.8,.1,1);transition:var(--cubic-bezier);z-index:98}@media (max-width:50em){header{padding-top:3rem}main{grid-template-columns:1fr;padding-bottom:7rem}}@keyframes pulse{0%{transform:scale(.8)}to{transform:scale(1.2)}}@keyframes switch{0%{left:.5rem}60%{left:.5rem;width:5rem}to{left:4.5rem;width:3rem}}@keyframes switchReverse{0%{left:2rem;width:3rem}60%{left:1rem;width:5rem}to{left:.5rem}}.attribution{background-image:url(https://avatars.githubusercontent.com/u/185040659?v=4);background-size:100%;border-radius:100%;bottom:1rem;display:block;height:3.6rem;position:fixed;right:1rem;width:3.6rem;z-index:99}.attribution>p{background-color:#fff;background-color:var(--white);border-radius:1rem 1rem 0;bottom:4rem;box-shadow:0 .3rem 1rem #1f325159;box-shadow:var(--shadow);font-size:1rem;padding:.3rem 1rem;position:fixed;right:4.8rem;transform:rotateY(90deg);transform-origin:right;transition:.8s cubic-bezier(.06,.8,.1,1);transition:var(--cubic-bezier);width:-webkit-max-content;width:max-content;z-index:100}.attribution:hover>p{transform:rotateY(0)}@media (max-width:50em){.attribution>p{bottom:2.5rem;transform:rotateY(0)}}
/*# sourceMappingURL=main.13728ebe.css.map*/