@import"https://db.onlinewebfonts.com/c/1a5c2d8bbd4e28d99a6efcbb9a5b378f?family=JejuMyeongjo";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Alatsi&display=swap";@import"https://fonts.googleapis.com/css2?family=Road+Rage&display=swap";.ticket-selection-container{max-width:500px;height:650px;margin:auto;text-align:center;color:#fff;font-family:Poppins,sans-serif;background-color:#0c3035;box-shadow:0 0 1px 1px #4e555c;border-radius:20px}.title-container{display:flex;justify-content:space-around}.title{font-size:1.3em;font-family:JejuMyeongjo;margin-top:10px}.step-info{font-size:1em;color:#fff;margin-top:10px}.progress-bar{position:relative;width:20%;height:4px;background-color:#264653;margin-top:10px;margin-left:20px}.progress{width:30%;height:100%;background-color:#2a9d8f}.event-container{box-shadow:0 0 1px 1px #4e555c;width:450px;border-radius:20px;padding-top:10px;margin:20px 0 0 25px;height:550px;background-color:#103338}.event-card{background:linear-gradient(350deg,#042325,#31666b);box-shadow:0 0 1px 1px #4e555c;width:410px;margin:10px 20px 0;height:150px;border-radius:20px;padding-top:1px}.event-title{color:#fff;margin-top:10px;font-size:2em}.event-description{font-size:.8em;margin-top:1px}.event-location{font-size:12px;opacity:.8}.ticket-options{text-align:left;margin-top:20px}h4{margin-left:20px;font-size:.9em}.ticket-list{display:flex;gap:15px;justify-content:center;background-color:#0b2529;height:150px;border-radius:10px;margin:0 10px}.ticket-card{background-color:#103338;border-radius:10px;margin-top:15px;padding:5px;height:100px;width:110px;text-align:center;cursor:pointer;transition:.3s;border:2px solid transparent}.ticket-card:hover,.ticket-card.selected{border-color:#2a9d8f;background-color:#1a615f}.ticket-price{font-size:1em;font-weight:700;margin-top:0}.ticket-type{opacity:.8}.ticket-availability{font-size:.6em;opacity:.6;padding-top:0}.ticket-count{margin:20px 10px}.ticket-count label{display:block;font-size:14px;margin-bottom:5px}.ticket-count select{width:100%;padding:8px;background:transparent;border:1px solid #05463e;border-radius:5px;color:#fff}.buttons{display:flex;justify-content:space-between;margin:20px 10px 0}.cancel-btn,.next-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700}.cancel-btn{background:transparent;border:1px solid #249cb1;width:49%;color:#fff}.next-btn{background:#249cb1;color:#fff;width:49%}.next-btn.disabled{background:#4e5d6c;cursor:not-allowed}@media screen and (max-width: 1024px){.ticket-container{max-width:90%}.ticket-wrapper{max-width:95%;padding:15px}.ticket-name-container{max-width:80%}}@media screen and (max-width: 768px){.ticket-container{width:95%;padding:15px}.ticket-wrapper{width:100%;padding:10px}.ticket-name-container{grid-template-columns:1fr;width:100%;max-width:280px}.ticket-name-container div{text-align:center;border-left:none}.event-name{font-size:1em}.event-paragraph{font-size:.75em}.avatar{width:80px;height:80px}.barcode-container{margin-top:10px}.barcode{max-width:220px}.home-btn{font-size:14px;padding:10px 16px;max-width:180px}}@media screen and (max-width: 480px){.ticket-container{width:95%;max-width:320px;padding:10px}.ticket-wrapper{width:100%;padding:10px}.ticket-name-container{max-width:220px;font-size:12px}.event-name{font-size:.9em}.event-paragraph{font-size:.7em}.avatar{width:70px;height:70px}.barcode-container{margin-top:5px}.barcode{max-width:200px}.home-btn{font-size:12px;padding:8px 14px;max-width:160px}}.profile-upload-container{max-width:500px;height:650px;margin:auto;text-align:center;color:#fff;font-family:Poppins,sans-serif;background-color:#0c3035;box-shadow:0 0 1px 1px #4e555c;border-radius:20px}.upload-description{display:flex;justify-content:space-around}h2{margin-top:10px}h3{text-align:left;font-size:.9em;margin:0 0 0 10px}p{margin-top:10px}.progress-bar{position:relative;width:90%;height:4px;background-color:#264653;margin-top:10px;margin-left:20px}.box-container{box-shadow:0 0 1px 1px #4e555c;width:450px;border-radius:20px;padding-top:10px;margin:20px 0 0 25px;height:550px;background-color:#103338}.upload-box-container{box-shadow:0 0 1px 1px #4e555c;width:400px;border-radius:20px;padding-top:10px;margin:20px 0 0 25px;height:200px;background-color:#103338}.upload-box-inner{width:350px;padding-top:10px;margin:20px 0 0 25px;height:130px;background-color:#052a30}.email-upload-container{height:00px}.input-group{margin:20px 30px 0 10px}input{width:100%;padding:10px;border:1px solid rgb(5,81,100);border-radius:5px;font-size:16px;background:transparent;color:#fff;font-size:.9em}.image-upload-container{margin-top:10px}.upload-box{display:block;padding:5px;border:3px solid #2bacac;border-radius:20px;cursor:pointer;text-align:center;font-size:14px;color:#e1e6e6;height:120px;width:200px;margin:1px 50px 10px 70px;background-color:#306161}.uploaded-image{width:100px;height:100px;margin-top:10px;border-radius:50%;border:2px solid #00ffff}.error-message{color:red;font-size:12px;margin-top:5px}.button-group{display:flex;justify-content:space-between;margin-top:15px}.back-btn,.next-btn{background:#249cb1;color:#000;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer}@media screen and (max-width: 1024px){.profile-upload-container{max-width:90%;height:auto;padding:15px}.box-container{width:90%;height:auto;padding:15px;margin:20px auto}.upload-box-container{width:90%;height:auto;padding:15px}.upload-box-inner{width:85%;height:auto;padding:15px}}@media screen and (max-width: 768px){.profile-upload-container,.box-container,.upload-box-container{width:95%;padding:10px}.upload-box-inner{width:90%;padding:10px}.input-group{margin:15px 10px}input{font-size:14px}.upload-box{width:90%;max-width:250px;margin:10px auto;font-size:13px}.uploaded-image{width:80px;height:80px}.button-group{flex-direction:column;align-items:center;gap:10px}.back-btn,.next-btn{width:90%;max-width:250px;font-size:14px;padding:10px}}@media screen and (max-width: 480px){.profile-upload-container,.box-container,.upload-box-container{width:100%;padding:10px}.upload-box-inner{width:95%;padding:10px}h2{font-size:1.2em}h3{font-size:.8em}input{font-size:12px;padding:8px}.upload-box{max-width:200px;font-size:12px}.uploaded-image{width:70px;height:70px}.button-group{flex-direction:column;gap:8px}.back-btn,.next-btn{font-size:12px;padding:8px}}body{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#031a1e;font-family:Poppins,sans-serif;color:#fff}.ticket-container{position:relative;height:500px;width:250px;margin:45px 90px 0 110px;background:linear-gradient(to bottom,#04333d,#05505f);padding:20px;border:rgb(8,94,100);border-radius:15px;text-align:center;box-shadow:0 4px 20px #0ff3;clip-path:polygon(15px 0%,calc(100% - 15px) 0%,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0% calc(100% - 15px),0% 15px)}.ticket-heading{text-align:center;margin:2px;font-size:2em}.ticket-paragraph{text-align:center;font-size:1em}.ticket-wrapper{background-color:#031a1e;width:500px;height:650px;border:1px solid rgb(28,76,102);border-radius:20px}.ticket-title{font-size:28px;margin-bottom:20px}.ticket{background:transparent;color:#fdfcfc;padding:20px;border-radius:12px;border:1px solid rgb(28,76,102);height:700px;width:90%;max-width:200px;margin:0 12px 0 5px;box-shadow:0 5px 15px #0003;justify-content:space-between}.event-name{font-size:1.3em;font-weight:700;font-family:JejuMyeongjo}.event-paragraph{font-size:.5em}.avatar{width:100px;height:100px;border-radius:20%;border:3px solid #07b9d1;margin-bottom:10px}.ticket-name-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:0px;margin:0 0 5px;width:200px;padding:1px;border:1px solid rgba(11,103,146,.3);border-radius:10px;background:#075c5f33}.ticket-name-container div{padding:10px;border-bottom:1px solid rgba(11,103,146,.3)}.ticket-name-container div:nth-child(2n){border-left:1px solid rgba(11,103,146,.3)}.ticket-name,.ticket-email,.ticket-type,.ticket-count{font-size:.5em;color:#fff;font-weight:700}.barcode-container{width:10px;text-align:center;margin:20px 50px 20px 0;max-width:180px;object-fit:contain}.home-btn{display:block;width:90%;max-width:200px;margin:0 auto;padding:10px 20px;font-size:14px;background:#07b9d1;color:#fff;border:none;border-radius:8px;cursor:pointer}.home-btn:hover{background:#056b7b}.cut-edge{position:absolute;width:30px;height:30px;background-color:#031a1e;border-radius:50%;border:1px solid rgb(8,94,100)}.cut-edge.top-left{top:-12px;left:-15px}.cut-edge.top-right{top:-12px;right:-15px}.cut-edge.bottom-left{bottom:-15px;left:-15px}.cut-edge.bottom-right{bottom:-15px;right:-15px}