#booking-page{overflow:hidden}#booking-page input[type=number]::-webkit-outer-spin-button,#booking-page input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#booking-page input[type=number]{-moz-appearance:textfield}#booking-page .progress-steps .step{--step-color: #555;display:flex;align-items:center;color:var(--step-color)}#booking-page .progress-steps .step .step-number{margin:0 -1rem}#booking-page .progress-steps .step.active{--step-color: #fff}#booking-page .progress-steps .step:not(:first-child){flex-grow:1}#booking-page .progress-steps .step:not(:first-child):before{content:"";display:flex;flex-grow:1;height:2px;background:var(--step-color);z-index:-10}#booking-page .error-message{display:none;font-family:var(--font-sans);color:var(--color-red);font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}#booking-page .error-message.active{display:block}#booking-page .cta-booking-btn .cta-text{visibility:visible}#booking-page .cta-booking-btn .cta-loading{display:none;opacity:0}#booking-page .cta-booking-btn.loading .cta-text{visibility:hidden}#booking-page .cta-booking-btn.loading .cta-loading{display:block;opacity:1}#booking-page #booking-form-section .promo-tip .promo-tip-box{position:absolute;top:calc(100% + 1rem);left:0;transform:translateY(50%);opacity:0;border-radius:.5rem;z-index:20;background:linear-gradient(#000,#000) padding-box,linear-gradient(75deg,var(--color-softpink),var(--color-purple),var(--color-softblue)) border-box;border:1px solid transparent;pointer-events:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out}#booking-page #booking-form-section .promo-tip:hover .promo-tip-box{transform:translateY(0);opacity:1}#booking-page #booking-form-section .input-col{background-color:#00000070;border:1px solid rgba(255,255,255,.3);border-radius:.75rem}#booking-page #booking-form-section .input-col:hover{border:1px solid var(--color-purple)}#booking-page #booking-form-section .input-col:focus{border:1px solid var(--color-pink)}#booking-page #booking-form-section .input-col.disabled{opacity:.5;pointer-events:none}#booking-page #booking-form-section input,#booking-page #booking-form-section select{padding:.7rem;text-align:center;font-family:var(--font-sans);width:100%;height:100%;border:transparent;background-color:transparent}:is(#booking-page #booking-form-section input,#booking-page #booking-form-section select).promoselect{background:linear-gradient(75deg,var(--color-pink),var(--color-purple),var(--color-blue))}#booking-page #booking-form-section select{cursor:pointer}#booking-page #booking-form-section option{background-color:#222}#booking-page #booking-form-section input::placeholder{opacity:.5}#booking-page #booking-form-section .gradient-btn{cursor:pointer;border-radius:.5rem;background:linear-gradient(#000,#000) padding-box,linear-gradient(75deg,#555,#555,#555) border-box;border:1px solid transparent}#booking-page #booking-form-section .gradient-btn.active{pointer-events:none;background:linear-gradient(transparent,transparent) padding-box,linear-gradient(75deg,var(--color-pink),var(--color-purple),var(--color-blue)) border-box}#booking-page #booking-form-section .gradient-btn:hover{border:1px solid var(--color-pink)}#booking-page #booking-form-section .time-slot-btn.disabled,#booking-page #booking-form-section #games-booked.disable-interactions{opacity:.5;pointer-events:none}#booking-page #booking-form-section #games-booked .booking-game:before{content:"";display:block;background:linear-gradient(to left,#ff33a9,#a427eb,#1e58fc);width:100%;height:1px;background:linear-gradient(to left,var(--color-softpink),var(--color-purple),var(--color-softblue))}#booking-page #booking-form-section #games-booked .booking-game:last-child:after{content:"";display:block;background:linear-gradient(to right,#ff33a9,#a427eb,#1e58fc);width:100%;height:1px;background:linear-gradient(to right,var(--color-softpink),var(--color-purple),var(--color-softblue))}#booking-page #booking-form-section .game-select-modal{border-radius:1rem;background:linear-gradient(#000,#000) padding-box,linear-gradient(75deg,var(--color-softpink),var(--color-purple),var(--color-softblue)) border-box;border:2px solid transparent}#booking-page #booking-form-section #addon-section .quantity-selector{border-radius:.5rem;background:linear-gradient(#000,#000) padding-box,linear-gradient(75deg,var(--color-softpink),var(--color-purple),var(--color-softblue)) border-box;border:1px solid transparent}#booking-page #booking-form-section #group-details .input-col{border-radius:.5rem;padding:.75rem;background:linear-gradient(#f5f5f5,#f5f5f5) padding-box,linear-gradient(to right,transparent,transparent,transparent) border-box;border:1px solid transparent}#booking-page #booking-form-section #group-details .input-col:focus{background:linear-gradient(#f5f5f5,#f5f5f5) padding-box,linear-gradient(to right,var(--color-pink),var(--color-purple),var(--color-blue)) border-box}#booking-page #booking-confirmation .input-col{border-radius:.5rem;background:linear-gradient(#000,#000) padding-box,linear-gradient(75deg,#fff,#fff,#fff) border-box;border:1px solid transparent}#booking-page #booking-confirmation .input-col.disabled{opacity:.5;pointer-events:none}#booking-page #booking-confirmation .input-col:focus{background:linear-gradient(#000,#000) padding-box,linear-gradient(75deg,var(--color-softpink),var(--color-purple),var(--color-softblue)) border-box}#booking-page #booking-confirmation input::placeholder,#booking-page #booking-confirmation input::-webkit-input-placeholder{opacity:.5}#booking-page #booking-confirmation option{background-color:#222}#booking-page #booking-confirmation .session-timer{border-radius:.5rem;background:linear-gradient(#000,#000) padding-box,linear-gradient(75deg,var(--color-softpink),var(--color-purple),var(--color-softblue)) border-box;border:1px dashed black}#booking-page #booking-confirmation #payment-form .input-border{border-radius:.5rem;background:linear-gradient(#f5f5f5,#f5f5f5) padding-box,linear-gradient(to right,transparent,transparent,transparent) border-box;border:1px solid transparent}#booking-page #booking-confirmation #payment-form input[type=checkbox]{width:1.5rem!important;height:1.5rem!important;border:2px solid #555;border-radius:.5rem}#booking-page #booking-confirmation #payment-form input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13L9 17L19 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-color:var(--color-pink)!important;background-size:contain}#booking-page #booking-confirmation #payment-form .input-border:focus{background:linear-gradient(#f5f5f5,#f5f5f5) padding-box,linear-gradient(to right,var(--color-pink),var(--color-purple),var(--color-blue)) border-box}#booking-page #booking-confirmation #payment-form textarea::placeholder,#booking-page #booking-confirmation #payment-form input::placeholder{opacity:.5}#booking-page #booking-confirmation #payment-form input::-webkit-input-placeholder,#booking-page #booking-confirmation #payment-form textarea::-webkit-input-placeholder{opacity:.5}#booking-page #booking-confirmation #payment-form select{padding-block:calc(var(--spacing) * 3)}#booking-page #booking-confirmation #payment-form select.form-select,#booking-page #booking-confirmation #payment-form select.search-input{border-radius:.5rem;background:linear-gradient(#f5f5f5,#f5f5f5) padding-box,linear-gradient(to right,transparent,transparent,transparent) border-box;border:1px solid transparent;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:linear-gradient(#f5f5f5,#f5f5f5),linear-gradient(to right,transparent,transparent,transparent);background-repeat:no-repeat,no-repeat,no-repeat;background-position:padding-box,border-box,right 1rem center;background-size:100% 100%,100% 100%,1.25rem;padding-left:1rem;padding-right:3rem;color:#555;background-color:transparent}#booking-page #booking-confirmation #payment-form select.form-select:focus,#booking-page #booking-confirmation #payment-form select.search-input:focus{outline:none;box-shadow:none;background-image:linear-gradient(#f5f5f5,#f5f5f5),linear-gradient(to right,var(--color-pink),var(--color-purple),var(--color-blue))}#booking-page #booking-confirmation #payment-form select:invalid{color:#0003}#booking-complete .input-col{background-color:#00000070;border:1px solid rgba(255,255,255,.3);border-radius:.5rem}#booking-complete .input-col:hover{border:1px solid var(--color-purple)}#booking-complete .input-col:focus{border:1px solid var(--color-pink)}#booking-complete .input-col.disabled{opacity:.5;pointer-events:none}#booking-complete .progress-steps .step{--step-color: #fff;display:flex;align-items:center;color:var(--step-color)}#booking-complete .progress-steps .step .step-number{margin:0 -1rem}#booking-complete .progress-steps .step:not(:first-child){flex-grow:1}#booking-complete .progress-steps .step:not(:first-child):before{content:"";display:flex;flex-grow:1;height:2px;background:var(--step-color);z-index:-10}
