@media (max-width: 768px) {
    #noty_layout__topRight {
        width: fit-content;
        min-width: 90vw;
    }
}

@media (min-width: 769px) {
    #noty_layout__topRight .noty_bar {
        float: right;
        width: max-content;
        min-width: 33vw;
        max-width: 50vw;
    }
}

#noty_layout__topRight .noty_bar.noty_type__success {
    box-shadow: -4px 2px 10px rgb(0 127 0 / 40%);
}

#noty_layout__topRight .noty_bar.noty_type__warning {
    box-shadow: -4px 2px 10px rgb(127 127 0 / 40%);
}

#noty_layout__topRight .noty_bar.noty_type__error {
    box-shadow: -4px 2px 10px rgb(127 0 0 / 40%);
}

#noty_layout__topRight .noty_body {
    padding: 20px 20px 20px 50px !important;
    white-space: pre-line;
}

#noty_layout__topRight .noty_body:before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(../img/icon/icon-info.svg) no-repeat;
}