.uni-toast {

    &__container {
        transition: all 0.5s ease 0s;
        width: 100%;
        bottom: 0;

        font-size: $font-regular;
        background: $color-grey-light;
        padding: $basic-padding;

        transform: translateY(100%);
        will-change: transform;
    }

    &__icon {
        margin-left: auto;
        opacity: 0.5;

        &:hover {
            opacity: 1;
        }
    }

    .animate-in {
        transform: translateY(0);
    }

    .animate-out {
        transform: translateY(100%);
    }
}