body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body{background:url(/static/media/background.5b01a871a54711f7370b.jpg);background-attachment:fixed;background-position:top;background-repeat:no-repeat;background-size:cover;font-family:Arial,sans-serif;width:100%}.container{margin:0 auto;max-width:80vw;padding:0 15px}.header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:initial;padding:15px;text-align:center}.header .header_inner{display:flex;justify-content:center}.header .logo{max-height:60px;object-fit:contain;width:150px}.image-editor .badge-form-fieldset{background:#f7f7f7;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 2px 8px #eee;margin-bottom:1.2rem;padding:1.2rem 1rem 1rem}.image-editor .badge-form-group{display:flex;flex-direction:column;position:relative}.image-editor .badge-form-input-error{background:#fff0f6;border-color:#e44d9e!important}.image-editor .badge-form-error{color:#e44d9e;font-size:.92rem;font-weight:500;margin-top:.2rem}.image-editor .badge-form-uploadImage-wide{align-items:center;background:#f7f7f7;border:2px dashed #b2539b;border-radius:12px;display:flex;justify-content:center;margin:0 auto .5rem;min-height:120px;position:relative;transition:border-color .3s;width:100%}.image-editor .badge-form-uploadImage-wide.drag-over{background:#fbe6f7;border-color:#e44d9e}.image-editor .badge-form-image-group{align-items:center;display:flex;justify-content:center;margin-bottom:40px!important}.image-editor .badge-form-uploadImage{align-items:center;background:#f8ddffa6;border:4px dashed #b2539b;border-radius:12px;display:flex;height:100%;justify-content:center;margin:0 auto;min-height:150px;padding:0 20px;position:relative;transition:all .4s;width:-webkit-fill-available}.image-editor .badge-form-uploadImage.drag-over{background:#fbe6f7;border-color:#22021d}.image-editor .badge-form-upload_content{text-align:center}.image-editor .badge-form-upload-text{color:#b2539b;font-size:18px;font-weight:700;margin:.3rem}.image-editor .badge-form-image-group span{display:block;font-size:14px;margin:5px 0}.image-editor .badge-form-upload-label i{margin-right:6px}.image-editor .badge-preview-actions{display:flex;justify-content:space-between;margin-top:1.5rem}.image-editor .badge-preview-back,.image-editor .badge-preview-next{background:linear-gradient(90deg,#a32383,#22021d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 15px}.image-editor .badge-preview-back i,.image-editor .badge-preview-next i{font-size:1.2rem}.image-editor .badge-preview-back:hover,.image-editor .badge-preview-next:hover{background:linear-gradient(90deg,#22021d,#a32383)}.image-editor .badge-form-fields{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff1a;border-radius:16px;box-shadow:0 10px 15px 0 #0003;margin:0 auto;max-width:550px;padding:2rem;position:relative;width:100%}.image-editor .badge-form-fields:after{background:url(/static/media/glass-texture.4c3658a88674df39fee5.jpg),linear-gradient(#000,#000);background-blend-mode:hard-light;content:"";height:100%;left:0;mask-image:radial-gradient(circle,#000 0,#0000 100%);-webkit-mask-image:radial-gradient(circle,#000 0,#0000 100%);opacity:.3;position:absolute;top:0;width:100%;z-index:-9}.image-editor .badge-form-title{color:#fff;font-weight:400;margin-top:0;text-align:center}.image-editor .badge-form-group{margin-bottom:1rem}.image-editor .badge-form-input{background-color:#f8ddff4d;border:1px solid #bebebe;border-radius:10px;color:#fff;font-size:20px;outline:none;padding:15px 20px}.image-editor .badge-form-input:focus{border-color:#fff;box-shadow:0 0 8px 0 #fff3}.image-editor .badge-form-input::placeholder{color:#d3d3d3}.image-editor .badge-form-error{animation:shakeError .6s ease;background-color:#fff;border-radius:5px;color:red;font-size:14px;font-weight:700;left:25px;padding:2px 10px;position:absolute;top:-10px}@keyframes shakeError{0%{transform:translateX(0)}20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}to{transform:translateX(0)}}.image-editor .badge-form-image-preview{display:block;height:100%;margin:0 auto;max-height:300px;object-fit:contain;width:100%}.image-editor .badge-form-remove{background:linear-gradient(90deg,#a32383,#22021d);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:8px 10px;position:absolute;right:5px;top:5px}.image-editor .badge-form-actions{margin-top:1.5rem;text-align:end}.image-editor .badge-form-next{background:linear-gradient(90deg,#a32383,#22021d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 15px}.image-editor .badge-preview{margin:30px auto;max-width:550px;padding-bottom:50px}.image-editor .badge-preview-header{margin-bottom:1rem;text-align:center}.image-editor .badge-preview-logo{width:150px}.image-editor .badge-preview-org{font-size:1.1rem;font-weight:700;margin-top:.5rem}.image-editor .badge-preview-image-section{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.image-editor .badge-preview-image-box{align-items:center;background:#7e7e7e;border-radius:8px;box-shadow:0 2px 8px #0001;display:flex;justify-content:center;margin-bottom:.5rem;max-width:250px;overflow:hidden}.image-editor .badge-preview-image{display:block;height:100%;max-height:200px;object-fit:contain;width:100%}.image-editor .badge-preview-image-placeholder{align-items:center;color:#888;display:flex;height:100%;justify-content:center;width:100%}.image-editor .badge-preview-name{font-size:32px;font-weight:700;margin-top:10px;text-align:center}.image-editor .badge-preview-attending{margin-bottom:1rem;text-align:center}.image-editor .badge-preview-attending-btn{background:linear-gradient(90deg,#a32383,#b2539b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 15px}.image-editor .badge-unbound-logo img{height:auto;max-width:300px;width:100%}.image-editor .badge-preview-date{border:2px solid #ffffff80;border-radius:8px;font-size:20px;font-weight:700;margin:20px auto;padding:15px 25px;width:max-content}.image-editor .badge-preview-qr{align-items:center;display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:400px;width:100%}.image-editor .badge-preview-qr img{border-radius:5px;max-width:130px}.image-editor .badge-preview-qr p{font-size:20px;text-align:start;width:max-content}.image-editor .badge-preview .badge-preview-attending .badge-type-btn{background:linear-gradient(90deg,#0000,#a32383 40% 60%,#0000);font-size:25px;font-weight:700;padding:15px 0}.edit-section,.select-section,.upload-section{margin-bottom:30px;padding:30px 0;text-align:center;width:100%}.image-editor .uploadImage{background-color:#fffc;border:4px dashed grey;border-radius:20px;box-shadow:0 5px 15px #0006;height:500px;margin:30px auto;padding:20px;position:relative;transition:transform .3s ease;width:90%}.image-editor .uploadImage.drag-over{background-color:#efbcffcc;border-color:#b2539b}.image-editor .uploadImage .upload_content{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.image-editor .custom-file-input{background:linear-gradient(90deg,#a32383,#22021d);border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:12px 30px;transition:.3s ease}.image-editor .custom-file-input:hover{background:linear-gradient(90deg,#22021d,#a32383)}#upload{display:none}.image-preview{height:100%;object-fit:contain;width:100%}.image-preview.show{opacity:1;transform:scale(1)}.image-preview.hide{opacity:0;transform:scale(.9)}.edit-button,.remove-button{background-color:initial;border:none;color:#f60;cursor:pointer;font-size:35px;font-weight:500;position:absolute;text-shadow:0 0 10px #fff;top:20px;transition:.3s ease}.remove-button:hover{color:#d84b04}.remove-button{left:20px}.edit-button{color:#2eb8ad;right:20px}.edit-button:hover{color:#0c8a80}.loader{animation:spin 1s linear infinite;border:5px solid #b2539b;border-radius:50%;border-top:4px solid #22021d;height:40px;left:50%;margin:20px auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.edit-section-inner{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff1a;border-radius:10px;box-shadow:0 10px 15px 0 #0003;display:flex;margin:20px auto;max-width:1200px;padding:20px 20px 80px;position:relative;width:100%}.edit-section-inner:after{background:url(/static/media/glass-texture.4c3658a88674df39fee5.jpg),linear-gradient(#000,#000);background-blend-mode:hard-light;content:"";height:100%;left:0;mask-image:radial-gradient(circle,#000 0,#0000 100%);-webkit-mask-image:radial-gradient(circle,#000 0,#0000 100%);opacity:.3;position:absolute;top:0;width:100%;z-index:-9}.edit-image-section{background-color:#ffffff80;border:1px solid #000;border-radius:10px;height:500px;margin:0 auto;overflow:hidden;position:relative;width:70%}.cropper-container{height:100%;position:absolute;transition:transform .3s ease;width:100%}.edit-options{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 20px;text-align:start;width:30%}.edit-options .option_inner{margin:15px 0;width:100%}.edit-options label{color:#fff;display:inline-block;font-weight:700;margin:0 10px 0 0;text-align:left;text-shadow:0 0 20px #000;width:95px!important}.edit-options input[type=range]{cursor:pointer;width:200px}input[type=range]{-webkit-appearance:none;appearance:none;border:2px solid #22021d;border-radius:16px;cursor:pointer;outline:none;overflow:hidden;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#22021d;border-radius:16px;height:14px}input[type=range]::-moz-range-track{background:#22021d;border-radius:16px;height:14px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#22021d;border:2px solid #ccc;border-radius:50%;box-shadow:-407px 0 0 400px #e44d9e;height:14px;width:14px}input[type=range]::-moz-range-thumb{background-color:#22021d;border:1px solid #ccc;border-radius:50%;box-shadow:-407px 0 0 400px #e44d9e;height:14px;width:14px}.back-button,.download-button,.next-button{background:linear-gradient(90deg,#a32383,#22021d);border:none;border-radius:8px;bottom:15px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 15px;position:absolute}.back-button{left:15px}.download-button,.next-button{right:15px}.back-button:hover,.download-button:hover,.next-button:hover{background:linear-gradient(90deg,#22021d,#a32383)}.full-image-preview{border-radius:50%}.edit-image-section img{height:100%;object-fit:contain;width:auto}.preview-button,.reset-button{background-color:initial;border:0;color:#fff;cursor:pointer;font-size:30px;position:absolute;right:20px;transition:all .2s ease-in}.reset-button{top:20px}.preview-button{bottom:20px}.preview-button:hover,.reset-button:hover{color:#ccc}.cropped-image-section{margin:30px auto;text-align:center}.cropped-image-section img{border-radius:50%;box-shadow:0 4px 8px #0003;height:auto;max-width:50%}.final-preview-page{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff1a;border-radius:10px;box-shadow:0 10px 15px 0 #0003;height:auto;margin:20px auto;max-width:500px;overflow:hidden;padding:20px 20px 80px;position:relative}.final-preview-page:after{background:url(/static/media/glass-texture.4c3658a88674df39fee5.jpg),linear-gradient(#000,#000);background-blend-mode:hard-light;content:"";height:100%;left:0;mask-image:radial-gradient(circle,#000 0,#0000 100%);-webkit-mask-image:radial-gradient(circle,#000 0,#0000 100%);opacity:.3;position:absolute;top:0;width:100%;z-index:-9}.final-preview-page .final-inner-image{margin:10px auto;position:relative;width:90%}.final-preview-page .final-inner-image .cropped-image{border-radius:5px;width:100%}.final-preview-page .badge-type-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0 10px}.final-preview-page .badge-type-buttons .badge-type-btn{border:1px solid #22021d;border-radius:5px;box-shadow:0 5px 0 0 #22021d;cursor:pointer;font-size:1rem;padding:10px 15px;transform:.4s all;transition:all .2s}.final-preview-page .badge-type-buttons .badge-type-btn:active{box-shadow:none;transform:translateY(5px)}.final-preview-page .badge-type-buttons .badge-type-btn.selected{filter:brightness(.8) contrast(1.8)}.download-split-btn{align-items:center;display:inline-flex;position:relative}.download-split-btn .badge-preview-next{border-bottom-right-radius:0;border-top-right-radius:0}.download-split-btn .dropdown-toggle{background:#a32383;border:none;border-radius:0 6px 6px 0;color:#fff;cursor:pointer;font-size:1rem;padding:10px}.download-split-btn .dropdown-toggle:hover{background:#22021d}.download-split-btn .dropdown-menu{background:#22021d;border:1px solid #ddd;border-radius:6px;box-shadow:0 6px 14px #00000026;min-width:150px;position:absolute;right:0;top:100%;z-index:1000}.download-split-btn .dropdown-menu div{color:#fff;cursor:pointer;font-size:14px;padding:10px 14px}.download-split-btn .dropdown-menu div:hover{background:#a32383}@media (max-width:1024px){.edit-section-inner{flex-wrap:wrap;height:max-content;justify-content:center}.edit-image-section,.edit-options{width:100%}.edit-options .option_inner{width:50%}.final-preview-page{flex-wrap:wrap;height:max-content}.final-preview-page .final-inner-image,.final-preview-page .image-sticker{width:100%}.final-preview-page .image-sticker{height:300px}.final-inner-image .cropped-image,.final-preview-page .final-inner-image .custom-shape{width:50%}.final-preview-page .image-sticker .image_position{width:100%}.final-preview-page .image-sticker button{width:35%}}@media (max-width:768px){.container{max-width:100%}.edit-options .option_inner{text-align:center;width:100%}.final-preview-page .image-sticker button{margin:10px;padding:10px;width:40%}.image-editor .badge-preview-date{font-size:16px;padding:10px 0;width:100%}}@media (max-width:575px){.edit-image-section{height:400px;margin-top:50px}.preview-button,.reset-button{font-size:25px;right:auto;top:10px}.reset-button{left:10px}.preview-button{bottom:auto;right:10px}.edit-options .option_inner{margin:8px 0;text-align:start}.final-inner-image .cropped-image,.final-preview-page .final-inner-image .custom-shape{width:100%}.final-preview-page .image-sticker{height:250px}.final-preview-page .image-sticker .image_position{width:75%}.final-preview-page .image-sticker h2{font-size:small}.image-editor .badge-preview-logo{width:120px}.image-editor .badge-preview-name{font-size:26px}.image-editor .badge-preview .badge-preview-attending .badge-type-btn{font-size:25px;padding:10px 0}.image-editor .badge-unbound-logo img{max-width:250px}.image-editor .badge-preview-qr img{max-width:100px}.image-editor .badge-preview-qr p{font-size:16px}}
/*# sourceMappingURL=main.96eb1a34.css.map*/