﻿/*anim-icon-bounce*/
@keyframes anim-icon-bounce {
    0% {
        transform: scale(1) translate(3px, 0px);
        transform-origin: right top;
    }

    100% {
        transform: scale(1) translate(0px, 0);
        transform-origin: 84% 16%;
    }
}

.w-button .w-font-icon,
.anim-icon-bounce {
    animation: anim-icon-bounce 1s ease-out 0s 1 normal both;
}

.fullscreen-expand-command > .w-button > .w-font-icon,
.anim-icon-bounce-infinite {
    animation: anim-icon-bounce 1s ease-out 0s infinite normal both;
}




/*focus-in-expand*/
@keyframes anim-focus-in-expand {
    0% {
        letter-spacing: 0.01em;
        filter: blur(2px);
        opacity: .8;
    }

    50% {
        filter: blur(0px);
    }

    100% {
        filter: blur(0px);
        opacity: 1;
    }
}

/*.w-header .w-icon-text,*/
anim-focus-in-expand {
    animation: anim-focus-in-expand 5.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 normal both;
}

.w-badge-91 > .w-value-field {
    animation: anim-focus-in-expand 5.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 2 normal both;
}
.anim-focus-in-expand-infinite {
    animation: anim-focus-in-expand 2.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s infinite normal both;
}
