@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box}*{white-space:nowrap;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Montserrat,sans-serif}html,body{width:100vw;height:100%}body{font-weight:600;overflow:hidden}#root{width:100vw;height:100%;overflow:hidden}.panel_parent{justify-content:center;align-items:center;gap:2%;height:100%;display:flex}.panel_parent.background{background-size:100% 100%}.panel_parent.background.blur{filter:blur(8px)}.icon{background-size:100% 100%;border-radius:6%;justify-content:center;align-items:center;width:24.3%;height:25%;display:flex}.panel_parent.media_container{background-color:#424242;flex-direction:column;justify-content:flex-start;align-items:center;gap:5%;padding:2vmin;display:flex}.promo_wrapper{width:100%;position:relative}.promo_arrow{color:#fff;cursor:pointer;z-index:2;background-color:#000000bf;border:none;border-radius:50%;justify-content:center;align-items:center;width:5.2vmin;height:5.2vmin;padding:0;font-size:3.6vmin;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.promo_arrow:disabled{opacity:.35;cursor:not-allowed}.promo_arrow.left{left:-.8vmin}.promo_arrow.right{right:-.8vmin}.promo_container{justify-content:flex-start;align-items:center;gap:5%;width:100%;padding:0 4.5vmin;display:flex;overflow:auto hidden}.promo_container::-webkit-scrollbar{display:none}.category_container{justify-content:center;align-items:center;gap:10vmin;width:100%;padding-top:10vmin;display:flex}.media_card{background-color:#000;border-radius:3vmin;flex:none;width:fit-content;min-width:400px;height:fit-content;min-height:200px;position:relative;overflow:hidden}.media_card img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.media_card p{z-index:1;position:relative}.media_card.promo{flex:0 0 30%;justify-content:center;align-items:center;width:30%;min-width:0;min-height:28vmin;font-size:6.2vmin;font-style:italic;font-weight:900;display:flex}.media_card.category{color:#fff;background:#0b0b0b;flex:0 0 20%;justify-content:center;align-items:center;width:20%;min-width:0;min-height:18.5vmin;font-size:4.2vmin;font-style:italic;font-weight:900;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.media_card.category p{z-index:2;padding:3vmin}.category_page{flex-direction:column;gap:3vmin;width:100%;display:flex}.category_back_btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:0;align-self:flex-start;align-items:center;gap:1vmin;padding:1.2vmin 2vmin;font-size:3vmin;display:inline-flex}.category_back_btn img{filter:brightness(0)invert();width:3.5vmin;height:auto}.category_page_body{flex-direction:column;align-items:center;gap:2vmin;width:100%;display:flex}.category_page_body .service_container{justify-content:flex-start;align-items:center;gap:.2vmin;width:100%;display:flex}.media_card.service{border-radius:2vmin;justify-content:center;align-items:center;width:15vmin;min-width:5vmin;min-height:7vmin;font-size:2vmin;display:flex}.media_card.service img{object-fit:contain}.category_container.category_container_page{justify-content:flex-start;padding-top:0}.category_container.category_container_page .media_card.category{flex-basis:15vmin;width:15vmin;min-height:5vmin;font-size:2.2vmin}.form{flex-direction:column;justify-content:flex-start;align-items:center;gap:15%;width:100%;height:100%;display:flex}.form_header{flex-direction:column;gap:50%;width:100%;display:flex}.form_header .back{display:flex}.form_header .back_arrow{filter:brightness(0)invert();width:3.5vmin;height:auto}.form .button{background-color:#000;border-radius:1.5vmin;justify-content:center;align-items:center;width:30%;padding:1.5vmin 1.8vmin;font-size:4vmin;font-style:italic;font-weight:900;display:flex;position:relative}.button.back_btn{color:#fff;background-color:#0000;align-items:flex-start;width:fit-content;padding:0 0 0 1vmin;font-size:3vmin;font-weight:800;display:flex}.logo_service{justify-content:center;align-items:center;width:100%;display:flex}.logo_service img{width:9vmin;height:9vmin}.form_header.preset_amount_header .logo_service img{width:11vmin;height:11vmin}.identifier_amount_keyboard_header.form_header,.email_amount_keyboard_header.form_header{gap:0}.form.identifier_amount_keyboard,.email_amount_keyboard.form{gap:2%}.form.identifier_amount_keyboard .button.submit_btn,.form.identifier_amount_keyboard .keyboard_input_box,.form.identifier_amount_keyboard .keyboard_input{border-radius:1.5vmin;width:80vmin;padding:1.5vmin;font-size:3vmin}.form.identifier_amount_keyboard .keyboard_input_box{width:fit-content;padding:0}.form.identifier_amount_keyboard .amount_buttons .button{border-radius:1vmin;width:10vmin;height:7vmin}.form.identifier_amount_keyboard .back_btn{width:fit-content}.identifier_amount_keyboard .button.submit_btn{width:40vmin}.voucher_header.form_header{gap:5%}.form.voucher{gap:4%}.voucher .button,.voucher .keyboard_input{border-radius:1.5vmin;padding:1vmin}.email_amount_keyboard .button,.email_amount_keyboard .keyboard_input{border-radius:1.5vmin;padding:1.5vmin;font-size:3vmin}.amount_buttons{justify-content:center;align-items:center;gap:7vmin;width:100%;display:flex}.button.amount_btn{width:11vmin}.alphanumeric_keyboard_grid{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:1vmin 3vmin;display:grid}.numeric_keyboard{background-color:#28292a;border-radius:4vmin;flex-direction:column;justify-content:center;align-items:center;width:50vmin;padding:2vmin;display:flex}.numeric_keyboard_grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:1vmin 3vmin;width:fit-content;display:grid}.numeric_alphanumeric_keyboard{justify-content:center;align-items:center;width:fit-content;display:flex;position:relative}.numeric_keyboard_controls{justify-content:space-evenly;align-items:center;width:100%;padding:1vmin;display:flex}.numeric_alphanumeric_keyboard img{width:7vmin;height:7vmin;margin-left:2vmin;position:absolute;bottom:0;left:100%}.form .button.numeric_keyboard_btn{border-radius:1vmin;width:10vmin;height:7vmin;padding:2vmin 5vmin;font-size:3vmin}.keyboard_input_box{width:30%;display:inline-block;position:relative}.keyboard_input{text-align:center;color:#fff;box-sizing:border-box;background-color:#000;border:none;border-radius:2vmin;justify-content:center;align-items:center;width:100%;min-height:6vmin;padding:1.5vmin 1.8vmin;font-size:4vmin;font-style:italic;font-weight:900;display:flex}.keyboard_value_text{white-space:pre}.keyboard_value_text.placeholder{color:#fff}.keyboard_cursor{background:#fff;width:.35vmin;height:1em;margin-left:.3rem;animation:1s step-start infinite blink;position:relative}.keyboard_input::placeholder{opacity:1;text-align:center;color:#fff!important}.keyboard_container{text-align:center;background-color:#28292a;border-radius:4vmin;flex-direction:column;align-items:center;min-width:fit-content;max-width:100%;padding:2vmin;display:flex}.keyboard{flex-direction:column;gap:1.2vmin;display:flex}.keyboard_row{justify-content:center;gap:1.2vmin;display:flex}.button.key{cursor:pointer;background:#000;border:none;border-radius:1vmin;width:10vmin;height:6vmin;padding:2vmin 5vmin;font-size:3vmin;transition:all .2s}.uppercase_toggle svg{width:3vmin;min-width:3vmin;height:3vmin}.button.key:active{transform:scale(.95)}.button.wide{width:18vmin}.button img{width:5vmin;max-height:100%;margin:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.button.delete{background:#ff8a80;width:10vmin}.button.delete:hover{background:#ff6f61}.button.delete img{width:3.5vmin}.transaction_warning_overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.transaction_warning_container{background:#fff;border-radius:2vmin;width:50%;max-width:90%;padding:2.5vmin;box-shadow:0 10px 30px #0000004d}.transaction_warning{background-color:#fff8e5;border:1px solid #f5c542;border-left:5px solid #f0ad4e;border-radius:2vmin;align-items:flex-start;gap:2vmin;margin-bottom:3vmin;padding:2vmin;display:flex}.warning_icon img{width:4vmin;height:4vmin}.warning_content strong{color:#8a6d3b;font-size:2.5vmin;display:block}.warning_content p{color:#5c4b24;white-space:break-spaces;font-size:1.8vmin}.warning_buttons{justify-content:space-evenly;align-items:center;display:flex}.error_modal_overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.error_modal{background:#fff;border-radius:2vmin 1vmin;flex-direction:column;justify-content:space-between;align-items:center;gap:3vmin;width:45vmin;min-width:fit-content;min-height:15vmin;padding:4vmin;animation:.2s ease-out modal_show;display:flex}.error_modal_content{text-align:center;flex-direction:column;align-items:center;display:flex}.error_modal_text p{color:#222;font-size:2.7vmin;font-weight:700}.error_modal_actions .button.confirm_btn{color:#fff;background:#00b86b;border:none;border-radius:1vmin;min-width:20vmin;height:5vmin;font-size:2.2vmin;font-weight:700}.error_modal_actions .button.confirm_btn:hover{background:#009957}.button.confirm_btn,.button.cancel_btn{color:#fff;cursor:pointer;border:none;border-radius:.8vmin;font-size:2vmin}.button.confirm_btn{background:#00b043}.button.cancel_btn{background:#ff2828}.confirm_btn:hover{background:#00963a}.cancel_btn:hover{background:#e22424}.modal_overlay{z-index:12;background-color:#000000d6;justify-content:center;align-items:center;font-size:3vmin;display:flex;position:fixed;inset:0}.modal{border:.3vmin solid #645c5c;border-radius:20px;justify-content:center;align-items:center;width:63vmax;height:44vmax;display:flex}.content{flex-direction:column;justify-content:center;align-items:center;gap:2vmax;display:flex}.content h1{text-align:center;white-space:normal;overflow-wrap:break-word;max-width:48vmax}.actions{gap:2vmax;display:flex}button{cursor:pointer;border:none;border-radius:8px;padding:1.4vmax 6vmax;font-size:1.5vmax;font-weight:600}.message{flex-direction:column;justify-content:center;align-items:center;gap:5vmax;padding-bottom:1.4vmax;display:flex}.message h1,.message span{white-space:normal;text-align:center;font-size:3vmin}.message button{border-radius:12px}.message .yes{background-color:#00b043}.message .no{background-color:#ff2828}.calculator{white-space:normal;flex-direction:column;align-items:center;gap:1vmax;font-size:3vmin;display:flex}.calculator *{white-space:normal}.calculator table{border-collapse:separate;border-spacing:.6vmax;border:.2vmin solid #645c5c;border-radius:10px;margin:0 auto;padding:10px}.calculator input[type=button]{background-color:#354356;border:none;border-radius:5px;width:100%;padding:20px 40px;font-size:30px;font-weight:700;display:block}.calculator input[type=text]{white-space:nowrap;text-overflow:ellipsis;background-color:#354356;border:none;border-radius:5px;width:100%;padding:20px 50px;font-size:30px;font-weight:700;overflow:hidden}.calculator input[type=button].custom_value{background-color:#2a5590}.calculator input[type=button].submit{background-color:#00b043;height:100%;padding:0}.calculator td{height:100%}.calculator input[type=button].clear{background-color:#ff2828}.bonus{border-bottom:1px solid #ffffff42;margin-left:2vmax;margin-right:2vmax;padding:2vmin 3vmax .6vmin}.bonus>.name,.bonus>.symbol,.bonus>.qr_code,.bonus>.description{align-items:center;padding-bottom:10px;display:flex}.bonus>.name span,.bonus>.symbol span,.bonus>.qr_code span{text-align:center;width:100%}.bonus>.description div{white-space:normal;overflow-wrap:break-word;width:100%}.bonus .print_ticket{justify-content:center;width:100%;height:40px;display:flex}.bonus .print_ticket button{background-color:#00b043;width:100%;height:100%;font-weight:700}.qr_code_background{background-color:#fff;padding:20px}.loader{border:16px solid #8a8484;border-top-color:#2a5590;border-radius:50%;width:100px;height:100px;animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,50%{opacity:1}50.1%,to{opacity:0}}@keyframes modal_show{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.react-slideshow-container{align-items:center;display:flex;position:relative}.react-slideshow-container .nav{z-index:10;cursor:pointer;position:absolute}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{text-align:center;color:#fff;background:#fff9;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.react-slideshow-container .default-nav:hover,.react-slideshow-container .default-nav:focus{color:#666;background:#fff;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-top:0;border-right:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{flex-wrap:wrap;justify-content:center;margin-top:20px;display:flex}.react-slideshow-container+ul.indicators li{width:7px;height:7px;margin:0;padding:5px;display:inline-block;position:relative}.react-slideshow-container+ul.indicators .each-slideshow-indicator{opacity:.25;cursor:pointer;color:#0000;background:0 0;border:0}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{content:"";text-align:center;background:#000;border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:0}.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover,.react-slideshow-container+ul.indicators .each-slideshow-indicator.active{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{width:100%;overflow:hidden}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{flex-wrap:wrap;display:flex}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{width:100%;overflow:hidden}.react-slideshow-wrapper .images-wrap.horizontal{flex-wrap:wrap;width:auto;display:flex}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}
