.modal-window{z-index:11;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.modal-window__background{z-index:12;background:#00000040;transition:opacity .3s;position:absolute;inset:0}.modal-window__content{z-index:13;margin:0 auto;position:relative}.modal-window__close{cursor:pointer;color:#bfbfbf;line-height:100%;position:absolute;top:2rem;right:1rem;transform:rotate(45deg)}.modal-window__close:hover{color:red}.modal-window__close:before{content:"+";font-size:3rem}@media only screen and (width<=767px){.modal-window{align-items:flex-start;overflow-y:scroll}.modal-window__close{top:1rem}}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .3s}.modal-fade-enter-active .modal-window__content{transition:opacity .3s,transform .3s ease-out}.modal-fade-leave-active .modal-window__content{transition:opacity .3s,transform .2s}.modal-fade-enter-from .modal-window__background,.modal-fade-leave-to .modal-window__background{opacity:0}.modal-fade-enter-from .modal-window__content,.modal-fade-leave-to .modal-window__content{opacity:0;transform:translateY(-5%)}.v-enter-active,.v-leave-active{transition:opacity .5s}.v-enter-from,.v-leave-to{opacity:0}