.modal{position:fixed;top:-70px;right:0;bottom:0;left:0;z-index:110;padding-bottom:70px;background:rgba(26,26,26,.5);transform:translateY(70px);will-change:opacity;transition:opacity .2s cubic-bezier(.65,.05,.36,1)}.modal.without-backdrop{width:auto;background:none}.modal.without-backdrop .close{top:-.5rem;right:-.5rem;color:#595959}.modal.without-backdrop .close:hover{color:#1a1a1a}.modal .modal-wrapper{position:fixed;top:50%;left:50%;z-index:1;width:calc(100% - 2rem);max-width:100%;height:auto;padding:2rem;background-color:#fff;border-radius:1rem;transform:translate(-50%,-50%);will-change:transform;transition:transform .15s linear}@media(min-width:576px){.modal .modal-wrapper{margin:0 auto}}[data-theme=dark] .modal .modal-wrapper{background-color:#222532;border:1px solid #5c647e}.modal .modal-wrapper.bg-grey-500{background:#f2f4f5}.modal .modal-wrapper.bg-graphite-500{color:hsla(0,0%,100%,.85);background:#1a1a1a}.modal .modal-wrapper.bg-graphite-500 .title{color:#fff}.modal .modal-wrapper.bg-black,.modal .modal-wrapper.bg-halloween{background:#1a1a1a}.modal .modal-wrapper.bg-black .text,.modal .modal-wrapper.bg-black .title,.modal .modal-wrapper.bg-halloween .text,.modal .modal-wrapper.bg-halloween .title{color:#fff}.modal .modal-wrapper.bg-halloween{background:url(https://cdn.movavi.io/global/0023/48/4db9c776d647c136f7346ddfdbf78efdf33610e5.svg) no-repeat,#100f0f}.modal .title{margin-bottom:.5rem}@media(min-width:992px){.modal .title{margin-bottom:1rem}}.modal .title *{margin-bottom:0}.modal .close{position:absolute;top:-2rem;right:-2rem;padding:1rem;color:hsla(0,0%,100%,.5);background:transparent;border:none;outline:none;cursor:pointer;transition:color .3s ease-out}@media(max-width:767px){.modal .close{top:-3rem;right:-1rem}}[data-theme=dark] .modal .close{color:#b4bad0}.modal .close:hover{color:#fff}.modal .close .v-icon{width:16px;height:16px}.modal-fade-enter,.modal-fade-leave-to{opacity:0}.modal-fade-enter .modal-wrapper,.modal-fade-leave-to .modal-wrapper{transform:translate(-50%,-125%)}@media(min-width:576px){.modal-m .modal-wrapper{max-width:500px}}@media(min-width:992px){.modal-l .modal-wrapper{max-width:800px}}.modal .modal-wrapper.with-video{padding:0}@media(min-width:992px){.modal .modal-wrapper.with-video{max-width:800px;margin:0 auto}}@media(min-width:1200px){.modal .modal-wrapper.with-video{max-width:900px}}