.logo{width:200px}.dropdown{display:inline-block;position:relative}.dropdown .dropdown-content{opacity:0;z-index:1;background-color:#f9f9f9;min-width:160px;padding-top:.5rem;position:absolute;top:100%;right:0;box-shadow:0 8px 16px #0003}.dropdown .dropdown-content button{text-align:left;width:100%}.dropdown:hover .dropdown-content{opacity:1}.hamburger-menu{cursor:pointer;width:30px;height:24px;position:relative}.hamburger-menu div{background-color:#333;width:100%;height:2px;transition:all .3s;position:absolute;left:0}.hamburger-menu div:first-child{top:0}.hamburger-menu div:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger-menu div:last-child{bottom:0}.sidebar{background-color:#fff;flex-direction:column;width:256px;min-width:256px;transition:all .3s;display:flex;overflow:hidden;box-shadow:4px 0 6px -1px #0000001a}@media (max-width:767px){.logo{width:150px}.sidebar:not(.open){width:0;min-width:0;padding:0}}@media (min-width:768px){.hamburger-menu{display:none}.sidebar{width:256px!important;min-width:256px!important;padding:initial!important}}