.demo-panel{background:#fff;border-radius:0;box-shadow:0 2px 60px 0 rgba(0,0,0,.05);display:block;position:fixed;bottom:0;left:0;padding:30px 30px 20px;transform:translateX(-100%);transition:transform .5s cubic-bezier(.77,.2,.05,1);width:220px;z-index:10;-webkit-user-select:none;user-select:none}.demo-panel.demo-panel-show{transform:translateX(0)}.demo-panel .buttonToogle{cursor:pointer;display:block;width:46px;height:46px;position:absolute;right:-46px;top:0;background-color:#fff;border-radius:0 3px 3px 0;box-shadow:0 2px 60px 0 rgba(0,0,0,.06);z-index:1}.demo-panel .buttonToogle::before{content:'';background-image:url(../images/options.svg);background-repeat:no-repeat;background-position:center;width:46px;height:46px;position:absolute;animation:rotate-toggle 5s infinite linear}.demo-panel .buttonToogle::after{content:'';background-color:#fff;width:15px;height:46px;position:absolute;left:-14px}.demo-panel__list{list-style-type:none;padding:0;margin-bottom:0}.demo-panel__list li{margin:8px 0}.demo-panel__list li a{display:block;text-decoration:none}.demo-panel__list li a:hover{color:#989e9f}.demo-panel__list li a span{opacity:.3}.demo-panel .title{font-family:Roboto;letter-spacing:.2rem;margin-bottom:1.3rem;text-transform:uppercase}@-webkit-keyframes rotate-toggle{from{transform:rotate(0)}to{transform:rotate(359deg)}}