bot-notification-messages.scss

@use './../shared/styles/mixins' as *;

.notifications-container {
    position: absolute;
    top: 6.5rem;
    left: 0;
    width: calc(100vw - 1.6rem);
    height: calc(100% - 6.5rem);

    .notification-messages {
        transition:
            transform 0.3s ease,
            opacity 0.25s linear;
    }

    &__dashboard {
        .notification-messages {
            transform: translate3d(calc(-42.7rem), 0, 0);

            @include rtl {
                transform: translate3d(calc(42.7rem), 0, 0);
            }
        }
    }

    &--panel-open {
        .notification-messages {
            transform: translate3d(calc(-36.5rem), 0, 0);

            @include rtl {
                transform: translate3d(calc(38rem), 0, 0);
            }
        }
    }
}