@font-face{font-family:Inconsolata-Bold;src:url(/conference-ticket-generator/assets/Inconsolata-Bold-j9MlhQH8.ttf)}@font-face{font-family:Inconsolata-Regular;src:url(/conference-ticket-generator/assets/Inconsolata-Regular-U3UC7dql.ttf)}@font-face{font-family:Inconsolata-ExtraBold;src:url(/conference-ticket-generator/assets/Inconsolata-ExtraBold-DdRTb68b.ttf)}@font-face{font-family:Inconsolata-Medium;src:url(/conference-ticket-generator/assets/Inconsolata-Medium-BFtYORsp.ttf)}:root{--neutral-0: hsl(0, 0%, 100%);--neutral-300: hsl(252, 6%, 83%);--neutral-500: hsl(245, 15%, 58%);--neutral-700: hsl(245, 19%, 35%);--neutral-700-op-low: hsl(245, 19%, 35%, .406);--neutral-900: hsl(248, 70%, 10%);--orange-500: hsl(7, 88%, 67%);--orange-700: hsl(7, 71%, 60%);--gradient-text: linear-gradient(90deg, hsl(7, 86%, 67%), hsl(0, 0%, 100%));--fs-labels: 20px;--weight-400: 400;--weight-500: 500;--weight-700: 700;--weight-800: 800;--font-inconsolata-bold: "Inconsolata-Bold";--font-inconsolata-regular: "Inconsolata-Regular";--font-inconsolata-extrabold: "Inconsolata-ExtraBold";--font-inconsolata-medium: "Inconsolata-Medium"}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-inconsolata-regular)}picture,svg,img{max-width:100%}body{color:var(--neutral-0)}.bg-img{position:fixed;z-index:-1;height:clamp(100vh,100vh,100vh);width:100%}#pattern-circle{position:absolute;top:-4rem;left:3rem;width:12rem;z-index:-1}#pattern-lines{position:fixed;top:0;left:0;z-index:-1}#pattern-top{position:fixed;right:0;top:3rem;z-index:-1}#pattern-center{position:fixed;top:40%;right:20%;width:12rem;z-index:-1}#pattern-bottom{position:fixed;left:0;bottom:0rem;width:clamp(30rem,40vw,40rem);z-index:-1;opacity:.8}.logo{text-align:center;padding:2rem 0}.logo img{max-width:10rem}.dropzone{display:flex;justify-content:center;align-items:center;width:100%;height:200px;border:2px dashed #cccccc;border-radius:10px;background-color:#f9f9f9;text-align:center;cursor:pointer}.dropzone p{font-size:16px;color:var(--neutral-300)}.form-wrapper{padding:1rem;max-width:800px;margin:0 auto}.form-wrapper h1{font-family:var(--font-inconsolata-extrabold);font-size:clamp(1rem,3vw + .5rem,4vw);font-weight:var(--weight-800);text-align:center;margin-bottom:1rem}.form-wrapper>:nth-child(2){text-align:center;color:var(--neutral-300);margin-bottom:1rem}.form-wrapper .dropzone{border:2px dashed var(--neutral-500);padding:20px;text-align:center;background:var(--neutral-700-op-low);height:150px}.form-wrapper .dropzone:hover{background:var(--neutral-700)}.form-wrapper .dropzone .dropzone-img-wrapper img{display:inline-block;padding:10px;background-color:var(--neutral-700);border:1px solid var(--neutral-500);border-radius:10px}.form-wrapper .dropzone .dz-btns{display:flex;gap:1rem}.form-wrapper .dropzone .dropzone-btn{color:var(--neutral-0);padding:5px 10px;border:1px solid var(--neutral-500);border-radius:5px;background-color:var(--neutral-700);z-index:99}.form-wrapper form{display:flex;flex-direction:column;max-width:600px;gap:1.5rem;margin:0 auto 8rem}.form-wrapper form .upload-no-error{color:var(--neutral-500);font-size:.8rem}.form-wrapper form .upload-error{color:var(--orange-500);font-size:.8rem}.form-wrapper form .form-field{display:flex;flex-direction:column;gap:.5rem}.form-wrapper form .form-field p{display:none}.form-wrapper form .form-field input:invalid:not(:placeholder-shown)+p{display:block;color:var(--orange-500);font-size:.8rem}.form-wrapper form .form-field input{padding:10px;border:1px solid var(--neutral-500);border-radius:5px;background-color:var(--neutral-700-op-low);color:var(--neutral-0)}.form-wrapper form .form-field input::placeholder{color:var(--neutral-300)}.form-wrapper form .form-field input:invalid:not(:placeholder-shown){border:1px solid var(--orange-500)}.form-wrapper form .form-btn{padding:10px 15px!important;background:var(--orange-500);cursor:pointer;border-radius:10px;border:0;font-family:var(--font-inconsolata-bold);color:var(--neutral-900)}.form-wrapper form .form-btn:hover{background-color:var(--orange-700)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.highlighted-text{color:var(--orange-500)}.ticket-page{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:1rem}.ticket-page h1{font-family:var(--font-inconsolata-extrabold);font-size:clamp(1rem,3vw + .5rem,4vw);font-weight:var(--weight-800);text-align:center;margin-bottom:1rem}.ticket-page>:nth-child(2){text-align:center;color:var(--neutral-300);margin-bottom:1rem}.ticket-wrapper{margin-top:3rem;position:relative;display:inline-block}.ticket-wrapper .th-inner{display:flex;align-items:center;gap:1rem}.ticket-wrapper #ticket-body{width:23rem}.ticket-wrapper .ticket-header{position:absolute;left:20px;top:20px}.ticket-wrapper .ticket-header #ticket-info{margin-left:3rem;font-size:.8rem;color:var(--neutral-300)}.ticket-wrapper .ticket-heading{font-family:var(--font-inconsolata-medium)}.ticket-wrapper .ticket-footer{position:absolute;display:flex;gap:1rem;bottom:10%;left:20px}.ticket-wrapper .ticket-footer #ticket-avatar{width:3rem;object-fit:cover;object-position:center}.ticket-wrapper .ticket-footer .tf-info-area{display:flex;gap:.5rem;align-items:center;margin-top:3px}.ticket-wrapper .ticket-footer #github-username{font-size:.8rem;color:var(--neutral-300)}.ticket-wrapper #ticket-number{position:absolute;top:43%;transform:rotate(90deg);right:3%;color:var(--neutral-300)}