@import "../../base/fn";
@import "../njui-button/njui-button";

.njui-msg {
    padding-top: @njuiMsgPaddingTop;
    text-align: center;
}

.njui-msg__icon-area {
    margin-bottom: @njuiMsgIconGap;
}

.njui-msg__text-area {
    margin-bottom: @njuiMsgTextGap;
    padding: 0 20px;
}

.njui-msg__text-area a {
    color: @njuiLinkColorDefault;
}

.njui-msg__title {
    margin-bottom: @njuiMsgTitleGap;
    font-weight: 400;
    font-size: 20px;
    word-wrap: break-word;
    word-break: break-all;
}

.njui-msg__desc {
    font-size: 14px;
    color: @njuiTextColorGray;
    word-wrap: break-word;
    word-break: break-all;
}

.njui-msg__opr-area {
    margin-bottom: @njuiMsgOprGap;
}

.njui-msg__extra-area {
    margin-bottom: @njuiMsgExtraAreaGap;
    font-size: 14px;
    color: @njuiTextColorGray;
    a {
        color: @njuiLinkColorDefault;
    }
}

@media screen and (min-height: @njuiMsgExtraAreaOfMinHeight) {
    .njui-msg__extra-area {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    // iPhoneX
    .njui-msg__extra-area {
        margin-bottom: @njuiMsgExtraAreaGap + 34;
    }
}