@import"https://fonts.googleapis.com/css2?family=Anton&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Raleway,sans-serif;font-weight:400;font-style:normal;outline-color:#333}img{width:100%;display:flex;height:100%;object-fit:cover}.btn{width:max-content;min-width:100px;padding:1rem 2rem;border:none;border-radius:.3rem;background-color:#333;color:#f0f0f0;cursor:pointer;font-weight:500;transition:all .2s ease-in-out;display:flex;align-items:center;gap:1rem}.btn:hover{background-color:#6b6b6b}.btn.success{background-color:#3b974c}.btn.success:hover{background-color:#3b974ccc}.btn.danger{background-color:#d03f3f}.btn.danger:hover{background-color:#d03f3fcc}h1,h2,h3,h4,h5,h6{font-family:Anton,sans-serif;font-weight:400;font-style:normal}.max-width{display:flex;flex-direction:column;align-items:center;max-width:900px}.max-width.row{display:flex;flex-wrap:wrap}.form-action{width:100%;display:flex;flex-direction:column}.form-action .split-form-group{width:100%;display:flex;flex-wrap:wrap;gap:1rem}.form-action .split-form-group .form-group{min-width:230px;flex:1}.form-action .form-group{width:100%;display:flex;flex-direction:column;gap:.25rem;margin:.5rem 0}.form-action .form-group.error label{color:red}.form-action .form-group.error .form-input{border-color:red;outline-color:red}.form-action .form-group.error .form-input::placeholder{color:red}.form-action .form-group.error span.error{color:red;font-style:oblique;font-size:.75rem}.form-action .form-group .radio-inputs-holder{width:100%;display:flex;gap:1rem}.form-action .form-group .radio-inputs-holder .radio-input{display:flex;align-items:center;gap:.5rem}.form-action .form-group .radio-inputs-holder .radio-input span{color:#000;font-size:1rem}.form-action .form-group label{font-size:.9rem;display:flex;align-items:center;gap:.25rem;font-weight:600;flex-wrap:wrap;align-items:flex-end}.form-action .form-group label .desc{font-style:oblique;font-weight:300;font-size:.75rem}.form-action .form-group label span{font-size:1.5rem;color:red}.form-action .form-group .radio-inputs-holder{width:100%;display:flex;align-items:center}.form-action .form-group .form-input{padding:1rem;min-width:200px;border:1px solid #333;border-radius:.3rem;background-color:transparent}.form-action .form-group .form-input.radio{width:20px;height:20px;min-width:unset}.popup-container{width:100%;height:100vh;position:fixed;top:0;z-index:101;display:flex;justify-content:center;align-items:center;pointer-events:none;overflow-y:auto;padding-bottom:5rem}.popup-container::-webkit-scrollbar{width:0}.popup-container.show .popup-overlay{opacity:1;pointer-events:all}.popup-container.show .popup-panel{opacity:1;top:20%;pointer-events:all}.popup-container .popup-overlay{z-index:-1;width:100%;height:100%;bottom:0;top:0;transition:all .2s ease-in-out;opacity:0;pointer-events:none;position:fixed;background-color:#000a}.popup-container .popup-panel{background-color:#fff;position:absolute;padding:2rem 1rem;max-width:800px;width:60%;min-width:280px;box-shadow:0 0 .5rem #00000028;border-radius:.4rem;display:flex;flex-direction:column;opacity:0;align-items:center;pointer-events:none;top:-100%;transition:all .2s ease-in-out}.popup-container .popup-panel .countdown{width:100%;text-align:center;font-style:oblique;display:flex;justify-content:center;flex-direction:column;margin:2rem 0}.popup-container .popup-panel .countdown span{font-weight:700}.popup-container .popup-panel .close{position:absolute;top:.5rem;right:.5rem;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid #333;border-radius:50%;transition:all .2s ease-in-out;box-shadow:0 0 .3rem #00000028}.popup-container .popup-panel .close:hover{background-color:#333;color:#fff;rotate:-270deg;box-shadow:0 0 .3rem #fff}.popup-container .popup-panel .response-card .title{display:flex;justify-content:center;align-items:center;gap:1rem}.popup-container .popup-panel .response-card .title .icon{display:flex;justify-content:center;align-items:center}.popup-container .popup-panel h2.title{width:100%;font-size:2rem}.popup-container .popup-panel .description{font-size:1.2rem;margin:1rem 0}.popup-container .popup-panel .description span{font-weight:700}.popup-container .popup-panel .popup-content{width:100%;display:flex;flex-direction:column;gap:.5rem;margin:1rem 0 2rem}.popup-container .popup-panel .popup-content .table-view{width:100%;display:flex;flex-direction:column;gap:1.5rem}.popup-container .popup-panel .popup-content .table-view .delegate-holder{width:100%;display:flex;flex-wrap:wrap;border:1px solid #333;border-radius:.3rem;box-shadow:0 0 .5rem #0000005e;position:relative}.popup-container .popup-panel .popup-content .table-view .delegate-holder .indicator{background-color:#333;position:absolute;color:#fff;padding:.5rem;font-weight:700;display:flex;justify-content:center;align-items:center;left:-15px;top:-18px}.popup-container .popup-panel .popup-content .table-view .delegate-holder .col{flex-basis:20%;padding:.5rem;display:flex;flex-grow:1;flex-direction:column;border:1px solid #c1bebe}.popup-container .popup-panel .popup-content .table-view .delegate-holder .col span{font-weight:600}.popup-container .popup-panel .popup-content .details-text{width:100%;display:flex;gap:1rem;font-size:1rem}.popup-container .popup-panel .popup-content .details-text .text{width:150px;font-weight:700}.popup-container .popup-panel .popup-content .details-text span{font-weight:300}.popup-container .popup-panel .popup-actions{width:100%;display:flex;margin:1rem 0;gap:1rem}.loading-container{position:fixed;width:100%;top:0;left:0;height:100vh;z-index:102;background-color:#ffffffc5;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.loading-container.show{opacity:1;pointer-events:all}.loading-container .icon{display:flex;justify-content:center;align-items:center;color:#333;animation:rotateAnim 1.3s linear infinite}@keyframes rotateAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.group-enclosure{width:100%}.group-enclosure .split-form-group{position:relative;background-color:#eee;padding:1rem;box-shadow:inset 0 0 .3rem #00000028;border-radius:.4rem;margin:1rem 0}.group-enclosure .split-form-group .form-group{min-width:unset}.group-enclosure .split-form-group .form-group .form-input{padding:.5rem;min-width:100px}.group-enclosure .split-form-group .form-group .form-input.radio{min-width:unset}.group-enclosure .split-form-group .indicator{background-color:#000;color:#fff;height:max-content;font-weight:700;display:flex;justify-content:center;align-items:center;position:absolute;padding:.5rem;top:-1rem;left:-1rem}.group-enclosure .split-form-group .indicator.remove{background-color:red;left:unset;height:30px;width:30px;outline:1px solid white;outline-offset:-2px;right:-1rem;border-radius:50%;cursor:pointer}.group-enclosure .form-group.row-group{justify-content:space-between;flex-direction:row;align-items:flex-start}.main-container{width:100%;display:flex;flex-direction:column;align-items:center;height:100vh}.main-container .content-container{width:100%;height:100%;justify-content:center;position:relative;display:flex;flex-direction:column;align-items:center}.main-container .content-container .max-width{justify-content:center}.main-container .content-container .info-options{width:100%;height:100vh;display:flex;flex-direction:column;padding:2rem;align-items:center;position:fixed;top:0;gap:3rem;overflow-y:auto}.main-container .content-container .info-options .bg-image{position:fixed;top:0;width:100%;z-index:-1;left:0;height:100vh}.main-container .content-container .info-options .bg-image:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(to bottom right,#000000a0,#0000001f)}.main-container .content-container .info-options .bg-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.main-container .content-container .info-options .header{width:100%;display:flex;flex-direction:column}.main-container .content-container .info-options .header .title{width:100%;font-size:2.5rem;color:#f0f0f0;margin:1rem 0}.main-container .content-container .info-options .header .description{font-size:1.2rem;color:#f0f0f0;padding:0 0 3rem}.main-container .content-container .info-options .registration-options{width:100%;display:flex;gap:2rem;flex-wrap:wrap}.main-container .content-container .info-options .registration-options .option{flex:1;min-width:250px;border-radius:.3rem;padding:1rem;background-color:#fffa;box-shadow:0 0 .3rem #00000028;cursor:pointer;display:flex;flex-direction:column}.main-container .content-container .info-options .registration-options .option p{text-align:left;flex:1}.main-container .content-container .info-options .registration-options .option .option-footer{display:flex;justify-content:flex-end;margin-top:1rem}.main-container .reg-container{width:100%;height:100%;display:flex;flex-wrap:wrap;position:relative}.main-container .reg-container .back{position:fixed;left:2rem;top:2rem;z-index:100;width:40px;height:40px;background-color:#333;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 0 .5rem #fff}.main-container .reg-container.inverse .back{background-color:#fff;color:#333}.main-container .reg-container.inverse .col.equal{padding:0;flex:1}.main-container .reg-container.inverse .col.small{padding:0;flex:1;position:relative;overflow:hidden}.main-container .reg-container.inverse .col.small img{height:100vh;left:0;width:calc(33% - 1rem);position:fixed;top:0}.main-container .reg-container.inverse .col:last-child{flex:2;padding:2rem}.main-container .reg-container .col{display:flex;flex-direction:column;flex-basis:50%;min-width:250px;flex:1}.main-container .reg-container .col .title span{font-size:1rem;color:#8e8e8e}.main-container .reg-container .col .description{margin:0 0 3rem}.main-container .reg-container .col.equal{padding:2rem;margin-top:3rem}.main-container .reg-container .col img{width:100%;display:block;height:100%;min-height:300px;object-fit:cover;object-position:center;overflow:hidden}.main-container .reg-container .col .switch-design{display:flex;width:max-content;background-color:#e3e3e3;border-radius:.5rem;box-shadow:inset 0 0 .3rem #00000028;margin:.5rem 0;position:relative;align-items:center;isolation:isolate}.main-container .reg-container .col .switch-design.active:before{left:.25rem;opacity:1}.main-container .reg-container .col .switch-design.inactive:before{opacity:0}.main-container .reg-container .col .switch-design:before{content:"";background-color:#333;position:absolute;height:calc(100% - .5rem);width:50%;border-radius:.5rem;left:calc(50% - .25rem);z-index:-1;transition:all .2s ease-in-out}.main-container .reg-container .col .switch-design .option{padding:1rem;flex:1;white-space:nowrap;display:flex;justify-content:center;min-width:120px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;font-size:clamp(.8rem,1vw,1rem);line-height:clamp(.8rem,1vw,1rem)}.main-container .reg-container .col .switch-design .option.active{color:#f0f0f0}.main-container .reg-container .total-show{width:max-content;padding:1rem;background-color:#333;border-radius:.3rem;color:#fff;display:flex;gap:1em}.main-container .reg-container .total-show .label{display:flex;gap:1rem;align-items:center;white-space:nowrap;font-weight:500}.main-container .reg-container .total-show .label span{width:100%;color:#333;font-weight:700;border-radius:.3rem;padding:.5rem;text-align:center;background-color:#fff}.main-container .receipt-environment{width:100%;min-height:100vh;background-color:#f1f1f1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.main-container .receipt-environment .receipt-card{width:100%;max-width:500px;background-color:#fff;box-shadow:0 0 .5rem #00000028;padding:1rem;text-align:center;display:flex;min-width:250px;flex-direction:column;align-items:center}.main-container .receipt-environment .receipt-card.loading .icon.spin{animation:rotateAnim 2s linear infinite;color:#7e7e7e}.main-container .receipt-environment .receipt-card.loading .icon{color:red}.main-container .receipt-environment .receipt-card .paybil-message{width:100%;display:flex;flex-direction:column;align-items:center;margin:1rem 0}.main-container .receipt-environment .receipt-card .paybil-message p{font-size:1.1rem}.main-container .receipt-environment .receipt-card .paybil-message p span{font-weight:700}.main-container .receipt-environment .receipt-card .paybil-message .values{width:60%;margin:1rem;display:flex;flex-direction:column}.main-container .receipt-environment .receipt-card .paybil-message .values .value{display:flex;text-align:left;font-size:1.1rem;gap:1rem;align-items:center}.main-container .receipt-environment .receipt-card .paybil-message .values .value .text{width:150px;font-weight:700}.main-container .receipt-environment .receipt-card .paybil-message .values .value span{font-weight:400}.main-container .receipt-environment .receipt-card .icon{display:flex;justify-content:center;align-items:center;font-size:3rem;color:#3b974c}.main-container .receipt-environment .receipt-card .title{font-weight:500;font-size:2.5rem}.main-container .receipt-environment .receipt-card h1{margin:1rem 0 0}.main-container .receipt-environment .receipt-card .description{font-weight:300;padding:2rem 0;display:flex;flex-direction:column;align-items:center}.main-container .receipt-environment .receipt-card .btn{margin:2rem 0 0}.main-container .receipt-environment .receipt-card p{margin:1rem 0;font-size:.85rem}.main-container .receipt-environment .receipt-card .countdown{display:flex;flex-direction:column}.main-container .receipt-environment .receipt-card .countdown p{margin:0}.main-container .receipt-environment .receipt-card .countdown p span{font-weight:700}.main-container .receipt-environment .receipt-card .countdown .btn{margin:1rem .5rem}@media screen and (max-width: 700px){.popup-container.show .popup-panel{height:100svh;top:0%;overflow-y:auto}.popup-container .popup-panel{width:100%}.group-enclosure .form-group.row-group{flex-direction:column-reverse;align-items:center;align-items:flex-start;gap:1rem}.main-container .reg-container .total-show{flex-direction:column}.main-container .reg-container.inverse .col.equal,.main-container .reg-container.inverse .col.small{display:none}.main-container .reg-container.inverse .col:last-child{display:flex;margin-top:3rem}.main-container .reg-container.inverse .back{background-color:#333;color:#fff}.main-container .reg-container .col:last-child{display:none}}