.demo{position:fixed;right:-200px;width:200px;padding:10px;z-index:20;transition:all .3s;border-top-left-radius:8px;border-bottom-left-radius:8px}.demo.active{right:0}.demo,.demo .settings{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);background-color:#fff}.demo .settings{position:absolute;left:-50px;padding:15px 0;font-size:16px;color:#1e1e1e;width:50px;height:50px;border-bottom-left-radius:4px;box-shadow:0 0 8px rgba(0,0,0,.15);text-align:center}.demo .buy-btn{top:calc(50% - 49px);border-top-left-radius:4px;border-bottom-left-radius:0}.demo h5{font-size:14px;font-weight:600;border-bottom:1px solid #efefef;color:#666;letter-spacing:0;line-height:33px;height:40px;margin-bottom:12px}.demo .reset{margin-bottom:13px}.demo .background,.demo .color{display:inline-block;width:20px;height:20px;margin:6px}.demo .background{background-repeat:no-repeat}.demo .demo-content{text-align:center}.demo .variants,.demo .variants a{display:flex;justify-content:center}.demo .variants a{width:36px;height:36px;align-items:center;border-radius:100%}.demo .variants a.active{color:#fff}
/*# sourceMappingURL=demo.min.css.map */