.status-notification {
    animation: .35s show-notification, .35s hide-notification 5s;
    animation-fill-mode: forwards;
}

@-moz-keyframes show-notification {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes show-notification {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes show-notification {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes show-notification {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes hide-notification {
    from {
        max-height: 10rem;

        opacity: 1;
    }

    to {
        display: none;

        max-height: 0;
        margin-top: 0;

        opacity: 0;
    }
}

@-webkit-keyframes hide-notification {
    from {
        max-height: 10rem;

        opacity: 1;
    }

    to {
        display: none;

        max-height: 0;
        margin-top: 0;

        opacity: 0;
    }
}

@-o-keyframes hide-notification {
    from {
        max-height: 10rem;

        opacity: 1;
    }

    to {
        display: none;

        max-height: 0;
        margin-top: 0;

        opacity: 0;
    }
}

@keyframes hide-notification {
    from {
        max-height: 10rem;

        opacity: 1;
    }

    to {
        display: none;

        max-height: 0;
        margin-top: 0;

        opacity: 0;
    }
}
