body{background-color:#383a58;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;font-family:Lucida Console,Courier New,monospace}#page-header{position:fixed;top:0;left:0;right:0;background-color:#8b4513;color:#fff;padding:15px 20px;margin:0;width:100%;box-sizing:border-box;text-align:left;z-index:100}#rezel{height:60px;margin-right:10px;vertical-align:middle}#main{color:#fff;width:100%;text-align:center;margin-top:100px;margin-bottom:20px}#qr-form{display:flex;justify-content:center;align-items:center;gap:10px}#id{padding:10px;border-radius:25px;width:300px;max-width:80vw;border:none;font-size:1rem}.box{padding-top:10px;border-radius:25px;width:45%;height:600px;max-width:500px;display:flex;justify-content:space-evenly;flex-wrap:wrap;align-content:center;align-items:center;background:#fff}#qr-form{display:flex;flex-direction:column;align-items:center;gap:15px}#qr-input{padding:10px;width:90%;max-width:80vw;border:none;border-bottom:2px solid #666464;font-size:1rem}#qr-input:focus{outline:none;border-radius:10px;border-bottom:3px solid #121212}#shorten-label{display:flex;align-items:center;gap:6px;font-size:.9rem;cursor:pointer;width:100%;justify-content:center}#shorten-container{display:flex;width:90%;align-items:center;gap:14px;justify-content:center}label{position:relative;width:30px;height:30px;border:1px solid #121212;border-radius:3px;cursor:pointer;display:inline-block;background-color:#2b2929}label:after{content:"";position:absolute;top:3px;left:10px;width:7px;height:14px;border-right:2px solid white;border-bottom:2px solid white;opacity:0;transition:all .3s ease;transition-delay:.15s;transform:rotate(45deg) scale(0)}#shorten-checkbox:checked~label{background-color:#121212;animation:checky .5s ease}#shorten-checkbox:checked~label:after{opacity:1;transform:rotate(45deg) scale(1)}#shorten-checkbox{display:none}@keyframes checky{0%{transform:scale(1)}20%{transform:scale(1.3,.75)}80%{transform:scale(.75,1.3)}to{transform:scale(1)}}@keyframes checky2{0%{transform:scale(1)}20%{transform:scale(.9,1.2)}30%{transform:scale(3.5,.85)}35%{transform:scale(.9,1.2)}40%{transform:scale(2.5,.85)}45%{transform:scale(.9,1.2)}50%{transform:scale(2,.85)}55%{transform:scale(.9,1.2)}60%{transform:scale(1.6,.85)}80%{transform:scale(.9,1.2)}to{transform:scale(1)}}#submit{padding:10px 20px;border-radius:25px;border:none;background-color:#2b2929;color:#fff;font-size:1rem;cursor:pointer}#submit:hover{background:linear-gradient(to right,#8d8c8c,#000)}#submit:active{background:linear-gradient(to right,#a14d4d,#000);transform:scale(.9)}#format-buttons{display:flex;gap:10px}.format-btn{padding:8px 16px;border-radius:8px;border:2px solid rgb(43,41,41);background-color:#fff;color:#2b2929;cursor:pointer;font-size:.9rem;transition:all .8s ease}.format-btn.active{background-color:#2b2929;color:#fff;animation:checky2 1.4s ease}.format-btn:hover{border-color:#000}#security-level{padding:8px;border-radius:8px;border:2px solid rgb(43,41,41);background-color:#fff;color:#2b2929;cursor:pointer;font-size:.9rem;transition:all .3s ease}select::picker-icon{display:none}#loading{display:flex;flex-direction:column;align-items:center}#answer-box{display:flex;flex-direction:column;align-items:center;gap:10px}@keyframes gradientSlide{0%{background-position:0% 50%}to{background-position:100% 50%}}#download-link{padding:8px 16px;border-radius:8px;border:2px solid rgb(43,41,41);background-color:#121212;color:#ebeaea;cursor:pointer;font-size:.9rem;transition:all .3s ease;text-decoration:none;&:hover{background:linear-gradient(to right,#8d8c8c,#000);color:#fff;border:none}&:focus{background:linear-gradient(90deg,#a14d4d,#000,#a14d4d,#000);background-size:300% 100%;animation:gradientSlide 3s linear infinite;color:#fff}}.loader{height:30px;aspect-ratio:3;--c:no-repeat linear-gradient(#514b82 0 0);background:var(--c) 0% 50%,var(--c) 20% 50%,var(--c) 40% 50%,var(--c) calc(3*100%/5) 50%,var(--c) 80% 50%,var(--c) 100% 50%;background-size:calc(100%/6 + 1px) 50%;animation:l19 1s infinite cubic-bezier(.5,170,.5,-170)}@keyframes l19{14.28%{background-position:0% 51%,20% 50%,40% 50%,calc(3*100%/5) 50%,80% 50%,100% 50%}28.57%{background-position:0% 50%,20% 51%,40% 50%,calc(3*100%/5) 50%,80% 50%,100% 50%}42.85%{background-position:0% 50%,20% 50%,40% 51%,calc(3*100%/5) 50%,80% 50%,100% 50%}57.14%{background-position:0% 50%,20% 50%,40% 50%,calc(3*100%/5) 51%,80% 50%,100% 50%}71.42%{background-position:0% 50%,20% 50%,40% 50%,calc(3*100%/5) 50%,80% 51%,100% 50%}85.71%{background-position:0% 50%,20% 50%,40% 50%,calc(3*100%/5) 50%,80% 50%,100% 51%}}