#panel1{position:fixed;z-index:939597;top:0;bottom:0;left:auto;right:0;width:450px;height:100%;overflow:auto;background:#e2dddb;padding:0 0 1.2em;box-sizing:border-box;box-shadow:-4px 0 18px rgba(0,0,0,.2);visibility:hidden}.transparent-layer{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);display:none;-webkit-transition:opacity .3s;transition:opacity .3s}.panel-button{-ms-user-select:none;-mos-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.panel-button{display:block;float:right;position:relative;margin:0;background-color:#fff;height:3px;width:24px;cursor:pointer;box-sizing:content-box}.panel-button.active{background-color:transparent}.panel-button.active:before{transform:rotate(45deg);top:0}.panel-button.active:after{transform:rotate(-45deg);top:0}