.header__container{background-color:var(--tan);flex-shrink:0;width:240px}@media screen and (max-width:850px){.header__container{width:100%}}.header__logo{align-items:center;background-color:var(--dark-navy);display:flex;font-size:0;height:50px;justify-content:space-between;padding-left:10px;padding-right:10px}.header__navigation{padding:20px 20px 40px 10px}@media screen and (max-width:850px){.menu-open .header__navigation{opacity:1;pointer-events:all;visibility:visible}.header__navigation{background-color:var(--tan);opacity:0;pointer-events:none;position:absolute;visibility:hidden;width:100%;height:calc(100vh - 50px);z-index:1}}.header__name{font-family:var(--font-primary);font-size:18px;font-weight:400;margin-bottom:0;margin-left:10px;overflow-wrap:anywhere}.header__user{align-items:center;display:flex;margin-bottom:30px}.header__log-out{color:var(--dark-navy);display:block;font-family:var(--font-primary);font-size:16px;font-weight:400;margin-top:40px;position:relative}.header__log-out:before{background-color:var(--gold);content:"";height:4px;left:0;position:absolute;top:-8px;width:60px;transition:width .3s}.header__log-out:focus:before,.header__log-out:hover:before{width:70px}.header__menu{padding-left:8px}.header__menu-item{color:var(--dark-navy);display:block;font-family:var(--font-primary);font-size:16px;font-weight:400;margin-bottom:5px;padding:4px 0;position:relative}.header__menu-item.is-active:before{content:"";position:absolute;background-image:url(/icons/active-indicator.svg);background-repeat:no-repeat;height:15.65px;width:9.56px;left:-18px;transform:translateY(-50%);top:50%}.header__menu-item span{position:relative}.header__menu-item img{position:absolute;opacity:0}.header__menu-item:focus img,.header__menu-item:hover img{opacity:1;transform:scale(1) rotate(0)}.header__menu-item--disabled{opacity:.5}.header__my-recipes img{left:2px}.header__my-recipes img,.header__saved img{top:-1px;transform:scale(.8) rotate(45deg);transition:opacity .1s ease,transform .2s}.header__saved img{left:10px}.header__shared img{left:45px;top:3px}.header__settings img,.header__shared img{transform:scale(.8) rotate(45deg);transition:opacity .1s ease,transform .2s}.header__settings img{left:-8px;top:-3px}.header__mobile-text{color:var(--tan);font-size:12px;font-weight:700;font-family:var(--font-sans-serif)}.header__mobile-text:after,.header__mobile-text:before{background-color:var(--tan);background-image:linear-gradient(var(--gold));background-repeat:no-repeat;content:"";display:block;height:3px;left:7px;position:absolute;width:26px;transition:transform .2s,background-size .2s}.header__mobile-text:before{top:5px;background-size:0 100%}.header__mobile-menu-button:focus .header__mobile-text:before,.header__mobile-menu-button:hover .header__mobile-text:before{transform:translateY(-30%);background-size:100% 100%}.menu-open .header__mobile-menu-button:focus .header__mobile-text:before,.menu-open .header__mobile-menu-button:hover .header__mobile-text:before,.menu-open .header__mobile-text:before{transform:rotate(-45deg);top:10px}.header__mobile-text:after{top:12px;background-image:linear-gradient(var(--en-salva));background-size:0 100%;background-position:100% 100%;transition:opacity .2s,background-size .2s}.header__mobile-menu-button:focus .header__mobile-text:after,.header__mobile-menu-button:hover .header__mobile-text:after{background-size:100% 100%}.menu-open .header__mobile-text:after{opacity:0}.header__mobile-menu-button{align-items:flex-end;background-color:rgba(0,0,0,0);border:0;cursor:pointer;display:none;height:40px;justify-content:center;padding:0 3px;position:relative;width:40px}.header__mobile-menu-button:after{background-color:var(--tan);background-image:linear-gradient(var(--gold));background-repeat:no-repeat;background-size:0 100%;content:"";display:block;height:3px;left:7px;position:absolute;top:19px;transition:transform .2s,background-size .2s;width:26px}.menu-open .header__mobile-menu-button:after{transform:rotate(45deg);top:10px}.header__mobile-menu-button:focus:after,.header__mobile-menu-button:hover:after{transform:translateY(30%);background-size:100% 100%}.menu-open .header__mobile-menu-button:focus:after,.menu-open .header__mobile-menu-button:hover:after{transform:rotate(45deg)}.logged-out .header__mobile-menu-button{display:none}@media screen and (max-width:850px){.header__mobile-menu-button{display:flex}}