.post-notice {
    color: #090909;
    background-color: #686868;
    margin:10px 10px;
    padding: 10px;
    box-shadow: 3px 3px #aeaeae;
    border: 2px solid #333333;
    display: flex;
    align-items: stretch;
}

.post-notice.dev {
    color: #5f0090;
    background-color:#de9dff;
    border-color: #ab06ff;
}

.post-notice.fm {
    color: #00377c;
    background-color:#98c6ff;
    border-color: #0057c4;
}

.post-notice.mod {
    color:#2c65ac;
    background-color: #c7e0ff;
    border-color: #4195ff;
}

.post-notice.staff {
    color:#3e2495;
    background-color:#cfc0ff;
    border-color: #6c3fff;
}

.post-notice-content {
    width: auto;
}
.post-notice-icon {
    width: 24px;
    display: flex;
    align-items: center;
    padding-right: 8px;
}

[class="post-notice"] .post-notice-icon-img {
    filter: grayscale(1);
}