.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;align-items:center;padding:14px}.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: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-aleo);font-size:22px;line-height:15.41px}.offcanvas .offcanvas-body{padding:35px}.offcanvas .offcanvas-body .profile-content{display:flex;align-items:center;gap:16px}.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}.offcanvas .offcanvas-body .profile-content .content{display:flex;flex-direction:column;justify-content:center}.offcanvas .offcanvas-body .profile-content h3{font-size:22px;line-height:26.86px;margin-bottom:0}.offcanvas .offcanvas-body .profile-content p{font-size:14px;line-height:17.09px;margin-bottom:0}.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}@media (max-width:1000px){.offcanvas .offcanvas-header{background-color:var(--primary-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:14px}.offcanvas .offcanvas-body .selection-content .meal-diet-preference{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.offcanvas .offcanvas-body .selection-content .meal-diet-preference>*{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 20px);max-width:calc(50% - 20px)!important}}@media (max-width:767px){.offcanvas .offcanvas-body .selection-content .meal-diet-preference>*{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 20px);max-width:calc(100% - 20px)!important}}