.slideout-menu{position:absolute;left:auto;top:0;bottom:0;right:-256px;z-index:10;width:256px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:80px 2rem;transform:translate(0);transition:all .3s ease;height:100%}.slideout-open .slideout-menu{transform:translate(-256px)}.slideout-open main{position:relative;transform:translate(0)!important;width:calc(100% - 256px)}.slideout-open .js-slideout-toggle{z-index:30}.js-slideout-toggle .close,.slideout-open .js-slideout-toggle .open{display:none}.slideout-open .js-slideout-toggle .close{display:block}.slideout-menu-left{left:-256px;right:auto;padding:0}.user-menu-ctrl .close,.user-slideout-open .user-menu-ctrl .open{display:none}.user-slideout-open .user-menu-ctrl .close{display:block}.user-slideout-open .slideout-menu-left{transform:translate(256px)}.user-slideout-open main{transform:translate(256px);width:calc(100% - 256px)}.user-slideout-open .js-user-menu-toggle{z-index:30}.user-slideout-open body{overflow-x:hidden}.user-slideout-open.slideout-open main{transform:translate(256px)!important;width:calc(100% - 512px)}.js-user-menu-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer}.js-user-menu-toggle .hamburger-lines{display:flex;flex-direction:column;align-items:center;justify-content:center}.js-user-menu-toggle span{transform-origin:center}.bar1,.bar2,.bar3{width:100%;height:3px;background-color:#1d3557;margin:6px 0;transition:.4s}.change .bar1{transform:translateY(9px) rotate(-45deg)}.change .bar2{opacity:0}.change .bar3{transform:translateY(-9px) rotate(45deg)}