.dialog-enter-active .dialog.drawer{animation:.2s ease-out forwards dialog-slide-in!important}.dialog-leave-active .dialog.drawer{animation:.2s ease-out reverse dialog-slide-in!important}.dialog-enter-active .dialog{animation:.2s ease-out forwards dialog-in}.dialog-leave-active .dialog{animation:.2s ease-out reverse dialog-in}.dialog-enter-active,.dialog-leave-active{transition:opacity .2s ease-out!important}.dialog-enter-from,.dialog-leave-to{opacity:0}.dialog__overlay{z-index:2147483646;background-color:#00000080;justify-content:center;align-items:center;padding:10px;display:flex;position:fixed;inset:0}@keyframes dialog-in{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes dialog-slide-in{0%{transform:var(--dialog-slide-transform-to,translateY(20px))}to{transform:var(--dialog-slide-transform-from,translateY(0))}}.dialog,.dialog__header{position:relative}.dialog>.dialog__close{z-index:1;top:1rem;right:1rem}.dialog__header>.dialog__close{top:50%;right:1rem;transform:translateY(-50%)}.dialog__close{cursor:pointer;transition:all .3s;position:absolute}.dialog__close:hover{background-color:var(--color-mask-2)}@media (width<768px){.dialog{width:100%!important}.dialog h2{font-size:14px}}.dialog__header{border-bottom:1px solid var(--color-mask-2)}.dialog__footer{border-top:1px solid var(--color-mask-2)}