.info-box,
    .warning-box,
    .error-box {
        padding: 16px 20px;
        border-radius: 6px;
        margin: 20px 0;
        color: #ccc;
    }

    .info-box {
        border-left: 4px solid #3aa8ff;
        background: rgba(58, 168, 255, .1);
        position: relative;
        padding-left: 40px;
        /* Add space for the icon */
    }

    .info-box::before {
        content: "";
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url('https://cdn.teslaa.net/info.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .warning-box {
        border-left: 4px solid #ff7300;
        background: rgba(255, 162, 0, 0.247);
        position: relative;
        padding-left: 40px;
        /* Add space for the icon */
    }

    .warning-box::before {
        content: "";
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url('https://cdn.teslaa.net/warn.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .error-box {
        border-left: 4px solid #d63031;
        background: rgba(214, 48, 49, .1);
        position: relative;
        padding-left: 40px;
        /* Add space for the icon */
    }

    .error-box::before {
        content: "";
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url('https://cdn.teslaa.net/failed.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .info-box a,
    .warning-box a,
    .error-box a {
        color: #3aa8ff;
        text-decoration: underline;
    }

    .info-box strong,
    .warning-box strong,
    .error-box strong {
        color: #fff;
    }