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