【Misskey】投稿フォームに公開範囲アイコンを表示するカスタムCSS

/* 投稿フォームに公開範囲アイコンを表示 */
div.xpDI4.xxtDg {
    position: relative;
}

div.xnEld::before {
    font-family: "tabler-icons";
    font-style: normal;
    font-weight: 400;
    font-size: 80px;
    opacity: .1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
div.xpDI4.xxtDg:has(div.x1Ye0 i.ti-world) div.xnEld::before { content: "\eb54"; }
div.xpDI4.xxtDg:has(div.x1Ye0 i.ti-home) div.xnEld::before { content: "\eac1"; }
div.xpDI4.xxtDg:has(div.x1Ye0 i.ti-lock) div.xnEld::before { content: "\eae2"; }
div.xpDI4.xxtDg:has(div.x1Ye0 i.ti-mail) div.xnEld::before { content: "\eae5"; }