.burger-menu{background-color:rgba(var(--main-green-rgb),1);max-width:300px;display:none;position:relative}.burger-menu__dropdown{background-color:#fff;border-radius:4px;max-height:0;padding:0;transition:max-height .2s ease-out;overflow:hidden}.burger-menu__dropdown.open{max-height:500px}.burger-menu__item{border-bottom:1px solid rgba(var(--main-green-rgb),.1);color:#333;padding:10px;font-size:16px;text-decoration:none;display:block}.burger-menu__item:hover{background-color:rgba(var(--main-green-rgb),.05);cursor:pointer;color:#000}.burger-menu__item:last-child{border-bottom:none}.burger-menu__logout{background:0 0;border:none;justify-content:flex-start;width:100%;padding:10px;font-size:16px;display:flex}.burger-menu__logout:hover{background-color:rgba(var(--main-green-rgb),.05);cursor:pointer;color:#000}.burger-menu__icon{cursor:pointer;color:#fff;font-size:24px;transition:background-color .3s,transform .2s}.burger-menu__icon:hover{transition:background-color .3s,transform .2s;transform:scale(1.2)}@media (max-width:768px){.burger-menu{margin:auto;display:block}.burger-menu__top{justify-content:space-between;align-items:center;padding:5px 0;display:flex}.burger-menu__top__title{color:#fff;padding-left:10px}.burger-menu__top>div{flex-direction:row;align-items:center;display:flex}.burger-menu__top>div>button{padding:10px 5px;display:flex}.burger-menu__top>div>button:hover{background:0 0}}