.one-ui-animated-wrapper {
    $root: &;
    width: 100%;

    &--fade {
        #{$root}__container {
            &-enter {
                opacity: 0;
            }

            &-enter-active {
                opacity: 1;
                transition: opacity .2s linear;
            }

            &-exit {
                opacity: 1;
            }

            &-exit-active {
                opacity: 0;
                transition: opacity .2s linear;
            }

            &-exit-done {
                opacity: 0;
            }
        }
    }

    &--height {
        transition: height .3s cubic-bezier(0.01, 0.63, 0.02, 1);
    }
}