.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:5px 20px;background-color:var(--background-color-light);border-radius:5px;font-family:var(--font-bebas);font-size:26px;line-height:32px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.offcanvas .offcanvas-header .header-right span{font-family:var(--font-aleo);font-size:16px;line-height:15.41px;text-align:center}.sidebar-btn button{padding:10px!important;font-size:23px!important}.offcanvas .offcanvas-header .main-header-section-title{order:1}.offcanvas .offcanvas-header .main-header-section-description{order:2;display:flex;justify-content:center;align-items:center}.offcanvas .offcanvas-header .main-header-section-buttons{order:3}@media (max-width:1400px){.offcanvas .offcanvas-header{display:flex;flex-wrap:wrap!important;justify-content:space-between;align-items:center;padding:14px}.offcanvas .offcanvas-header .main-header-section-description,.offcanvas .offcanvas-header .main-header-section-title{display:flex;justify-content:flex-start;align-items:center;margin-top:5px}.offcanvas .offcanvas-header .main-header-section-description{flex-wrap:wrap}.offcanvas .offcanvas-header .main-header-section-buttons{display:flex;justify-content:flex-end;align-items:center;margin-top:5px}.offcanvas .offcanvas-header .main-header-section-title h2{font-size:25px}.offcanvas .offcanvas-header .main-header-section-title i{font-size:1px}.offcanvas .offcanvas-header .main-header-section-description p{font-size:14px}}@media (max-width:1300px){.offcanvas .offcanvas-header .main-header-section-description{display:flex;justify-content:center;align-items:center}.offcanvas .offcanvas-header .main-header-section-buttons{width:100%;display:flex;justify-content:flex-end;align-items:center;margin-top:5px}}.offcanvas .offcanvas-body{padding:35px}.offcanvas .offcanvas-body .profile-content{display:flex;align-items:center;flex-wrap:wrap;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{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}@media (max-width:768px){.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}.offcanvas .offcanvas-header .header-right span{font-family:var(--font-helvetica-neue-light);font-size:14px;line-height:15.41px;text-align:center}.sidebar-btn button{padding:11px!important;font-size:23px!important;padding:10px!important;font-size:18px!important}.offcanvas .offcanvas-header .header-right{padding:0 10px;background-color:var(--background-color-light);border-radius:5px;font-family:var(--font-bebas);font-size:20px;line-height:23px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.offcanvas .offcanvas-header .main-header-section-description p{font-size:14px;display:none}.offcanvas .offcanvas-header .main-header-section-description .main-header-section-detail{display:block}}@media (max-width:567px){.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}}@media (max-width:400px){.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}.offcanvas .offcanvas-header .main-header-section-buttons{width:100%;display:flex;justify-content:center}.offcanvas .offcanvas-header .header-right{padding:5px 10px;font-size:20px;line-height:30px;flex-direction:row;gap:5px}.offcanvas .offcanvas-header .header-right span{font-size:20px;line-height:20px;text-align:center}.sidebar-btn button{padding:5px 10px!important;font-size:20px!important}}