@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary: #000;--green: #01565b;--lightgreen: #5aba8a;--transparentlightgreen: #01575bbf;--blue: #02044A;--yellow:#ffce47;--gray:#d5cece;--middlegray:#888888;--darkgray: #606060;--darkred: #aa0000;--white:#fff;--darkgreen: #003e41;--lightgray: #efefef;--yellowgreen: #e1f296;position:relative}body{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box;position:relative}.is-loading{position:absolute;height:100svh;width:100svw;display:flex;justify-content:center;align-items:center;background:#ffffffa6;animation:.25s FadeIn ease-in-out;z-index:100}.loading-icon{animation:icon-spin-animation infinite 1s linear}@keyframes icon-spin-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-birriar{min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:var(--lightgray);background-position:center;background-size:cover;position:relative}.auth-birriar .informative-text{color:#fff;font-size:3rem;position:absolute;top:5%;left:5%}.auth-birriar .auth-main{padding:1rem 2.5rem;min-height:35vh;min-width:250px;max-width:80vw;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.5rem}.auth-birriar .auth-main .auth-main-header{margin:1rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.auth-birriar .auth-main .auth-main-header .logo-birriar{height:70px;object-fit:cover;margin-bottom:2rem;transform:rotate(-10deg)}.auth-birriar .auth-main .auth-main-header .title{font-size:1.75rem;font-weight:300;line-height:1.75rem;max-width:350px}.auth-birriar .auth-main .auth-main-header .title strong{font-weight:700;color:var(--green)}.auth-birriar .business-information{position:absolute;bottom:1rem;display:flex;justify-content:center;align-items:center}.auth-birriar .business-information .controller{color:#fff;margin:0 .5rem;padding:.5rem;cursor:pointer;transition:.25s ease-in-out}.auth-birriar .business-information .controller:hover{transform:translateY(-.5rem)}.authenticate{margin:1rem 0}.authenticate .input-wrapper{margin:.5rem 0;display:flex;position:relative;align-items:center;justify-content:center}.authenticate .input-wrapper input{padding:.5rem 1rem;font-size:1.25rem;outline-color:var(--primary);border:none;background:#fff;border-radius:.25rem}.authenticate .input-wrapper .password-icon{position:absolute;font-size:1.5rem;right:.5rem;cursor:pointer;padding:.5rem}.authenticate .input-wrapper button{background:var(--green);border:2px solid var(--green);color:#fff;flex:1;height:2.5rem;padding:.5rem 1rem;cursor:pointer;border-radius:.25rem;transition:.25s ease-in-out;text-transform:uppercase;margin:0 .125rem}.authenticate .input-wrapper button:hover{color:var(--green);background:transparent}.authenticate .auth-options-wrapper{justify-content:space-between}.authenticate .auth-options-wrapper .auth-options{font-size:.85rem;font-weight:300;cursor:pointer;padding:.25rem;transition:.25s ease-in-out}.authenticate .auth-options-wrapper .auth-options:hover{font-weight:600}.authenticate .auth-options-wrapper .app-terms{font-size:.75rem;max-width:250px;text-align:justify;font-weight:100;margin:.5rem 0}.main-dashboard{height:100vh;display:flex;justify-content:center;align-items:center;background:var(--lightgray)}.main-dashboard .business-main,.main-dashboard .booking-main{padding:1rem}.main-dashboard .booking-main{background:var(--white);height:calc(100% - 3rem - 50px)}.navbar{padding:.5rem 2rem;height:50px}.navbar .navbar-wrapper{padding:0 1rem;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;background:var(--darkgray);box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.navbar .navbar-wrapper .brand{color:var(--white);font-weight:600;font-size:1.25rem;text-transform:uppercase}.navbar .navbar-wrapper .options{display:flex;align-items:center;margin:.25rem 0}.navbar .navbar-wrapper .options .menu-icon{padding:.5rem;cursor:pointer;color:var(--white);border-radius:.25rem;transition:.25s ease-in-out;font-size:1.25rem;margin:0 .5rem}.navbar .navbar-wrapper .options .menu-icon:hover{color:var(--primary);background:var(--white)}.main-calendar{margin:1rem;flex:1;background:var(--white);padding:1rem;border-radius:.25rem}.main-calendar .main-calendar-header{display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between;margin-bottom:.5rem}.main-calendar .main-calendar-header .calendar-header-text{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;width:100%}.main-calendar .main-calendar-header .calendar-header-text .current-month{font-size:1.125rem;text-transform:uppercase;-webkit-user-select:none;user-select:none}.main-calendar .main-calendar-header .calendar-header-text .calendar-header-icon{margin:.125rem 1rem;padding:.475rem;border-radius:.5rem;color:var(--primary);border:2px solid var(--primary);cursor:pointer;transition:.25s ease-in-out}.main-calendar .main-calendar-header .calendar-header-text .calendar-header-icon:hover{background:var(--primary);color:var(--white)}.main-calendar .main-calendar-header .calendar-options-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-search{display:flex;justify-content:center;align-items:center}.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-search .input-wrapper{display:flex;justify-content:space-between;align-items:center;background:var(--lightgray);position:relative;border-radius:.25rem;padding:.125rem 0;width:100%}.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-search .input-wrapper input{padding:.5rem;outline-color:var(--primary);border:none;background:transparent}.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-search .input-wrapper:hover .search-icon{color:var(--primary)}.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-search .input-wrapper .search-icon{padding:.25rem;background:var(--lightgray);color:var(--white);transition:.25s ease-in-out;cursor:pointer;margin:0 .25rem;border-radius:.25rem;position:absolute;right:.125rem}.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-search .input-wrapper .search-icon:hover{background:var(--primary);color:#fff}.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-search .search-option-icon{margin:.125rem .25rem;padding:.5rem;border-radius:.25rem;border:2px solid var(--lightgray);background:var(--lightgray);color:var(--white);cursor:pointer;transition:.25s ease-in-out;-webkit-user-select:none;user-select:none}.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-search .search-option-icon:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-menu{display:flex;align-items:center;justify-content:flex-end;width:100%;margin-bottom:.5rem}.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-menu button,.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-menu .calendar-option-icon{margin:.125rem .25rem;padding:.475rem;border-radius:.25rem;border:2px solid var(--lightgray);cursor:pointer;transition:.25s ease-in-out;color:var(--darkgray);-webkit-user-select:none;user-select:none}.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-menu button:hover,.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-menu .calendar-option-icon:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-menu button{font-weight:600;text-transform:uppercase}.main-calendar .main-calendar-header .calendar-options-wrapper .calendar-options-menu .calendar-option-icon{background:var(--lightgray)}.main-calendar .calendar{display:flex;flex-direction:column;height:100%;background:var(--lightgray)}.main-calendar .calendar .calendar-grid-header{-webkit-user-select:none;user-select:none;background:var(--white)}.main-calendar .calendar .calendar-grid,.main-calendar .calendar .calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;justify-content:center;text-align:center}.main-calendar .calendar .calendar-grid .day,.main-calendar .calendar .calendar-grid-header .day{font-weight:100;margin:.25rem .5rem}.main-calendar .calendar .calendar-grid .dash-date,.main-calendar .calendar .calendar-grid-header .dash-date{transition:.25s ease-in-out;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:100;border:1px solid var(--white);position:relative}.main-calendar .calendar .calendar-grid .dash-date .bookings,.main-calendar .calendar .calendar-grid-header .dash-date .bookings{top:0;right:0;color:#fff;width:.25rem;display:flex;padding:.5rem;height:.25rem;font-size:.5rem;border-radius:50%;position:absolute;align-items:center;justify-content:center;background:var(--ligthgreen);transform:translate(25%) translateY(-25%)}.main-calendar .calendar .calendar-grid .dash-date,.main-calendar .calendar .calendar-grid-header .dash-date{cursor:pointer}.main-calendar .calendar .calendar-grid .dash-date:hover,.main-calendar .calendar .calendar-grid-header .dash-date:hover{color:var(--white);background:var(--primary)}.main-calendar .calendar .calendar-grid .booked,.main-calendar .calendar .calendar-grid-header .booked{font-weight:900;font-size:2rem}.main-calendar .calendar .calendar-grid .selected-active,.main-calendar .calendar .calendar-grid-header .selected-active{color:#fff;background:var(--primary)}.main-calendar .calendar .calendar-grid .selected-inactive,.main-calendar .calendar .calendar-grid-header .selected-inactive{color:var(--ligthgray);background:transparent}.main-calendar .calendar .calendar-grid .separado,.main-calendar .calendar .calendar-grid-header .separado{border:.5px solid var(--primary);background:var(--ligthgray)}.main-calendar .calendar .calendar-grid .reservado,.main-calendar .calendar .calendar-grid-header .reservado{color:var(--green);background:var(--green)}.user-card-main{margin:1rem;flex:1;background:var(--white);box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;border-radius:.25rem;display:flex;justify-content:space-between;align-items:center}.user-card-main .business-options{display:flex;padding:1rem}.user-card-main .business-options .biz-option-icon{margin:.125rem .25rem;padding:.5rem;border-radius:.25rem;border:2px solid var(--lightgray);cursor:pointer;transition:.25s ease-in-out;color:var(--darkgray);-webkit-user-select:none;user-select:none}.user-card-main .business-options .biz-option-icon:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.user-card-main .business-options button{font-weight:600;text-transform:uppercase}.user-card-main .business-options .calendar-option-icon{background:var(--lightgray)}.user-card-main .user-area{padding:1rem;display:flex;justify-content:center;align-items:center}.user-card-main .user-area .image-wrapper{height:50px;width:50px;margin:0 .5rem}.user-card-main .user-area .image-wrapper img{height:100%;width:100%;border-radius:50%}.user-card-main .user-area .text-info-wrapper{display:flex;flex-direction:column}.user-card-main .user-area .text-info-wrapper .business-name{font-size:1.125rem;font-weight:300}.user-card-main .user-area .text-info-wrapper .business-email{font-size:.85rem;font-weight:600}.bookings-main{background:var(--white);height:70vh;padding:1rem;border-radius:.25rem;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow-y:scroll;scrollbar-width:none;overflow-x:hidden}.bookings-main .bookings-top,.bookings-main .bookings.middle,.bookings-main .bookings-bottom{width:100%}.bookings-main .bookings-top{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--lightgray)}.bookings-main .bookings-top span.date{font-weight:100}.bookings-main .bookings-top .header-text{font-size:2rem;font-weight:500;text-transform:uppercase}.bookings-main .bookings-middle{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;padding:1rem;overflow-y:visible;overflow-x:hidden}.bookings-main .bookings-middle .active{background:var(--primary);color:var(--white)}.bookings-main .bookings-middle .booking{display:flex;padding:.5rem .125rem;margin:.5rem;width:100%;justify-content:center;align-items:center;border-radius:.5rem;cursor:pointer}.bookings-main .bookings-middle .booking .status{width:10px;height:100%;margin-right:.5rem;border-radius:.25rem;border:1px solid var(--lightgray)}.bookings-main .bookings-middle .booking .pending{background:var(--yellow)}.bookings-main .bookings-middle .booking .confirmed{background:var(--lightgreen)}.bookings-main .bookings-middle .booking .cancelled{background:var(--darkred)}.bookings-main .bookings-middle .booking .info-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.bookings-main .bookings-middle .booking .info-wrapper .confirmation{font-size:1.75rem;font-weight:600;margin-right:0 1rem}.bookings-main .bookings-middle .booking .info-wrapper .duration{font-size:.85rem;font-weight:200}.bookings-main .bookings-middle .booking .customer{display:flex;flex-direction:column;margin-left:1rem}.bookings-main .bookings-middle .booking .customer .name{font-size:1rem}.bookings-main .bookings-middle .booking .customer .email{font-size:.95rem;font-weight:200}.bookings-main .bookings-middle .booking .customer .phone{font-size:.8rem;font-weight:200;text-underline-offset:.125rem}.bookings-main .bookings-middle .booking .customer .phone:hover{text-decoration:underline}.bookings-main .bookings-middle .booking:hover{color:var(--white);background:var(--primary)}.bookings-main .bookings-bottom{padding:2rem 1rem;border-top:1px solid var(--lightgray);display:flex;justify-content:center;align-items:center;flex:1}.modal{position:absolute;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;z-index:100;background:#dddddde6;animation:.25s FadeIn ease-in-out}.modal .modal-container{padding:1rem 2rem;border-radius:.25rem;background:var(--white);box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.modal .modal-container .modal-top{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;width:100%;flex:1;margin-bottom:1rem}.modal .modal-container .modal-top .title{font-weight:300;font-size:1.75rem;text-transform:uppercase}.modal .modal-container .modal-top .modal-header-icon{padding:.25rem;cursor:pointer;transition:.25s ease-in-out;font-size:2rem}.modal .modal-container .modal-top .modal-header-icon:hover{transform:scale(1.2)}.modal .modal-container .modal-middle{justify-content:space-evenly;align-items:center;display:flex}.modal .modal-container .modal-middle .container-modal-wrapper{padding:.5rem 0;flex:1}.modal .modal-container .modal-middle .container-modal-wrapper .fullname{font-size:2rem;font-weight:700;line-height:1.75rem;margin-bottom:1rem}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details{display:flex;align-items:center;flex-direction:column;justify-content:space-between}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details .details{display:flex;flex-direction:column;width:max-content}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details .details .description{font-size:1.125rem;border:1px solid var(--primary);padding:.5rem;border-radius:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;margin:.25rem 0}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details .details .description:hover{background:var(--white)}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details .details .description-container{display:flex}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details .details .description-container .description{font-weight:200}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details .details .description-container .hours{font-size:.85rem}.modal .modal-container .modal-middle .container-modal-wrapper .payment-details .details .cost{font-size:2.5rem;font-weight:600;text-align:center}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date{margin-right:.5rem;background:var(--lightgray);min-width:250px;flex:1;padding:1rem;border-radius:.5rem;height:100%;align-items:center;justify-content:center}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .date-wrapper-header{font-size:1.25rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;-webkit-user-select:none;user-select:none}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .date-wrapper-header .month-year{text-align:center;width:max-content}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .date-wrapper-header .date-icon{padding:.25rem;margin:0 .25rem;cursor:pointer;transition:.25s ease-in-out}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .date-wrapper-header .date-icon:hover{transform:scale(1.1)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .calendar{display:grid;grid-template-columns:repeat(7,1fr);justify-content:center;align-items:center;min-height:250px}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .calendar .day{-webkit-user-select:none;user-select:none;font-weight:100;font-size:.9rem;text-align:center}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .calendar .active{color:var(--white);background:var(--primary)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .calendar .date{padding:.25rem;transition:.25s ease-in-out;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:.5rem;aspect-ratio:1/1;margin:.125rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .calendar .date:hover{color:var(--white);background:var(--primary)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .description-container{display:flex;flex-direction:column}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date .total-cost{display:flex;flex-direction:column;align-items:center;justify-content:center}.modal .modal-container .modal-middle .container-modal-wrapper .booking-date span.amount{font-weight:600}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details{margin-left:.5rem;display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper{margin-bottom:.5rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper{flex-direction:column}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper{display:flex;position:relative}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .flex-50,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .flex-50,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .flex-50,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .flex-50{display:flex;flex-basis:50%;flex-direction:column;margin:0 .125rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .status-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .status-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .status-wrapper,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .status-wrapper{display:flex;justify-content:center;align-items:center}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .status,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .status,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .status,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .status{height:15px;width:15px;margin-right:.5rem;border-radius:50%}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .confirmado,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .confirmado,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .confirmado,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .confirmado{background:var(--green)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .pendiente,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .pendiente,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .pendiente,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .pendiente{background:var(--yellow)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .cancelado,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .cancelado,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .cancelado,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .cancelado{background:var(--darkred)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .label,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .label,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .label,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .label{margin-bottom:.25rem;font-size:.85rem;font-weight:100}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper input{outline-color:var(--primary);width:100%}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-container{cursor:pointer}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-container{cursor:not-allowed}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper input{width:200px}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-container{width:85px}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-selector-container{cursor:pointer}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper input,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-selector-container,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-container{border:1px solid var(--primary);padding:.5rem;display:flex;justify-content:space-between;align-items:center;border-radius:.5rem;-webkit-user-select:none;user-select:none}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper input .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper input .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper input .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper input .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-selector-container .payment_method,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-container .payment_method{text-transform:capitalize;font-size:.9rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper input .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper input .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper input .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper input .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-selector-container .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-container .payment-icon{font-size:.8rem;margin:0 .25rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper input .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper input .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper input .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper input .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-selector-container .selector-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-container .selector-icon{font-size:.85rem;margin:0 .25rem;transition:.25s ease-in-out}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper input .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .amount-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper input .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .amount-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper input .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .amount-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper input .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-selector-container .rotated-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .amount-container .rotated-icon{transform:rotate(-180deg)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-drop-down,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-drop-down,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-drop-down,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-drop-down{position:absolute;border:1px solid var(--primary);background:#fffffff2;border-radius:.5rem;top:100%;width:190px;z-index:100}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-drop-down .option,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-drop-down .option,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-drop-down .option,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-drop-down .option{font-size:.8rem;font-weight:100;padding:.5rem .25rem;border-radius:.5rem;margin:.25rem;cursor:pointer;display:flex;justify-content:flex-start;align-items:center}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-drop-down .option .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-drop-down .option .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-drop-down .option .payment-icon,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-drop-down .option .payment-icon{font-size:.85rem;margin:0 .5rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .payment-info-wrapper .selector-drop-down .option:hover,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .customer-info-wrapper .selector-drop-down .option:hover,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .date-info-wrapper .selector-drop-down .option:hover,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .status-info-wrapper .selector-drop-down .option:hover{color:var(--white);background:var(--green)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper{display:flex;justify-content:flex-start;width:100%;padding:.5rem 0}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .label{margin-bottom:.25rem;font-size:.85rem;font-weight:100}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time-container-wrapper{display:flex}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time{padding:.5rem .25rem;margin:0 .25rem;border-radius:.5rem;border:1px solid var(--primary);display:flex;width:95px;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time .time-container{display:flex;justify-content:space-between;align-items:center;width:max-content;font-size:.95rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time .time-container .icon{font-size:.75rem;padding:.125rem;margin-left:.125rem}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time .time-drop-down{position:absolute;bottom:calc(100% + 1px);width:100%;max-height:10vh;overflow:scroll;scrollbar-width:none;padding:.5rem .125rem;border-radius:.5rem;background:var(--white);display:flex;flex-direction:column;align-items:center;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;animation:FadeIn .25s ease-in-out}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time .time-drop-down span{padding:.25rem .5rem;border-radius:.25rem;font-size:.85rem;font-weight:200}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time .time-drop-down span:hover,.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time:hover{color:var(--white);background:var(--primary)}.modal .modal-container .modal-middle .container-modal-wrapper .booking-details .time-wrapper .time:hover .time-drop-down{background:var(--white);color:var(--primary)}.modal .modal-container .modal-bottom{display:flex;justify-content:center;margin-top:1rem}.modal .modal-container .modal-bottom .save{color:var(--white);background:var(--primary)}.modal .modal-container .modal-bottom .save:hover{color:var(--primary)}.modal .modal-container .modal-bottom .cancel{background:var(--lightgray)}.modal .modal-container .modal-bottom button{border:1px solid var(--primary);padding:.5rem 1rem;border-radius:.25rem;font-weight:600;transition:.25s ease-in-out;width:100px;margin:0 .25rem}.modal .modal-container .modal-bottom button:hover{background:transparent;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;cursor:pointer}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}.settings-container{margin:1rem;background:var(--white);padding:1rem;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;border-radius:.25rem;min-height:450px;min-width:400px;animation:SlideUp .25s ease-in-out}.settings-container .settings-header{display:flex;justify-content:space-between;align-items:center}.settings-container .settings-header span{font-size:1.5rem;margin:0 1rem;text-transform:uppercase;font-weight:300}.settings-container .settings-header .close-icon{padding:.5rem;font-size:1.25rem;cursor:pointer;transition:.25s ease-in-out}.settings-container .settings-header .close-icon:hover{transform:scale(1.1)}@keyframes SlideUp{0%{opacity:0;transform:translateY(5px)}to{transform:translateY(0);opacity:1}}.main-birriar{min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:var(--lightgray);background-position:center;background-size:cover;position:relative}.main-birriar .main-header{margin:1rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 3rem}.main-birriar .main-header .logo-birriar{height:70px;object-fit:cover;margin-bottom:2rem;transform:rotate(-10deg)}.main-birriar .main-header .title{font-size:1.75rem;font-weight:300;line-height:1.75rem}.main-birriar .main-header .title strong{font-weight:500;color:var(--green)}.splash-birriar{min-height:100svh;width:100svw;display:flex;justify-content:center;align-items:center;flex-direction:column;background:var(--lightgray);-webkit-user-select:none;user-select:none}.splash-birriar .splash-header{margin:1rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 3rem}.splash-birriar .splash-header .logo-birriar{height:70px;object-fit:cover;margin-bottom:2rem;transform:rotate(-10deg)}.splash-birriar .splash-header .title{font-size:1.75rem;font-weight:300;line-height:1.75rem;max-width:350px}.splash-birriar .splash-header .title strong{font-weight:500;color:var(--green)}.splash-birriar .splash-footer{margin:3rem;display:flex;justify-content:flex-end}.splash-birriar .splash-footer button{font-size:1.5rem;cursor:pointer;border-radius:.5rem;color:var(--white);padding:.5rem 1.5rem;background:var(--green);text-transform:lowercase;transition:.25s ease-in-out;border:.1875rem solid var(--green);flex:1}.splash-birriar .splash-footer button:hover{color:var(--green);background:transparent}.yellow-background{background-color:var(--yellow)}.main-reservation{min-height:100svh;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;position:relative}.main-reservation .main-reservation-container{display:grid}.main-reservation .main-reservation-container .left-rounded-borders{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.main-reservation .main-reservation-container .right-rounded-borders{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.main-reservation .main-reservation-container .rounded-borders{border-radius:1rem}.main-reservation .main-reservation-container .reservation-main-wrapper-1{background:var(--yellow)}.main-reservation .main-reservation-container .reservation-main-wrapper-2{background:var(--white);padding:1rem .25rem;display:flex;flex-direction:column;justify-content:center}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .header-wrapper,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .header-wrapper{display:flex;align-items:center}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .header-wrapper img,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .header-wrapper img{margin:.25rem;height:55px;width:55px;object-fit:cover;transform:rotate(-5deg);transition:.25s ease-in-out}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .header-wrapper img:hover,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .header-wrapper img:hover{transform:rotate(0)}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .header-wrapper .header-text,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .header-wrapper .header-text{flex:1;display:flex;flex-direction:column;align-items:flex-end}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .header-wrapper .header-text .slogan,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .header-wrapper .header-text .slogan{font-weight:800;font-size:1.5rem;text-transform:uppercase;color:var(--green)}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .header-wrapper .header-text .step-wrapper,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .header-wrapper .header-text .step-wrapper{display:flex;align-items:center}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .header-wrapper .header-text .step-wrapper span,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .header-wrapper .header-text .step-wrapper span{margin:0 .5rem;color:var(--green);font-weight:200;transition:.25s ease-in-out}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .header-wrapper .header-text .step-wrapper .step,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .header-wrapper .header-text .step-wrapper .step{aspect-ratio:1/1;margin:.125rem;width:1.25rem;height:1.25rem;display:flex;justify-content:center;align-items:center;padding:.25rem;border-radius:.25rem;background:var(--yellow);color:var(--green);font-weight:900;transition:.25s ease-in-out;cursor:pointer}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .header-wrapper .header-text .step-wrapper .step:hover,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .header-wrapper .header-text .step-wrapper .step:hover{transform:scale(1.1)}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .header-wrapper .header-text .step-wrapper .step-active,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .header-wrapper .header-text .step-wrapper .step-active{color:var(--white);background:var(--green)}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .header-wrapper .header-text .step-wrapper:hover span,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .header-wrapper .header-text .step-wrapper:hover span{margin-right:3rem}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper{display:grid;flex-direction:column;justify-content:center;align-items:center;margin:1rem 0}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper{flex-direction:column;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:.25s ease-in-out;border:1px solid transparent}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-top,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-top{font-weight:200;display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-top .label-wrapper,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-top .label-wrapper{display:flex;align-items:center;justify-content:center;color:var(--darkgray);font-size:.75rem}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-top .label-wrapper .label-icon,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-top .label-wrapper .label-icon{padding:0 .25rem}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-top .arrow-icon,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-top .arrow-icon{transition:.25s ease-in-out}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time{display:inline-flex}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time span,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time span{margin:0 .5rem;color:var(--green);font-weight:200;transition:.25s ease-in-out}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .selectable-time,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .selectable-time{aspect-ratio:1/1;margin:.125rem;display:flex;justify-content:center;align-items:center;padding:.25rem;border-radius:.25rem;background:var(--yellow);color:var(--green);font-weight:900;transition:.25s ease-in-out;cursor:pointer}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .selectable-time:hover,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .selectable-time:hover{transform:scale(1.1)}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .step-active,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .step-active{color:var(--white);background:var(--green)}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle .business,.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle input,.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle .placeholder,.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .business,.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time input,.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .placeholder,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle .business,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle input,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle .placeholder,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .business,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time input,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .placeholder{font-size:1.25rem;font-weight:600;padding:.125rem;transition:.25s ease-in-out}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle .business,.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle input,.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .business,.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time input,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle .business,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle input,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .business,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time input{color:var(--green)}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle input,.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time input,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle input,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time input{padding:.125rem;border:none;outline:none;background:transparent;text-transform:lowercase}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle .placeholder,.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .placeholder,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle .placeholder,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .placeholder{color:var(--lightgray)}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle .address,.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .address,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle .address,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper .selection-wrapper-middle-time .address{font-size:.75rem;line-height:.9rem;font-weight:200;width:300px;display:flex}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper:hover,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper:hover{border-color:var(--lightgray)}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .main-grid-wrapper .selection-wrapper:hover .arrow-icon,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .main-grid-wrapper .selection-wrapper:hover .arrow-icon{transform:rotate(-90deg)}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .error,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .error{font-size:.85rem;color:var(--darkred)}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .error .address,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .error .address{font-weight:700!important}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .inactive-button,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .inactive-button{background:var(--white);color:var(--darkgray);border:2px solid var(--darkgray)}.main-reservation .main-reservation-container .reservation-main-wrapper-1 span.loading-wrapper,.main-reservation .main-reservation-container .reservation-main-wrapper-2 span.loading-wrapper{align-self:center}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .active-button,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .active-button{border:2px solid var(--green);background:var(--green);cursor:pointer;color:var(--white)}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .active-button:hover,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .active-button:hover{color:var(--green);background:transparent}.main-reservation .main-reservation-container .reservation-main-wrapper-1 .active-button,.main-reservation .main-reservation-container .reservation-main-wrapper-1 .inactive-button,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .active-button,.main-reservation .main-reservation-container .reservation-main-wrapper-2 .inactive-button{flex:1;padding:.5rem 1rem;font-size:1.5rem;border-radius:.5rem;transition:.25s ease-in-out;align-self:center}@media screen and (orientation:portrait){.main-reservation{flex-direction:column}}@media screen and (orientation:landscape){.main-reservation{flex-direction:row}.main-reservation .main-grid-wrapper{grid-template-columns:1fr 1fr}.main-reservation .reservation-main-wrapper-1,.main-reservation .reservation-main-wrapper-2{padding:1rem}}.hour-main-wrapper{margin:2rem 0}.hour-main-wrapper .hours-wrapper{display:grid;justify-content:center;align-items:center;gap:1rem}.hour-main-wrapper .hours-wrapper .hour-card{color:var(--white);padding:1rem;border-radius:.5rem;font-size:1.5rem;font-weight:700;background:var(--primary);transition:.25s ease-in-out;cursor:pointer;border:.125rem solid var(--primary);text-align:center}@media screen and (max-width:350px){.hours-wrapper{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:350px){.hours-wrapper{grid-template-columns:repeat(2,1fr)}}@media screen and (orientation:landscape){.hour-card:hover{color:var(--primary)!important;background:transparent!important;transform:translateY(-2px)}}.date-selector{margin:1rem;flex:1;padding:1rem;border-radius:.25rem}.date-selector .main-calendar-header{display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between;margin-bottom:.5rem}.date-selector .main-calendar-header .calendar-header-text{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;width:100%}.date-selector .main-calendar-header .calendar-header-text .current-month{font-size:1.125rem;text-transform:uppercase;-webkit-user-select:none;user-select:none}.date-selector .main-calendar-header .calendar-header-text .calendar-header-icon{margin:.125rem 1rem;padding:.475rem;border-radius:.5rem;color:var(--primary);border:2px solid var(--primary);cursor:pointer;transition:.25s ease-in-out}.date-selector .calendar{display:flex;flex-direction:column}.date-selector .calendar .calendar-grid-header{-webkit-user-select:none;user-select:none;background:var(--white)}.date-selector .calendar .calendar-grid{margin-top:1rem}.date-selector .calendar .calendar-grid,.date-selector .calendar .calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;gap:.125rem;justify-content:center;text-align:center}.date-selector .calendar .calendar-grid .day,.date-selector .calendar .calendar-grid-header .day{font-size:.85rem;margin:.25rem .5rem}.date-selector .calendar .calendar-grid .dash-date,.date-selector .calendar .calendar-grid-header .dash-date{transition:.25s ease-in-out;aspect-ratio:1.125/1;display:flex;align-items:center;justify-content:center;font-size:1.25rem;position:relative;border-radius:.5rem;cursor:pointer}.date-selector .calendar .calendar-grid .selected-active,.date-selector .calendar .calendar-grid-header .selected-active{color:#fff;background:var(--primary);font-weight:600}.date-selector .calendar .calendar-grid .selected-inactive,.date-selector .calendar .calendar-grid-header .selected-inactive{color:var(--gray);cursor:default;font-weight:100}@media screen and (orientation:landscape){.calendar-header-icon:hover{background:var(--primary);color:var(--white)}.selectable:hover{color:var(--white);background:var(--primary)}}.cancha-selector{padding:1rem;overflow:hidden;max-width:1400px;margin:0 auto}.cancha-selector .cancha-selector-header{margin-bottom:2rem}.cancha-selector .cancha-selector-header h1{line-height:1.75rem;text-align:center;font-size:clamp(1.25rem,5vw,2rem)}.cancha-selector .cancha-selector-header .filter-wrapper{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center}.cancha-selector .cancha-selector-header .filter-wrapper .filters{display:flex;flex:1;min-width:200px;justify-content:center;align-items:center}.cancha-selector .cancha-selector-header .filter-wrapper input{width:100%;outline-color:var(--green);font-size:1.125rem;padding:.5rem;border-radius:.5rem;border:1px solid var(--lightgray)}.cancha-selector .cancha-selector-header .filter-wrapper .filter-option{border:1px solid var(--primary);background:var(--white);padding:.5rem;border-radius:.5rem;font-weight:300;display:flex;flex:1;min-width:120px;position:relative;align-items:center;justify-content:center;cursor:pointer;transition:.25s ease-in-out}.cancha-selector .cancha-selector-header .filter-wrapper .filter-option .text-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 .5rem}.cancha-selector .cancha-selector-header .filter-wrapper .filter-option:hover{background:var(--primary);color:var(--white)}.cancha-selector .cancha-selector-header .filter-wrapper .filter-option .drop-down-menu{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:var(--white);padding:.5rem;border-radius:.5rem;color:var(--primary);z-index:100;box-shadow:0 4px 12px #00000026}.cancha-selector .cancha-selector-header .filter-wrapper .filter-option .drop-down-menu .sport-wrapper{padding:.5rem;border-radius:.25rem;display:flex;justify-content:space-between;text-transform:capitalize}.cancha-selector .cancha-selector-header .filter-wrapper .filter-option .drop-down-menu .sport-wrapper:hover,.cancha-selector .cancha-selector-header .filter-wrapper .filter-option .drop-down-menu .sport-wrapper.active-selection{color:var(--white);background:var(--primary)}.cancha-selector .main-scroller{display:grid;width:100%;gap:1rem;margin:0 auto;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cancha-selector .main-scroller .cancha-container-card{background:var(--white);border-radius:1rem;display:flex;flex-direction:column;transition:.25s ease-in-out;border:1px solid #eee;height:100%}.cancha-selector .main-scroller .cancha-container-card .cancha-top{padding:1.25rem;display:flex;gap:1rem}.cancha-selector .main-scroller .cancha-container-card .cancha-top .sport-icon{font-size:2.5rem;color:var(--green)}.cancha-selector .main-scroller .cancha-container-card .cancha-top .cancha-header{display:flex;flex-direction:column;flex:1}.cancha-selector .main-scroller .cancha-container-card .cancha-top .cancha-header .header-container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.cancha-selector .main-scroller .cancha-container-card .cancha-top .cancha-header .header-container .business-name{font-size:1.2rem;font-weight:800;color:#333}.cancha-selector .main-scroller .cancha-container-card .cancha-top .cancha-header .header-container .cost{font-size:1.5rem;font-weight:900;color:var(--green);text-align:right}.cancha-selector .main-scroller .cancha-container-card .cancha-top .cancha-header .header-container .cost p{font-size:.7rem;color:#999;margin:0}.cancha-selector .main-scroller .cancha-container-card .cancha-top .cancha-header .sport{font-weight:600;color:var(--primary);font-size:.9rem}.cancha-selector .main-scroller .cancha-container-card .cancha-top .cancha-header .business-hours{font-size:.8rem;color:#666;margin:.25rem 0}.cancha-selector .main-scroller .cancha-container-card .cancha-top .cancha-header .business-address{font-size:.75rem;color:#999}.cancha-selector .main-scroller .cancha-container-card .cancha-bottom{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;margin-top:auto}.cancha-selector .main-scroller .cancha-container-card .cancha-bottom .button-link{padding:.75rem;border-radius:.5rem;text-align:center;text-decoration:none;font-weight:700;font-size:.85rem;transition:.2s;border:2px solid var(--green);cursor:pointer}.cancha-selector .main-scroller .cancha-container-card .cancha-bottom .button-link:first-child{background:transparent;color:var(--green)}.cancha-selector .main-scroller .cancha-container-card .cancha-bottom .button-link:first-child:hover{background:#f0faf3}.cancha-selector .main-scroller .cancha-container-card .cancha-bottom .button-link:last-child{background:var(--green);color:var(--white)}.cancha-selector .main-scroller .cancha-container-card .cancha-bottom .button-link:last-child:hover{background:#00642b;border-color:#00642b}.cancha-selector .main-scroller .cancha-container-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000014}@media(max-width:400px){.cancha-selector .main-scroller{grid-template-columns:1fr}}.loading-wrapper{display:flex;justify-content:center;align-items:center}.business-wrapper{position:absolute;display:flex;flex-direction:column;inset:0;animation:SlideUp .9s ease-in-out;z-index:500}.business-wrapper .business-top-wrapper{flex:1;padding:.5rem;display:flex;justify-content:flex-end;align-items:flex-start}.business-wrapper .business-top-wrapper .business-icon{padding:.5rem;border-radius:.25rem;cursor:pointer}.business-wrapper .business-card{display:flex;flex:9;position:relative;flex-direction:column;background:#fff;border-top-left-radius:2.5rem;border-top-right-radius:2.5rem;padding:1rem 0;align-items:center}.business-wrapper .business-card .container-wrapper{max-width:400px}.business-wrapper .business-card .business-card-top{padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.business-wrapper .business-card .business-card-top .title{font-size:2.5rem;line-height:2.125rem;font-weight:900;text-align:center}.business-wrapper .business-card .business-card-top h2{font-weight:500}.business-wrapper .business-card .business-card-top .container-wrapper{max-width:400px;background:#639}.business-wrapper .business-card .business-card-top .address-wrapper{text-align:center}.business-wrapper .business-card .business-card-top .address-wrapper .address{font-weight:100}.business-wrapper .business-card .business-card-top .business-hours-wrapper{margin:.5rem 0 1rem;text-align:center;display:flex;flex-direction:column}.business-wrapper .business-card .business-card-top .business-hours-wrapper .weekday{text-transform:uppercase;font-size:.95rem}.business-wrapper .business-card .business-card-top .business-hours-wrapper .business-hours{font-weight:200;font-size:.85rem}.business-wrapper .business-card .business-card-top .cancha-description{margin:0 1rem 1rem;text-align:center;display:flex;flex-direction:column}.business-wrapper .business-card .business-card-top .cancha-description .description{font-size:.85rem;font-weight:100;text-align:justify}.business-wrapper .business-card .business-card-top .cancha-availability{display:grid;gap:.5rem}.business-wrapper .business-card .business-card-top .cancha-availability .spot{padding:.5rem;border-radius:.5rem;margin:0 .25rem;cursor:pointer}.business-wrapper .business-card .business-card-top .cost-wrapper{font-size:2rem;max-width:400px;background:var(--yellow);padding:.5rem 1rem;text-align:center;border-radius:1rem;font-weight:600}.business-wrapper .business-card .business-card-middle{width:100vw;overflow-x:hidden;overflow:hidden}.business-wrapper .business-card .business-card-middle .grabbing{cursor:grabbing}.business-wrapper .business-card .business-card-middle .grab{cursor:grab}.business-wrapper .business-card .business-card-middle .image-scroller{overflow-x:visible;justify-content:flex-start;scroll-snap-type:x mandatory;scroll-snap-align:325px;scroll-behavior:smooth;display:flex;overflow:scroll;scrollbar-width:none}.business-wrapper .business-card .business-card-middle .image-scroller .image-wrapper{height:50svh;width:325px;display:flex;justify-content:space-between;flex-direction:column;align-items:flex-end;position:relative;margin:.5rem;scroll-snap-align:center;transition:.25s ease-in-out;background-repeat:no-repeat;flex-shrink:0}.business-wrapper .business-card .business-card-middle .image-scroller .image-wrapper img{height:100%;width:100%;object-fit:cover;border-radius:1rem}.business-wrapper .business-card .business-card-bottom{display:flex;align-items:center;justify-content:center;padding:1rem}.business-wrapper .business-card .business-card-bottom button{color:#fff;font-size:1.25rem;padding:.75rem 1rem;border:none;border-radius:.5rem;background:var(--darkgreen);cursor:pointer;transition:.25s ease-in-out;border:2px solid var(--darkgreen)}@media screen and (max-width:550px){.cancha-availability{grid-template-columns:repeat(3,1fr)}.cancha-availability .spot{color:var(--white);background:var(--primary)}}@media screen and (min-width:550px){.cancha-availability{grid-template-columns:repeat(5,1fr)}.cancha-availability .spot{font-size:1.5rem;color:var(--white);background:var(--primary)}.cancha-availability .spot:hover{color:var(--primary);background:var(--yellow)!important}button:hover{color:var(--darkgreen);background:transparent}}@keyframes SlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}