ui-dialog-base {

}

.ui-dialog-base {
    @include fill-box;
    @include flex-center;
    z-index: $mask-z-index + 1;

    &.ui-in {
        animation: .15s dialogBaseAnimationIn;
    }
    &.ui-out {
        animation: .15s dialogBaseAnimationOut;
    }
}

@keyframes dialogBaseAnimationIn {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes dialogBaseAnimationOut {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}