.modal{background-color:transparent;display:flex;height:100vh;justify-content:end;left:0;position:fixed;top:0;transition:.2s;width:100vw;z-index:2}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1}.modal-enter-active,.modal-leave-active{transition:opacity .2s,transform .3s}.modal-enter-from,.modal-leave-to{opacity:0;transform:translate(100%)}.modal-backdrop-enter-active,.modal-backdrop-leave-active{transition:opacity .5s}.modal-backdrop-enter-from,.modal-backdrop-leave-to{opacity:0}