.vsp-wrapper .vsp-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.vsp-wrapper .vsp{position:fixed}.vsp-wrapper .vsp--right-side,.vsp-wrapper .vsp--left-side{top:0;height:100%}.vsp-wrapper .vsp--right-side{right:0;left:unset}.vsp-wrapper .vsp--left-side{right:unset;left:0}.vsp-wrapper .vsp--bottom-side,.vsp-wrapper .vsp--top-side{left:0;width:100%}.vsp-wrapper .vsp--bottom-side{bottom:0}.vsp-wrapper .vsp--top-side{top:0}.vsp-wrapper .vsp__header,.vsp-wrapper .vsp__body,.vsp-wrapper .vsp__footer{overflow:auto}.vsp-wrapper .vsp__body{position:relative}.vsp-wrapper .overlay-enter-active,.vsp-wrapper .overlay-leave-active{animation:overlay-transition}.vsp-wrapper .overlay-leave-active{animation-direction:reverse}.vsp-wrapper .slide-right-enter-active,.vsp-wrapper .slide-right-leave-active{animation:slide-right}.vsp-wrapper .slide-right-leave-active{animation-direction:reverse}.vsp-wrapper .slide-left-enter-active,.vsp-wrapper .slide-left-leave-active{animation:slide-left}.vsp-wrapper .slide-left-leave-active{animation-direction:reverse}.vsp-wrapper .slide-top-enter-active,.vsp-wrapper .slide-top-leave-active{animation:slide-left}.vsp-wrapper .slide-top-enter-active,.vsp-wrapper .slide-top-leave-active{animation:slide-top}.vsp-wrapper .slide-top-leave-active{animation-direction:reverse}.vsp-wrapper .slide-bottom-enter-active,.vsp-wrapper .slide-bottom-leave-active{animation:slide-bottom}.vsp-wrapper .slide-bottom-leave-active{animation-direction:reverse}@keyframes slide-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes overlay-transition{0%{opacity:0}to{opacity:var(--overlay-opacity)}}.vsp-close{position:absolute;top:24px;right:24px;display:inline-block;width:36px;height:36px;text-align:center;cursor:pointer;background:#fff;border-radius:50%;transition:background-color .1s}.vsp-close:hover{background:#f7f7f7}.vsp-close__x{position:relative;top:8px;left:-1px;display:inline-block;width:20px;height:20px}.vsp-close__x:before,.vsp-close__x:after{position:absolute;width:2px;height:20px;content:" ";background-color:#777}.vsp-close__x:before{transform:rotate(-45deg)}.vsp-close__x:after{transform:rotate(45deg)}.vsp-close:active .vsp-close__x{top:9px;left:-1px}.vsp-close:active{top:23px;right:23px;width:38px;height:38px;background:#f1f1f1}