/* Copyright (C) Microsoft Corporation. All rights reserved. */
.fadeIn
{
    animation-name: fadeIn;
    animation-duration: 250ms;
    animation-timing-function: linear;
    animation-fill-mode: both
}
.fadeOut
{
    animation-name: fadeOut;
    animation-duration: 167ms;
    animation-timing-function: linear;
    animation-fill-mode: both
}
@keyframes fadeIn
{
    0%
    {
        opacity: 0;
        transform: translatex(0)
    }
    100%
    {
        opacity: 1;
        transform: translatex(0)
    }
}
@keyframes fadeOut
{
    0%
    {
        opacity: 1;
        transform: translatex(0)
    }
    100%
    {
        opacity: 0;
        transform: translatex(0)
    }
}