.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out}.backdrop.active{opacity:1;visibility:visible}.offcanvas .offcanvas-header{background-color:var(--primary-color);display:flex;justify-content:space-between!important;align-items:center;padding:14px;width:100%}.offcanvas .offcanvas-header .header-left{padding-left:27px;display:flex;align-items:center;gap:8px}.offcanvas .offcanvas-header .header-left h2{font-family:var(--font-bebas);font-size:30px;line-height:26.86px;margin-bottom:0}.offcanvas .offcanvas-header .header-right{padding:0 15px;background-color:var(--background-color-light);border-radius:11px;font-family:var(--font-bebas);font-size:26px}.offcanvas .offcanvas-header .header-right span{font-family:var(--font-helvetica-neue-light);font-size:22px;line-height:15.41px;text-align:center}.offcanvas .offcanvas-body{padding:35px}.offcanvas .offcanvas-body .profile-content .image-container{width:60px;height:60px;border:2px solid var(--primary-color);border-radius:50%;overflow:hidden}.offcanvas .offcanvas-body .profile-content .image-container img{width:100%;height:100%;object-fit:cover}.custom-booking-sidebar .profile-content .content{display:flex!important;justify-content:space-between!important;align-items:center!important}.custom-booking-sidebar .profile-content h3{font-size:22px;line-height:26.86px;margin-bottom:0}.custom-booking-sidebar .profile-content p{font-size:20px;line-height:17.09px;margin-bottom:0}.offcanvas .offcanvas-body .selection-content{padding-top:30px}.offcanvas .offcanvas-body .selection-content .meal-diet-preference{display:flex;flex-wrap:wrap;gap:20px}.offcanvas .offcanvas-body .selection-content .meal-diet-preference>*{flex-grow:1;flex-shrink:1;flex-basis:calc(33.33% - 20px);max-width:calc(33.33% - 20px)!important}.meal-preference{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.sidebar-active{border:5px solid var(--primary-color);border-radius:5px}.custom-booking-sidebar .meal-search-container{margin-top:30px;max-width:40%}@media (max-width:767px){.offcanvas .offcanvas-header .header-right span{font-family:var(--font-helvetica-neue-light);font-size:14px;line-height:15.41px;text-align:center}}