
.tb-modal {
    display: none;

    &.is-open {
        display: block;
    }
}

@keyframes modalEntryAnimation {
    0% {
        opacity: 0;
        transform: scale(.4);
    }

    75% {
        transform: scale(1);
    }

    100% {
        opacity: 1;
    }
}

@keyframes modalExitAnimation {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    75% {
        transform: scale(.4);
    }

    100% {
        opacity: 0;
    }
}

.tb-modal[aria-hidden=false] .tb-modal__container {
    animation: modalEntryAnimation .3s cubic-bezier(0, 0, .2, 1);
}

.tb-modal[aria-hidden=true] .tb-modal__container {
    animation: modalExitAnimation .3s cubic-bezier(0, 0, .2, 1);
}

.tb-modal__container,
.tb-modal__overlay {
    will-change: transform;
}
