:root{
    --main-error-color: rgb(255, 84, 84);
    --main-warning-color: rgb(248, 152, 8);
    --main-success-color: rgb(51, 179, 73);
}
.msg-outer {
    position: fixed;
    right: -999px;
    top: 0;
    margin: 8px;
    transition: right 1s ease-in-out;
    z-index: 10;
}
.msg-active > .msg-outer{
    right: 0;
}
.msg-inner {
    padding: 24px;

    color: white;
}
.msg-inner.error{
    background: var(--main-error-color);
}
.msg-inner.warning{
    background: var(--main-warning-color);
}
.msg-inner.success{
    background: var(--main-success-color);
}