//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .page.messages {
        .message {
            margin-bottom: 18px;
        }
    }
    .page-main .messages {
        max-width: 1240px;
        padding-left: 0;
        padding-right: 0;
    }
    .account {
        .messages {
            margin-bottom: 0;
        }
    }
}


//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
    .page.messages,
    .page-main .messages {
        &:extend(.contained);
    }
    .page-main .messages {
        max-width: 1240px;
        padding-left: 0;
        padding-right: 0;
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .page.messages,
    .page-main .messages {
        &:extend(.contained);
    }
    .page-main .messages {
        max-width: 1240px;
        padding-left: 0;
        padding-right: 0;
    }
}