:root{--color-primary:#0f559f;--color-secundary:#0a3c72}.sidebar-icon{display:flex;align-items:center;padding:.5rem;cursor:pointer}.sidebar-icon:hover{background:hsla(0,0%,100%,.1)}.sidebar-text{margin-left:1rem}@media screen and (max-width:768px){.menu-sidebar{position:relative;display:block;width:35px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;z-index:99}.menu-sidebar .bar,.menu-sidebar:after,.menu-sidebar:before{display:block;width:100%;height:5px;background-color:#fff;margin:6px 0;transition:.4s}.menu-sidebar:after,.menu-sidebar:before{content:""}.menu-sidebar.is-active:before{transform:rotate(-45deg) translate(-8px,6px)}.menu-sidebar.is-active:after{transform:rotate(45deg) translate(-9px,-8px)}.menu-sidebar.is-active .bar{opacity:0}}