#ingame_HUD_Notifications {
    position: absolute;
    @include S(bottom, 60px);
    @include S(right, 10px);

    .notification {
        background: rgba(#333438, 0.8);
        @include S(border-radius, $globalBorderRadius);
        @include S(margin-top, 3px);
        color: #fff;
        @include SuperSmallText;
        @include S(padding, 7px, 10px);
        @include S(width, 150px);

        @include DarkThemeOverride {
            background-color: rgba(#55595d, 0.8);
        }

        &[data-icon] {
            @include S(background-position-x, 8px);
            background-position-y: center;
            @include S(padding-left, 35px);
            background-repeat: no-repeat;
            @include S(background-size, 15px);
        }

        transform-origin: 100% 50%;
        opacity: 0;
        @include InlineAnimation(3s ease-in-out) {
            0% {
                opacity: 1;
            }

            87% {
                opacity: 1;
                transform: scale(1);
            }
            95% {
                transform: scale(1.05);
            }

            100% {
                opacity: 0;
                transform: scale(0.5);
            }
        }
    }
}
