/* Copyright (C) Microsoft Corporation. All rights reserved. */
.immersiveDetailsHide, .immersiveHeroImageExit
{
    animation-name: immersiveDetailsHideKeys;
    animation-duration: 167ms;
    animation-delay: 0;
    animation-timing-function: cubic-bezier(0,0,1,1);
    animation-fill-mode: forwards
}
@keyframes immersiveDetailsHideKeys
{
    0%
    {
        opacity: 1
    }
    100%
    {
        opacity: 0
    }
}
.immersiveDetailsShow
{
    animation-name: immersiveDetailsShowKeys;
    animation-duration: 750ms;
    animation-timing-function: cubic-bezier(.16,.99,.22,.99);
    animation-fill-mode: forwards
}
@keyframes immersiveDetailsShowKeys
{
    0%
    {
        opacity: 0
    }
    100%
    {
        opacity: 1
    }
}
.immersiveHeroImageEnter {
    animation-name: immersiveDetailsShowKeys;
    animation-duration: 3500ms;
    animation-timing-function: cubic-bezier(0,0,1,1);
    animation-fill-mode: forwards
}