/*
https://heroicons.com/
*/

.rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.edit-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0xNi44NjIgNC40ODcgMS42ODctMS42ODhhMS44NzUgMS44NzUgMCAxIDEgMi42NTIgMi42NTJMNi44MzIgMTkuODJhNC41IDQuNSAwIDAgMS0xLjg5NyAxLjEzbC0yLjY4NS44LjgtMi42ODVhNC41IDQuNSAwIDAgMSAxLjEzLTEuODk3TDE2Ljg2MyA0LjQ4N1ptMCAwTDE5LjUgNy4xMjUiIC8+Cjwvc3ZnPg==);
    mask-repeat: no-repeat;
}
.edit-icon:hover {
    background-color: blue;
}
.edit-icon__white {
    background: white;
}

.draft-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0xNi44NjIgNC40ODcgMS42ODctMS42ODhhMS44NzUgMS44NzUgMCAxIDEgMi42NTIgMi42NTJMMTAuNTgyIDE2LjA3YTQuNSA0LjUgMCAwIDEtMS44OTcgMS4xM0w2IDE4bC44LTIuNjg1YTQuNSA0LjUgMCAwIDEgMS4xMy0xLjg5N2w4LjkzMi04LjkzMVptMCAwTDE5LjUgNy4xMjVNMTggMTR2NC43NUEyLjI1IDIuMjUgMCAwIDEgMTUuNzUgMjFINS4yNUEyLjI1IDIuMjUgMCAwIDEgMyAxOC43NVY4LjI1QTIuMjUgMi4yNSAwIDAgMSA1LjI1IDZIMTAiIC8+Cjwvc3ZnPg==);
    mask-repeat: no-repeat;
}

.delete-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0xNC43NCA5LS4zNDYgOW0tNC43ODggMEw5LjI2IDltOS45NjgtMy4yMWMuMzQyLjA1Mi42ODIuMTA3IDEuMDIyLjE2Nm0tMS4wMjItLjE2NUwxOC4xNiAxOS42NzNhMi4yNSAyLjI1IDAgMCAxLTIuMjQ0IDIuMDc3SDguMDg0YTIuMjUgMi4yNSAwIDAgMS0yLjI0NC0yLjA3N0w0Ljc3MiA1Ljc5bTE0LjQ1NiAwYTQ4LjEwOCA0OC4xMDggMCAwIDAtMy40NzgtLjM5N20tMTIgLjU2MmMuMzQtLjA1OS42OC0uMTE0IDEuMDIyLS4xNjVtMCAwYTQ4LjExIDQ4LjExIDAgMCAxIDMuNDc4LS4zOTdtNy41IDB2LS45MTZjMC0xLjE4LS45MS0yLjE2NC0yLjA5LTIuMjAxYTUxLjk2NCA1MS45NjQgMCAwIDAtMy4zMiAwYy0xLjE4LjAzNy0yLjA5IDEuMDIyLTIuMDkgMi4yMDF2LjkxNm03LjUgMGE0OC42NjcgNDguNjY3IDAgMCAwLTcuNSAwIiAvPgo8L3N2Zz4K);
    mask-repeat: no-repeat;
    mask-position: center;
}
.delete-icon:hover {
    background-color: red;
}

.locked-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNi41IDEwLjVWNi43NWE0LjUgNC41IDAgMSAwLTkgMHYzLjc1bS0uNzUgMTEuMjVoMTAuNWEyLjI1IDIuMjUgMCAwIDAgMi4yNS0yLjI1di02Ljc1YTIuMjUgMi4yNSAwIDAgMC0yLjI1LTIuMjVINi43NWEyLjI1IDIuMjUgMCAwIDAtMi4yNSAyLjI1djYuNzVhMi4yNSAyLjI1IDAgMCAwIDIuMjUgMi4yNVoiIC8+Cjwvc3ZnPg==);
    mask-repeat: no-repeat;
    mask-position: center;
}
.locked-icon:hover {
    background-color: blue;
}

.users-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNS43NSA2YTMuNzUgMy43NSAwIDEgMS03LjUgMCAzLjc1IDMuNzUgMCAwIDEgNy41IDBaTTQuNTAxIDIwLjExOGE3LjUgNy41IDAgMCAxIDE0Ljk5OCAwQTE3LjkzMyAxNy45MzMgMCAwIDEgMTIgMjEuNzVjLTIuNjc2IDAtNS4yMTYtLjU4NC03LjQ5OS0xLjYzMloiIC8+Cjwvc3ZnPg==);
    mask-repeat: no-repeat;
}
.users-icon:hover {
    background-color: blue;
}
.users-icon__white {
    background: white;
}

.group-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNSAxOS4xMjhhOS4zOCA5LjM4IDAgMCAwIDIuNjI1LjM3MiA5LjMzNyA5LjMzNyAwIDAgMCA0LjEyMS0uOTUyIDQuMTI1IDQuMTI1IDAgMCAwLTcuNTMzLTIuNDkzTTE1IDE5LjEyOHYtLjAwM2MwLTEuMTEzLS4yODUtMi4xNi0uNzg2LTMuMDdNMTUgMTkuMTI4di4xMDZBMTIuMzE4IDEyLjMxOCAwIDAgMSA4LjYyNCAyMWMtMi4zMzEgMC00LjUxMi0uNjQ1LTYuMzc0LTEuNzY2bC0uMDAxLS4xMDlhNi4zNzUgNi4zNzUgMCAwIDEgMTEuOTY0LTMuMDdNMTIgNi4zNzVhMy4zNzUgMy4zNzUgMCAxIDEtNi43NSAwIDMuMzc1IDMuMzc1IDAgMCAxIDYuNzUgMFptOC4yNSAyLjI1YTIuNjI1IDIuNjI1IDAgMSAxLTUuMjUgMCAyLjYyNSAyLjYyNSAwIDAgMSA1LjI1IDBaIiAvPgo8L3N2Zz4=);
    mask-repeat: no-repeat;
}
.group-icon:hover {
    background-color: blue;
}
.group-icon__white {
    background: white;
}

.settings-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik05LjU5NCAzLjk0Yy4wOS0uNTQyLjU2LS45NCAxLjExLS45NGgyLjU5M2MuNTUgMCAxLjAyLjM5OCAxLjExLjk0bC4yMTMgMS4yODFjLjA2My4zNzQuMzEzLjY4Ni42NDUuODcuMDc0LjA0LjE0Ny4wODMuMjIuMTI3LjMyNS4xOTYuNzIuMjU3IDEuMDc1LjEyNGwxLjIxNy0uNDU2YTEuMTI1IDEuMTI1IDAgMCAxIDEuMzcuNDlsMS4yOTYgMi4yNDdhMS4xMjUgMS4xMjUgMCAwIDEtLjI2IDEuNDMxbC0xLjAwMy44MjdjLS4yOTMuMjQxLS40MzguNjEzLS40My45OTJhNy43MjMgNy43MjMgMCAwIDEgMCAuMjU1Yy0uMDA4LjM3OC4xMzcuNzUuNDMuOTkxbDEuMDA0LjgyN2MuNDI0LjM1LjUzNC45NTUuMjYgMS40M2wtMS4yOTggMi4yNDdhMS4xMjUgMS4xMjUgMCAwIDEtMS4zNjkuNDkxbC0xLjIxNy0uNDU2Yy0uMzU1LS4xMzMtLjc1LS4wNzItMS4wNzYuMTI0YTYuNDcgNi40NyAwIDAgMS0uMjIuMTI4Yy0uMzMxLjE4My0uNTgxLjQ5NS0uNjQ0Ljg2OWwtLjIxMyAxLjI4MWMtLjA5LjU0My0uNTYuOTQtMS4xMS45NGgtMi41OTRjLS41NSAwLTEuMDE5LS4zOTgtMS4xMS0uOTRsLS4yMTMtMS4yODFjLS4wNjItLjM3NC0uMzEyLS42ODYtLjY0NC0uODdhNi41MiA2LjUyIDAgMCAxLS4yMi0uMTI3Yy0uMzI1LS4xOTYtLjcyLS4yNTctMS4wNzYtLjEyNGwtMS4yMTcuNDU2YTEuMTI1IDEuMTI1IDAgMCAxLTEuMzY5LS40OWwtMS4yOTctMi4yNDdhMS4xMjUgMS4xMjUgMCAwIDEgLjI2LTEuNDMxbDEuMDA0LS44MjdjLjI5Mi0uMjQuNDM3LS42MTMuNDMtLjk5MWE2LjkzMiA2LjkzMiAwIDAgMSAwLS4yNTVjLjAwNy0uMzgtLjEzOC0uNzUxLS40My0uOTkybC0xLjAwNC0uODI3YTEuMTI1IDEuMTI1IDAgMCAxLS4yNi0xLjQzbDEuMjk3LTIuMjQ3YTEuMTI1IDEuMTI1IDAgMCAxIDEuMzctLjQ5MWwxLjIxNi40NTZjLjM1Ni4xMzMuNzUxLjA3MiAxLjA3Ni0uMTI0LjA3Mi0uMDQ0LjE0Ni0uMDg2LjIyLS4xMjguMzMyLS4xODMuNTgyLS40OTUuNjQ0LS44NjlsLjIxNC0xLjI4WiIgLz4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNSAxMmEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDBaIiAvPgo8L3N2Zz4=);
    mask-repeat: no-repeat;
}
.settings-icon:hover {
    background-color: blue;
}

/* camera icons in system messages in chat */
.video-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0xNS43NSAxMC41IDQuNzItNC43MmEuNzUuNzUgMCAwIDEgMS4yOC41M3YxMS4zOGEuNzUuNzUgMCAwIDEtMS4yOC41M2wtNC43Mi00LjcyTTQuNSAxOC43NWg5YTIuMjUgMi4yNSAwIDAgMCAyLjI1LTIuMjV2LTlhMi4yNSAyLjI1IDAgMCAwLTIuMjUtMi4yNWgtOUEyLjI1IDIuMjUgMCAwIDAgMi4yNSA3LjV2OWEyLjI1IDIuMjUgMCAwIDAgMi4yNSAyLjI1WiIgLz4KPC9zdmc+);
    mask-repeat: no-repeat;
}
.video-icon:hover {
    background-color: blue;
}

.video-join-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0xNS43NSAxMC41IDQuNzItNC43MmEuNzUuNzUgMCAwIDEgMS4yOC41M3YxMS4zOGEuNzUuNzUgMCAwIDEtMS4yOC41M2wtNC43Mi00LjcyTTQuNSAxOC43NWg5YTIuMjUgMi4yNSAwIDAgMCAyLjI1LTIuMjV2LTlhMi4yNSAyLjI1IDAgMCAwLTIuMjUtMi4yNWgtOUEyLjI1IDIuMjUgMCAwIDAgMi4yNSA3LjV2OWEyLjI1IDIuMjUgMCAwIDAgMi4yNSAyLjI1WiIgLz4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik05IDl2Nk02IDEyaDYiIC8+Cjwvc3ZnPg==);
    mask-repeat: no-repeat;
}

.api-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik00LjUgMTJhNy41IDcuNSAwIDAgMCAxNSAwbS0xNSAwYTcuNSA3LjUgMCAxIDEgMTUgMG0tMTUgMEgzbTE2LjUgMEgyMW0tMS41IDBIMTJtLTguNDU3IDMuMDc3IDEuNDEtLjUxM20xNC4wOTUtNS4xMyAxLjQxLS41MTNNNS4xMDYgMTcuNzg1bDEuMTUtLjk2NG0xMS40OS05LjY0MiAxLjE0OS0uOTY0TTcuNTAxIDE5Ljc5NWwuNzUtMS4zbTcuNS0xMi45OS43NS0xLjNtLTYuMDYzIDE2LjY1OC4yNi0xLjQ3N20yLjYwNS0xNC43NzIuMjYtMS40NzdtMCAxNy43MjYtLjI2LTEuNDc3TTEwLjY5OCA0LjYxNGwtLjI2LTEuNDc3TTE2LjUgMTkuNzk0bC0uNzUtMS4yOTlNNy41IDQuMjA1IDEyIDEybTYuODk0IDUuNzg1LTEuMTQ5LS45NjRNNi4yNTYgNy4xNzhsLTEuMTUtLjk2NG0xNS4zNTIgOC44NjQtMS40MS0uNTEzTTQuOTU0IDkuNDM1bC0xLjQxLS41MTRNMTIuMDAyIDEybC0zLjc1IDYuNDk1IiAvPgo8L3N2Zz4K);
    mask-repeat: no-repeat;
}
.api-icon:hover {
    background-color: blue;
}

.videocall-icon {
    background-color: #5ca5ff !important;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0idy02IGgtNiB0ZXh0LWdyYXktODAwIGRhcms6dGV4dC13aGl0ZSIgYXJpYS1oaWRkZW49InRydWUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTE0IDZINGExIDEgMCAwIDAtMSAxdjEwYTEgMSAwIDAgMCAxIDFoMTBhMSAxIDAgMCAwIDEtMVY3YTEgMSAwIDAgMC0xLTFabTcgMTEtNi0yVjlsNi0ydjEwWiIvPgo8L3N2Zz4=);
    mask-repeat: no-repeat;
}

.api-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik00LjUgMTJhNy41IDcuNSAwIDAgMCAxNSAwbS0xNSAwYTcuNSA3LjUgMCAxIDEgMTUgMG0tMTUgMEgzbTE2LjUgMEgyMW0tMS41IDBIMTJtLTguNDU3IDMuMDc3IDEuNDEtLjUxM20xNC4wOTUtNS4xMyAxLjQxLS41MTNNNS4xMDYgMTcuNzg1bDEuMTUtLjk2NG0xMS40OS05LjY0MiAxLjE0OS0uOTY0TTcuNTAxIDE5Ljc5NWwuNzUtMS4zbTcuNS0xMi45OS43NS0xLjNtLTYuMDYzIDE2LjY1OC4yNi0xLjQ3N20yLjYwNS0xNC43NzIuMjYtMS40NzdtMCAxNy43MjYtLjI2LTEuNDc3TTEwLjY5OCA0LjYxNGwtLjI2LTEuNDc3TTE2LjUgMTkuNzk0bC0uNzUtMS4yOTlNNy41IDQuMjA1IDEyIDEybTYuODk0IDUuNzg1LTEuMTQ5LS45NjRNNi4yNTYgNy4xNzhsLTEuMTUtLjk2NG0xNS4zNTIgOC44NjQtMS40MS0uNTEzTTQuOTU0IDkuNDM1bC0xLjQxLS41MTRNMTIuMDAyIDEybC0zLjc1IDYuNDk1IiAvPgo8L3N2Zz4K);
    mask-repeat: no-repeat;
}

.api-icon:hover {
    background-color: blue;
}

.send-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIGZpbGw9IiNmZmZmZmYiIHN0cm9rZT0iI2ZmZmZmZiI+PGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiPjwvZz48ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvZz48ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDx0aXRsZT5zZW5kLWVtYWlsPC90aXRsZT4gPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaCBCZXRhLjwvZGVzYz4gPGRlZnM+IDwvZGVmcz4gPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+IDxnIGlkPSJJY29uLVNldC1GaWxsZWQiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NzAuMDAwMDAwLCAtMjU3LjAwMDAwMCkiIGZpbGw9IiNmZmZmZmYiPiA8cGF0aCBkPSJNNTgwLjQwNywyNzguNzUgQzU4MS43NDMsMjgxLjIwNSA1ODYsMjg5IDU4NiwyODkgQzU4NiwyODkgNjAxLjc1LDI1OC41IDYwMiwyNTggTDYwMi4wMiwyNTcuOTEgTDU4MC40MDcsMjc4Ljc1IEw1ODAuNDA3LDI3OC43NSBaIE01NzAsMjcyIEM1NzAsMjcyIDU3Ny4yOTgsMjc2LjM4MSA1NzkuMzQ1LDI3Ny41OTcgTDYwMSwyNTcgQzU5OC41MzYsMjU4LjE5NCA1NzAsMjcyIDU3MCwyNzIgTDU3MCwyNzIgWiIgaWQ9InNlbmQtZW1haWwiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiA8L3BhdGg+IDwvZz4gPC9nPiA8L2c+PC9zdmc+);
    mask-repeat: no-repeat;
    mask-position: center;
}
.send-icon:hover {
    background-color: blue;
}

.cancel-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCI+PC9nPjxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9nPjxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHRpdGxlPmNhbmNlbDI8L3RpdGxlPiA8cGF0aCBkPSJNMTkuNTg3IDE2LjAwMWw2LjA5NiA2LjA5NmMwLjM5NiAwLjM5NiAwLjM5NiAxLjAzOSAwIDEuNDM1bC0yLjE1MSAyLjE1MWMtMC4zOTYgMC4zOTYtMS4wMzggMC4zOTYtMS40MzUgMGwtNi4wOTctNi4wOTYtNi4wOTcgNi4wOTZjLTAuMzk2IDAuMzk2LTEuMDM4IDAuMzk2LTEuNDM0IDBsLTIuMTUyLTIuMTUxYy0wLjM5Ni0wLjM5Ni0wLjM5Ni0xLjAzOCAwLTEuNDM1bDYuMDk3LTYuMDk2LTYuMDk3LTYuMDk3Yy0wLjM5Ni0wLjM5Ni0wLjM5Ni0xLjAzOSAwLTEuNDM1bDIuMTUzLTIuMTUxYzAuMzk2LTAuMzk2IDEuMDM4LTAuMzk2IDEuNDM0IDBsNi4wOTYgNi4wOTcgNi4wOTctNi4wOTdjMC4zOTYtMC4zOTYgMS4wMzgtMC4zOTYgMS40MzUgMGwyLjE1MSAyLjE1MmMwLjM5NiAwLjM5NiAwLjM5NiAxLjAzOCAwIDEuNDM1bC02LjA5NiA2LjA5NnoiPjwvcGF0aD4gPC9nPjwvc3ZnPg==);
    mask-repeat: no-repeat;
    mask-position: center;
}
.cancel-icon:hover {
    background-color: blue;
}

.attachment-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0xOC4zNzUgMTIuNzM5LTcuNjkzIDcuNjkzYTQuNSA0LjUgMCAwIDEtNi4zNjQtNi4zNjRsMTAuOTQtMTAuOTRBMyAzIDAgMSAxIDE5LjUgNy4zNzJMOC41NTIgMTguMzJtLjAwOS0uMDEtLjAxLjAxbTUuNjk5LTkuOTQxLTcuODEgNy44MWExLjUgMS41IDAgMCAwIDIuMTEyIDIuMTMiIC8+Cjwvc3ZnPg==);
    mask-repeat: no-repeat;
    mask-position: center;
}
.attachment-icon:hover {
    background-color: blue;
}

.download-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjMiIHg9IjAiIHk9IjE1IiBmaWxsPSJibGFjayIgcng9IjEuNSIvPjxyZWN0IHdpZHRoPSI0IiBoZWlnaHQ9IjEwIiB4PSI4IiB5PSIwIiBmaWxsPSJibGFjayIgcng9IjIiLz48cG9seWdvbiBwb2ludHM9IjMsNSAxNyw1IDEwLDE0IiBmaWxsPSJibGFjayIvPjwvc3ZnPgo=);
    mask-repeat: no-repeat;
    mask-position: center;
}

.download-icon:hover {
    background-color: blue;
}

.downloads-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMiA5Ljc1djYuNzVtMCAwLTMtM20zIDMgMy0zbS04LjI1IDZhNC41IDQuNSAwIDAgMS0xLjQxLTguNzc1IDUuMjUgNS4yNSAwIDAgMSAxMC4yMzMtMi4zMyAzIDMgMCAwIDEgMy43NTggMy44NDhBMy43NTIgMy43NTIgMCAwIDEgMTggMTkuNUg2Ljc1WiIgLz4KPC9zdmc+Cgo=);
    mask-repeat: no-repeat;
    mask-position: center;
}

.downloads-icon:hover {
    background-color: blue;
}

.bookmark-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik05LjU2OCAzSDUuMjVBMi4yNSAyLjI1IDAgMCAwIDMgNS4yNXY0LjMxOGMwIC41OTcuMjM3IDEuMTcuNjU5IDEuNTkxbDkuNTgxIDkuNTgxYy42OTkuNjk5IDEuNzguODcyIDIuNjA3LjMzYTE4LjA5NSAxOC4wOTUgMCAwIDAgNS4yMjMtNS4yMjNjLjU0Mi0uODI3LjM2OS0xLjkwOC0uMzMtMi42MDdMMTEuMTYgMy42NkEyLjI1IDIuMjUgMCAwIDAgOS41NjggM1oiIC8+CiAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNNiA2aC4wMDh2LjAwOEg2VjZaIiAvPgo8L3N2Zz4K);
    mask-repeat: no-repeat;
}
.bookmark-icon:hover {
    background-color: blue;
}

.clock-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMiA2djZoNC41bTQuNSAwYTkgOSAwIDEgMS0xOCAwIDkgOSAwIDAgMSAxOCAwWiIgLz4KPC9zdmc+);
    mask-repeat: no-repeat;
}
.clock-icon:hover {
    background-color: blue;
}

.clock-inverted-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyLjI1Yy01LjM4NSAwLTkuNzUgNC4zNjUtOS43NSA5Ljc1czQuMzY1IDkuNzUgOS43NSA5Ljc1IDkuNzUtNC4zNjUgOS43NS05Ljc1UzE3LjM4NSAyLjI1IDEyIDIuMjVaTTEyLjc1IDZhLjc1Ljc1IDAgMCAwLTEuNSAwdjZjMCAuNDE0LjMzNi43NS43NS43NWg0LjVhLjc1Ljc1IDAgMCAwIDAtMS41aC0zLjc1VjZaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIC8+Cjwvc3ZnPgo=);
    mask-repeat: no-repeat;
}
.clock-inverted-icon:hover {
    background-color: blue;
}

.jump-to-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMy41IDZINS4yNUEyLjI1IDIuMjUgMCAwIDAgMyA4LjI1djEwLjVBMi4yNSAyLjI1IDAgMCAwIDUuMjUgMjFoMTAuNUEyLjI1IDIuMjUgMCAwIDAgMTggMTguNzVWMTAuNW0tMTAuNSA2TDIxIDNtMCAwaC01LjI1TTIxIDN2NS4yNSIgLz4KPC9zdmc+Cg==);
    mask-repeat: no-repeat;
}
.jump-to-icon:hover {
    background-color: blue;
}


.window-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0zIDguMjVWMThhMi4yNSAyLjI1IDAgMCAwIDIuMjUgMi4yNWgxMy41QTIuMjUgMi4yNSAwIDAgMCAyMSAxOFY4LjI1bS0xOCAwVjZhMi4yNSAyLjI1IDAgMCAxIDIuMjUtMi4yNWgxMy41QTIuMjUgMi4yNSAwIDAgMSAyMSA2djIuMjVtLTE4IDBoMThNNS4yNSA2aC4wMDh2LjAwOEg1LjI1VjZaTTcuNSA2aC4wMDh2LjAwOEg3LjVWNlptMi4yNSAwaC4wMDh2LjAwOEg5Ljc1VjZaIiAvPgo8L3N2Zz4=);
    mask-repeat: no-repeat;
}
.window-icon:hover {
    background-color: blue;
}

.gif-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMi43NSA4LjI1djcuNW02LTcuNWgtM1YxMm0wIDB2My43NW0wLTMuNzVIMThNOS43NSA5LjM0OGMtMS4wMy0xLjQ2NC0yLjY5OC0xLjQ2NC0zLjcyOCAwLTEuMDMgMS40NjUtMS4wMyAzLjg0IDAgNS4zMDQgMS4wMyAxLjQ2NCAyLjY5OSAxLjQ2NCAzLjcyOCAwVjEyaC0xLjVNNC41IDE5LjVoMTVhMi4yNSAyLjI1IDAgMCAwIDIuMjUtMi4yNVY2Ljc1QTIuMjUgMi4yNSAwIDAgMCAxOS41IDQuNWgtMTVhMi4yNSAyLjI1IDAgMCAwLTIuMjUgMi4yNXYxMC41QTIuMjUgMi4yNSAwIDAgMCA0LjUgMTkuNVoiIC8+Cjwvc3ZnPgo=);
    mask-repeat: no-repeat;
    mask-position: center;
}
.gif-icon:hover {
    background-color: blue;
}

.star-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMS40OCAzLjQ5OWEuNTYyLjU2MiAwIDAgMSAxLjA0IDBsMi4xMjUgNS4xMTFhLjU2My41NjMgMCAwIDAgLjQ3NS4zNDVsNS41MTguNDQyYy40OTkuMDQuNzAxLjY2My4zMjEuOTg4bC00LjIwNCAzLjYwMmEuNTYzLjU2MyAwIDAgMC0uMTgyLjU1N2wxLjI4NSA1LjM4NWEuNTYyLjU2MiAwIDAgMS0uODQuNjFsLTQuNzI1LTIuODg1YS41NjIuNTYyIDAgMCAwLS41ODYgMEw2Ljk4MiAyMC41NGEuNTYyLjU2MiAwIDAgMS0uODQtLjYxbDEuMjg1LTUuMzg2YS41NjIuNTYyIDAgMCAwLS4xODItLjU1N2wtNC4yMDQtMy42MDJhLjU2Mi41NjIgMCAwIDEgLjMyMS0uOTg4bDUuNTE4LS40NDJhLjU2My41NjMgMCAwIDAgLjQ3NS0uMzQ1TDExLjQ4IDMuNVoiIC8+Cjwvc3ZnPgo=);
    mask-repeat: no-repeat;
    mask-position: center;
}
.star-icon:hover {
    background-color: blue;
}

.star-inverted-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC43ODggMy4yMWMuNDQ4LTEuMDc3IDEuOTc2LTEuMDc3IDIuNDI0IDBsMi4wODIgNS4wMDYgNS40MDQuNDM0YzEuMTY0LjA5MyAxLjYzNiAxLjU0NS43NDkgMi4zMDVsLTQuMTE3IDMuNTI3IDEuMjU3IDUuMjczYy4yNzEgMS4xMzYtLjk2NCAyLjAzMy0xLjk2IDEuNDI1TDEyIDE4LjM1NCA3LjM3MyAyMS4xOGMtLjk5Ni42MDgtMi4yMzEtLjI5LTEuOTYtMS40MjVsMS4yNTctNS4yNzMtNC4xMTctMy41MjdjLS44ODctLjc2LS40MTUtMi4yMTIuNzQ5LTIuMzA1bDUuNDA0LS40MzQgMi4wODItNS4wMDVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIC8+Cjwvc3ZnPgo=);
    mask-repeat: no-repeat;
    mask-position: center;
}
.star-inverted-icon:hover {
    background-color: blue;
}

.pin-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0gOS40NzUsMS4yNDQgYSAwLjc1LDAuNzUgMCAwIDAgLTAuNTMxLDAuMjIgbCAtNy40MjUsNy40MjUgYSAwLjc1LDAuNzUgMCAwIDAgMCwxLjA2MSBjIDAuNzIsMC43MiAxLjYwOCwwLjg4MiAyLjI1NSwwLjg4MiAwLjI2NSwwIDAuNTAyLC0wLjAyNyAwLjY5LC0wLjA1OSBsIDQuNzAxLDQuNzAxIGEgOC44OTEsOC44OTEgMCAwIDAgLTAuMjQsMS41MiBjIC0wLjA2OSwxLjA1MyAwLjA0OCwyLjUzMSAxLjA4LDMuNTYzIGEgMC43NSwwLjc1IDAgMCAwIDEuMDYxLDAgbCA0LjI0MywtNC4yNDMgNC43NzMsNC43NzMgYyAwLjI5MywwLjI5MyAxLjgyOSwxLjM1MyAyLjEyMiwxLjA2MSAwLjI5MywtMC4yOTMgLTAuNzY4LC0xLjgyOSAtMS4wNjEsLTIuMTIyIGwgLTQuNzczLC00Ljc3MyA0LjI0MywtNC4yNDMgYSAwLjc1LDAuNzUgMCAwIDAgMCwtMS4wNjEgYyAtMS4wMzIsLTEuMDMyIC0yLjUxLC0xLjE1IC0zLjU2MywtMS4wOCBhIDguODgzLDguODgzIDAgMCAwIC0xLjUyLDAuMjQgbCAtNC43MDEsLTQuNzAxIGEgNC4xNTgsNC4xNTggMCAwIDAgMC4wNiwtMC42OTEgYyAwLC0wLjY0NiAtMC4xNjIsLTEuNTM0IC0wLjg4MywtMi4yNTUgYSAwLjc1LDAuNzUgMCAwIDAgLTAuNTMsLTAuMjE5IHoiIC8+Cjwvc3ZnPg==);
    mask-repeat: no-repeat;
    mask-position: center;
}
.pin-icon:hover {
    background-color: blue;
}

.unpin-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0gOS40NzUsMS4yNDQgYSAwLjc1LDAuNzUgMCAwIDAgLTAuNTMxLDAuMjIgbCAtNy40MjUsNy40MjUgYSAwLjc1LDAuNzUgMCAwIDAgMCwxLjA2MSBjIDAuNzIsMC43MiAxLjYwOCwwLjg4MiAyLjI1NSwwLjg4MiAwLjI2NSwwIDAuNTAyLC0wLjAyNyAwLjY5LC0wLjA1OSBsIDQuNzAxLDQuNzAxIGEgOC44OTEsOC44OTEgMCAwIDAgLTAuMjQsMS41MiBjIC0wLjA2OSwxLjA1MyAwLjA0OCwyLjUzMSAxLjA4LDMuNTYzIGEgMC43NSwwLjc1IDAgMCAwIDEuMDYxLDAgbCA0LjI0MywtNC4yNDMgNC43NzMsNC43NzMgYyAwLjI5MywwLjI5MyAxLjgyOSwxLjM1MyAyLjEyMiwxLjA2MSAwLjI5MywtMC4yOTMgLTAuNzY4LC0xLjgyOSAtMS4wNjEsLTIuMTIyIGwgLTQuNzczLC00Ljc3MyA0LjI0MywtNC4yNDMgYSAwLjc1LDAuNzUgMCAwIDAgMCwtMS4wNjEgYyAtMS4wMzIsLTEuMDMyIC0yLjUxLC0xLjE1IC0zLjU2MywtMS4wOCBhIDguODgzLDguODgzIDAgMCAwIC0xLjUyLDAuMjQgbCAtNC43MDEsLTQuNzAxIGEgNC4xNTgsNC4xNTggMCAwIDAgMC4wNiwtMC42OTEgYyAwLC0wLjY0NiAtMC4xNjIsLTEuNTM0IC0wLjg4MywtMi4yNTUgYSAwLjc1LDAuNzUgMCAwIDAgLTAuNTMsLTAuMjE5IHoiIC8+CiAgPGxpbmUgeDE9IjMiIHkxPSIyMSIgeDI9IjIxIiB5Mj0iMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+Cjwvc3ZnPg==);
    mask-repeat: no-repeat;
    mask-position: center;
}
.unpin-icon:hover {
    background-color: blue;
}

.pin-inverted-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGNsYXNzPSJzaXplLTYiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0ibSA5LjQ3NSwxLjI0NCBhIDAuNzUsMC43NSAwIDAgMCAtMC41MzEsMC4yMiBsIC03LjQyNSw3LjQyNSBhIDAuNzUsMC43NSAwIDAgMCAwLDEuMDYxIGMgMC43MiwwLjcyIDEuNjA4LDAuODgyIDIuMjU1LDAuODgyIDAuMjY1LDAgMC41MDIsLTAuMDI3IDAuNjksLTAuMDU5IGwgNC43MDEsNC43MDEgYSA4Ljg5MSw4Ljg5MSAwIDAgMCAtMC4yNCwxLjUyIGMgLTAuMDY5LDEuMDUzIDAuMDQ4LDIuNTMxIDEuMDgsMy41NjMgYSAwLjc1LDAuNzUgMCAwIDAgMS4wNjEsMCBsIDQuMjQzLC00LjI0MyA0Ljc3Myw0Ljc3MyBjIDAuMjkzLDAuMjkzIDEuODI5LDEuMzUzIDIuMTIyLDEuMDYxIDAuMjkzLC0wLjI5MyAtMC43NjgsLTEuODI5IC0xLjA2MSwtMi4xMjIgbCAtNC43NzMsLTQuNzczIDQuMjQzLC00LjI0MyBhIDAuNzUsMC43NSAwIDAgMCAwLC0xLjA2MSBjIC0xLjAzMiwtMS4wMzIgLTIuNTEsLTEuMTUgLTMuNTYzLC0xLjA4IGEgOC44ODMsOC44ODMgMCAwIDAgLTEuNTIsMC4yNCBsIC00LjcwMSwtNC43MDEgYSA0LjE1OCw0LjE1OCAwIDAgMCAwLjA2LC0wLjY5MSBjIDAsLTAuNjQ2IC0wLjE2MiwtMS41MzQgLTAuODgzLC0yLjI1NSBhIDAuNzUsMC43NSAwIDAgMCAtMC41MywtMC4yMTkgeiIgLz4KPC9zdmc+);
    mask-repeat: no-repeat;
    mask-position: center;
}
.pin-inverted-icon:hover {
    background-color: blue;
}

.logout-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik01LjYzNiA1LjYzNmE5IDkgMCAxIDAgMTIuNzI4IDBNMTIgM3Y5IiAvPgo8L3N2Zz4K);
    mask-repeat: no-repeat;
    mask-position: center;
}
.logout-icon:hover {
    background-color: blue;
}

.about-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0xMS4yNSAxMS4yNS4wNDEtLjAyYS43NS43NSAwIDAgMSAxLjA2My44NTJsLS43MDggMi44MzZhLjc1Ljc1IDAgMCAwIDEuMDYzLjg1M2wuMDQxLS4wMjFNMjEgMTJhOSA5IDAgMSAxLTE4IDAgOSA5IDAgMCAxIDE4IDBabS05LTMuNzVoLjAwOHYuMDA4SDEyVjguMjVaIiAvPgo8L3N2Zz4KCg==);
    mask-repeat: no-repeat;
    mask-position: center;
}
.about-icon:hover {
    background-color: blue;
}

.profile-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNy45ODIgMTguNzI1QTcuNDg4IDcuNDg4IDAgMCAwIDEyIDE1Ljc1YTcuNDg4IDcuNDg4IDAgMCAwLTUuOTgyIDIuOTc1bTExLjk2MyAwYTkgOSAwIDEgMC0xMS45NjMgMG0xMS45NjMgMEE4Ljk2NiA4Ljk2NiAwIDAgMSAxMiAyMWE4Ljk2NiA4Ljk2NiAwIDAgMS01Ljk4Mi0yLjI3NU0xNSA5Ljc1YTMgMyAwIDEgMS02IDAgMyAzIDAgMCAxIDYgMFoiIC8+Cjwvc3ZnPgoK);
    mask-repeat: no-repeat;
    mask-position: center;
}
.profile-icon:hover {
    background-color: blue;
}

.admin-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik05LjU5NCAzLjk0Yy4wOS0uNTQyLjU2LS45NCAxLjExLS45NGgyLjU5M2MuNTUgMCAxLjAyLjM5OCAxLjExLjk0bC4yMTMgMS4yODFjLjA2My4zNzQuMzEzLjY4Ni42NDUuODcuMDc0LjA0LjE0Ny4wODMuMjIuMTI3LjMyNS4xOTYuNzIuMjU3IDEuMDc1LjEyNGwxLjIxNy0uNDU2YTEuMTI1IDEuMTI1IDAgMCAxIDEuMzcuNDlsMS4yOTYgMi4yNDdhMS4xMjUgMS4xMjUgMCAwIDEtLjI2IDEuNDMxbC0xLjAwMy44MjdjLS4yOTMuMjQxLS40MzguNjEzLS40My45OTJhNy43MjMgNy43MjMgMCAwIDEgMCAuMjU1Yy0uMDA4LjM3OC4xMzcuNzUuNDMuOTkxbDEuMDA0LjgyN2MuNDI0LjM1LjUzNC45NTUuMjYgMS40M2wtMS4yOTggMi4yNDdhMS4xMjUgMS4xMjUgMCAwIDEtMS4zNjkuNDkxbC0xLjIxNy0uNDU2Yy0uMzU1LS4xMzMtLjc1LS4wNzItMS4wNzYuMTI0YTYuNDcgNi40NyAwIDAgMS0uMjIuMTI4Yy0uMzMxLjE4My0uNTgxLjQ5NS0uNjQ0Ljg2OWwtLjIxMyAxLjI4MWMtLjA5LjU0My0uNTYuOTQtMS4xMS45NGgtMi41OTRjLS41NSAwLTEuMDE5LS4zOTgtMS4xMS0uOTRsLS4yMTMtMS4yODFjLS4wNjItLjM3NC0uMzEyLS42ODYtLjY0NC0uODdhNi41MiA2LjUyIDAgMCAxLS4yMi0uMTI3Yy0uMzI1LS4xOTYtLjcyLS4yNTctMS4wNzYtLjEyNGwtMS4yMTcuNDU2YTEuMTI1IDEuMTI1IDAgMCAxLTEuMzY5LS40OWwtMS4yOTctMi4yNDdhMS4xMjUgMS4xMjUgMCAwIDEgLjI2LTEuNDMxbDEuMDA0LS44MjdjLjI5Mi0uMjQuNDM3LS42MTMuNDMtLjk5MWE2LjkzMiA2LjkzMiAwIDAgMSAwLS4yNTVjLjAwNy0uMzgtLjEzOC0uNzUxLS40My0uOTkybC0xLjAwNC0uODI3YTEuMTI1IDEuMTI1IDAgMCAxLS4yNi0xLjQzbDEuMjk3LTIuMjQ3YTEuMTI1IDEuMTI1IDAgMCAxIDEuMzctLjQ5MWwxLjIxNi40NTZjLjM1Ni4xMzMuNzUxLjA3MiAxLjA3Ni0uMTI0LjA3Mi0uMDQ0LjE0Ni0uMDg2LjIyLS4xMjguMzMyLS4xODMuNTgyLS40OTUuNjQ0LS44NjlsLjIxNC0xLjI4WiIgLz4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNSAxMmEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDBaIiAvPgo8L3N2Zz4KCgo=);
    mask-repeat: no-repeat;
    mask-position: center;
}
.admin-icon:hover {
    background-color: blue;
}

.search-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0xNS43NSAxNS43NS0yLjQ4OS0yLjQ4OW0wIDBhMy4zNzUgMy4zNzUgMCAxIDAtNC43NzMtNC43NzMgMy4zNzUgMy4zNzUgMCAwIDAgNC43NzQgNC43NzRaTTIxIDEyYTkgOSAwIDEgMS0xOCAwIDkgOSAwIDAgMSAxOCAwWiIgLz4KPC9zdmc+Cg==);
    mask-repeat: no-repeat;
    mask-position: center;
}
.search-icon:hover {
    background-color: blue;
}

.face-smile-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNS4xODIgMTUuMTgyYTQuNSA0LjUgMCAwIDEtNi4zNjQgME0yMSAxMmE5IDkgMCAxIDEtMTggMCA5IDkgMCAwIDEgMTggMFpNOS43NSA5Ljc1YzAgLjQxNC0uMTY4Ljc1LS4zNzUuNzVTOSAxMC4xNjQgOSA5Ljc1IDkuMTY4IDkgOS4zNzUgOXMuMzc1LjMzNi4zNzUuNzVabS0uMzc1IDBoLjAwOHYuMDE1aC0uMDA4VjkuNzVabTUuNjI1IDBjMCAuNDE0LS4xNjguNzUtLjM3NS43NXMtLjM3NS0uMzM2LS4zNzUtLjc1LjE2OC0uNzUuMzc1LS43NS4zNzUuMzM2LjM3NS43NVptLS4zNzUgMGguMDA4di4wMTVoLS4wMDhWOS43NVoiIC8+Cjwvc3ZnPgo=);
    mask-repeat: no-repeat;
    mask-position: center;
}
.face-smile-icon:hover {
    background-color: blue;
}

.ellipsis-horizontal-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik02Ljc1IDEyYS43NS43NSAwIDEgMS0xLjUgMCAuNzUuNzUgMCAwIDEgMS41IDBaTTEyLjc1IDEyYS43NS43NSAwIDEgMS0xLjUgMCAuNzUuNzUgMCAwIDEgMS41IDBaTTE4Ljc1IDEyYS43NS43NSAwIDEgMS0xLjUgMCAuNzUuNzUgMCAwIDEgMS41IDBaIiAvPgo8L3N2Zz4K);
    mask-repeat: no-repeat;
    mask-position: center;
}
.ellipsis-horizontal-icon:hover {
    background-color: blue;
}

.reply-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNSA2bDYgNm0wIDAtNiA2bTYtNkg5YTYgNiAwIDAgMSAtNi02di0zIiAvPgo8L3N2Zz4=);
    mask-repeat: no-repeat;
    mask-position: center;
}
.reply-icon:hover {
    background-color: blue;
}

.close-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik02IDE4IDE4IDZNNiA2bDEyIDEyIiAvPgo8L3N2Zz4K);
    mask-repeat: no-repeat;
    mask-position: center;
}
.close-icon:hover {
    background-color: blue;
}

.drawer-arrow-down-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTE5LjUgOC4yNSBMMTIgMTUuNzUgTDQuNSA4LjI1IiAvPgo8L3N2Zz4K);
    mask-repeat: no-repeat;
    mask-position: center;
}
.drawer-arrow-down-icon:hover {
    background-color: blue;
}

.rubber-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIj4KICA8cGF0aCBkPSJtIDE1Ljk4LDIuMzYgYyAtMC4wNSwwLjAyIC0yLjU2LDIuNTIgLTUuNTcsNS41NSAtNS4yNSw1LjI1IC01LjUsNS41IC01LjY2LDUuODEgLTAuMjEsMC40MSAtMC4yNiwwLjcyIC0wLjIzLDEuMiAwLjAyLDAuNDUgMC4xMywwLjc3IDAuMzgsMS4xMyAwLjA5LDAuMTQgMC44NywwLjk1IDEuNzQsMS44MiAxLjY4LDEuNjggMS43OCwxLjc3IDIuMzQsMS45MSAwLjM3LDAuMSAyLjk1LDAuMSAzLjMyLDAgMC42MiwtMC4xNyAwLjM4LDAuMDYgNS43NSwtNS4zMyAzLjQyLC0zLjQxIDQuOTksLTUuMDEgNSwtNS4wOSAwLjAxLC0wLjA3IDAuMDEsLTAuMTcgMCwtMC4yMyBDIDIzLjAyLDkgMTYuNTcsMi40OSAxNi4zNywyLjM4IDE2LjI0LDIuMzEgMTYuMSwyLjMxIDE1Ljk4LDIuMzYgWiIgLz4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0gMS40ODk2NTk5LDIxLjA0NzU4NiAxOC41NTU0ODcsMjEuMDIwMTM0IiAvPgogIDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNIDguNDQ5NzgwMSw5LjkxMjUzNDIgQyAxNS4yMTQxNDIsMTYuNjg0MDUyIDE1LjI1MjI1MSwxNi43NDIwOTMgMTUuMjUyMjUxLDE2Ljc0MjA5MyIgLz4KPC9zdmc+);
    mask-repeat: no-repeat;
    mask-position: center;
}
.rubber-icon:hover {
    background-color: blue;
}

.totop-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im00LjUgMTguNzUgNy41LTcuNSA3LjUgNy41IiAvPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0ibTQuNSAxMi43NSA3LjUtNy41IDcuNSA3LjUiIC8+Cjwvc3ZnPgo=);
    mask-repeat: no-repeat;
    mask-position: center;
}
.totop-icon:hover {
    background-color: blue;
}

.clipboardcopy-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMy41IDZINS4yNUEyLjI1IDIuMjUgMCAwIDAgMyA4LjI1djEwLjVBMi4yNSAyLjI1IDAgMCAwIDUuMjUgMjFoMTAuNUEyLjI1IDIuMjUgMCAwIDAgMTggMTguNzVWMTAuNW0tMTAuNSA2TDIxIDNtMCAwaC01LjI1TTIxIDN2NS4yNSIgLz4KPC9zdmc+);
    mask-repeat: no-repeat;
    mask-position: center;
}
.clipboardcopy-icon:hover {
    background-color: blue;
}

.check-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgY2xhc3M9InNpemUtNiI+CiAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJtNC41IDEyLjc1IDYgNiA5LTEzLjUiIC8+Cjwvc3ZnPgo=);
    mask-repeat: no-repeat;
    mask-position: center;
}

/*
 PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik01LjI1IDguMjVoMTVtLTE2LjUgNy41aDE1bS0xLjgtMTMuNS0zLjkgMTkuNW0tMi4xLTE5LjUtMy45IDE5LjUiIC8+Cjwvc3ZnPgoK
*/
.navigation-channel-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0yMC4yNSA4LjUxMWMuODg0LjI4NCAxLjUgMS4xMjggMS41IDIuMDk3djQuMjg2YzAgMS4xMzYtLjg0NyAyLjEtMS45OCAyLjE5My0uMzQuMDI3LS42OC4wNTItMS4wMi4wNzJ2My4wOTFsLTMtM2MtMS4zNTQgMC0yLjY5NC0uMDU1LTQuMDItLjE2M2EyLjExNSAyLjExNSAwIDAgMS0uODI1LS4yNDJtOS4zNDUtOC4zMzRhMi4xMjYgMi4xMjYgMCAwIDAtLjQ3Ni0uMDk1IDQ4LjY0IDQ4LjY0IDAgMCAwLTguMDQ4IDBjLTEuMTMxLjA5NC0xLjk3NiAxLjA1Ny0xLjk3NiAyLjE5MnY0LjI4NmMwIC44MzcuNDYgMS41OCAxLjE1NSAxLjk1MW05LjM0NS04LjMzNFY2LjYzN2MwLTEuNjIxLTEuMTUyLTMuMDI2LTIuNzYtMy4yMzVBNDguNDU1IDQ4LjQ1NSAwIDAgMCAxMS4yNSAzYy0yLjExNSAwLTQuMTk4LjEzNy02LjI0LjQwMi0xLjYwOC4yMDktMi43NiAxLjYxNC0yLjc2IDMuMjM1djYuMjI2YzAgMS42MjEgMS4xNTIgMy4wMjYgMi43NiAzLjIzNS41NzcuMDc1IDEuMTU3LjE0IDEuNzQuMTk0VjIxbDQuMTU1LTQuMTU1IiAvPgo8L3N2Zz4K);
    mask-repeat: no-repeat;
    mask-position: center;
}
.navigation-user-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNS43NSA2YTMuNzUgMy43NSAwIDEgMS03LjUgMCAzLjc1IDMuNzUgMCAwIDEgNy41IDBaTTQuNTAxIDIwLjExOGE3LjUgNy41IDAgMCAxIDE0Ljk5OCAwQTE3LjkzMyAxNy45MzMgMCAwIDEgMTIgMjEuNzVjLTIuNjc2IDAtNS4yMTYtLjU4NC03LjQ5OS0xLjYzMloiIC8+Cjwvc3ZnPgo=);
    mask-repeat: no-repeat;
    mask-position: center;
}
.navigation-group-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNSAxOS4xMjhhOS4zOCA5LjM4IDAgMCAwIDIuNjI1LjM3MiA5LjMzNyA5LjMzNyAwIDAgMCA0LjEyMS0uOTUyIDQuMTI1IDQuMTI1IDAgMCAwLTcuNTMzLTIuNDkzTTE1IDE5LjEyOHYtLjAwM2MwLTEuMTEzLS4yODUtMi4xNi0uNzg2LTMuMDdNMTUgMTkuMTI4di4xMDZBMTIuMzE4IDEyLjMxOCAwIDAgMSA4LjYyNCAyMWMtMi4zMzEgMC00LjUxMi0uNjQ1LTYuMzc0LTEuNzY2bC0uMDAxLS4xMDlhNi4zNzUgNi4zNzUgMCAwIDEgMTEuOTY0LTMuMDdNMTIgNi4zNzVhMy4zNzUgMy4zNzUgMCAxIDEtNi43NSAwIDMuMzc1IDMuMzc1IDAgMCAxIDYuNzUgMFptOC4yNSAyLjI1YTIuNjI1IDIuNjI1IDAgMSAxLTUuMjUgMCAyLjYyNSAyLjYyNSAwIDAgMSA1LjI1IDBaIiAvPgo8L3N2Zz4K);
    mask-repeat: no-repeat;
    mask-position: center;
}
.navigation-hashtag-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik01LjI1IDguMjVoMTVtLTE2LjUgNy41aDE1bS0xLjgtMTMuNS0zLjkgMTkuNW0tMi4xLTE5LjUtMy45IDE5LjUiIC8+Cjwvc3ZnPgo=);
    mask-repeat: no-repeat;
    mask-position: center;
}

.plus-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMiA0LjV2MTVtNy41LTcuNWgtMTUiIC8+Cjwvc3ZnPgo=);
    mask-repeat: no-repeat;
    mask-position: center;
}

.dismiss-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik02IDE4TDE4IDZNNiA2bDEyIDEyIiAvPgo8L3N2Zz4=);
    mask-repeat: no-repeat;
    mask-position: center;
}

.dismiss-icon:hover {
    background-color: red;
}

.eye-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0yLjAzNiAxMi4zMjJhMS4wMTIgMS4wMTIgMCAwIDEgMC0uNjM5QzMuNDIzIDcuNTEgNy4zNiA0LjUgMTIgNC41YzQuNjM4IDAgOC41NzMgMy4wMDcgOS45NjMgNy4xNzguMDcuMjA3LjA3LjQzMSAwIC42MzlDMjAuNTc3IDE2LjQ5IDE2LjY0IDE5LjUgMTIgMTkuNWMtNC42MzggMC04LjU3My0zLjAwNy05Ljk2My03LjE3OFoiIC8+CiAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTUgMTJhMyAzIDAgMSAxLTYgMCAzIDMgMCAwIDEgNiAwWiIgLz4KPC9zdmc+Cgo=);
    mask-repeat: no-repeat;
    mask-position: center;
}

.music-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im05IDkgMTAuNS0zbTAgNi41NTN2My43NWEyLjI1IDIuMjUgMCAwIDEtMS42MzIgMi4xNjNsLTEuMzIuMzc3YTEuODAzIDEuODAzIDAgMSAxLS45OS0zLjQ2N2wyLjMxLS42NmEyLjI1IDIuMjUgMCAwIDAgMS42MzItMi4xNjNabTAgMFYyLjI1TDkgNS4yNXYxMC4zMDNtMCAwdjMuNzVhMi4yNSAyLjI1IDAgMCAxLTEuNjMyIDIuMTYzbC0xLjMyLjM3N2ExLjgwMyAxLjgwMyAwIDAgMS0uOTktMy40NjdsMi4zMS0uNjZBMi4yNSAyLjI1IDAgMCAwIDkgMTUuNTUzWiIgLz4KPC9zdmc+Cg==);
    mask-repeat: no-repeat;
    mask-position: center;
}

.movie-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0zLjM3NSAxOS41aDE3LjI1bS0xNy4yNSAwYTEuMTI1IDEuMTI1IDAgMCAxLTEuMTI1LTEuMTI1TTMuMzc1IDE5LjVoMS41QzUuNDk2IDE5LjUgNiAxOC45OTYgNiAxOC4zNzVtLTMuNzUgMFY1LjYyNW0wIDEyLjc1di0xLjVjMC0uNjIxLjUwNC0xLjEyNSAxLjEyNS0xLjEyNW0xOC4zNzUgMi42MjVWNS42MjVtMCAxMi43NWMwIC42MjEtLjUwNCAxLjEyNS0xLjEyNSAxLjEyNW0xLjEyNS0xLjEyNXYtMS41YzAtLjYyMS0uNTA0LTEuMTI1LTEuMTI1LTEuMTI1bTAgMy43NWgtMS41QTEuMTI1IDEuMTI1IDAgMCAxIDE4IDE4LjM3NU0yMC42MjUgNC41SDMuMzc1bTE3LjI1IDBjLjYyMSAwIDEuMTI1LjUwNCAxLjEyNSAxLjEyNU0yMC42MjUgNC41aC0xLjVDMTguNTA0IDQuNSAxOCA1LjAwNCAxOCA1LjYyNW0zLjc1IDB2MS41YzAgLjYyMS0uNTA0IDEuMTI1LTEuMTI1IDEuMTI1TTMuMzc1IDQuNWMtLjYyMSAwLTEuMTI1LjUwNC0xLjEyNSAxLjEyNU0zLjM3NSA0LjVoMS41QzUuNDk2IDQuNSA2IDUuMDA0IDYgNS42MjVtLTMuNzUgMHYxLjVjMCAuNjIxLjUwNCAxLjEyNSAxLjEyNSAxLjEyNW0wIDBoMS41bS0xLjUgMGMtLjYyMSAwLTEuMTI1LjUwNC0xLjEyNSAxLjEyNXYxLjVjMCAuNjIxLjUwNCAxLjEyNSAxLjEyNSAxLjEyNW0xLjUtMy43NUM1LjQ5NiA4LjI1IDYgNy43NDYgNiA3LjEyNXYtMS41TTQuODc1IDguMjVDNS40OTYgOC4yNSA2IDguNzU0IDYgOS4zNzV2MS41bTAtNS4yNXY1LjI1bTAtNS4yNUM2IDUuMDA0IDYuNTA0IDQuNSA3LjEyNSA0LjVoOS43NWMuNjIxIDAgMS4xMjUuNTA0IDEuMTI1IDEuMTI1bTEuMTI1IDIuNjI1aDEuNW0tMS41IDBBMS4xMjUgMS4xMjUgMCAwIDEgMTggNy4xMjV2LTEuNW0xLjEyNSAyLjYyNWMtLjYyMSAwLTEuMTI1LjUwNC0xLjEyNSAxLjEyNXYxLjVtMi42MjUtMi42MjVjLjYyMSAwIDEuMTI1LjUwNCAxLjEyNSAxLjEyNXYxLjVjMCAuNjIxLS41MDQgMS4xMjUtMS4xMjUgMS4xMjVNMTggNS42MjV2NS4yNU03LjEyNSAxMmg5Ljc1bS05Ljc1IDBBMS4xMjUgMS4xMjUgMCAwIDEgNiAxMC44NzVNNy4xMjUgMTJDNi41MDQgMTIgNiAxMi41MDQgNiAxMy4xMjVtMC0yLjI1QzYgMTEuNDk2IDUuNDk2IDEyIDQuODc1IDEyTTE4IDEwLjg3NWMwIC42MjEtLjUwNCAxLjEyNS0xLjEyNSAxLjEyNU0xOCAxMC44NzVjMCAuNjIxLjUwNCAxLjEyNSAxLjEyNSAxLjEyNW0tMi4yNSAwYy42MjEgMCAxLjEyNS41MDQgMS4xMjUgMS4xMjVtLTEyIDUuMjV2LTUuMjVtMCA1LjI1YzAgLjYyMS41MDQgMS4xMjUgMS4xMjUgMS4xMjVoOS43NWMuNjIxIDAgMS4xMjUtLjUwNCAxLjEyNS0xLjEyNW0tMTIgMHYtMS41YzAtLjYyMS0uNTA0LTEuMTI1LTEuMTI1LTEuMTI1TTE4IDE4LjM3NXYtNS4yNW0wIDUuMjV2LTEuNWMwLS42MjEuNTA0LTEuMTI1IDEuMTI1LTEuMTI1TTE4IDEzLjEyNXYxLjVjMCAuNjIxLjUwNCAxLjEyNSAxLjEyNSAxLjEyNU0xOCAxMy4xMjVjMC0uNjIxLjUwNC0xLjEyNSAxLjEyNS0xLjEyNU02IDEzLjEyNXYxLjVjMCAuNjIxLS41MDQgMS4xMjUtMS4xMjUgMS4xMjVNNiAxMy4xMjVDNiAxMi41MDQgNS40OTYgMTIgNC44NzUgMTJtLTEuNSAwaDEuNW0tMS41IDBjLS42MjEgMC0xLjEyNS41MDQtMS4xMjUgMS4xMjV2MS41YzAgLjYyMS41MDQgMS4xMjUgMS4xMjUgMS4xMjVNMTkuMTI1IDEyaDEuNW0wIDBjLjYyMSAwIDEuMTI1LjUwNCAxLjEyNSAxLjEyNXYxLjVjMCAuNjIxLS41MDQgMS4xMjUtMS4xMjUgMS4xMjVtLTE3LjI1IDBoMS41bTE0LjI1IDBoMS41IiAvPgo8L3N2Zz4KCg==);
    mask-repeat: no-repeat;
    mask-position: center;
}

.image-icon {
    background-color: black;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0yLjI1IDE1Ljc1IDUuMTU5LTUuMTU5YTIuMjUgMi4yNSAwIDAgMSAzLjE4MiAwbDUuMTU5IDUuMTU5bS0xLjUtMS41IDEuNDA5LTEuNDA5YTIuMjUgMi4yNSAwIDAgMSAzLjE4MiAwbDIuOTA5IDIuOTA5bS0xOCAzLjc1aDE2LjVhMS41IDEuNSAwIDAgMCAxLjUtMS41VjZhMS41IDEuNSAwIDAgMC0xLjUtMS41SDMuNzVBMS41IDEuNSAwIDAgMCAyLjI1IDZ2MTJhMS41IDEuNSAwIDAgMCAxLjUgMS41Wm0xMC41LTExLjI1aC4wMDh2LjAwOGgtLjAwOFY4LjI1Wm0uMzc1IDBhLjM3NS4zNzUgMCAxIDEtLjc1IDAgLjM3NS4zNzUgMCAwIDEgLjc1IDBaIiAvPgo8L3N2Zz4K);
    mask-repeat: no-repeat;
    mask-position: center;
}