@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:Inter,sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.kartuseleksi .header{width:100%;flex:1;border-bottom:solid 1px rgba(0,0,0,.1019607843);margin-bottom:20px}.kartuseleksi h1{font-size:20px;width:100%;max-width:500px;text-align:center;margin-bottom:20px!important;margin:0 auto;line-height:28px;font-weight:700}.kartuseleksi{width:100%;max-width:680px;margin:0 auto;background:#fff;padding:40px;display:flex;flex-direction:column}.body div{text-transform:uppercase}.body{gap:10px;display:flex;flex-direction:column}.mainpage{background:#00bcd414;min-height:100vh}.mainpage .mainContainer{width:100%;max-width:720px;margin:0 auto}.mainpage .profilebar{background:#fff;display:flex;align-items:center;padding:20px;gap:14px;border-radius:20px}.mainpage .profilebar span{font-size:12px;background:#00bcd4;padding:6px 12px;display:inline-block;margin-top:6px;color:#fff;border-radius:20px}.mainpage .profilebar h1{font-weight:600;font-size:16px}.mainpage .profilebar .avatar{background:#5a0dde;width:48px;height:48px;display:flex;align-items:center;color:#fff;justify-content:center;border-radius:100px}.itemHeader.active span{border-color:#ffffff3b!important}.itemHeader.active{background:#5a0dde;color:#fff}.itemHeader span{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border:solid 2px rgba(0,0,0,.1490196078);border-radius:40px;font-size:14px;font-weight:500}.itemHeader h3{font-size:14px;font-weight:500}.itemHeader{background:#fff;display:flex;flex-direction:row;width:fit-content;padding:8px 24px 8px 8px;gap:10px;border-radius:40px;align-items:center}.tabbingBox{display:flex;justify-content:space-between;position:relative;margin:20px 0}.authPage{display:flex;align-items:center;justify-content:center;height:100vh;overflow:hidden;background:#00bcd414}.authPage .formContainer{width:320px;height:fit-content;padding:50px;border-radius:8px;display:flex;flex-direction:column;gap:20px;background:#fff;box-shadow:0 50px 80px #088a9b12}.authPage .formContainer h2{font-weight:700;font-size:24px;margin-bottom:20px}.authPage .formContainer form{display:flex;flex-direction:column;gap:16px}.authPage .formContainer form button{background:#00bcd4;border:none;padding:14px;border-radius:6px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;margin-top:20px}.authPage .formContainer form .formGroup{display:flex;flex-direction:column}.authPage .formContainer form .formGroup span{background:#ff00000a;padding:10px;margin-top:10px;border-radius:4px;font-size:12px}.authPage .formContainer form .formGroup input{padding:12px;border-radius:4px;border:solid 1px rgb(229,235,235);outline:none!important;background:#00bcd408;font-size:16px}.authPage .formContainer form .formGroup label{font-size:14px;margin-bottom:6px}.authPage .formContainer form .formGroup select{padding:12px;border-radius:4px;border:solid 1px rgb(229,235,235);outline:none!important;background:#00bcd408;font-size:16px}.backLine{position:absolute;width:100%;background:#5a0dde24;height:1px;z-index:-1;top:0;bottom:0;margin:auto}.contentTabbing{background:#fff;padding:26px;border-radius:20px}.detailContent h5{font-size:16px;opacity:.6}.detailContent h1{font-size:18px;font-weight:700;margin-bottom:8px}.cardPayment h4{font-weight:800;font-size:19px}.cardPayment h3{font-weight:500;margin-bottom:6px}.cardPayment{align-items:center;margin-top:40px;display:flex;flex-direction:row;justify-content:space-between;background:#ebfafc;padding:20px;border-radius:10px;border:solid 1px rgba(0,0,0,.0705882353)}button.pay{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 18px;border-radius:100px;border:none;background:#5a0dde;color:#fff;font-weight:700;font-size:14px;cursor:pointer}.contentTabbing form{display:flex;flex-direction:column;gap:0px}.contentTabbing form button{background:#5a0dde;border:none;padding:14px;border-radius:6px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;margin-top:20px}.contentTabbing form input{padding:12px;border-radius:4px;border:solid 1px rgb(229,235,235);outline:none!important;background:#fff;font-size:16px}.contentTabbing form label{font-size:14px;margin-bottom:6px}.contentTabbing form select{padding:12px;border-radius:4px;border:solid 1px rgb(229,235,235);outline:none!important;background:#fff;font-size:16px}.contentTabbing form textarea{padding:12px;border-radius:4px;border:solid 1px rgb(229,235,235);outline:none!important;background:#fff;font-size:16px;font-family:inter}.contentTabbing form h2{font-weight:600;margin-bottom:14px;margin-top:30px;border-top:solid 1px rgba(0,0,0,.0588235294);padding-top:30px}.formgroup{display:flex;flex-direction:column;row-gap:6px;margin-bottom:12px}.inlineform .formgroup{width:100%}.inlineform{display:flex;flex-direction:row;align-items:center;width:100%!important;gap:16px}.onverif{display:flex;gap:12px}.onverif div{flex:1}.infobox button{display:flex;cursor:pointer;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:8px 10px 8px 17px;border-radius:50px;border:none;color:#fff}.infobox .inlinebox{margin-top:20px;display:flex;gap:10px}.infobox .inlinebox .blue{background:#5a0dde}.infobox .inlinebox .green{background:#2bc695}.infobox p{font-size:14px;width:100%;max-width:280px;line-height:20px}.infobox h2{font-weight:700;font-size:20px;line-height:26px}.infobox{display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;padding:40px 0}.notes p{font-size:12px;line-height:18px;max-width:100%!important}.notes p{font-size:12px;line-height:18px}.notes{display:inline-flex;background:#ff00000a;padding:10px 20px 10px 10px;text-align:left;gap:10px;align-items:center;border-radius:7px;width:100%;max-width:430px;border:solid 1px rgba(255,0,0,.0705882353);margin-top:20px}.infobox{padding:40px 30px!important}.infobox .cardPayment{width:100%;max-width:100%}.cardPayment h4{font-weight:800;font-size:19px;text-align:left}.cardPayment h2{margin-bottom:14px;font-size:14px;font-weight:700}h1.heading{font-size:18px;font-weight:700;margin-bottom:8px}.swal2-modal{padding:40px;display:flex!important;flex-direction:column;align-items:center}.bottomNotes a{font-weight:700;color:#000!important}.bottomNotes{font-size:14px;text-align:center}.swal2-icon.swal2-error.swal2-icon-show{border:solid 1px;background:#ff000005}.loading img{width:100%;max-width:70px}.loading{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#63caba2e;font-size:14px;font-weight:500;color:#092d27}span.notessmall{font-size:12px;margin-bottom:10px;opacity:.7}.itemLogo h4{font-size:14px;font-weight:600;text-align:center}.itemLogo{width:100%;max-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center;gap:10px}.itemLogo img{height:60px}.headerLogo{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;margin-bottom:30px}.listdata span{display:inline-block;width:170px}.kartuseleksi{width:100%;max-width:640px;margin:0 auto;background:#fff;padding:40px;display:flex;flex-direction:column;position:absolute;left:0;right:0;top:0;z-index:-1}.mainContainer{background:#ebfafc}.needfix svg{width:32px;height:32px}img.pasfoto{width:100%;max-width:110px;margin-top:80px}.mainContainer{min-height:100vh}.needfix{background:#ff00000f;padding:27px;border-radius:6px;color:#b71515;display:flex;font-size:14px;font-weight:600;flex-direction:row;align-content:center;align-items:center;gap:10px;margin-bottom:40px}.notfound a{text-decoration:none;font-weight:700;color:#602abf}.notfound h1{font-weight:900}.notfound{background:#00bcd414;display:flex;align-items:center;justify-content:center;height:100vh;flex-direction:row;gap:10px}.loadingOverlay{position:fixed;background:#0009;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.overlayContainer img{width:70px}.overlayContainer{background:#fff;border-radius:10px;box-shadow:0 40px 90px #0000006e;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:18px 25px 25px;font-weight:500;font-size:14px;align-items:center}.LoadingVerification img{width:50px}.LoadingVerification{display:flex;align-items:center;justify-content:center;background:#00bcd414;height:100vh;width:100%}.verifPage{background:#00bcd414;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.verifbox p{font-size:14px;opacity:.8}.verifbox h1{font-weight:700;margin-bottom:10px;font-size:18px}.verifbox{background:#fff;padding:40px;display:flex;flex-direction:column;border-radius:10px}.verifbox a{background:#5a0dde;color:#fff;display:inline-block;width:fit-content;margin:20px auto -10px;padding:12px 38px;border-radius:50px;text-transform:uppercase;font-weight:700;text-decoration:none;font-size:12px}.verifbox{background:#fff;padding:40px;display:flex;flex-direction:column;border-radius:10px;align-items:center}.verifbox svg{margin-bottom:20px}.kartuseleksi h1{width:100%;max-width:500px;text-align:center;margin-bottom:0!important;margin:0 auto;line-height:19px;font-weight:700;font-size:15px}.detailuangpangkal h2{font-size:16px}.detailuangpangkal label{font-size:14px;margin-bottom:6px}.detailuangpangkal{display:flex;flex-direction:row;align-items:flex-start;width:100%;padding:20px;margin-bottom:-50px;border-radius:12px;background:#fff;border:solid 1px rgba(0,0,0,.1019607843);gap:10px;justify-content:space-between;text-align:center}span.discount{display:block;background:red;text-align:left;width:fit-content;padding:10px 20px;color:#fff;font-size:14px;margin-top:10px;border-radius:40px;font-weight:700}.attend textarea{width:100%;box-sizing:border-box}.attend form,.attend select{width:100%}.attend form div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:10px;width:100%}.attend{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:280px;border:solid 1px rgba(0,0,0,.1019607843);border-radius:10px;padding:40px;margin-top:32px}.paymnetInfo h5{color:red;opacity:1;background:#ff000012;display:inline-block;padding:10px 18px;border-radius:40px;border:solid 1px;margin-bottom:20px}.paymnetInfo h4{margin:14px 0}.paymnetInfo h2{background:#fff;padding:18px;border-radius:8px;margin-bottom:0;min-width:360px;text-align:center}.paymnetInfo h2 span{font-size:23px}.paymnetInfo label{font-size:14px;margin-bottom:6px;display:block;margin-top:30px}.paymnetInfo h4 span{font-size:12px}.paymnetInfo h4{font-size:27px;padding:18px;border-radius:8px;background:#d4d5f769;display:flex;flex-direction:column;gap:10px;align-items:center}.pangakalstyle{text-align:center!important;display:flex;flex-direction:column;align-items:center}.paymnetInfo.pangakalstyle label{margin:0!important}.pangakalstyle{text-align:center!important;display:flex;flex-direction:column;align-items:center;padding:40px;border:solid 1px rgba(0,0,0,.0588235294);border-radius:10px;margin-top:20px}.paymnetInfo h6{font-size:14px;width:100%;max-width:320px;line-height:22px}.mergepayment{display:flex;width:100%;flex-direction:column;align-items:center}.paymnetInfo{display:flex;flex-direction:column;align-items:center}.formbayar input{border:solid 1px rgba(0,0,0,.1098039216);padding:9px;border-radius:5px;background:#fff}.formbayar h6{font-size:14px;font-weight:600;line-height:22px;margin-bottom:10px}.formbayar{display:flex;flex-direction:column;align-items:center;text-align:center;background:#e1ebfa;gap:10px;padding:38px;border-radius:9px}.mergepayment{padding:30px}.formbayar button{text-align:center!important;display:flex!important;flex-direction:column;align-items:center;font-weight:700!important;font-size:14px!important;border-radius:40px!important}.paymnetInfo.pangakalstyle{width:100%;max-width:570px}.leftalign{width:100%;text-align:left}button.pay.disabled{filter:grayscale(1);opacity:.3}.authPage h2{font-size:16px!important;line-height:24px;text-align:center;background:#ebfafc;border:solid 1px #bfcdcf;padding:30px;border-radius:10px}.formContainer.larger{width:540px}