#ssd-float{
position:fixed;
top:50%;
transform:translateY(-50%);
background:#dd3333;
color:#fff;
padding:12px;
cursor:pointer;
z-index:9999;
}
#ssd-float.right{right:0}
#ssd-float.left{left:0}

#ssd-drawer{
position:fixed;
top:0;
height:100%;
background:#fff;
z-index:99999;
transition:.4s;
}
#ssd-drawer.right{right:-100%}
#ssd-drawer.left{left:-100%}
#ssd-drawer.open.right{right:0}
#ssd-drawer.open.left{left:0}

#ssd-drawer.fade{opacity:0}
#ssd-drawer.open.fade{opacity:1}

#ssd-drawer.zoom{transform:scale(.8)}
#ssd-drawer.open.zoom{transform:scale(1)}

.head{
background:#222;color:#fff;padding:15px;
display:flex;justify-content:space-between;
}
.body{padding:20px}