@nomios/web-uikit/dist/components/modals/standard-modal/StandardModal.css

Nomios' living web UIKit

.modal {
    width: 70%;
    min-width: 30rem;
    min-height: 30rem;
}

.standardModal {
    will-change: transform, opacity;
    padding: 5rem;
    transform: translateX(-15px);
    opacity: 0;
    transition: transform 0.15s ease-in, opacity 0.15s linear
}

.standardModal.enter {
        transform: translateX(0);
        opacity: 1;
        transition: transform 0.15s ease-out, opacity 0.15s linear;
    }

.standardModal .closeButton {
        transform: rotate(-90deg);
        opacity: 0;
    }

.standardModal.enterDone .closeButton,
    .standardModal.exit .closeButton,
    .standardModal.exitActive .closeButton {
        transform: rotate(0);
        opacity: 1;
        transition: transform 0.2s ease, opacity 0.1s linear;
    }