.ccsb{position:fixed;z-index:9999}.ccsb-bottom-right{bottom:0;right:0}.ccsb-bottom-left{bottom:0;left:0}.ccsb-middle-right{top:50%;right:0}.ccsb-middle-left{top:50%;left:0}.ccsb-horizontal ul li{display:inline-block}.ccsb ul{margin:0;padding:0}.ccsb ul li{list-style:none;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0 0 0 #484d51}.ccsb ul li a{background:#484d51 none repeat scroll 0 0;border-radius:50%;color:#ddd;width:42px;height:42px;line-height:42px;text-align:center;display:flex;align-items:center;justify-content:center}.ccsb ul li a:hover{color:#fff;opacity:.6}.ccsb.ccsb-horizontal ul li:last-child a{margin-right:0}.ccsb-horizontal ul{display:flex}.ccsb ul li a img{width:100%;height:100%;vertical-align:unset}@keyframes stretch{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}