.bottom-bar{position:fixed;height:0;z-index:50;background:#fff;bottom:0;left:0;right:0;width:100%;-webkit-box-shadow:0 0 14px 0 rgba(0,0,0,.15);box-shadow:0 0 14px 0 rgba(0,0,0,.15);border-radius:20px 20px 0 0;-webkit-transition:all .4s linear;transition:all .4s linear;opacity:0}.bottom-bar__container{padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:auto}.bottom-bar__close{display:block;width:120px;height:4px;background:#ececec;border-radius:5px;margin:15px auto}.bottom-bar.open{height:60%;opacity:1}.bottom-bar ul{padding:16px;margin:0 16px;border:1px solid #ececec;border-radius:8px}.bottom-bar ul li{display:block}.bottom-bar__overlay{height:100vh}