.overlayParent{position:relative;overflow-x:inherit}.overlay{position:absolute;width:100%;height:100%;top:0}.overlay p{display:block;position:absolute;background:#fff;z-index:10;border:1px solid red}.overlay .over{top:-20px;right:0;border-bottom:0 solid red}.overlay .under{bottom:-40px;border-top:0 solid red}.swooper{width:316px;height:266px;position:fixed;bottom:0;right:0;background:#000;transform:translateY(calc(100% + 40px));transition:all .3s ease-in-out;z-index:60}.swooper.swooped{transform:translateY(0)}.swooper button{position:absolute;right:0;bottom:100%;border:0;background:#000;color:gray;border-radius:4px 0 0 0;padding:2px 12px;font-size:14px}.swooper>div{width:300px;height:250px;margin:8px;overflow:hidden}