/* Phosphor Icons importieren */
@import url(https://unpkg.com/@phosphor-icons/web@2.0.3/src/regular/style.css);

.thread_status {
    font-family: 'Phosphor', sans-serif;
    font-weight: 400;
    font-style: normal;
    position: relative;
    width: 2em;
    display: inline-block;
    font-size: 24px;
}

.thread_status:before, .thread_status:after {
    color: var(--accent);
    position: absolute;
    font-family: 'Phosphor';
}

/* WiFi High = \edd1 */
/* WiFi Medium = \e9e5 */  
/* WiFi Low = \edd2 */
/* WiFi None = \edd5 */
/* Lock = \e84d */
/* Paw = \e8db */

/* "Beinhaltet Beiträge von dir" + "Keine neue Beiträge" */
.thread_status.dot_folder:before {content: "\edd3"; opacity: 0.3; left: 0; top: 0;}
.thread_status.dot_folder:after {content: "\e8db"; top: 0.3em; right: 0.2em; font-size: .5em;}

/* "Beinhaltet Beiträge von dir" + "Heißes Thema" */
.thread_status.dot_hotfolder:before {content: "\edd2"; color: #f29955;}

/* "Beinhaltet Beiträge von dir" + "Neue Beiträge" */
.thread_status.dot_newfolder:before {content: "\edd1";}

/* "Beinhaltet Beiträge von dir" + "Neue Beiträge" + "Heißes Thema" */
.thread_status.dot_newhotfolder:before {content: "\edd1"; color: #f29955;}
.thread_status.dot_newhotfolder:after {content: "\edd1\edd1"; opacity: .4; box-sizing: border-box; position: relative; left: -5.5px;}

/* "Beinhaltet Beiträge von dir" + "Geschlossenes Thema" */
.thread_status.dot_closefolder:before {content: "\edd5"; opacity: 0.5;}

/* "Keine neuen Beiträge" */
.thread_status.folder:before {content: "\edd2"; opacity: .35;}

/* "Heißes Thema" */
.thread_status.hotfolder:before {content: "\edd1"; color: #f29955; opacity: .35;}

/* "Neue Beiträge" */
.thread_status.newfolder:before {content: "\edd1";}

/* "Neue Beiträge" + "Heißes Thema" */
.thread_status.newhotfolder {color: #f29955;}
.thread_status.newhotfolder:before {content: "\edd1";}

/* "Geschlossenes Thema" */
.thread_status.closefolder:before {content: "\edd5"; opacity: .35; left: 0; top: 0; font-size: 1em;}
.thread_status.closefolder:after {content: "\e84d"; top: 0.3em; right: 0.2em; font-size: 0.5em;}

/* "Beinhaltet Beiträge von dir" + "Neue Beiträge" + "Geschlossenes Thema" */
.thread_status.dot_newclosefolder:before {content: "\edd5"; left: 0; top: 0; font-size: 1em;}
.thread_status.dot_newclosefolder:after {content: "\e84d"; top: 0.3em; right: 0.2em; font-size: 0.5em;}

/* "Neue Beiträge" + "Geschlossenes Thema" */
.thread_status.newclosefolder:before {content: "\edd5"; left: 0; top: 0; font-size: 1em;}
.thread_status.newclosefolder:after {content: "\e84d"; top: 0.3em; right: 0.2em; font-size: 0.5em;}

/* "Beinhaltet Beiträge von dir" + "Heißes Thema" + "Geschlossenes Thema" */
.thread_status.dot_hotclosefolder:before {content: "\edd5"; color: #f29955;}

/* "Heißes Thema" + "Geschlossenes Thema" */
.thread_status.hotclosefolder {color: #f29955;}
.thread_status.hotclosefolder:before {content: "\edd5"; opacity: .35; left: 0; top: 0; font-size: 1em;}
.thread_status.hotclosefolder:after {content: "\e84d"; top: 0.3em; right: 0.2em; font-size: 0.5em;}

/* "Beinhaltet Beiträge von dir" + "Neue Beiträge" + "Heißes Thema" + "Geschlossenes Thema" */
.thread_status.dot_newhotclosefolder:before {content: "\edd5"; box-sizing: border-box; position: absolute; color: var(--accent);}
.thread_status.dot_newhotclosefolder:after {content: "\edd5\edd5"; opacity: .4; color: var(--accent); box-sizing: border-box; position: relative; left: -5.5px;}

/* "Neue Beiträge" + "Heißes Thema" + "Geschlossenes Thema" */
.thread_status.newhotclosefolder {color: #f29955;}
.thread_status.newhotclosefolder:before {content: "\e9e3"; left: 0; top: 0; font-size: 1em;}
.thread_status.newhotclosefolder:after {content: "\e84d"; top: 0.3em; right: 0.2em; font-size: 0.5em;}

/* Verschobenes Thema */
.thread_status.movefolder:before {content: "\e9e5";}