Element Dracula (Theme extracted from Anontier's element client)

dracula-matrix.css

@charset "utf-8";
@font-face {
    font-family: Nunito;
    font-style: normal;
    font-weight: 400;
    src: url(https://element.anontier.nl/../fonts/Nunito/Nunito-Regular.73a8196.ttf) format("truetype")
}

@font-face {
    font-family: Nunito;
    font-style: normal;
    font-weight: 600;
    src: url(https://element.anontier.nl/../fonts/Nunito/Nunito-SemiBold.bca2d7f.ttf) format("truetype")
}

@font-face {
    font-family: Nunito;
    font-style: normal;
    font-weight: 700;
    src: url(https://element.anontier.nl/../fonts/Nunito/Nunito-Bold.e0e8a9f.ttf) format("truetype")
}

@font-face {
    font-family: Inconsolata;
    font-style: normal;
    font-weight: 400;
    src: local("Inconsolata Regular"), local("Inconsolata-Regular"), url(https://element.anontier.nl/../fonts/Inconsolata/QldKNThLqRwH-OJ1UHjlKGlX5qhExfHwNJU.2aafaa1.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Inconsolata;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Inconsolata Regular"), local("Inconsolata-Regular"), url(https://element.anontier.nl/../fonts/Inconsolata/QldKNThLqRwH-OJ1UHjlKGlZ5qhExfHw.5476fd3.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Inconsolata;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Inconsolata Bold"), local("Inconsolata-Bold"), url(https://element.anontier.nl/../fonts/Inconsolata/QldXNThLqRwH-OJ1UHjlKGHiw71n5_zaDpwm80E.6bc411a.woff2) format("woff2");
    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
    font-family: Inconsolata;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Inconsolata Bold"), local("Inconsolata-Bold"), url(https://element.anontier.nl/../fonts/Inconsolata/QldXNThLqRwH-OJ1UHjlKGHiw71p5_zaDpwm.000abc6.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

.hljs-addition {
    background: #dfd
}

.hljs-deletion {
    background: #fdd
}

.mx_filterFlipColor {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.mx_EventTile_content .markdown-body table tr {
    background-color: #000
}

.mx_EventTile_content .markdown-body table tr:nth-child(2n) {
    background-color: #080808
}

.hljs-tag {
    color: inherit
}

.mx_rtg--fade-enter {
    opacity: 0
}

.mx_rtg--fade-enter-active {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.mx_rtg--fade-exit {
    opacity: 1
}

.mx_rtg--fade-exit-active {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@-webkit-keyframes mx--anim-pulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: .7
    }
    to {
        opacity: 1
    }
}

@keyframes mx--anim-pulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: .7
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes mx_Dialog_lightbox_background_keyframes {
    0% {
        opacity: 0
    }
    to {
        opacity: .85
    }
}

@keyframes mx_Dialog_lightbox_background_keyframes {
    0% {
        opacity: 0
    }
    to {
        opacity: .85
    }
}

@-webkit-keyframes mx_ImageView_panel_keyframes {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes mx_ImageView_panel_keyframes {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@media (prefers-reduced-motion) {
    .mx_rtg--fade-enter-active,
    .mx_rtg--fade-exit-active {
        -webkit-transition: none;
        transition: none
    }
}

.mapboxgl-map,
.maplibregl-map {
    font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
    overflow: hidden;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mapboxgl-canvas,
.maplibregl-canvas {
    position: absolute;
    left: 0;
    top: 0
}

.mapboxgl-map:-webkit-full-screen,
.maplibregl-map:-webkit-full-screen {
    width: 100%;
    height: 100%
}

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass,
.maplibregl-canvas-container.maplibregl-interactive,
.maplibregl-ctrl-group button.maplibregl-ctrl-compass {
    cursor: -webkit-grab;
    cursor: grab;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer,
.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer {
    cursor: pointer
}

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active,
.maplibregl-canvas-container.maplibregl-interactive:active,
.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas,
.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,
.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas,
.maplibregl-canvas-container.maplibregl-touch-drag-pan,
.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas,
.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,
.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas {
    -ms-touch-action: none;
    touch-action: none
}

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right,
.maplibregl-ctrl-bottom-left,
.maplibregl-ctrl-bottom-right,
.maplibregl-ctrl-top-left,
.maplibregl-ctrl-top-right {
    position: absolute;
    pointer-events: none;
    z-index: 2
}

.mapboxgl-ctrl-top-left,
.maplibregl-ctrl-top-left {
    top: 0;
    left: 0
}

.mapboxgl-ctrl-top-right,
.maplibregl-ctrl-top-right {
    top: 0;
    right: 0
}

.mapboxgl-ctrl-bottom-left,
.maplibregl-ctrl-bottom-left {
    bottom: 0;
    left: 0
}

.mapboxgl-ctrl-bottom-right,
.maplibregl-ctrl-bottom-right {
    right: 0;
    bottom: 0
}

.mapboxgl-ctrl,
.maplibregl-ctrl {
    clear: both;
    pointer-events: auto;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl,
.maplibregl-ctrl-top-left .maplibregl-ctrl {
    margin: 10px 0 0 10px;
    float: left
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl,
.maplibregl-ctrl-top-right .maplibregl-ctrl {
    margin: 10px 10px 0 0;
    float: right
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,
.maplibregl-ctrl-bottom-left .maplibregl-ctrl {
    margin: 0 0 10px 10px;
    float: left
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,
.maplibregl-ctrl-bottom-right .maplibregl-ctrl {
    margin: 0 10px 10px 0;
    float: right
}

.mapboxgl-ctrl-group,
.maplibregl-ctrl-group {
    border-radius: 4px;
    background: #fff
}

.mapboxgl-ctrl-group:not(:empty),
.maplibregl-ctrl-group:not(:empty) {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .1)
}

@media (-ms-high-contrast:active) {
    .mapboxgl-ctrl-group:not(:empty),
    .maplibregl-ctrl-group:not(:empty) {
        -webkit-box-shadow: 0 0 0 2px ButtonText;
        box-shadow: 0 0 0 2px ButtonText
    }
}

.mapboxgl-ctrl-group button,
.maplibregl-ctrl-group button {
    width: 29px;
    height: 29px;
    display: block;
    padding: 0;
    outline: none;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer
}

.mapboxgl-ctrl-group button+button,
.maplibregl-ctrl-group button+button {
    border-top: 1px solid #ddd
}

.mapboxgl-ctrl button .mapboxgl-ctrl-icon,
.maplibregl-ctrl button .maplibregl-ctrl-icon {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

@media (-ms-high-contrast:active) {
    .mapboxgl-ctrl-icon,
    .maplibregl-ctrl-icon {
        background-color: transparent
    }
    .mapboxgl-ctrl-group button+button,
    .maplibregl-ctrl-group button+button {
        border-top: 1px solid ButtonText
    }
}

.mapboxgl-ctrl button::-moz-focus-inner,
.maplibregl-ctrl button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.mapboxgl-ctrl-attrib-button:focus,
.mapboxgl-ctrl-group button:focus,
.maplibregl-ctrl-attrib-button:focus,
.maplibregl-ctrl-group button:focus {
    -webkit-box-shadow: 0 0 2px 2px #0096ff;
    box-shadow: 0 0 2px 2px #0096ff
}

.mapboxgl-ctrl button:disabled,
.maplibregl-ctrl button:disabled {
    cursor: not-allowed
}

.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon,
.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon {
    opacity: .25
}

.mapboxgl-ctrl button:not(:disabled):hover,
.maplibregl-ctrl button:not(:disabled):hover {
    background-color: rgba(0, 0, 0, .05)
}

.mapboxgl-ctrl-group button:focus:focus-visible,
.maplibregl-ctrl-group button:focus:focus-visible {
    -webkit-box-shadow: 0 0 2px 2px #0096ff;
    box-shadow: 0 0 2px 2px #0096ff
}

.mapboxgl-ctrl-group button:focus:not(:focus-visible),
.maplibregl-ctrl-group button:focus:not(:focus-visible) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.mapboxgl-ctrl-group button:focus:first-child,
.maplibregl-ctrl-group button:focus:first-child {
    border-radius: 4px 4px 0 0
}

.mapboxgl-ctrl-group button:focus:last-child,
.maplibregl-ctrl-group button:focus:last-child {
    border-radius: 0 0 4px 4px
}

.mapboxgl-ctrl-group button:focus:only-child,
.maplibregl-ctrl-group button:focus:only-child {
    border-radius: inherit
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")
    }
    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")
    }
    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")
    }
    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")
    }
    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon {
    -webkit-animation: maplibregl-spin 2s linear infinite;
    animation: maplibregl-spin 2s linear infinite
}

@media (-ms-high-contrast:active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
    }
    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")
    }
    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
    }
    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
    }
    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")
    }
    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
    }
    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")
    }
}

@-webkit-keyframes maplibregl-spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes maplibregl-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

a.mapboxgl-ctrl-logo,
a.maplibregl-ctrl-logo {
    width: 88px;
    height: 23px;
    margin: 0 0 -4px -4px;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42l-.726 3.663a1.255 1.255 0 01-1.232 1.011h-1.827a1.255 1.255 0 01-1.229-1.509l2.501-12.095a1.255 1.255 0 011.23-1.001h.197a1.255 1.255 0 011.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 011.123-.695h.181a1.255 1.255 0 011.227.991l1.443 6.71a5.11 5.11 0 01.314-.787l.009-.016a4.623 4.623 0 011.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 011.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 011.212.925 1.255 1.255 0 011.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 011.255-1.255h1.86A1.255 1.255 0 0154.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 01-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 011.722-.674 2.43 2.43 0 011.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 011.255-1.255h1.744A1.255 1.255 0 0165.812 4.7v3.335a4.76 4.76 0 011.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 011.67 1.743v-.98a1.255 1.255 0 011.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 011.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 01.689 1.004 4.73 4.73 0 01.853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 01-.947 1.09l.408.952a1.255 1.255 0 01-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 01-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 01-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 01-1.256 1.256h-1.777a1.255 1.255 0 01-1.256-1.256V15.69l-.032.057a4.778 4.778 0 01-1.86 1.833 5.04 5.04 0 01-2.484.634 4.47 4.47 0 01-1.935-.424 1.252 1.252 0 01-.764.258h-1.71a1.255 1.255 0 01-1.256-1.255V7.687a2.402 2.402 0 01-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 01-1.256 1.255h-1.843a1.25 1.25 0 01-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 01-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 01-1.782 1.884 4.767 4.767 0 01-2.485.67 5.6 5.6 0 01-1.485-.188l.009 2.764a1.255 1.255 0 01-1.255 1.259h-1.729a1.255 1.255 0 01-1.255-1.255v-3.537a1.255 1.255 0 01-1.167.793h-1.679a1.25 1.25 0 01-.77-.263 4.47 4.47 0 01-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 01-1.081-.836 1.255 1.255 0 01-1.254 1.312h-1.81a1.255 1.255 0 01-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 01-1.115.676h-.098a1.255 1.255 0 01-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 00-.668-.428l-.27-.12a3.293 3.293 0 00-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 00-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 001.382 1.381 3.883 3.883 0 001.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 00.934-.19 2.17 2.17 0 00.468-.29l.178-.161a2.163 2.163 0 00.397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 00-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 00-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 00-.353-.389.851.851 0 00-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 00.331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 001.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 00-.415.262l-.199.166a3.35 3.35 0 00-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 00-.284.136 1.99 1.99 0 00-.363.254 2.237 2.237 0 00-.46.569l-.082.162a2.56 2.56 0 00-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 00.367.385.937.937 0 00.476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 00-.503.135l-.012.007a.859.859 0 00-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 00.14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 00-.345-.79 1.175 1.175 0 00-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 00-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314l.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 00.316.224l.223.122a3.21 3.21 0 001.44.322 3.785 3.785 0 001.875-.477 3.52 3.52 0 001.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 00-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 00-1.527.344l-.086.043-.165.09a3.412 3.412 0 00-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 00-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 00.566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 00.975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 00-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 00-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 00-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 00.367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 00-.545.063 2.086 2.086 0 00-.411.148 2.18 2.18 0 00-.4.249 2.482 2.482 0 00-.485.499 2.659 2.659 0 00-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 01.466-.636 2.52 2.52 0 01.399-.253 2.19 2.19 0 01.224-.099zm9.784 2.656l.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 00-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 01-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256l-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 00-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z' fill='%23000' fill-opacity='.4' fill-rule='evenodd'/%3E%3Cpath d='M19.63 11.151l-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 01-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 011.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 011.234.231 3.341 3.341 0 01.97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 01-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 00-.807-.872 2.098 2.098 0 00-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 01-1.316 1.399 3.51 3.51 0 01-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 01-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z' fill='%23fff'/%3E%3Cpath d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 01-.856-.346 1.165 1.165 0 01-.346-.856 1.053 1.053 0 01.346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 01.345.79 1.159 1.159 0 01-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 01-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 011.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 011.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 01-1.382 1.366 3.785 3.785 0 01-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 00-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 00.807.872 2.1 2.1 0 001.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 011.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 01-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 011.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 00.938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z' fill='%23e1e3e9'/%3E%3Cg fill-rule='evenodd' stroke-width='1.036'%3E%3Cpath d='M8.166 16.146l-.002.002a1.54 1.54 0 01-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 00-.659.659v1.84a.657.657 0 00.659.659h5.565a.657.657 0 00.659-.659v-1.84a.657.657 0 00-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 00.113.023.286.286 0 00.189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 00.074.047zm-2.52-.548a16.898 16.898 0 01-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 01-1.182 1.315h.15a1.912 1.912 0 011.914 1.914v1.84a1.912 1.912 0 01-1.914 1.914H4.377a1.912 1.912 0 01-1.914-1.914v-1.84a1.912 1.912 0 011.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z' fill='%23000' fill-opacity='.4'/%3E%3Cpath d='M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 01-.189.07.286.286 0 01-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z' fill='%23e1e3e9'/%3E%3Cpath d='M4.377 15.948a.657.657 0 00-.659.659v1.84a.657.657 0 00.659.659h5.565a.657.657 0 00.659-.659v-1.84a.657.657 0 00-.659-.659zm4.83 1.16H5.114v.838h4.093z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
}

a.mapboxgl-ctrl-logo.mapboxgl-compact,
a.maplibregl-ctrl-logo.maplibregl-compact {
    width: 14px
}

@media (-ms-high-contrast:active) {
    a.mapboxgl-ctrl-logo,
    a.maplibregl-ctrl-logo {
        background-color: transparent;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42l-.726 3.663a1.255 1.255 0 01-1.232 1.011h-1.827a1.255 1.255 0 01-1.229-1.509l2.501-12.095a1.255 1.255 0 011.23-1.001h.197a1.255 1.255 0 011.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 011.123-.695h.181a1.255 1.255 0 011.227.991l1.443 6.71a5.11 5.11 0 01.314-.787l.009-.016a4.623 4.623 0 011.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 011.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 011.212.925 1.255 1.255 0 011.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 011.255-1.255h1.86A1.255 1.255 0 0154.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 01-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 011.722-.674 2.43 2.43 0 011.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 011.255-1.255h1.744A1.255 1.255 0 0165.812 4.7v3.335a4.76 4.76 0 011.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 011.67 1.743v-.98a1.255 1.255 0 011.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 011.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 01.689 1.004 4.73 4.73 0 01.853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 01-.947 1.09l.408.952a1.255 1.255 0 01-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 01-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 01-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 01-1.256 1.256h-1.777a1.255 1.255 0 01-1.256-1.256V15.69l-.032.057a4.778 4.778 0 01-1.86 1.833 5.04 5.04 0 01-2.484.634 4.47 4.47 0 01-1.935-.424 1.252 1.252 0 01-.764.258h-1.71a1.255 1.255 0 01-1.256-1.255V7.687a2.402 2.402 0 01-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 01-1.256 1.255h-1.843a1.25 1.25 0 01-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 01-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 01-1.782 1.884 4.767 4.767 0 01-2.485.67 5.6 5.6 0 01-1.485-.188l.009 2.764a1.255 1.255 0 01-1.255 1.259h-1.729a1.255 1.255 0 01-1.255-1.255v-3.537a1.255 1.255 0 01-1.167.793h-1.679a1.25 1.25 0 01-.77-.263 4.47 4.47 0 01-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 01-1.081-.836 1.255 1.255 0 01-1.254 1.312h-1.81a1.255 1.255 0 01-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 01-1.115.676h-.098a1.255 1.255 0 01-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 00-.668-.428l-.27-.12a3.293 3.293 0 00-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 00-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 001.382 1.381 3.883 3.883 0 001.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 00.934-.19 2.17 2.17 0 00.468-.29l.178-.161a2.163 2.163 0 00.397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 00-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 00-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 00-.353-.389.851.851 0 00-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 00.331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 001.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 00-.415.262l-.199.166a3.35 3.35 0 00-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 00-.284.136 1.99 1.99 0 00-.363.254 2.237 2.237 0 00-.46.569l-.082.162a2.56 2.56 0 00-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 00.367.385.937.937 0 00.476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 00-.503.135l-.012.007a.859.859 0 00-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 00.14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 00-.345-.79 1.175 1.175 0 00-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 00-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314l.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 00.316.224l.223.122a3.21 3.21 0 001.44.322 3.785 3.785 0 001.875-.477 3.52 3.52 0 001.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 00-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 00-1.527.344l-.086.043-.165.09a3.412 3.412 0 00-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 00-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 00.566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 00.975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 00-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 00-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 00-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 00.367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 00-.545.063 2.086 2.086 0 00-.411.148 2.18 2.18 0 00-.4.249 2.482 2.482 0 00-.485.499 2.659 2.659 0 00-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 01.466-.636 2.52 2.52 0 01.399-.253 2.19 2.19 0 01.224-.099zm9.784 2.656l.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 00-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 01-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256l-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 00-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z' fill='%23000' fill-opacity='.4' fill-rule='evenodd'/%3E%3Cpath d='M19.63 11.151l-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 01-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 011.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 011.234.231 3.341 3.341 0 01.97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 01-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 00-.807-.872 2.098 2.098 0 00-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 01-1.316 1.399 3.51 3.51 0 01-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 01-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z' fill='%23fff'/%3E%3Cpath d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 01-.856-.346 1.165 1.165 0 01-.346-.856 1.053 1.053 0 01.346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 01.345.79 1.159 1.159 0 01-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 01-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 011.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 011.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 01-1.382 1.366 3.785 3.785 0 01-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 00-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 00.807.872 2.1 2.1 0 001.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 011.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 01-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 011.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 00.938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z' fill='%23e1e3e9'/%3E%3Cg fill-rule='evenodd' stroke-width='1.036'%3E%3Cpath d='M8.166 16.146l-.002.002a1.54 1.54 0 01-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 00-.659.659v1.84a.657.657 0 00.659.659h5.565a.657.657 0 00.659-.659v-1.84a.657.657 0 00-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 00.113.023.286.286 0 00.189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 00.074.047zm-2.52-.548a16.898 16.898 0 01-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 01-1.182 1.315h.15a1.912 1.912 0 011.914 1.914v1.84a1.912 1.912 0 01-1.914 1.914H4.377a1.912 1.912 0 01-1.914-1.914v-1.84a1.912 1.912 0 011.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z' fill='%23000' fill-opacity='.4'/%3E%3Cpath d='M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 01-.189.07.286.286 0 01-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z' fill='%23e1e3e9'/%3E%3Cpath d='M4.377 15.948a.657.657 0 00-.659.659v1.84a.657.657 0 00.659.659h5.565a.657.657 0 00.659-.659v-1.84a.657.657 0 00-.659-.659zm4.83 1.16H5.114v.838h4.093z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {
    a.mapboxgl-ctrl-logo,
    a.maplibregl-ctrl-logo {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42l-.726 3.663a1.255 1.255 0 01-1.232 1.011h-1.827a1.255 1.255 0 01-1.229-1.509l2.501-12.095a1.255 1.255 0 011.23-1.001h.197a1.255 1.255 0 011.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 011.123-.695h.181a1.255 1.255 0 011.227.991l1.443 6.71a5.11 5.11 0 01.314-.787l.009-.016a4.623 4.623 0 011.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 011.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 011.212.925 1.255 1.255 0 011.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 011.255-1.255h1.86A1.255 1.255 0 0154.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 01-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 011.722-.674 2.43 2.43 0 011.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 011.255-1.255h1.744A1.255 1.255 0 0165.812 4.7v3.335a4.76 4.76 0 011.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 011.67 1.743v-.98a1.255 1.255 0 011.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 011.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 01.689 1.004 4.73 4.73 0 01.853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 01-.947 1.09l.408.952a1.255 1.255 0 01-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 01-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 01-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 01-1.256 1.256h-1.777a1.255 1.255 0 01-1.256-1.256V15.69l-.032.057a4.778 4.778 0 01-1.86 1.833 5.04 5.04 0 01-2.484.634 4.47 4.47 0 01-1.935-.424 1.252 1.252 0 01-.764.258h-1.71a1.255 1.255 0 01-1.256-1.255V7.687a2.402 2.402 0 01-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 01-1.256 1.255h-1.843a1.25 1.25 0 01-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 01-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 01-1.782 1.884 4.767 4.767 0 01-2.485.67 5.6 5.6 0 01-1.485-.188l.009 2.764a1.255 1.255 0 01-1.255 1.259h-1.729a1.255 1.255 0 01-1.255-1.255v-3.537a1.255 1.255 0 01-1.167.793h-1.679a1.25 1.25 0 01-.77-.263 4.47 4.47 0 01-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 01-1.081-.836 1.255 1.255 0 01-1.254 1.312h-1.81a1.255 1.255 0 01-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 01-1.115.676h-.098a1.255 1.255 0 01-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 00-.668-.428l-.27-.12a3.293 3.293 0 00-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 00-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 001.382 1.381 3.883 3.883 0 001.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 00.934-.19 2.17 2.17 0 00.468-.29l.178-.161a2.163 2.163 0 00.397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 00-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 00-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 00-.353-.389.851.851 0 00-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 00.331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 001.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 00-.415.262l-.199.166a3.35 3.35 0 00-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 00-.284.136 1.99 1.99 0 00-.363.254 2.237 2.237 0 00-.46.569l-.082.162a2.56 2.56 0 00-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 00.367.385.937.937 0 00.476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 00-.503.135l-.012.007a.859.859 0 00-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 00.14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 00-.345-.79 1.175 1.175 0 00-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 00-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314l.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 00.316.224l.223.122a3.21 3.21 0 001.44.322 3.785 3.785 0 001.875-.477 3.52 3.52 0 001.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 00-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 00-1.527.344l-.086.043-.165.09a3.412 3.412 0 00-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 00-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 00.566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 00.975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 00-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 00-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 00-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 00.367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 00-.545.063 2.086 2.086 0 00-.411.148 2.18 2.18 0 00-.4.249 2.482 2.482 0 00-.485.499 2.659 2.659 0 00-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 01.466-.636 2.52 2.52 0 01.399-.253 2.19 2.19 0 01.224-.099zm9.784 2.656l.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 00-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 01-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256l-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 00-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z' fill='%23000' fill-opacity='.4' fill-rule='evenodd'/%3E%3Cpath d='M19.63 11.151l-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 01-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 011.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 011.234.231 3.341 3.341 0 01.97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 01-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 00-.807-.872 2.098 2.098 0 00-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 01-1.316 1.399 3.51 3.51 0 01-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 01-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z' fill='%23fff'/%3E%3Cpath d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 01-.856-.346 1.165 1.165 0 01-.346-.856 1.053 1.053 0 01.346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 01.345.79 1.159 1.159 0 01-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 01-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 011.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 011.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 01-1.382 1.366 3.785 3.785 0 01-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 00-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 00.807.872 2.1 2.1 0 001.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 011.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 01-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 011.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 00.938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z' fill='%23e1e3e9'/%3E%3Cg fill-rule='evenodd' stroke-width='1.036'%3E%3Cpath d='M8.166 16.146l-.002.002a1.54 1.54 0 01-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 00-.659.659v1.84a.657.657 0 00.659.659h5.565a.657.657 0 00.659-.659v-1.84a.657.657 0 00-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 00.113.023.286.286 0 00.189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 00.074.047zm-2.52-.548a16.898 16.898 0 01-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 01-1.182 1.315h.15a1.912 1.912 0 011.914 1.914v1.84a1.912 1.912 0 01-1.914 1.914H4.377a1.912 1.912 0 01-1.914-1.914v-1.84a1.912 1.912 0 011.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z' fill='%23000' fill-opacity='.4'/%3E%3Cpath d='M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 01-.189.07.286.286 0 01-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z' fill='%23e1e3e9'/%3E%3Cpath d='M4.377 15.948a.657.657 0 00-.659.659v1.84a.657.657 0 00.659.659h5.565a.657.657 0 00.659-.659v-1.84a.657.657 0 00-.659-.659zm4.83 1.16H5.114v.838h4.093z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib,
.maplibregl-ctrl.maplibregl-ctrl-attrib {
    padding: 0 5px;
    background-color: hsla(0, 0%, 100%, .5);
    margin: 0
}

@media screen {
    .mapboxgl-ctrl-attrib.mapboxgl-compact,
    .maplibregl-ctrl-attrib.maplibregl-compact {
        min-height: 20px;
        padding: 2px 24px 2px 0;
        margin: 10px;
        position: relative;
        background-color: #fff;
        border-radius: 12px
    }
    .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
    .maplibregl-ctrl-attrib.maplibregl-compact-show {
        padding: 2px 28px 2px 8px;
        visibility: visible
    }
    .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,
    .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,
    .maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show,
    .maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show {
        padding: 2px 8px 2px 28px;
        border-radius: 12px
    }
    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner,
    .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner {
        display: none
    }
    .mapboxgl-ctrl-attrib-button,
    .maplibregl-ctrl-attrib-button {
        display: none;
        cursor: pointer;
        position: absolute;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");
        background-color: hsla(0, 0%, 100%, .5);
        width: 24px;
        height: 24px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 12px;
        outline: none;
        top: 0;
        right: 0;
        border: 0
    }
    .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,
    .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button,
    .maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,
    .maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button {
        left: 0
    }
    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner,
    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,
    .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner,
    .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button {
        display: block
    }
    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button,
    .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button {
        background-color: rgba(0, 0, 0, .05)
    }
    .mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-bottom-right>.maplibregl-ctrl-attrib.maplibregl-compact:after {
        bottom: 0;
        right: 0
    }
    .mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact:after {
        top: 0;
        right: 0
    }
    .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact:after {
        top: 0;
        left: 0
    }
    .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact:after {
        bottom: 0;
        left: 0
    }
}

@media screen and (-ms-high-contrast:active) {
    .mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-attrib.maplibregl-compact:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E")
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-attrib.maplibregl-compact:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl-attrib a,
.maplibregl-ctrl-attrib a {
    color: rgba(0, 0, 0, .75);
    text-decoration: none
}

.mapboxgl-ctrl-attrib a:hover,
.maplibregl-ctrl-attrib a:hover {
    color: inherit;
    text-decoration: underline
}

.mapboxgl-ctrl-attrib .mapbox-improve-map,
.maplibregl-ctrl-attrib .mapbox-improve-map {
    font-weight: 700;
    margin-left: 2px
}

.mapboxgl-attrib-empty,
.maplibregl-attrib-empty {
    display: none
}

.mapboxgl-ctrl-scale,
.maplibregl-ctrl-scale {
    background-color: hsla(0, 0%, 100%, .75);
    font-size: 10px;
    border: 2px solid #333;
    border-top: #333;
    padding: 0 5px;
    color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mapboxgl-popup,
.maplibregl-popup {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    will-change: transform;
    pointer-events: none
}

.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right,
.maplibregl-popup-anchor-top,
.maplibregl-popup-anchor-top-left,
.maplibregl-popup-anchor-top-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right,
.maplibregl-popup-anchor-bottom,
.maplibregl-popup-anchor-bottom-left,
.maplibregl-popup-anchor-bottom-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.mapboxgl-popup-anchor-left,
.maplibregl-popup-anchor-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.mapboxgl-popup-anchor-right,
.maplibregl-popup-anchor-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mapboxgl-popup-tip,
.maplibregl-popup-tip {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    z-index: 1
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.maplibregl-popup-anchor-top .maplibregl-popup-tip {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-top: none;
    border-bottom-color: #fff
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.maplibregl-popup-anchor-top-left .maplibregl-popup-tip {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-top: none;
    border-left: none;
    border-bottom-color: #fff
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip,
.maplibregl-popup-anchor-top-right .maplibregl-popup-tip {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    border-top: none;
    border-right: none;
    border-bottom-color: #fff
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.maplibregl-popup-anchor-bottom .maplibregl-popup-tip {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-bottom: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-bottom: none;
    border-left: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip,
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    border-bottom: none;
    border-right: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip,
.maplibregl-popup-anchor-left .maplibregl-popup-tip {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-left: none;
    border-right-color: #fff
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip,
.maplibregl-popup-anchor-right .maplibregl-popup-tip {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-right: none;
    border-left-color: #fff
}

.mapboxgl-popup-close-button,
.maplibregl-popup-close-button {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0 3px 0 0;
    cursor: pointer;
    background-color: transparent
}

.mapboxgl-popup-close-button:hover,
.maplibregl-popup-close-button:hover {
    background-color: rgba(0, 0, 0, .05)
}

.mapboxgl-popup-content,
.maplibregl-popup-content {
    position: relative;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    padding: 10px 10px 15px;
    pointer-events: auto
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content,
.maplibregl-popup-anchor-top-left .maplibregl-popup-content {
    border-top-left-radius: 0
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content,
.maplibregl-popup-anchor-top-right .maplibregl-popup-content {
    border-top-right-radius: 0
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content,
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content {
    border-bottom-left-radius: 0
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content,
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content {
    border-bottom-right-radius: 0
}

.mapboxgl-popup-track-pointer,
.maplibregl-popup-track-pointer {
    display: none
}

.mapboxgl-popup-track-pointer *,
.maplibregl-popup-track-pointer * {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mapboxgl-map:hover .mapboxgl-popup-track-pointer,
.maplibregl-map:hover .maplibregl-popup-track-pointer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mapboxgl-map:active .mapboxgl-popup-track-pointer,
.maplibregl-map:active .maplibregl-popup-track-pointer {
    display: none
}

.mapboxgl-marker,
.maplibregl-marker {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform
}

.mapboxgl-user-location-dot,
.maplibregl-user-location-dot {
    background-color: #1da1f2;
    width: 15px;
    height: 15px;
    border-radius: 50%
}

.mapboxgl-user-location-dot:before,
.maplibregl-user-location-dot:before {
    background-color: #1da1f2;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    -webkit-animation: maplibregl-user-location-dot-pulse 2s infinite;
    animation: maplibregl-user-location-dot-pulse 2s infinite
}

.mapboxgl-user-location-dot:after,
.maplibregl-user-location-dot:after {
    border-radius: 50%;
    border: 2px solid #fff;
    content: "";
    height: 19px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 19px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .35);
    box-shadow: 0 0 3px rgba(0, 0, 0, .35)
}

@-webkit-keyframes maplibregl-user-location-dot-pulse {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    70% {
        -webkit-transform: scale(3);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes maplibregl-user-location-dot-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    70% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.mapboxgl-user-location-dot-stale,
.maplibregl-user-location-dot-stale {
    background-color: #aaa
}

.mapboxgl-user-location-dot-stale:after,
.maplibregl-user-location-dot-stale:after {
    display: none
}

.mapboxgl-user-location-accuracy-circle,
.maplibregl-user-location-accuracy-circle {
    background-color: rgba(29, 161, 242, .2);
    width: 1px;
    height: 1px;
    border-radius: 100%
}

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active,
.maplibregl-crosshair,
.maplibregl-crosshair .maplibregl-interactive,
.maplibregl-crosshair .maplibregl-interactive:active {
    cursor: crosshair
}

.mapboxgl-boxzoom,
.maplibregl-boxzoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: #fff;
    border: 2px dotted #202020;
    opacity: .5
}

@media print {
    .mapbox-improve-map {
        display: none
    }
}

:root {
    font-size: 10px;
    --transition-short: .1s;
    --transition-standard: .3s
}

@media (prefers-reduced-motion) {
    :root {
        --transition-short: 0;
        --transition-standard: 0
    }
}

html {
    height: 100%;
    overflow: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

body {
    font-family: Nunito, Twemoji, Apple Color Emoji, Segoe UI Emoji, Arial, Helvetica, sans-serif, Noto Color Emoji;
    font-family: var(--font-family, "Nunito", "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Arial", "Helvetica", sans-serif, "Noto Color Emoji");
    font-size: 1.5rem;
    background-color: var(--timeline-background-color);
    color: var(--timeline-text-color);
    border: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

code,
pre {
    font-family: Inconsolata, Twemoji, Apple Color Emoji, Segoe UI Emoji, Courier, monospace, Noto Color Emoji;
    font-family: var(--font-family-monospace, "Inconsolata", "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Courier", monospace, "Noto Color Emoji");
    font-size: 100%!important
}

.error,
.text-error,
.text-warning,
.warning {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.text-success {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.text-muted {
    color: #a1b2d1
}

b {
    font-weight: 700
}

h2 {
    color: var(--timeline-text-color);
    font-weight: 400;
    font-size: 1.8rem;
    margin-top: 16px;
    margin-bottom: 16px
}

a:hover,
a:link,
a:visited {
    color: var(--primary-color)
}

input[type=password],
input[type=search],
input[type=text] {
    font-family: inherit;
    padding: 9px;
    font-size: 1.4rem;
    font-weight: 600;
    min-width: 0
}

input[type=search].mx_textinput_icon,
input[type=text].mx_textinput_icon {
    padding-left: 36px;
    background-repeat: no-repeat;
    background-position: 10px
}

input[type=search].mx_textinput_icon.mx_textinput_search,
input[type=text].mx_textinput_icon.mx_textinput_search {
    background-image: url(https://element.anontier.nl/../img/feather-customised/search-input.044bfa7.svg)
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    opacity: 1
}

input[type=password],
input[type=text],
textarea {
    background-color: transparent;
    color: var(--timeline-text-color)
}

textarea {
    color: var(--timeline-text-color)
}

input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

:focus:not(.focus-visible) {
    outline: none
}

fieldset {
    display: inline-block;
    margin-inline: unset;
    padding-block: unset;
    min-inline-size: unset
}

fieldset,
legend {
    padding-inline: unset;
    border: none
}

.mx_Dialog .mx_textinput>input[type=search],
.mx_Dialog .mx_textinput>input[type=text],
.mx_MatrixChat_wrapper .mx_textinput>input[type=search],
.mx_MatrixChat_wrapper .mx_textinput>input[type=text] {
    border: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--timeline-text-color)
}

.mx_Dialog .mx_textinput,
.mx_Dialog :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=search],
.mx_Dialog :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=text],
.mx_MatrixChat_wrapper .mx_textinput,
.mx_MatrixChat_wrapper :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=search],
.mx_MatrixChat_wrapper :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=text] {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    color: #61708b;
    border-radius: 4px;
    border: 1px solid rgba(var(--timeline-text-color), .1);
    margin: 9px
}

.mx_Dialog .mx_textinput,
.mx_MatrixChat_wrapper .mx_textinput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_Dialog .mx_textinput input::-webkit-input-placeholder,
.mx_Dialog :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=search]::-webkit-input-placeholder,
.mx_Dialog :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=text]::-webkit-input-placeholder,
.mx_MatrixChat_wrapper .mx_textinput input::-webkit-input-placeholder,
.mx_MatrixChat_wrapper :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=search]::-webkit-input-placeholder,
.mx_MatrixChat_wrapper :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=text]::-webkit-input-placeholder {
    color: rgba(97, 112, 139, .75)
}

.mx_Dialog .mx_textinput input::-moz-placeholder,
.mx_Dialog :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=search]::-moz-placeholder,
.mx_Dialog :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=text]::-moz-placeholder,
.mx_MatrixChat_wrapper .mx_textinput input::-moz-placeholder,
.mx_MatrixChat_wrapper :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=search]::-moz-placeholder,
.mx_MatrixChat_wrapper :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=text]::-moz-placeholder {
    color: rgba(97, 112, 139, .75)
}

.mx_Dialog .mx_textinput input:-ms-input-placeholder,
.mx_Dialog :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=search]:-ms-input-placeholder,
.mx_Dialog :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=text]:-ms-input-placeholder,
.mx_MatrixChat_wrapper .mx_textinput input:-ms-input-placeholder,
.mx_MatrixChat_wrapper :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=search]:-ms-input-placeholder,
.mx_MatrixChat_wrapper :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=text]:-ms-input-placeholder {
    color: rgba(97, 112, 139, .75)
}

.mx_Dialog .mx_textinput input::-ms-input-placeholder,
.mx_Dialog :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=search]::-ms-input-placeholder,
.mx_Dialog :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=text]::-ms-input-placeholder,
.mx_MatrixChat_wrapper .mx_textinput input::-ms-input-placeholder,
.mx_MatrixChat_wrapper :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=search]::-ms-input-placeholder,
.mx_MatrixChat_wrapper :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=text]::-ms-input-placeholder {
    color: rgba(97, 112, 139, .75)
}

.mx_Dialog .mx_textinput input::placeholder,
.mx_Dialog :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=search]::placeholder,
.mx_Dialog :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=text]::placeholder,
.mx_MatrixChat_wrapper .mx_textinput input::placeholder,
.mx_MatrixChat_wrapper :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=search]::placeholder,
.mx_MatrixChat_wrapper :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=text]::placeholder {
    color: rgba(97, 112, 139, .75)
}

.dark-panel {
    background-color: var(--roomlist-background-color)
}

.dark-panel .mx_textinput,
.dark-panel :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=search],
.dark-panel :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=text] {
    color: #61708b;
    background-color: var(--timeline-background-color);
    border: none
}

.light-panel .mx_textinput,
.light-panel :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=search],
.light-panel :not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput)>input[type=text] {
    color: #61708b;
    background-color: var(--roomlist-background-color);
    border: none
}

::-moz-focus-inner {
    border: 0
}

#mx_theme_accentColor {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

#mx_theme_secondaryAccentColor {
    color: var(--roomlist-background-color)
}

.mx_Dialog_wrapper {
    position: fixed;
    z-index: 4000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_Dialog {
    background-color: var(--timeline-background-color);
    color: var(--timeline-text-secondary-color);
    z-index: 4012;
    font-weight: 300;
    font-size: 1.5rem;
    position: relative;
    padding: 24px;
    max-height: 80%;
    -webkit-box-shadow: 2px 15px 30px 0 rgba(0, 0, 0, .48);
    box-shadow: 2px 15px 30px 0 rgba(0, 0, 0, .48);
    border-radius: 8px;
    overflow-y: auto
}

.mx_Dialog_fixedWidth {
    width: 60vw;
    max-width: 704px
}

.mx_Dialog_staticWrapper .mx_Dialog {
    z-index: 4010;
    contain: content
}

.mx_Dialog_background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--sidebar-color-50pct);
    opacity: .8;
    z-index: 4011
}

.mx_Dialog_background.mx_Dialog_staticBackground {
    z-index: 4009
}

.mx_Dialog_wrapperWithStaticUnder .mx_Dialog_background {
    opacity: .4
}

.mx_Dialog_lightbox .mx_Dialog_background {
    opacity: .85;
    background-color: #000;
    -webkit-animation-name: mx_Dialog_lightbox_background_keyframes;
    animation-name: mx_Dialog_lightbox_background_keyframes;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.mx_Dialog_lightbox .mx_Dialog {
    border-radius: 0;
    background-color: transparent;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    padding: 0
}

.mx_Dialog_header {
    position: relative;
    margin-bottom: 10px
}

.mx_Dialog_titleImage {
    vertical-align: sub;
    width: 25px;
    height: 25px;
    margin-left: -2px;
    margin-right: 4px
}

.mx_Dialog_title {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 3.6rem;
    color: var(--timeline-text-color)
}

.mx_Dialog_header.mx_Dialog_headerWithButton>.mx_Dialog_title {
    text-align: center
}

.mx_Dialog_header.mx_Dialog_headerWithCancel>.mx_Dialog_title {
    margin-right: 20px
}

.mx_Dialog_title.danger {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_Dialog_cancelButton {
    -webkit-mask: url(https://element.anontier.nl/../img/feather-customised/cancel.23c2689.svg);
    mask: url(https://element.anontier.nl/../img/feather-customised/cancel.23c2689.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 14px;
    height: 14px;
    background-color: #9fa9ba;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 0
}

.mx_Dialog_content {
    margin: 24px 0 68px;
    font-size: 1.4rem;
    color: var(--timeline-text-color);
    word-wrap: break-word
}

.mx_Dialog_buttons {
    margin-top: 20px;
    text-align: right
}

.mx_Dialog_buttons .mx_Dialog_buttons_additive {
    float: left
}

.mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton),
.mx_Dialog_buttons input[type=submit],
.mx_Dialog button:not(.mx_Dialog_nonDialogButton),
.mx_Dialog input[type=submit] {
    vertical-align: middle;
    border-radius: 8px;
    font-family: Nunito, Twemoji, Apple Color Emoji, Segoe UI Emoji, Arial, Helvetica, sans-serif, Noto Color Emoji;
    font-family: var(--font-family, "Nunito", "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Arial", "Helvetica", sans-serif, "Noto Color Emoji");
    font-size: 1.4rem;
    color: #fff;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    width: auto;
    padding: 7px 1.5em;
    cursor: pointer;
    display: inline-block;
    outline: none;
    margin-left: 0;
    margin-right: 8px;
    margin-bottom: 5px;
    font-weight: 600;
    border: 1px solid #0dbd8b;
    border: 1px solid var(--accent, #0dbd8b);
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    background-color: var(--timeline-background-color);
    font-family: inherit
}

.mx_Dialog button:not(.mx_Dialog_nonDialogButton):last-child {
    margin-right: 0
}

.mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton):focus,
.mx_Dialog_buttons input[type=submit]:focus,
.mx_Dialog button:not(.mx_Dialog_nonDialogButton):focus,
.mx_Dialog input[type=submit]:focus {
    -webkit-filter: brightness(105%);
    filter: brightness(105%)
}

.mx_Dialog_buttons button.mx_Dialog_primary,
.mx_Dialog_buttons input[type=submit].mx_Dialog_primary,
.mx_Dialog button.mx_Dialog_primary,
.mx_Dialog input[type=submit].mx_Dialog_primary {
    color: #fff;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    min-width: 156px
}

.mx_Dialog_buttons button.danger,
.mx_Dialog_buttons input[type=submit].danger,
.mx_Dialog button.danger,
.mx_Dialog input[type=submit].danger {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55);
    border: 1px solid #ff5b55;
    border: 1px solid var(--alert, #ff5b55);
    color: #fff
}

.mx_Dialog button.warning,
.mx_Dialog input[type=submit].warning {
    border: 1px solid #ff5b55;
    border: 1px solid var(--alert, #ff5b55);
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_Dialog_buttons button:not(.mx_Dialog_nonDialogButton):disabled,
.mx_Dialog_buttons input[type=submit]:disabled,
.mx_Dialog button:not(.mx_Dialog_nonDialogButton):disabled,
.mx_Dialog input[type=submit]:disabled {
    background-color: var(--timeline-text-secondary-color);
    border: 1px solid var(--timeline-text-secondary-color);
    opacity: .7
}

.mx_Dialog_wrapper.mx_Dialog_spinner .mx_Dialog {
    width: auto;
    border-radius: 8px;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow-x: hidden;
    overflow-y: hidden
}

.mx_DialogDesignChanges_wrapper .mx_Dialog_fixedWidth {
    max-width: 636px
}

.mx_DialogDesignChanges_wrapper .mx_Dialog_fixedWidth .mx_AccessibleButton_kind_link {
    font-size: inherit;
    padding: 0
}

.mx_GeneralButton {
    vertical-align: middle;
    border: 0;
    border-radius: 8px;
    font-family: Nunito, Twemoji, Apple Color Emoji, Segoe UI Emoji, Arial, Helvetica, sans-serif, Noto Color Emoji;
    font-family: var(--font-family, "Nunito", "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Arial", "Helvetica", sans-serif, "Noto Color Emoji");
    font-size: 1.4rem;
    color: #fff;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    width: auto;
    padding: 7px 1.5em;
    cursor: pointer;
    display: inline-block;
    outline: none;
    display: inline;
    margin: auto
}

.mx_linkButton {
    cursor: pointer;
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_TextInputDialog_label {
    text-align: left;
    padding-bottom: 12px
}

.mx_TextInputDialog_input {
    font-size: 1.5rem;
    border-radius: 3px;
    border: 1px solid #e7e7e7;
    padding: 9px;
    color: var(--timeline-text-color);
    background-color: var(--timeline-background-color)
}

.mx_textButton {
    vertical-align: middle;
    border: 0;
    border-radius: 8px;
    font-family: Nunito, Twemoji, Apple Color Emoji, Segoe UI Emoji, Arial, Helvetica, sans-serif, Noto Color Emoji;
    font-family: var(--font-family, "Nunito", "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Arial", "Helvetica", sans-serif, "Noto Color Emoji");
    font-size: 1.4rem;
    color: #fff;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    width: auto;
    cursor: pointer;
    display: inline-block;
    outline: none;
    font-size: 1.5rem;
    padding: 0 1.5em
}

.mx_button_row {
    margin-top: 69px
}

.mx_Username_color1 {
    color: #368bd6;
    color: var(--username-colors_0, #368bd6)
}

.mx_Username_color2 {
    color: #ac3ba8;
    color: var(--username-colors_1, #ac3ba8)
}

.mx_Username_color3 {
    color: var(--accent-color);
    color: var(--username-colors_2, var(--accent-color))
}

.mx_Username_color4 {
    color: #e64f7a;
    color: var(--username-colors_3, #e64f7a)
}

.mx_Username_color5 {
    color: #ff812d;
    color: var(--username-colors_4, #ff812d)
}

.mx_Username_color6 {
    color: #2dc2c5;
    color: var(--username-colors_5, #2dc2c5)
}

.mx_Username_color7 {
    color: #5c56f5;
    color: var(--username-colors_6, #5c56f5)
}

.mx_Username_color8 {
    color: #74d12c;
    color: var(--username-colors_7, #74d12c)
}

.mx_Tooltip_dark .mx_Tooltip_chevron:after {
    border-right-color: var(--sidebar-color)
}

html {
    scrollbar-color: hsla(0, 0%, 100%, .2) transparent
}

* {
    scrollbar-width: thin
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: hsla(0, 0%, 100%, .2)
}

.mx_AutoHideScrollbar:hover {
    scrollbar-color: hsla(0, 0%, 100%, .2) transparent
}

.mx_AutoHideScrollbar:hover::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .2)
}

.mx_AutoHideScrollbar {
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.mx_AutoHideScrollbar::-webkit-scrollbar,
.mx_AutoHideScrollbar::-webkit-scrollbar-thumb {
    background-color: transparent
}

.mx_AutoHideScrollbar {
    scrollbar-color: transparent transparent
}

.mx_BackdropPanel {
    height: 100vh;
    width: 100%;
    -webkit-filter: blur(var(--lp-background-blur));
    filter: blur(var(--lp-background-blur));
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.mx_BackdropPanel,
.mx_BackdropPanel--image {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.mx_BackdropPanel--image {
    min-height: 100%;
    z-index: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx_CompatibilityPage {
    width: 100%;
    height: 100%;
    background-color: #e55
}

.mx_CompatibilityPage_box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 500px;
    height: 300px;
    border: 1px solid;
    padding: 10px;
    background-color: #fcc
}

.mx_ContextualMenu_wrapper {
    position: fixed;
    z-index: 5000
}

.mx_ContextualMenu_background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1
}

.mx_ContextualMenu {
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 12px 0 #181b21;
    box-shadow: 4px 4px 12px 0 #181b21;
    background-color: var(--timeline-background-color);
    color: var(--timeline-text-color);
    position: absolute;
    font-size: 1.4rem;
    z-index: 5001;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.mx_ContextualMenu_right {
    right: 0
}

.mx_ContextualMenu.mx_ContextualMenu_withChevron_right {
    right: 8px
}

.mx_ContextualMenu_chevron_right {
    position: absolute;
    right: -8px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid var(--timeline-background-color);
    border-bottom: 8px solid transparent
}

.mx_ContextualMenu_left {
    left: 0
}

.mx_ContextualMenu.mx_ContextualMenu_withChevron_left {
    left: 8px
}

.mx_ContextualMenu_chevron_left {
    position: absolute;
    left: -8px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid var(--timeline-background-color);
    border-bottom: 8px solid transparent
}

.mx_ContextualMenu_top {
    top: 0
}

.mx_ContextualMenu.mx_ContextualMenu_withChevron_top {
    top: 8px
}

.mx_ContextualMenu_chevron_top {
    position: absolute;
    left: 0;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 8px solid var(--timeline-background-color);
    border-right: 8px solid transparent
}

.mx_ContextualMenu_bottom {
    bottom: 0
}

.mx_ContextualMenu.mx_ContextualMenu_withChevron_bottom {
    bottom: 8px
}

.mx_ContextualMenu_chevron_bottom {
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 8px solid var(--timeline-background-color);
    border-right: 8px solid transparent
}

.mx_ContextualMenu_rightAligned {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.mx_ContextualMenu_bottomAligned {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.mx_CreateRoom {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    color: var(--timeline-text-color)
}

.mx_CreateRoom input,
.mx_CreateRoom textarea {
    border-radius: 3px;
    border: 1px solid #c7c7c7;
    font-weight: 300;
    font-size: 1.3rem;
    padding: 9px;
    margin-top: 6px
}

.mx_CreateRoom_description {
    width: 330px
}

.mx_CustomRoomTagPanel {
    background-color: var(--sidebar-color);
    max-height: 40vh
}

.mx_CustomRoomTagPanel_scroller {
    max-height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_CustomRoomTagPanel .mx_AccessibleButton {
    margin: 0 auto;
    width: 40px;
    padding: 10px 0 9px;
    position: relative
}

.mx_CustomRoomTagPanel .mx_BaseAvatar_image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px
}

.mx_CustomRoomTagPanel .mx_AccessibleButton.CustomRoomTagPanel_tileSelected:before {
    content: "";
    height: 56px;
    background-color: var(--primary-color);
    width: 5px;
    position: absolute;
    left: -9px;
    border-radius: 0 3px 3px 0;
    top: 5px
}

.mx_FilePanel {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_FilePanel .mx_RoomView_messageListWrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_FilePanel .mx_RoomView_MessageList {
    width: 100%
}

.mx_FilePanel .mx_EventTile_avatar,
.mx_FilePanel .mx_RoomView_MessageList h2 {
    display: none
}

.mx_FilePanel .mx_EventTile:not([data-layout=bubble]) {
    word-break: break-word;
    margin-top: 10px;
    padding-top: 0
}

.mx_FilePanel .mx_EventTile:not([data-layout=bubble]) .mx_EventTile_line {
    padding-left: 0
}

.mx_FilePanel .mx_EventTile .mx_MImageBody {
    margin-right: 0
}

.mx_FilePanel .mx_EventTile .mx_MFileBody {
    line-height: 2.4rem
}

.mx_FilePanel .mx_EventTile .mx_MFileBody_download {
    padding-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    color: #a1b2d1
}

.mx_FilePanel .mx_EventTile .mx_MFileBody_downloadLink {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: var(--timeline-text-secondary-color)
}

.mx_FilePanel .mx_EventTile .mx_MImageBody_size {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    font-size: 1.4rem;
    text-align: right;
    white-space: nowrap
}

.mx_FilePanel .mx_EventTile_senderDetails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -2px
}

.mx_FilePanel .mx_EventTile_senderDetailsLink {
    text-decoration: none
}

.mx_FilePanel .mx_EventTile .mx_SenderProfile {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: normal;
    padding: 0;
    font-size: 1.4rem;
    opacity: 1;
    color: #a1b2d1
}

.mx_FilePanel .mx_EventTile .mx_MessageTimestamp {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    text-align: right;
    visibility: visible;
    position: static;
    font-size: 1.4rem;
    opacity: 1;
    color: #a1b2d1
}

.mx_FilePanel .mx_EventTile_line {
    margin-right: 0;
    padding-left: 0
}

.mx_FilePanel .mx_EventTile_selected .mx_EventTile_line {
    padding-left: 0
}

.mx_FilePanel_empty:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/files.5709c0c.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/files.5709c0c.svg)
}

.mx_GenericErrorPage {
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_GenericErrorPage_box {
    display: inline;
    width: 500px;
    min-height: 125px;
    border: 1px solid #f22;
    padding: 10px 10px 20px;
    background-color: #fcc
}

.mx_GroupFilterPanelContainer {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 56px;
    height: 100%;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_GroupFilterPanel,
.mx_GroupFilterPanelContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.mx_GroupFilterPanel {
    z-index: 1;
    background-color: var(--sidebar-color);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 0
}

.mx_GroupFilterPanel_items_selected {
    cursor: pointer
}

.mx_GroupFilterPanel .mx_GroupFilterPanel_divider {
    height: 0;
    width: 90%;
    border: none;
    border-bottom: 1px solid #edf3ff;
    border-bottom: 1px solid var(--tertiary-content, #edf3ff)
}

.mx_GroupFilterPanel .mx_GroupFilterPanel_scroller {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

.mx_GroupFilterPanel .mx_GroupFilterPanel_tagTileContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 6px
}

.mx_GroupFilterPanel .mx_GroupFilterPanel_tagTileContainer>div {
    margin: 6px 0
}

.mx_GroupFilterPanel .mx_TagTile {
    position: relative
}

.mx_GroupFilterPanel .mx_TagTile.mx_TagTile_prototype {
    padding: 3px
}

.mx_GroupFilterPanel .mx_TagTile.mx_TagTile_selected_prototype {
    background-color: var(--timeline-background-color);
    border-radius: 6px
}

.mx_TagTile_selected_prototype .mx_TagTile_homeIcon:before {
    background-color: var(--timeline-text-color)
}

.mx_TagTile:not(.mx_TagTile_selected_prototype) .mx_TagTile_homeIcon {
    background-color: var(--timeline-text-secondary-color);
    border-radius: 48px
}

.mx_TagTile:not(.mx_TagTile_selected_prototype) .mx_TagTile_homeIcon:before {
    background-color: #edf3ff
}

.mx_TagTile_homeIcon {
    width: 32px;
    height: 32px;
    position: relative
}

.mx_TagTile_homeIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/home.b706c0e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/home.b706c0e.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 21px;
    mask-size: 21px;
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 16px)
}

.mx_GroupFilterPanel .mx_TagTile_plus {
    margin-bottom: 12px;
    height: 32px;
    width: 32px;
    border-radius: 20px;
    background-color: var(--timeline-text-secondary-color);
    position: relative;
    display: block!important
}

.mx_GroupFilterPanel .mx_TagTile_plus:before {
    background-color: #edf3ff;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/plus.38ae979.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/plus.38ae979.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mx_GroupFilterPanel .mx_TagTile.mx_TagTile_selected:before {
    content: "";
    height: 100%;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    width: 4px;
    position: absolute;
    left: -12px;
    border-radius: 0 3px 3px 0
}

.mx_GroupFilterPanel .mx_TagTile.mx_AccessibleButton:focus {
    -webkit-filter: none;
    filter: none
}

.mx_TagTile_tooltip {
    position: relative;
    top: -30px;
    left: 5px
}

.mx_TagTile_context_button {
    min-width: 15px;
    height: 15px;
    position: absolute;
    right: -5px;
    top: -8px;
    border-radius: 8px;
    background-color: #dbdbdb;
    color: #000;
    font-weight: 600;
    font-size: 1rem;
    text-align: center;
    padding-top: 1px;
    padding-left: 4px;
    padding-right: 4px
}

.mx_TagTile_avatar {
    position: relative
}

.mx_TagTile_badge {
    position: absolute;
    right: -4px;
    top: -2px;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 0 5px;
    background-color: #a1b2d1
}

.mx_TagTile_badgeHighlight {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_GroupView {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.mx_GroupView_error {
    margin: auto
}

.mx_GroupView_header {
    min-height: 52px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
    padding-left: 19px
}

.mx_GroupView_header_view {
    border-bottom: 1px solid var(--roomlist-separator-color);
    padding-bottom: 0;
    padding-right: 8px
}

.mx_GroupView_header_avatar,
.mx_GroupView_header_info {
    display: table-cell;
    vertical-align: middle
}

.mx_GroupHeader_button {
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    height: 20px;
    width: 20px
}

.mx_GroupHeader_button:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: #a1b2d1;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.mx_GroupHeader_editButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg)
}

.mx_GroupHeader_shareButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/share.54dc3fb.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/share.54dc3fb.svg)
}

.mx_GroupView_hostingSignup img {
    margin-left: 5px
}

.mx_GroupView_editable {
    border-bottom: 1px solid #c7c7c7!important;
    min-width: 150px;
    cursor: text
}

.mx_GroupView_editable:focus {
    border-bottom: 1px solid #0dbd8b!important;
    border-bottom: 1px solid var(--accent, #0dbd8b)!important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mx_GroupView_header_isUserMember .mx_GroupView_header_name:hover div:not(.mx_GroupView_editable) {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    cursor: pointer
}

.mx_GroupView_avatarPicker {
    position: relative
}

.mx_GroupView_avatarPicker_edit {
    position: absolute;
    top: 50px;
    left: 15px
}

.mx_GroupView_avatarPicker .mx_Spinner {
    width: 48px;
    height: 48px!important
}

.mx_GroupView_header_leftCol {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.mx_GroupView_header_rightCol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_GroupView_textButton {
    display: inline-block
}

.mx_GroupView_header_groupid {
    font-weight: 400;
    font-size: medium;
    padding-left: 10px
}

.mx_GroupView_header_name {
    vertical-align: middle;
    width: 100%;
    height: 31px;
    font-weight: 700;
    font-size: 2.2rem;
    padding-right: 16px
}

.mx_GroupView_header_name,
.mx_GroupView_header_shortDesc {
    overflow: hidden;
    color: var(--timeline-text-color);
    padding-left: 19px;
    text-overflow: ellipsis;
    border-bottom: 1px solid transparent
}

.mx_GroupView_header_shortDesc {
    vertical-align: bottom;
    float: left;
    max-height: 42px;
    font-weight: 300;
    font-size: 1.3rem;
    margin-right: 16px
}

.mx_GroupView_avatarPicker_label {
    cursor: pointer
}

.mx_GroupView_cancelButton {
    padding-left: 8px
}

.mx_GroupView_cancelButton img {
    position: relative;
    top: 5px
}

.mx_GroupView input[type=radio] {
    margin: 10px 10px 0
}

.mx_GroupView_label_text {
    display: inline-block;
    max-width: 80%;
    vertical-align: .1em;
    line-height: 2em
}

.mx_GroupView_body {
    margin: 0 24px
}

.mx_GroupView_body,
.mx_GroupView_rooms {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_GroupView_rooms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 200px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx_GroupView h3 {
    text-transform: uppercase;
    color: #edf3ff;
    font-weight: 600;
    font-size: 1.3rem;
    margin-bottom: 10px
}

.mx_GroupView_rooms_header .mx_AccessibleButton {
    padding-left: 14px;
    margin-bottom: 14px;
    height: 24px
}

.mx_GroupView_group {
    border-top: 1px solid var(--roomlist-separator-color)
}

.mx_GroupView_group_disabled {
    opacity: .3;
    pointer-events: none
}

.mx_GroupView_rooms_header_addRow_button {
    display: inline-block
}

.mx_GroupView_rooms_header_addRow_button object {
    pointer-events: none
}

.mx_GroupView_rooms_header_addRow_label {
    display: inline-block;
    vertical-align: top;
    line-height: 2.4rem;
    padding-left: 28px;
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_GroupView_rooms .mx_RoomDetailList {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-top: 1px solid var(--roomlist-separator-color);
    padding-top: 10px;
    word-break: break-word
}

.mx_GroupView .mx_RoomView_messageListWrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mx_GroupView_membershipSection {
    color: var(--timeline-text-secondary-color);
    margin-top: 10px
}

.mx_GroupView_membershipSubSection {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 8px
}

.mx_GroupView_membershipSubSection .mx_Spinner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mx_GroupView_membershipSection_description {
    line-height: 3.4rem
}

.mx_GroupView_membershipSection_description .mx_BaseAvatar {
    margin-right: 10px
}

.mx_GroupView_membershipSection .mx_GroupView_textButton {
    margin-right: 0;
    margin-top: 0;
    margin-left: 8px
}

.mx_GroupView_memberSettings_toggle label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx_GroupView_memberSettings input {
    margin-right: 6px
}

.mx_GroupView_featuredThings {
    margin-top: 20px
}

.mx_GroupView_featuredThings_header {
    font-weight: 700;
    font-size: 120%;
    margin-bottom: 20px
}

.mx_GroupView_featuredThings_category {
    font-weight: 700;
    font-size: 110%;
    margin-top: 10px
}

.mx_GroupView_featuredThings_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_GroupView_featuredThing,
.mx_GroupView_featuredThings_addButton {
    display: table-cell;
    text-align: center;
    width: 100px;
    margin: 0 20px
}

.mx_GroupView_featuredThing {
    position: relative
}

.mx_GroupView_featuredThing .mx_GroupView_featuredThing_deleteButton {
    position: absolute;
    top: -7px;
    right: 11px;
    opacity: .4
}

.mx_GroupView_featuredThing .mx_BaseAvatar {
    vertical-align: baseline;
    vertical-align: initial
}

.mx_GroupView_featuredThings_addButton object {
    pointer-events: none
}

.mx_GroupView_featuredThing_name {
    word-wrap: break-word
}

.mx_GroupView_uploadInput {
    display: none
}

.mx_GroupView_body .mx_AutoHideScrollbar>* {
    margin: 11px 50px 50px 68px
}

.mx_GroupView_groupDesc textarea {
    width: 100%;
    max-width: 100%;
    height: 150px
}

.mx_GroupView_changeDelayWarning,
.mx_GroupView_groupDesc_placeholder {
    background-color: #22262e;
    color: var(--timeline-text-secondary-color);
    border-radius: 10px;
    text-align: center;
    margin: 20px 0
}

.mx_GroupView_groupDesc_placeholder {
    padding: 100px 20px;
    cursor: pointer
}

.mx_GroupView_changeDelayWarning {
    padding: 40px 20px
}

.mx_GroupView_spaceUpgradePrompt {
    padding: 16px 50px;
    background-color: var(--roomlist-background-color);
    border-radius: 8px;
    max-width: 632px;
    font-size: 1.5rem;
    line-height: 2.4rem;
    margin-top: 24px;
    position: relative
}

.mx_GroupView_spaceUpgradePrompt>h2 {
    font-size: inherit;
    font-weight: 600
}

.mx_GroupView_spaceUpgradePrompt>p,
.mx_GroupView_spaceUpgradePrompt h2 {
    margin: 0
}

.mx_GroupView_spaceUpgradePrompt:before {
    content: "";
    position: absolute;
    height: 2.4rem;
    width: 20px;
    left: 18px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/room-summary.1ad0865.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/room-summary.1ad0865.svg);
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_GroupView_spaceUpgradePrompt .mx_AccessibleButton_kind_link {
    padding: 0
}

.mx_GroupView_spaceUpgradePrompt .mx_GroupView_spaceUpgradePrompt_close {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: var(--roomlist-separator-color);
    position: absolute;
    top: 16px;
    right: 16px
}

.mx_GroupView_spaceUpgradePrompt .mx_GroupView_spaceUpgradePrompt_close:before {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 8px;
    mask-size: 8px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/image-view/close.97d1731.svg);
    mask-image: url(https://element.anontier.nl/../img/image-view/close.97d1731.svg);
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_GroupView .mx_MemberInfo .mx_AutoHideScrollbar>:not(.mx_MemberInfo_avatar) {
    padding-left: 16px;
    padding-right: 16px
}

.mx_HeaderButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_RoomHeader_buttons+.mx_HeaderButtons:before {
    content: unset
}

.mx_HeaderButtons:before {
    content: "";
    background-color: #a1b2d1;
    opacity: .5;
    margin: 6px 8px;
    border-radius: 1px;
    width: 1px
}

.mx_HomePage {
    max-width: 960px;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.mx_HomePage_default {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_HomePage_default .mx_HomePage_default_wrapper {
    margin: auto
}

.mx_HomePage_default img {
    height: 48px
}

.mx_HomePage_default h1 {
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 4.4rem;
    margin-bottom: 4px
}

.mx_HomePage_default h4 {
    margin-top: 4px;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.5rem;
    color: #a1b2d1
}

.mx_HomePage_default .mx_MiniAvatarUploader {
    margin: 0 auto
}

.mx_HomePage_default .mx_HomePage_default_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 60px auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.mx_HomePage_default .mx_HomePage_default_buttons .mx_AccessibleButton {
    padding: 73px 8px 15px;
    width: 160px;
    min-height: 132px;
    margin: 20px;
    position: relative;
    display: inline-block;
    border-radius: 8px;
    vertical-align: top;
    word-break: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #fff;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_HomePage_default .mx_HomePage_default_buttons .mx_AccessibleButton:before {
    top: 20px;
    left: 60px;
    width: 40px;
    height: 40px;
    content: "";
    position: absolute;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.mx_HomePage_default .mx_HomePage_default_buttons .mx_AccessibleButton.mx_HomePage_button_sendDm:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/feedback.a91241e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/feedback.a91241e.svg)
}

.mx_HomePage_default .mx_HomePage_default_buttons .mx_AccessibleButton.mx_HomePage_button_explore:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/explore.1523e65.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/explore.1523e65.svg)
}

.mx_HomePage_default .mx_HomePage_default_buttons .mx_AccessibleButton.mx_HomePage_button_createGroup:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/community-members.cbb31c1.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/community-members.cbb31c1.svg)
}

.mx_MatrixChat--with-avatar .mx_LeftPanel,
.mx_MatrixChat--with-avatar .mx_LeftPanel .mx_LeftPanel_roomListContainer {
    background-color: transparent
}

.mx_LeftPanel_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 50%;
    position: relative;
    contain: layout paint
}

.mx_LeftPanel_wrapper .mx_LeftPanel_wrapper--user {
    background-color: var(--roomlist-background-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative
}

.mx_LeftPanel_wrapper .mx_LeftPanel_wrapper--user[data-collapsed] {
    max-width: 68px
}

.mx_LeftPanel {
    background-color: var(--roomlist-background-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    contain: content;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer {
    background-color: var(--roomlist-background-color);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    min-width: 0;
    flex-direction: column
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer,
.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_userHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_userHeader {
    padding: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    flex-direction: column
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_breadcrumbsContainer {
    overflow-y: hidden;
    overflow-x: scroll;
    margin: 12px 12px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    contain: content
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_breadcrumbsContainer.mx_IndicatorScrollbar_leftOverflow {
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #000));
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%);
    mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #000));
    mask-image: linear-gradient(90deg, transparent, #000 5%)
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_breadcrumbsContainer.mx_IndicatorScrollbar_rightOverflow {
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(95%, #000), to(transparent));
    -webkit-mask-image: linear-gradient(90deg, #000, #000 95%, transparent);
    mask-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(95%, #000), to(transparent));
    mask-image: linear-gradient(90deg, #000, #000 95%, transparent)
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_breadcrumbsContainer.mx_IndicatorScrollbar_rightOverflow.mx_IndicatorScrollbar_leftOverflow {
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #000), color-stop(95%, #000), to(transparent));
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
    mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #000), color-stop(95%, #000), to(transparent));
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent)
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer {
    margin: 0 12px;
    padding: 12px 0 8px;
    border-bottom: 1px solid #6f7882;
    border-bottom: 1px solid var(--quinary-content, #6f7882);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_UserMenu {
    margin-right: 12px
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer+.mx_RoomListHeader {
    margin-top: 12px
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_RoomSearch_shortcutPrompt {
    border-radius: 6px;
    background-color: var(--roomlist-highlights-color);
    padding: 2px 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--timeline-text-secondary-color);
    margin-right: 6px
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_RoomSearch_focused .mx_RoomSearch_shortcutPrompt,
.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_RoomSearch_hasQuery .mx_RoomSearch_shortcutPrompt {
    display: none
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_RoomSearch_focused+.mx_LeftPanel_exploreButton,
.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_RoomSearch_focused+.mx_LeftPanel_recentsButton,
.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_RoomSearch_hasQuery+.mx_LeftPanel_exploreButton,
.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_RoomSearch_hasQuery+.mx_LeftPanel_recentsButton {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    margin: 0;
    width: 0
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_RoomSearch_focused+.mx_LeftPanel_exploreButton:before,
.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_RoomSearch_focused+.mx_LeftPanel_recentsButton:before,
.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_RoomSearch_hasQuery+.mx_LeftPanel_exploreButton:before,
.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_RoomSearch_hasQuery+.mx_LeftPanel_recentsButton:before {
    content: none
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_dialPadButton {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-color: var(--roomlist-highlights-color);
    position: relative;
    margin-left: 8px
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_dialPadButton:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 16px;
    height: 16px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/dialpad.3be6cbc.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/dialpad.3be6cbc.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_exploreButton,
.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_recentsButton {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-color: var(--roomlist-highlights-color);
    position: relative;
    margin-left: 8px
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_exploreButton:before,
.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_recentsButton:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 16px;
    height: 16px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_exploreButton:hover,
.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_recentsButton:hover {
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff)
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_exploreButton:hover:before,
.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_recentsButton:hover:before {
    background-color: var(--timeline-background-color)
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_exploreButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/explore.1523e65.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/explore.1523e65.svg)
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_recentsButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/clock.58c770b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/clock.58c770b.svg)
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_roomListFilterCount {
    font-size: 1.3rem;
    font-weight: 600;
    margin-left: 12px;
    margin-top: 14px;
    margin-bottom: -4px
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_roomListWrapper {
    padding-right: 2px;
    overflow: hidden;
    margin-top: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_roomListWrapper.mx_LeftPanel_roomListWrapper_stickyBottom {
    padding-bottom: 32px
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_roomListWrapper.mx_LeftPanel_roomListWrapper_stickyTop {
    padding-top: 32px
}

.mx_LeftPanel .mx_LeftPanel_roomListContainer .mx_LeftPanel_actualRoomListContainer {
    position: relative;
    height: 100%
}

.mx_LeftPanel.mx_LeftPanel_minimized {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    min-width: unset;
    width: unset!important
}

.mx_LeftPanel.mx_LeftPanel_minimized .mx_LeftPanel_roomListContainer {
    width: 68px
}

.mx_LeftPanel.mx_LeftPanel_minimized .mx_LeftPanel_roomListContainer .mx_LeftPanel_userHeader {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_LeftPanel.mx_LeftPanel_minimized .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_LeftPanel.mx_LeftPanel_minimized .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_dialPadButton {
    margin-left: 0;
    margin-top: 8px;
    background-color: transparent
}

.mx_LeftPanel.mx_LeftPanel_minimized .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_exploreButton,
.mx_LeftPanel.mx_LeftPanel_minimized .mx_LeftPanel_roomListContainer .mx_LeftPanel_filterContainer .mx_LeftPanel_recentsButton {
    margin-left: 0;
    margin-top: 8px
}

.mx_LeftPanelWidget {
    margin-left: 8px;
    margin-bottom: 4px
}

.mx_LeftPanelWidget .mx_LeftPanelWidget_headerContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff);
    margin-top: 4px
}

.mx_LeftPanelWidget .mx_LeftPanelWidget_headerContainer .mx_LeftPanelWidget_stickable {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_LeftPanelWidget .mx_LeftPanelWidget_headerContainer .mx_LeftPanelWidget_headerText {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(100% - 16px);
    line-height: 1.6rem;
    font-size: 1.3rem;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mx_LeftPanelWidget .mx_LeftPanelWidget_headerContainer .mx_LeftPanelWidget_headerText .mx_LeftPanelWidget_collapseBtn {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    margin-right: 6px
}

.mx_LeftPanelWidget .mx_LeftPanelWidget_headerContainer .mx_LeftPanelWidget_headerText .mx_LeftPanelWidget_collapseBtn:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg)
}

.mx_LeftPanelWidget .mx_LeftPanelWidget_headerContainer .mx_LeftPanelWidget_headerText .mx_LeftPanelWidget_collapseBtn.mx_LeftPanelWidget_collapseBtn_collapsed:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mx_LeftPanelWidget .mx_LeftPanelWidget_resizeBox {
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: visible
}

.mx_LeftPanelWidget .mx_AppTileFullWidth,
.mx_LeftPanelWidget .mx_LeftPanelWidget_resizeBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.mx_LeftPanelWidget .mx_AppTileFullWidth {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    overflow: hidden;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-mask-image: linear-gradient(0deg, transparent, #000 4px);
    mask-image: linear-gradient(0deg, transparent, #000 4px)
}

.mx_LeftPanelWidget .mx_LeftPanelWidget_resizerHandle {
    cursor: ns-resize;
    border-radius: 3px;
    width: unset!important;
    height: 4px!important;
    position: absolute;
    top: -24px!important;
    left: calc(50% - 32px)!important;
    right: calc(50% - 32px)!important
}

.mx_LeftPanelWidget:hover .mx_LeftPanelWidget_resizerHandle {
    opacity: .8;
    background-color: var(--timeline-text-color)
}

.mx_LeftPanelWidget .mx_LeftPanelWidget_maximizeButton {
    margin-left: 8px;
    margin-right: 7px;
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 32px
}

.mx_LeftPanelWidget .mx_LeftPanelWidget_maximizeButton:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/maximise-expand.2c239ea.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/maximise-expand.2c239ea.svg);
    background: #a1b2d1
}

.mx_LeftPanelWidget_maximizeButtonTooltip {
    margin-top: -3px
}

.mx_MainSplit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 0;
    min-height: 0;
    height: 100%
}

.mx_MainSplit>.mx_RightPanel_ResizeWrapper {
    padding: 8px 8px 8px 4px;
    height: calc(100vh - 51px)
}

.mx_MainSplit>.mx_RightPanel_ResizeWrapper:hover .mx_ResizeHandle_horizontal:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 64px;
    width: 4px;
    border-radius: 4px;
    content: "";
    background-color: var(--timeline-text-color);
    opacity: .8
}

.mx_MatrixChat_splash {
    position: relative;
    height: 100%
}

.mx_MatrixChat_splashButtons {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 30px
}

.mx_MatrixChat_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.mx_MatrixToolbar {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    height: 40px
}

.mx_MatrixChat {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.mx_MatrixChat_syncError {
    color: #fff;
    background-color: #df2a8b;
    border-radius: 5px;
    display: table;
    padding: 30px;
    position: absolute;
    top: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mx_MatrixChat>:not(.mx_LeftPanel):not(.mx_SpacePanel):not(.mx_ResizeHandle):not(.mx_LeftPanel_wrapper) {
    background-color: var(--timeline-background-color);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 0;
    height: 100%
}

.mx_MatrixChat>.mx_ResizeHandle.mx_ResizeHandle_horizontal {
    margin: 0 -9.5px 0 -2.5px
}

.mx_MatrixChat>.mx_ResizeHandle_horizontal:hover {
    position: relative
}

.mx_MatrixChat>.mx_ResizeHandle_horizontal:hover:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 64px;
    width: 4px;
    border-radius: 4px;
    content: " ";
    background-color: var(--timeline-text-color);
    opacity: .8
}

.mx_MyGroups {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_MyGroups .mx_BetaCard {
    margin: 0 72px;
    max-width: 760px
}

.mx_MyGroups .mx_RoomHeader_simpleHeader {
    margin-left: 0
}

.mx_MyGroups_header {
    margin-left: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mx_MyGroups>:not(.mx_RoomHeader):not(.mx_BetaCard) {
    max-width: 960px;
    margin: 40px
}

.mx_MyGroups_headerCard {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    margin-bottom: 30px;
    min-width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_MyGroups_headerCard .mx_MyGroups_headerCard_button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 13px;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background-color: var(--timeline-text-secondary-color);
    position: relative
}

.mx_MyGroups_headerCard .mx_MyGroups_headerCard_button:before {
    background-color: #edf3ff;
    -webkit-mask: url(https://element.anontier.nl/../img/icons-create-room.817ede2.svg);
    mask: url(https://element.anontier.nl/../img/icons-create-room.817ede2.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 80%;
    mask-size: 80%;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mx_MyGroups_headerCard_header {
    font-weight: 700;
    margin-bottom: 10px
}

.mx_MyGroups_headerCard_content {
    padding-right: 15px
}

.mx_MyGroups_joinBox {
    visibility: hidden;
    height: 0;
    margin: 0
}

.mx_MyGroups_content {
    margin-left: 2px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto
}

.mx_MyGroups_scrollable {
    overflow-y: inherit
}

.mx_MyGroups_placeholder {
    background-color: #22262e;
    color: var(--timeline-text-secondary-color);
    line-height: 40rem;
    border-radius: 10px;
    text-align: center
}

.mx_MyGroups_joinedGroups {
    border-top: 1px solid var(--roomlist-separator-color);
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.mx_MyGroups_joinedGroups .mx_GroupTile {
    min-width: 300px;
    max-width: 33%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 300px;
    flex: 1 0 300px;
    height: 75px;
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer
}

.mx_GroupTile_avatar {
    cursor: -webkit-grab, -webkit-grab;
    cursor: grab, -webkit-grab
}

.mx_GroupTile_profile {
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_GroupTile_profile .mx_GroupTile_desc,
.mx_GroupTile_profile .mx_GroupTile_groupId,
.mx_GroupTile_profile .mx_GroupTile_name {
    padding-right: 10px
}

.mx_GroupTile_profile .mx_GroupTile_name {
    margin: 0;
    font-size: 1.5rem
}

.mx_GroupTile_profile .mx_GroupTile_groupId {
    font-size: 1.3rem;
    opacity: .7
}

.mx_GroupTile_profile .mx_GroupTile_desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.3rem;
    max-height: 36px;
    overflow: hidden
}

.mx_NonUrgentToastContainer {
    position: absolute;
    bottom: 30px;
    left: 28px;
    z-index: 101
}

.mx_NonUrgentToastContainer .mx_NonUrgentToastContainer_toast {
    padding: 10px 12px;
    border-radius: 8px;
    width: 320px;
    font-size: 1.3rem;
    margin-top: 8px;
    background-color: #17191c;
    color: #fff
}

.mx_NotificationPanel {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_NotificationPanel .mx_RoomView_messageListWrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_NotificationPanel .mx_RoomView_MessageList {
    width: 100%
}

.mx_NotificationPanel .mx_RoomView_MessageList h2 {
    margin-left: 0
}

.mx_NotificationPanel .mx_EventTile {
    word-break: break-word;
    position: relative;
    padding-bottom: 18px
}

.mx_NotificationPanel .mx_EventTile:not(.mx_EventTile_last):not(.mx_EventTile_lastInSection):after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    height: 1px;
    opacity: .4;
    content: ""
}

.mx_NotificationPanel .mx_EventTile_roomName {
    font-weight: 700;
    font-size: 1.4rem
}

.mx_NotificationPanel .mx_EventTile_roomName>* {
    vertical-align: middle
}

.mx_NotificationPanel .mx_EventTile_roomName>.mx_BaseAvatar {
    margin-right: 8px
}

.mx_NotificationPanel .mx_EventTile_roomName a {
    color: var(--timeline-text-color)
}

.mx_NotificationPanel .mx_EventTile_avatar {
    display: none
}

.mx_NotificationPanel .mx_EventTile .mx_MessageTimestamp,
.mx_NotificationPanel .mx_EventTile .mx_SenderProfile {
    color: var(--timeline-text-color);
    font-size: 1.2rem;
    display: inline
}

.mx_NotificationPanel .mx_EventTile:not([data-layout=bubble]) .mx_EventTile_senderDetails {
    padding-left: 36px;
    position: relative
}

.mx_NotificationPanel .mx_EventTile:not([data-layout=bubble]) .mx_EventTile_senderDetails a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_NotificationPanel .mx_EventTile_roomName a,
.mx_NotificationPanel .mx_EventTile_senderDetails a {
    text-decoration: none!important
}

.mx_NotificationPanel .mx_EventTile .mx_MessageTimestamp {
    visibility: visible;
    position: static;
    display: inline;
    padding-left: 5px
}

.mx_NotificationPanel .mx_EventTile:not([data-layout=bubble]) .mx_EventTile_line {
    margin-right: 0;
    padding: 0 0 0 36px
}

.mx_NotificationPanel .mx_EventTile_selected .mx_EventTile_line {
    padding-left: 0
}

.mx_NotificationPanel .mx_EventTile:hover .mx_EventTile_line {
    background-color: var(--timeline-background-color)
}

.mx_NotificationPanel .mx_EventTile_content {
    margin-right: 0
}

.mx_NotificationPanel_empty:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg)
}

.mx_QuickSettingsButton {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 8px;
    position: relative;
    margin: 12px auto;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    min-width: 32px;
    min-height: 32px;
    line-height: 32px
}

.mx_QuickSettingsButton.expanded {
    margin-left: 20px;
    padding-left: 44px;
    padding-right: 8px
}

.mx_QuickSettingsButton:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    left: 0;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    background: #edf3ff;
    background: var(--secondary-content, #edf3ff)
}

.mx_QuickSettingsButton:not(.expanded):hover {
    background-color: #6f7882;
    background-color: var(--quaternary-content, #6f7882)
}

.mx_QuickSettingsButton:not(.expanded):hover:before {
    background-color: var(--timeline-text-color)
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu {
    padding: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 200px;
    contain: unset
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu>div>h2 {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: var(--timeline-text-color);
    margin: 0 0 16px
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_AccessibleButton_kind_primary_outline {
    display: block
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu>div>h4 {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff);
    margin: 20px 0 12px
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_QuickSettingsButton_pinToSidebarHeading {
    padding-left: 24px;
    position: relative
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_QuickSettingsButton_pinToSidebarHeading:before {
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    content: "";
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/pin-upright.65783fb.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/pin-upright.65783fb.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_Checkbox {
    margin-bottom: 8px
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_QuickSettingsButton_favouritesCheckbox .mx_Checkbox_background+div,
.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_QuickSettingsButton_peopleCheckbox .mx_Checkbox_background+div {
    padding-left: 22px;
    position: relative;
    margin-left: 6px;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_QuickSettingsButton_favouritesCheckbox .mx_Checkbox_background+div:before,
.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_QuickSettingsButton_peopleCheckbox .mx_Checkbox_background+div:before {
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    content: "";
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_QuickSettingsButton_favouritesCheckbox .mx_Checkbox_background+div:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/favorite.ff7609d.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/favorite.ff7609d.svg)
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_QuickSettingsButton_peopleCheckbox .mx_Checkbox_background+div:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg)
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_QuickSettingsButton_moreOptionsButton {
    padding-left: 22px;
    margin-left: 22px;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    position: relative;
    margin-bottom: 16px
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_QuickSettingsButton_moreOptionsButton:before {
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    content: "";
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/ellipsis.b82ece6.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/ellipsis.b82ece6.svg)
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_QuickSettingsButton_themePicker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_QuickSettingsButton_themePicker>h4 {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    text-transform: uppercase;
    display: inline-block;
    margin: 0
}

.mx_QuickSettingsButton_ContextMenuWrapper .mx_ContextualMenu .mx_QuickSettingsButton_themePicker .mx_Dropdown {
    min-width: 100px;
    margin-left: auto;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content
}

.mx_RightPanel {
    overflow-x: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    padding: 8px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    contain: strict
}

.mx_RightPanel .mx_RoomView_MessageList {
    padding: 14px 18px
}

.mx_RightPanel_header {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border-bottom: 1px solid var(--roomlist-separator-color);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 52px;
    flex: 0 0 52px
}

.mx_RightPanel_headerButtonGroup {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--timeline-background-color);
    padding: 0 9px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_RightPanel_headerButton {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 1px;
    margin-right: 1px;
    height: 32px;
    width: 32px;
    position: relative;
    border-radius: 100%
}

.mx_RightPanel_headerButton:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    height: 24px;
    width: 24px;
    background-color: #a1b2d1;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.mx_RightPanel_headerButton:hover {
    background: rgba(#0DBD8B, .1);
    background: rgba(var(--accent, #0DBD8B), .1)
}

.mx_RightPanel_headerButton:hover:before {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_RightPanel_threadsButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/thread.bf9dfb2.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/thread.bf9dfb2.svg)
}

.mx_RightPanel_notifsButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg);
    -webkit-mask-position: center;
    mask-position: center
}

.mx_RightPanel_roomSummaryButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/room-summary.1ad0865.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/room-summary.1ad0865.svg);
    -webkit-mask-position: center;
    mask-position: center
}

.mx_RightPanel_groupMembersButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/community-members.cbb31c1.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/community-members.cbb31c1.svg);
    -webkit-mask-position: center;
    mask-position: center
}

.mx_RightPanel_roomsButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/community-rooms.8f0b6c9.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/community-rooms.8f0b6c9.svg);
    -webkit-mask-position: center;
    mask-position: center
}

.mx_RightPanel_pinnedMessagesButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/pin.5d99673.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/pin.5d99673.svg);
    -webkit-mask-position: center;
    mask-position: center
}

.mx_RightPanel_headerButton_unreadIndicator_bg {
    position: absolute;
    right: 0;
    top: 0;
    margin: 4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    background: rgba(var(--timeline-background-color), 1)
}

.mx_RightPanel_headerButton_unreadIndicator {
    position: absolute;
    right: 0;
    top: 0;
    margin: 4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: rgba(#FF5B55, 1);
    background: rgba(var(--alert, #FF5B55), 1);
    -webkit-box-shadow: 0 0 0 0 rgba(#FF5B55, 1);
    box-shadow: 0 0 0 0 rgba(#FF5B55, 1);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--alert, #FF5B55), 1);
    box-shadow: 0 0 0 0 rgba(var(--alert, #FF5B55), 1);
    -webkit-animation: mx_RightPanel_indicator_pulse 2s infinite;
    animation: mx_RightPanel_indicator_pulse 2s infinite;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.mx_RightPanel_headerButton_unreadIndicator.mx_Indicator_gray {
    background: #61708b;
    -webkit-box-shadow: #61708b;
    box-shadow: #61708b
}

.mx_RightPanel_headerButton_unreadIndicator:after {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-name: mx_RightPanel_indicator_pulse_shadow;
    animation-name: mx_RightPanel_indicator_pulse_shadow;
    -webkit-animation-duration: inherit;
    animation-duration: inherit;
    -webkit-animation-iteration-count: inherit;
    animation-iteration-count: inherit;
    border-radius: 50%;
    background: inherit
}

.mx_RightPanel_timelineCardButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/feedback.a91241e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/feedback.a91241e.svg);
    -webkit-mask-position: center;
    mask-position: center
}

@-webkit-keyframes mx_RightPanel_indicator_pulse {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

@keyframes mx_RightPanel_indicator_pulse {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

@-webkit-keyframes mx_RightPanel_indicator_pulse_shadow {
    0% {
        opacity: .7
    }
    70% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes mx_RightPanel_indicator_pulse_shadow {
    0% {
        opacity: .7
    }
    70% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0
    }
    to {
        opacity: 0
    }
}

.mx_RightPanel_headerButton_highlight:before {
    background-color: #0dbd8b!important;
    background-color: var(--accent, #0dbd8b)!important
}

.mx_RightPanel_headerButton_badge {
    font-size: .8rem;
    border-radius: 8px;
    color: #fff;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    font-weight: 700;
    position: absolute;
    top: -4px;
    left: 20px;
    padding: 2px 4px
}

.mx_RightPanel_collapsebutton {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    height: 16px;
    border: none
}

.mx_RightPanel .mx_GroupRoomList,
.mx_RightPanel .mx_MemberInfo,
.mx_RightPanel .mx_MemberList,
.mx_RightPanel_blank {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.mx_RightPanel .mx_RoomView_messagePanelSpinner {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: auto
}

.mx_RightPanel_empty {
    margin-right: -28px
}

.mx_RightPanel_empty h2 {
    font-weight: 700;
    margin: 16px 0
}

.mx_RightPanel_empty h2,
.mx_RightPanel_empty p {
    font-size: 1.4rem
}

.mx_RightPanel_empty:before {
    content: "";
    display: block;
    margin: 11px auto 29px;
    height: 42px;
    width: 42px;
    background-color: #a1b2d1;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center
}

.mx_RightPanel_scopeHeader {
    margin: 24px;
    text-align: center;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem
}

.mx_RightPanel_scopeHeader .mx_BaseAvatar {
    margin-right: 8px;
    vertical-align: middle
}

.mx_RightPanel_scopeHeader .mx_BaseAvatar_image {
    border-radius: 8px
}

.mx_RoomDirectory_dialogWrapper>.mx_Dialog {
    max-width: 960px;
    height: 100%
}

.mx_RoomDirectory_dialog {
    height: 100%;
    flex-direction: column
}

.mx_RoomDirectory,
.mx_RoomDirectory_dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.mx_RoomDirectory {
    margin-bottom: 12px;
    color: var(--timeline-text-color);
    word-break: break-word
}

.mx_RoomDirectory,
.mx_RoomDirectory_list {
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_RoomDirectory_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.mx_RoomDirectory_list .mx_RoomView_messageListWrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mx_RoomDirectory_listheader {
    display: block;
    margin-top: 13px
}

.mx_RoomDirectory_searchbox {
    -webkit-box-flex: 1!important;
    -ms-flex: 1!important;
    flex: 1!important
}

.mx_RoomDirectory_listheader .mx_NetworkDropdown {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px
}

.mx_RoomDirectory_tableWrapper {
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.mx_RoomDirectory_tableWrapper .mx_RoomDirectory_footer {
    margin-top: 24px;
    text-align: center
}

.mx_RoomDirectory_tableWrapper .mx_RoomDirectory_footer>h5 {
    margin: 0;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: var(--timeline-text-color)
}

.mx_RoomDirectory_tableWrapper .mx_RoomDirectory_footer>p {
    margin: 40px auto 60px;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    max-width: 464px
}

.mx_RoomDirectory_tableWrapper .mx_RoomDirectory_footer>hr {
    margin: 0;
    border: none;
    height: 1px;
    background-color: var(--roomlist-background-color)
}

.mx_RoomDirectory_tableWrapper .mx_RoomDirectory_footer .mx_RoomDirectory_newRoom {
    margin: 24px auto 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.mx_RoomDirectory_table {
    color: var(--timeline-text-color);
    display: grid;
    font-size: 1.2rem;
    grid-template-columns: -webkit-max-content auto -webkit-max-content -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content auto max-content max-content max-content;
    grid-row-gap: 24px;
    row-gap: 24px;
    text-align: left;
    width: 100%
}

.mx_RoomDirectory_roomAvatar {
    padding: 2px 14px 0 0
}

.mx_RoomDirectory_roomMemberCount {
    -ms-flex-item-align: center;
    align-self: center;
    color: var(--timeline-text-secondary-color);
    padding: 3px 10px 0
}

.mx_RoomDirectory_roomMemberCount:before {
    background-color: var(--timeline-text-secondary-color);
    display: inline-block;
    vertical-align: text-top;
    margin-right: 2px;
    content: "";
    -webkit-mask: url(https://element.anontier.nl/../img/feather-customised/user.7a4d23d.svg);
    mask: url(https://element.anontier.nl/../img/feather-customised/user.7a4d23d.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 80%;
    mask-size: 80%;
    width: 16px;
    height: 16px
}

.mx_RoomDirectory_join,
.mx_RoomDirectory_preview {
    -ms-flex-item-align: center;
    align-self: center;
    white-space: nowrap
}

.mx_RoomDirectory_name {
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 600
}

.mx_RoomDirectory_perms {
    display: inline-block
}

.mx_RoomDirectory_perm {
    border-radius: 10px;
    display: inline-block;
    height: 20px;
    line-height: 2rem;
    padding: 0 5px;
    color: #fff;
    background-color: var(--room-highlight-color)
}

.mx_RoomDirectory_topic {
    cursor: auto;
    color: var(--timeline-text-secondary-color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.mx_RoomDirectory_alias {
    font-size: 1.2rem;
    color: var(--timeline-text-color)
}

.mx_RoomDirectory .mx_RoomView_MessageList {
    padding: 0
}

.mx_RoomDirectory>span {
    font-size: 1.5rem;
    margin-top: 0
}

.mx_RoomDirectory>span .mx_AccessibleButton {
    padding: 0
}

@media screen and (max-width:700px) {
    .mx_RoomDirectory_roomMemberCount {
        padding: 0
    }
    .mx_AccessibleButton_kind_secondary {
        padding: 0!important
    }
    .mx_RoomDirectory_join {
        margin-left: 0
    }
    .mx_RoomDirectory_alias {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .mx_RoomDirectory_roomDescription {
        padding-bottom: 0
    }
    .mx_RoomDirectory_name {
        margin-bottom: 5px
    }
    .mx_RoomDirectory_roomAvatar {
        margin-top: 10px
    }
    .mx_RoomDirectory_table {
        grid-template-columns: auto;
        grid-row-gap: 14px;
        row-gap: 14px;
        margin-top: 5px
    }
}

.mx_RoomDirectory_listItem {
    display: contents
}

.mx_RoomSearch {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 8px;
    background-color: var(--roomlist-highlights-color);
    border: 1px solid transparent;
    height: 28px;
    padding: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_RoomSearch .mx_RoomSearch_icon {
    width: 16px;
    height: 16px;
    -webkit-mask: url(https://element.anontier.nl/../img/element-icons/roomlist/search.3774248.svg);
    mask: url(https://element.anontier.nl/../img/element-icons/roomlist/search.3774248.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    margin-left: 7px
}

.mx_RoomSearch .mx_RoomSearch_input {
    border: none!important;
    -webkit-box-flex: 1!important;
    -ms-flex: 1!important;
    flex: 1!important;
    color: var(--timeline-text-color)!important;
    padding: 0;
    height: 100%;
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.6rem
}

.mx_RoomSearch .mx_RoomSearch_input:not(.mx_RoomSearch_inputExpanded)::-webkit-input-placeholder {
    color: #edf3ff!important;
    color: var(--tertiary-content, #edf3ff)!important
}

.mx_RoomSearch .mx_RoomSearch_input:not(.mx_RoomSearch_inputExpanded)::-moz-placeholder {
    color: #edf3ff!important;
    color: var(--tertiary-content, #edf3ff)!important
}

.mx_RoomSearch .mx_RoomSearch_input:not(.mx_RoomSearch_inputExpanded):-ms-input-placeholder {
    color: #edf3ff!important;
    color: var(--tertiary-content, #edf3ff)!important
}

.mx_RoomSearch .mx_RoomSearch_input:not(.mx_RoomSearch_inputExpanded)::-ms-input-placeholder {
    color: #edf3ff!important;
    color: var(--tertiary-content, #edf3ff)!important
}

.mx_RoomSearch .mx_RoomSearch_input:not(.mx_RoomSearch_inputExpanded)::placeholder {
    color: #edf3ff!important;
    color: var(--tertiary-content, #edf3ff)!important
}

.mx_RoomSearch.mx_RoomSearch_hasQuery {
    border-color: #edf3ff;
    border-color: var(--secondary-content, #edf3ff)
}

.mx_RoomSearch.mx_RoomSearch_focused {
    -webkit-box-shadow: 0 0 4px 4px rgba(0, 132, 255, .5);
    box-shadow: 0 0 4px 4px rgba(0, 132, 255, .5);
    border-color: transparent
}

.mx_RoomSearch.mx_RoomSearch_focused,
.mx_RoomSearch.mx_RoomSearch_hasQuery {
    background-color: var(--timeline-background-color)
}

.mx_RoomSearch.mx_RoomSearch_focused .mx_RoomSearch_clearButton,
.mx_RoomSearch.mx_RoomSearch_hasQuery .mx_RoomSearch_clearButton {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-color: #6f7882;
    background-color: var(--quinary-content, #6f7882);
    border-radius: 50%;
    position: relative
}

.mx_RoomSearch.mx_RoomSearch_focused .mx_RoomSearch_clearButton:before,
.mx_RoomSearch.mx_RoomSearch_hasQuery .mx_RoomSearch_clearButton:before {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/x.9662221.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/x.9662221.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 12px;
    mask-size: 12px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_RoomSearch .mx_RoomSearch_clearButton {
    width: 0;
    height: 0
}

.mx_RoomSearch.mx_RoomSearch_minimized {
    height: auto;
    width: auto;
    padding: 5px
}

.mx_RoomSearch.mx_RoomSearch_minimized .mx_RoomSearch_icon {
    margin-left: 0
}

.mx_RoomSearch.mx_RoomSearch_minimized:hover {
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff)
}

.mx_RoomSearch.mx_RoomSearch_minimized:hover .mx_RoomSearch_icon {
    background-color: var(--timeline-background-color)
}

.mx_RoomStatusBar:not(.mx_RoomStatusBar_unsentMessages) {
    margin-left: 65px;
    min-height: 50px
}

.mx_RoomStatusBar_typingIndicatorAvatars {
    width: 52px;
    margin-top: -1px;
    text-align: left
}

.mx_RoomStatusBar_typingIndicatorAvatars .mx_BaseAvatar_image {
    margin-right: -12px;
    border: 1px solid var(--timeline-background-color)
}

.mx_RoomStatusBar_typingIndicatorAvatars .mx_BaseAvatar_initial {
    padding-left: 1px;
    padding-top: 1px
}

.mx_RoomStatusBar_typingIndicatorRemaining {
    display: inline-block;
    color: #acacac;
    background-color: #ddd;
    border: 1px solid var(--timeline-background-color);
    border-radius: 40px;
    width: 24px;
    height: 24px;
    line-height: 2.4rem;
    font-size: .8em;
    vertical-align: top;
    text-align: center;
    position: absolute
}

.mx_RoomStatusBar_scrollDownIndicator {
    cursor: pointer;
    padding-left: 1px
}

.mx_RoomStatusBar_unreadMessagesBar {
    padding-top: 10px;
    color: #ff5b55;
    color: var(--alert, #ff5b55);
    cursor: pointer
}

.mx_RoomStatusBar_connectionLostBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 19px;
    min-height: 58px
}

.mx_RoomStatusBar_unsentMessages>div[role=alert] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 70px;
    margin: 12px;
    padding-left: 16px;
    background-color: var(--roomlist-background-color);
    border-radius: 4px
}

.mx_RoomStatusBar_unsentMessages .mx_RoomStatusBar_unsentBadge {
    margin-right: 12px
}

.mx_RoomStatusBar_unsentMessages .mx_RoomStatusBar_unsentBadge .mx_NotificationBadge {
    width: 24px!important;
    height: 24px!important;
    border-radius: 24px!important
}

.mx_RoomStatusBar_unsentMessages .mx_RoomStatusBar_unsentBadge .mx_NotificationBadge .mx_NotificationBadge_count {
    font-size: 1.6rem!important
}

.mx_RoomStatusBar_unsentMessages .mx_RoomStatusBar_unsentTitle {
    color: #ff5b55;
    color: var(--alert, #ff5b55);
    font-size: 1.5rem
}

.mx_RoomStatusBar_unsentMessages .mx_RoomStatusBar_unsentDescription {
    font-size: 1.2rem
}

.mx_RoomStatusBar_unsentMessages .mx_RoomStatusBar_unsentButtonBar {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
    margin-right: 22px;
    color: #a1b2d1
}

.mx_RoomStatusBar_unsentMessages .mx_RoomStatusBar_unsentButtonBar .mx_AccessibleButton {
    padding: 5px 10px 5px 30px;
    display: inline-block;
    position: relative
}

.mx_RoomStatusBar_unsentMessages .mx_RoomStatusBar_unsentButtonBar .mx_AccessibleButton:nth-child(2) {
    border-left: 1px solid #a1b2d1
}

.mx_RoomStatusBar_unsentMessages .mx_RoomStatusBar_unsentButtonBar .mx_AccessibleButton:before {
    content: "";
    position: absolute;
    left: 10px;
    background-color: #a1b2d1;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 18px;
    height: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mx_RoomStatusBar_unsentMessages .mx_RoomStatusBar_unsentButtonBar .mx_AccessibleButton.mx_RoomStatusBar_unsentCancelAllBtn:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/trashcan.3b626db.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/trashcan.3b626db.svg)
}

.mx_RoomStatusBar_unsentMessages .mx_RoomStatusBar_unsentButtonBar .mx_AccessibleButton.mx_RoomStatusBar_unsentResendAllBtn {
    padding-left: 34px
}

.mx_RoomStatusBar_unsentMessages .mx_RoomStatusBar_unsentButtonBar .mx_AccessibleButton.mx_RoomStatusBar_unsentResendAllBtn:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/retry.6cd23ad.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/retry.6cd23ad.svg)
}

.mx_RoomStatusBar_unsentMessages .mx_RoomStatusBar_unsentButtonBar .mx_InlineSpinner {
    vertical-align: middle;
    margin-right: 5px;
    top: 1px
}

.mx_RoomStatusBar_unsentMessages .mx_RoomStatusBar_unsentButtonBar .mx_InlineSpinner+span {
    margin-right: 10px
}

.mx_RoomStatusBar_connectionLostBar img {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: left
}

.mx_RoomStatusBar_connectionLostBar_title {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_RoomStatusBar_connectionLostBar_desc {
    color: var(--timeline-text-color);
    font-size: 1.3rem;
    opacity: .5;
    padding-bottom: 20px
}

.mx_RoomStatusBar_resend_link {
    color: var(--timeline-text-color)!important;
    text-decoration: underline!important;
    cursor: pointer
}

.mx_RoomStatusBar_typingBar {
    height: 50px;
    line-height: 5rem;
    color: var(--timeline-text-color);
    opacity: .5;
    overflow-y: hidden;
    display: block
}

.mx_MatrixChat_useCompactLayout .mx_RoomStatusBar:not(.mx_RoomStatusBar_unsentMessages) {
    min-height: 40px
}

.mx_MatrixChat_useCompactLayout .mx_RoomStatusBar_indicator {
    margin-top: 10px
}

.mx_MatrixChat_useCompactLayout .mx_RoomStatusBar_typingBar {
    height: 40px;
    line-height: 4rem
}

.mx_RoomView_wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    contain: strict
}

.mx_RoomView,
.mx_RoomView_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    position: relative
}

.mx_RoomView {
    word-wrap: break-word;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1
}

@-webkit-keyframes mx_RoomView_fileDropTarget_animation {
    0% {
        opacity: 0
    }
    to {
        opacity: .95
    }
}

@keyframes mx_RoomView_fileDropTarget_animation {
    0% {
        opacity: 0
    }
    to {
        opacity: .95
    }
}

.mx_RoomView_fileDropTarget {
    min-width: 0;
    width: 100%;
    height: 100%;
    font-size: 1.8rem;
    text-align: center;
    pointer-events: none;
    background-color: var(--timeline-background-color);
    opacity: .95;
    position: absolute;
    z-index: 3000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: mx_RoomView_fileDropTarget_animation;
    animation: mx_RoomView_fileDropTarget_animation;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes mx_RoomView_fileDropTarget_image_animation {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes mx_RoomView_fileDropTarget_image_animation {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.mx_RoomView_fileDropTarget_image {
    width: 32px;
    -webkit-animation: mx_RoomView_fileDropTarget_image_animation;
    animation: mx_RoomView_fileDropTarget_image_animation;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    margin-bottom: 16px
}

.mx_RoomView_auxPanel {
    min-width: 0;
    width: 100%;
    margin: 0 auto;
    overflow: auto
}

.mx_RoomView_auxPanel_fullHeight {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3000;
    background-color: var(--timeline-background-color)
}

.mx_RoomView_auxPanel_hiddenHighlights {
    border-bottom: 1px solid var(--roomlist-separator-color);
    padding: 10px 26px;
    color: #ff5b55;
    color: var(--alert, #ff5b55);
    cursor: pointer
}

.mx_RoomView_auxPanel_apps {
    max-width: 1920px!important
}

.mx_RoomView .mx_MainSplit,
.mx_RoomView_messagePanel {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.mx_RoomView_messagePanel {
    width: 100%;
    overflow-y: auto;
    overflow-anchor: none
}

.mx_RoomView_messagePanel[data-scrollbar=false] {
    overflow-y: hidden
}

.mx_RoomView_messagePanelSearchSpinner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-image: url(https://element.anontier.nl/../img/typing-indicator-2x.0eb9f0e.gif);
    background-position: center 367px;
    background-size: 25px;
    background-repeat: no-repeat;
    position: relative
}

.mx_RoomView_messagePanelSearchSpinner:before {
    background-color: var(--timeline-text-secondary-color);
    -webkit-mask: url(https://element.anontier.nl/../img/feather-customised/search-input.044bfa7.svg);
    mask: url(https://element.anontier.nl/../img/feather-customised/search-input.044bfa7.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 50px;
    mask-size: 50px;
    content: "";
    position: absolute;
    top: 286px;
    left: 0;
    right: 0;
    height: 50px
}

.mx_RoomView_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.mx_RoomView_body .mx_RoomView_messagePanel,
.mx_RoomView_body .mx_RoomView_messagePanelSearchSpinner,
.mx_RoomView_body .mx_RoomView_messagePanelSpinner {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.mx_RoomView_body .mx_RoomView_timeline {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 4px
}

.mx_RoomView_statusArea {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-height: 0;
    background-color: var(--timeline-background-color);
    z-index: 1000;
    overflow: hidden;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.mx_RoomView_statusArea_expanded {
    max-height: 100px
}

.mx_RoomView_statusAreaBox {
    margin: auto;
    min-height: 50px
}

.mx_RoomView_statusAreaBox_line {
    margin-left: 65px;
    border-top: 1px solid var(--roomlist-separator-color);
    height: 1px
}

.mx_RoomView_messageListWrapper {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mx_RoomView_searchResultsPanel .mx_RoomView_messageListWrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mx_RoomView_searchResultsPanel a {
    text-decoration: none;
    color: inherit
}

.mx_RoomView_empty {
    font-size: 1.3rem;
    padding: 0 24px;
    margin-right: 30px;
    text-align: center;
    margin-bottom: 80px
}

.mx_RoomView_MessageList {
    list-style-type: none;
    padding: 18px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_RoomView_MessageList li {
    clear: both
}

li.mx_RoomView_myReadMarker_container {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0
}

hr.mx_RoomView_myReadMarker {
    border-top: 1px solid #0dbd8b;
    border-top: 1px solid var(--accent, #0dbd8b);
    border-bottom: 1px solid #0dbd8b;
    border-bottom: 1px solid var(--accent, #0dbd8b);
    margin-top: 0;
    position: relative;
    top: -1px;
    z-index: 1;
    will-change: width;
    -webkit-transition: width easeinsine .4s 1s, opacity easeinsine .4s 1s;
    transition: width easeinsine .4s 1s, opacity easeinsine .4s 1s;
    width: 99%;
    opacity: 1
}

.mx_RoomView_callStatusBar .mx_UploadBar_uploadProgressInner {
    background-color: var(--timeline-background-color)
}

.mx_RoomView_callStatusBar .mx_UploadBar_uploadFilename {
    color: #fff;
    opacity: 1
}

.mx_RoomView_inCall .mx_RoomView_statusAreaBox_line {
    margin-top: 2px;
    border: none;
    height: 0
}

.mx_RoomView_inCall .mx_MessageComposer_wrapper {
    border-top: 2px hidden;
    padding-top: 1px
}

.mx_RoomView_voipChevron {
    position: absolute;
    bottom: -11px;
    right: 11px
}

.mx_RoomView_voipButton {
    float: right;
    margin-right: 13px;
    margin-top: 13px;
    cursor: pointer
}

.mx_RoomView_voipButton object {
    pointer-events: none
}

.mx_RoomView .mx_MessageComposer {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 2px
}

.mx_RoomView_ongoingConfCallNotification {
    width: 100%;
    text-align: center;
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55);
    color: #fff;
    font-weight: 700;
    padding: 6px 0;
    cursor: pointer
}

.mx_RoomView_ongoingConfCallNotification a {
    color: #fff!important
}

.mx_MatrixChat_useCompactLayout .mx_RoomView_MessageList {
    margin-bottom: 4px
}

.mx_MatrixChat_useCompactLayout .mx_RoomView_statusAreaBox {
    min-height: 42px
}

.mx_ScrollPanel .mx_RoomView_MessageList {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    content-visibility: auto;
    contain-intrinsic-size: 50px
}

.mx_SearchBox {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 0
}

.mx_SearchBox.mx_SearchBox_blurred:not(:hover) {
    background-color: transparent
}

.mx_SearchBox .mx_SearchBox_closeButton {
    cursor: pointer;
    background-image: url(https://element.anontier.nl/../img/icons-close.11ff07c.svg);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-position: 50%;
    padding: 9px
}

.mx_SpaceRoomView_landing .mx_Dialog_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_SpaceRoomView_landing .mx_Dialog_title .mx_BaseAvatar {
    margin-right: 12px;
    -ms-flex-item-align: center;
    align-self: center
}

.mx_SpaceRoomView_landing .mx_Dialog_title .mx_BaseAvatar_image {
    border-radius: 8px
}

.mx_SpaceRoomView_landing .mx_Dialog_title>div>h1 {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin: 0
}

.mx_SpaceRoomView_landing .mx_Dialog_title>div>div {
    font-weight: 400;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-size: 1.5rem;
    line-height: 2.4rem
}

.mx_SpaceRoomView_landing .mx_AccessibleButton_kind_link {
    padding: 0;
    font-size: inherit
}

.mx_SpaceRoomView_landing .mx_SearchBox {
    margin: 24px 0 16px
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_noResults {
    text-align: center
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_noResults>div {
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_listHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: var(--timeline-text-color);
    margin-bottom: 12px
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_listHeader>h4 {
    font-weight: 600;
    margin: 0
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_listHeader .mx_AccessibleButton {
    padding: 4px 12px;
    font-weight: 400
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_listHeader .mx_AccessibleButton+.mx_AccessibleButton {
    margin-left: 16px
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_listHeader .mx_AccessibleButton_kind_danger_outline,
.mx_SpaceRoomView_landing .mx_SpaceHierarchy_listHeader .mx_AccessibleButton_kind_primary_outline {
    padding: 3px 12px
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_listHeader>span {
    margin-left: auto
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_error {
    position: relative;
    font-weight: 600;
    color: #ff5b55;
    color: var(--alert, #ff5b55);
    font-size: 1.5rem;
    line-height: 1.8rem;
    margin: 20px auto 12px;
    padding-left: 24px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_error:before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    left: 0;
    background-image: url(https://element.anontier.nl/../img/element-icons/warning-badge.713e1ca.svg)
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_list {
    list-style: none;
    padding: 0;
    margin: 0
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomCount>h3 {
    display: inline;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: var(--timeline-text-color)
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomCount>span {
    margin-left: 8px;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_subspace .mx_BaseAvatar_image {
    border-radius: 8px
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_subspace_toggle {
    position: absolute;
    left: -1px;
    top: 10px;
    height: 16px;
    width: 16px;
    border-radius: 4px;
    background-color: var(--timeline-background-color)
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_subspace_toggle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    -webkit-mask-size: 16px;
    mask-size: 16px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg)
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_subspace_toggle.mx_SpaceHierarchy_subspace_toggle_shown:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_subspace_children {
    position: relative;
    padding-left: 12px
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile {
    position: relative;
    padding: 8px 16px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 20px auto -webkit-max-content;
    grid-template-columns: 20px auto max-content;
    grid-column-gap: 8px;
    grid-row-gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_BaseAvatar {
    grid-row: 1;
    grid-column: 1
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_roomTile_name {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.8rem;
    grid-row: 1;
    grid-column: 2
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_roomTile_name .mx_InfoTooltip,
.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_roomTile_name .mx_SpaceHierarchy_roomTile_joined {
    display: inline;
    margin-left: 12px;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff);
    font-size: 1.2rem;
    line-height: 1.5rem
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_roomTile_name .mx_InfoTooltip .mx_InfoTooltip_icon,
.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_roomTile_name .mx_SpaceHierarchy_roomTile_joined .mx_InfoTooltip_icon {
    margin-right: 4px;
    position: relative;
    vertical-align: text-top
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_roomTile_name .mx_InfoTooltip .mx_InfoTooltip_icon:before,
.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_roomTile_name .mx_SpaceHierarchy_roomTile_joined .mx_InfoTooltip_icon:before {
    position: absolute;
    top: 0;
    left: 0
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_roomTile_name .mx_SpaceHierarchy_roomTile_joined {
    position: relative;
    padding-left: 16px
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_roomTile_name .mx_SpaceHierarchy_roomTile_joined:before {
    content: "";
    width: 20px;
    height: 20px;
    top: -2px;
    left: -4px;
    position: absolute;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/checkmark.a8c4d72.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/checkmark.a8c4d72.svg)
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_roomTile_info {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    grid-row: 2;
    grid-column: 1/3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_actions {
    text-align: right;
    margin-left: 20px;
    grid-column: 3;
    grid-row: 1/3
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_actions .mx_AccessibleButton {
    line-height: 2.4rem;
    padding: 4px 16px;
    display: inline-block;
    visibility: hidden
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_actions .mx_AccessibleButton_kind_danger_outline,
.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_actions .mx_AccessibleButton_kind_primary_outline {
    padding: 3px 16px
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile .mx_SpaceHierarchy_actions .mx_Checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    margin-left: 12px
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile:focus-within,
.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile:hover {
    background-color: var(--sidebar-color)
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile:focus-within .mx_AccessibleButton,
.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile:hover .mx_AccessibleButton {
    visibility: visible
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile.mx_SpaceHierarchy_joining .mx_AccessibleButton {
    visibility: visible;
    padding: 4px 18px
}

.mx_SpaceRoomView_landing li.mx_SpaceHierarchy_roomTileWrapper {
    list-style: none
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_roomTile:before,
.mx_SpaceRoomView_landing .mx_SpaceHierarchy_subspace_children:before {
    content: "";
    position: absolute;
    background-color: var(--sidebar-color);
    width: 1px;
    height: 100%;
    left: 6px;
    top: 0
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_actions .mx_SpaceHierarchy_actionsText {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_SpaceRoomView_landing>hr {
    border: none;
    height: 1px;
    background-color: rgba(141, 151, 165, .2);
    margin: 20px 0
}

.mx_SpaceRoomView_landing .mx_SpaceHierarchy_createRoom {
    display: block;
    margin: 16px auto 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.mx_SpacePanel {
    background-color: var(--sidebar-color);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_SpacePanel .mx_SpacePanel_toggleCollapse {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    top: 19px;
    right: -8px
}

.mx_SpacePanel .mx_SpacePanel_toggleCollapse:before {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--timeline-background-color);
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.mx_SpacePanel .mx_SpacePanel_toggleCollapse:not(.expanded) {
    opacity: 0
}

.mx_SpacePanel .mx_SpacePanel_toggleCollapse:not(.expanded):before {
    -webkit-mask-position: center 1px;
    mask-position: center 1px
}

.mx_SpacePanel .mx_SpacePanel_toggleCollapse.expanded:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mx_SpacePanel:hover .mx_SpacePanel_toggleCollapse {
    opacity: 1%
}

.mx_SpacePanel ul {
    margin: 0;
    list-style: none;
    padding: 0
}

.mx_SpacePanel ul>.mx_SpaceItem {
    padding-left: 16px
}

.mx_SpacePanel .mx_SpaceButton_toggleCollapse {
    cursor: pointer
}

.mx_SpacePanel .mx_SpaceItem_dragging .mx_SpaceButton_toggleCollapse {
    visibility: hidden
}

.mx_SpacePanel .mx_SpaceItem {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.mx_SpacePanel .mx_SpaceItem.mx_SpaceItem_narrow {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.mx_SpacePanel .mx_SpaceItem.collapsed>.mx_SpaceButton>.mx_SpaceButton_toggleCollapse {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mx_SpacePanel .mx_SpaceItem.collapsed>.mx_SpaceTreeLevel {
    display: none
}

.mx_SpacePanel .mx_SpaceItem_new {
    position: relative
}

.mx_SpacePanel .mx_SpaceItem_new .mx_BetaDot {
    position: absolute;
    left: 33px;
    top: -5px
}

.mx_SpacePanel .mx_SpaceItem:not(.hasSubSpaces)>.mx_SpaceButton {
    margin-left: 16px;
    min-width: 40px
}

.mx_SpacePanel .mx_SpaceButton {
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 4px 4px 0;
    width: 100%;
    cursor: pointer
}

.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_active:not(.mx_SpaceButton_narrow) .mx_SpaceButton_selectionWrapper {
    background-color: var(--roomlist-highlights-color)
}

.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_active.mx_SpaceButton_narrow .mx_SpaceButton_selectionWrapper {
    padding: 1px;
    border: 3px solid var(--timeline-text-color)
}

.mx_SpacePanel .mx_SpaceButton .mx_SpaceButton_selectionWrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    padding: 4px;
    width: calc(100% - 32px)
}

.mx_SpacePanel .mx_SpaceButton .mx_SpaceButton_name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.8rem
}

.mx_SpacePanel .mx_SpaceButton .mx_SpaceButton_toggleCollapse {
    width: 16px;
    min-width: 16px;
    height: 20px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 20px;
    mask-size: 20px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg)
}

.mx_SpacePanel .mx_SpaceButton .mx_SpaceButton_icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 8px;
    position: relative
}

.mx_SpacePanel .mx_SpaceButton .mx_SpaceButton_icon:before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 18px;
    mask-size: 18px
}

.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_favourites .mx_SpaceButton_icon,
.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_home .mx_SpaceButton_icon,
.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_orphans .mx_SpaceButton_icon,
.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_people .mx_SpaceButton_icon {
    background-color: var(--roomlist-highlights-color)
}

.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_favourites .mx_SpaceButton_icon:before,
.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_home .mx_SpaceButton_icon:before,
.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_orphans .mx_SpaceButton_icon:before,
.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_people .mx_SpaceButton_icon:before {
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_home .mx_SpaceButton_icon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/home.b706c0e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/home.b706c0e.svg)
}

.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_favourites .mx_SpaceButton_icon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/favorite.ff7609d.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/favorite.ff7609d.svg)
}

.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_people .mx_SpaceButton_icon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg)
}

.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_orphans .mx_SpaceButton_icon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/hash-circle.c36ee5b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/hash-circle.c36ee5b.svg)
}

.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_new .mx_SpaceButton_icon:before {
    background-color: var(--timeline-text-color);
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/plus.62cc275.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/plus.62cc275.svg);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.mx_SpacePanel .mx_SpaceButton.mx_SpaceButton_newCancel .mx_SpaceButton_icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mx_SpacePanel .mx_SpaceButton .mx_BaseAvatar_image {
    border-radius: 8px
}

.mx_SpacePanel .mx_SpaceButton .mx_SpaceButton_menuButton {
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-top: auto;
    margin-bottom: auto;
    display: none;
    position: relative
}

.mx_SpacePanel .mx_SpaceButton .mx_SpaceButton_menuButton:before {
    top: 3px;
    left: 2px;
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/context-menu.829cc1a.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/context-menu.829cc1a.svg);
    background: var(--timeline-text-color)
}

.mx_SpacePanel .mx_SpaceTreeLevel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 250px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_SpacePanel .mx_SpaceTreeLevel .mx_BaseAvatar:not(.mx_UserMenu_userAvatar_BaseAvatar) .mx_BaseAvatar_initial {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    border-radius: 8px;
    background-color: var(--roomlist-highlights-color);
    font-size: 1.5rem!important;
    font-weight: 600;
    line-height: 1.8rem
}

.mx_SpacePanel .mx_SpaceTreeLevel .mx_BaseAvatar:not(.mx_UserMenu_userAvatar_BaseAvatar) .mx_BaseAvatar_initial+.mx_BaseAvatar_image {
    visibility: hidden
}

.mx_SpacePanel .mx_SpaceButton_avatarWrapper {
    position: relative
}

.mx_SpacePanel .mx_SpacePanel_badgeContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: -3px;
    top: -3px
}

.mx_SpacePanel .mx_SpacePanel_badgeContainer .mx_NotificationBadge {
    margin: 0 2px;
    background-clip: padding-box
}

.mx_SpacePanel .mx_SpacePanel_badgeContainer .mx_NotificationBadge_dot {
    margin: 0 -1px 0 0;
    border: 3px solid var(--sidebar-color)
}

.mx_SpacePanel .mx_SpacePanel_badgeContainer .mx_NotificationBadge_2char,
.mx_SpacePanel .mx_SpacePanel_badgeContainer .mx_NotificationBadge_3char {
    margin: -5px -5px 0 0;
    border: 2px solid var(--sidebar-color)
}

.mx_SpacePanel .mx_SpaceButton:focus-within:not(.mx_SpaceButton_narrow):not(.mx_SpaceButton_invite) .mx_SpaceButton_menuButton,
.mx_SpacePanel .mx_SpaceButton:hover:not(.mx_SpaceButton_narrow):not(.mx_SpaceButton_invite) .mx_SpaceButton_menuButton,
.mx_SpacePanel .mx_SpaceButton_hasMenuOpen:not(.mx_SpaceButton_narrow):not(.mx_SpaceButton_invite) .mx_SpaceButton_menuButton {
    display: block
}

.mx_SpacePanel>.mx_AutoHideScrollbar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 8px 16px 0
}

.mx_SpacePanel>.mx_AutoHideScrollbar>.mx_SpaceButton,
.mx_SpacePanel>.mx_AutoHideScrollbar>.mx_SpaceButton.mx_SpaceButton_active:before {
    height: 32px
}

.mx_SpacePanel>.mx_AutoHideScrollbar>ul {
    padding-left: 0
}

.mx_SpacePanel>.mx_AutoHideScrollbar.mx_IndicatorScrollbar_topOverflow {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(5%, #000));
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 5%);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(5%, #000));
    mask-image: linear-gradient(180deg, transparent, #000 5%)
}

.mx_SpacePanel>.mx_AutoHideScrollbar.mx_IndicatorScrollbar_bottomOverflow {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(95%, #000), to(transparent));
    -webkit-mask-image: linear-gradient(180deg, #000, #000 95%, transparent);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(95%, #000), to(transparent));
    mask-image: linear-gradient(180deg, #000, #000 95%, transparent)
}

.mx_SpacePanel>.mx_AutoHideScrollbar.mx_IndicatorScrollbar_topOverflow.mx_IndicatorScrollbar_bottomOverflow {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(5%, #000), color-stop(95%, #000), to(transparent));
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 5%, #000 95%, transparent);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(5%, #000), color-stop(95%, #000), to(transparent));
    mask-image: linear-gradient(180deg, transparent, #000 5%, #000 95%, transparent)
}

.mx_SpacePanel .mx_UserMenu {
    padding: 0 2px 8px;
    border-bottom: 1px solid #6f7882;
    border-bottom: 1px solid var(--quinary-content, #6f7882);
    margin: 12px 14px 4px 18px
}

.mx_SpacePanel_contextMenu .mx_SpacePanel_contextMenu_header {
    margin: 12px 16px;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.8rem
}

.mx_SpacePanel_contextMenu .mx_SpacePanel_iconInvite:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg)
}

.mx_SpacePanel_contextMenu .mx_SpacePanel_iconSettings:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg)
}

.mx_SpacePanel_contextMenu .mx_SpacePanel_iconLeave:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/leave.bb917e7.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/leave.bb917e7.svg)
}

.mx_SpacePanel_contextMenu .mx_SpacePanel_iconMembers:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg)
}

.mx_SpacePanel_contextMenu .mx_SpacePanel_iconPlus:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/plus.62cc275.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/plus.62cc275.svg)
}

.mx_SpacePanel_contextMenu .mx_SpacePanel_iconExplore:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/search.3774248.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/search.3774248.svg)
}

.mx_SpacePanel_contextMenu .mx_SpacePanel_noIcon {
    display: none
}

.mx_SpacePanel_contextMenu .mx_SpacePanel_noIcon+.mx_IconizedContextMenu_label {
    padding-left: 5px!important
}

.mx_SpacePanel_contextMenu .mx_SpacePanel_contextMenu_separatorLabel {
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff);
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 600
}

.mx_SpacePanel_sharePublicSpace {
    margin: 0
}

.mx_SpaceRoomView {
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_SpaceRoomView .mx_MainSplit>div:first-child {
    padding: 80px 60px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: 100%;
    overflow-y: auto
}

.mx_SpaceRoomView .mx_MainSplit>div:first-child h1 {
    margin: 0;
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--timeline-text-color);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.mx_SpaceRoomView .mx_MainSplit>div:first-child .mx_SpaceRoomView_description {
    font-size: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    margin-top: 12px;
    margin-bottom: 24px;
    max-width: 428px
}

.mx_SpaceRoomView .mx_MainSplit>div:first-child .mx_AddExistingToSpace {
    max-width: 428px
}

.mx_SpaceRoomView .mx_MainSplit>div:first-child .mx_AddExistingToSpace .mx_AddExistingToSpace_content {
    height: calc(100vh - 360px);
    max-height: 400px
}

.mx_SpaceRoomView .mx_MainSplit>div:first-child:not(.mx_SpaceRoomView_landing) .mx_SpaceFeedbackPrompt {
    width: 428px
}

.mx_SpaceRoomView .mx_MainSplit>div:first-child .mx_SpaceRoomView_buttons {
    display: block;
    margin-top: 44px;
    width: 428px;
    text-align: right
}

.mx_SpaceRoomView .mx_MainSplit>div:first-child .mx_SpaceRoomView_buttons .mx_AccessibleButton_hasKind {
    padding: 8px 22px;
    margin-left: 16px
}

.mx_SpaceRoomView .mx_MainSplit>div:first-child .mx_SpaceRoomView_buttons input.mx_AccessibleButton {
    border: none
}

.mx_SpaceRoomView .mx_MainSplit>div:first-child .mx_Field {
    max-width: 428px
}

.mx_SpaceRoomView .mx_MainSplit>div:first-child .mx_Field+.mx_Field {
    margin-top: 28px
}

.mx_SpaceRoomView .mx_MainSplit>div:first-child .mx_SpaceRoomView_errorText {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #ff5b55;
    color: var(--alert, #ff5b55);
    margin-bottom: 28px
}

.mx_SpaceRoomView .mx_MainSplit>div:first-child .mx_AccessibleButton_disabled {
    cursor: not-allowed
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview {
    padding: 32px 24px!important;
    margin: auto;
    max-width: 480px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 15px 30px rgba(0, 0, 0, .48);
    box-shadow: 2px 15px 30px rgba(0, 0, 0, .48);
    border-radius: 8px;
    position: relative
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview .mx_BetaCard_betaPill {
    position: absolute;
    right: 24px;
    top: 32px
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview .mx_SpaceRoomView_preview_spaceBetaPrompt {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: var(--timeline-text-color);
    margin-top: 24px;
    position: relative;
    padding-left: 24px
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview .mx_SpaceRoomView_preview_spaceBetaPrompt .mx_AccessibleButton_kind_link {
    display: inline;
    padding: 0;
    font-size: inherit;
    line-height: inherit
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview .mx_SpaceRoomView_preview_spaceBetaPrompt:before {
    content: "";
    position: absolute;
    height: 2.4rem;
    width: 20px;
    left: 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/room-summary.1ad0865.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/room-summary.1ad0865.svg);
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview .mx_SpaceRoomView_preview_migratedCommunity {
    margin-bottom: 16px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #e7e7e7;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview .mx_SpaceRoomView_preview_migratedCommunity .mx_BaseAvatar {
    margin-right: 4px
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview .mx_SpaceRoomView_preview_inviter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.5rem
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview .mx_SpaceRoomView_preview_inviter>div {
    margin-left: 8px
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview .mx_SpaceRoomView_preview_inviter>div .mx_SpaceRoomView_preview_inviter_name {
    line-height: 1.8rem
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview .mx_SpaceRoomView_preview_inviter>div .mx_SpaceRoomView_preview_inviter_mxid {
    line-height: 2.4rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview>.mx_RoomAvatar_isSpaceRoom.mx_BaseAvatar_image,
.mx_SpaceRoomView .mx_SpaceRoomView_preview>.mx_RoomAvatar_isSpaceRoom .mx_BaseAvatar_image {
    border-radius: 12px
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview h1.mx_SpaceRoomView_preview_name {
    margin: 20px 0!important
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview .mx_SpaceRoomView_preview_topic {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    margin: 20px 0;
    max-height: 160px;
    overflow-y: auto
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview .mx_SpaceRoomView_preview_joinButtons {
    margin-top: 20px
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview .mx_SpaceRoomView_preview_joinButtons .mx_AccessibleButton {
    width: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 0
}

.mx_SpaceRoomView .mx_SpaceRoomView_preview .mx_SpaceRoomView_preview_joinButtons .mx_AccessibleButton+.mx_AccessibleButton {
    margin-left: 20px
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing>.mx_BaseAvatar>.mx_BaseAvatar_image,
.mx_SpaceRoomView .mx_SpaceRoomView_landing>.mx_BaseAvatar_image {
    border-radius: 12px
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceRoomView_landing_name {
    margin: 24px 0 16px;
    font-size: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceRoomView_landing_name>span {
    display: inline-block
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceRoomView_landing_name .mx_SpaceRoomView_landing_nameRow {
    margin-top: 12px
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceRoomView_landing_name .mx_SpaceRoomView_landing_nameRow>h1 {
    display: inline-block
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceRoomView_landing_name .mx_SpaceRoomView_landing_inviter .mx_BaseAvatar {
    margin-right: 4px;
    vertical-align: middle
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceRoomView_landing_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceRoomView_landing_info .mx_SpaceRoomView_info {
    display: inline-block;
    margin: 0 auto 0 0
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceRoomView_landing_info .mx_FacePile {
    display: inline-block;
    margin-right: 12px
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceRoomView_landing_info .mx_FacePile .mx_FacePile_faces {
    cursor: pointer
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceRoomView_landing_info .mx_SpaceRoomView_landing_inviteButton {
    position: relative;
    padding: 4px 18px 4px 40px;
    line-height: 2.4rem;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceRoomView_landing_info .mx_SpaceRoomView_landing_inviteButton:before {
    position: absolute;
    content: "";
    left: 8px;
    height: 16px;
    width: 16px;
    background: #fff;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg)
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceRoomView_landing_info .mx_SpaceRoomView_landing_settingsButton {
    position: relative;
    margin-left: 16px;
    width: 24px;
    height: 24px
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceRoomView_landing_info .mx_SpaceRoomView_landing_settingsButton:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 24px;
    width: 24px;
    background: #edf3ff;
    background: var(--tertiary-content, #edf3ff);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg)
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceRoomView_landing_topic {
    font-size: 1.5rem;
    margin-top: 12px;
    margin-bottom: 16px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SearchBox {
    margin: 0 0 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0
}

.mx_SpaceRoomView .mx_SpaceRoomView_landing .mx_SpaceFeedbackPrompt {
    padding: 7px;
    border: 1px solid rgba(var(--timeline-text-color), .1);
    border-radius: 8px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 0 -40px auto
}

.mx_SpaceRoomView .mx_SpaceRoomView_privateScope>.mx_AccessibleButton {
    position: relative;
    padding: 16px 32px 16px 72px;
    width: 432px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #e7e7e7;
    font-size: 1.5rem;
    margin: 20px 0
}

.mx_SpaceRoomView .mx_SpaceRoomView_privateScope>.mx_AccessibleButton>h3 {
    font-weight: 600;
    margin: 0 0 4px
}

.mx_SpaceRoomView .mx_SpaceRoomView_privateScope>.mx_AccessibleButton>span {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_SpaceRoomView .mx_SpaceRoomView_privateScope>.mx_AccessibleButton:before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    top: 24px;
    left: 20px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 24px;
    mask-size: 24px;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff)
}

.mx_SpaceRoomView .mx_SpaceRoomView_privateScope>.mx_AccessibleButton:hover {
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_SpaceRoomView .mx_SpaceRoomView_privateScope>.mx_AccessibleButton:hover:before {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_SpaceRoomView .mx_SpaceRoomView_privateScope>.mx_AccessibleButton:hover>span {
    color: var(--timeline-text-color)
}

.mx_SpaceRoomView .mx_SpaceRoomView_privateScope .mx_SpaceRoomView_privateScope_justMeButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg)
}

.mx_SpaceRoomView .mx_SpaceRoomView_privateScope .mx_SpaceRoomView_privateScope_meAndMyTeammatesButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/community-members.cbb31c1.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/community-members.cbb31c1.svg)
}

.mx_SpaceRoomView .mx_SpaceRoomView_inviteTeammates .mx_SpaceRoomView_inviteTeammates_betaDisclaimer {
    padding: 16px;
    position: relative;
    border-radius: 8px;
    background-color: var(--roomlist-background-color);
    max-width: 428px;
    margin: 20px 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_SpaceRoomView .mx_SpaceRoomView_inviteTeammates .mx_SpaceRoomView_inviteTeammates_betaDisclaimer .mx_BetaCard_betaPill {
    position: absolute;
    left: 16px;
    top: 16px
}

.mx_SpaceRoomView .mx_SpaceRoomView_inviteTeammates .mx_SpaceRoomView_inviteTeammates_buttons {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    margin-top: 28px
}

.mx_SpaceRoomView .mx_SpaceRoomView_inviteTeammates .mx_SpaceRoomView_inviteTeammates_buttons .mx_AccessibleButton {
    position: relative;
    display: inline-block;
    padding-left: 32px;
    line-height: 24px
}

.mx_SpaceRoomView .mx_SpaceRoomView_inviteTeammates .mx_SpaceRoomView_inviteTeammates_buttons .mx_AccessibleButton:before {
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    top: 0;
    left: 0;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain
}

.mx_SpaceRoomView .mx_SpaceRoomView_inviteTeammates .mx_SpaceRoomView_inviteTeammates_buttons .mx_AccessibleButton+.mx_AccessibleButton {
    margin-left: 32px
}

.mx_SpaceRoomView .mx_SpaceRoomView_inviteTeammates .mx_SpaceRoomView_inviteTeammates_buttons .mx_SpaceRoomView_inviteTeammates_inviteDialogButton {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_SpaceRoomView .mx_SpaceRoomView_inviteTeammates .mx_SpaceRoomView_inviteTeammates_buttons .mx_SpaceRoomView_inviteTeammates_inviteDialogButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg);
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_SpaceRoomView_info {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-size: 1.5rem;
    line-height: 2.4rem;
    margin: 20px 0
}

.mx_SpaceRoomView_info .mx_SpaceRoomView_info_private,
.mx_SpaceRoomView_info .mx_SpaceRoomView_info_public {
    padding-left: 20px;
    position: relative
}

.mx_SpaceRoomView_info .mx_SpaceRoomView_info_private:before,
.mx_SpaceRoomView_info .mx_SpaceRoomView_info_public:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 0;
    left: -2px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff)
}

.mx_SpaceRoomView_info .mx_SpaceRoomView_info_public:before {
    -webkit-mask-size: 12px;
    mask-size: 12px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/globe.8201f08.svg);
    mask-image: url(https://element.anontier.nl/../img/globe.8201f08.svg)
}

.mx_SpaceRoomView_info .mx_SpaceRoomView_info_private:before {
    -webkit-mask-size: 14px;
    mask-size: 14px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/lock.1f264bd.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/lock.1f264bd.svg)
}

.mx_SpaceRoomView_info .mx_SpaceRoomView_info_memberCount {
    color: inherit;
    position: relative;
    padding: 0 0 0 16px;
    font-size: 1.5rem
}

.mx_SpaceRoomView_info .mx_SpaceRoomView_info_memberCount:before {
    content: "·";
    position: absolute;
    left: 6px
}

.mx_TabbedView {
    padding: 0 0 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 8px 0 0
}

.mx_TabbedView,
.mx_TabbedView_tabsOnLeft {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_TabbedView_tabsOnLeft {
    position: absolute
}

.mx_TabbedView_tabsOnLeft .mx_TabbedView_tabLabels {
    width: 170px;
    max-width: 170px;
    position: fixed
}

.mx_TabbedView_tabsOnLeft .mx_TabbedView_tabPanel {
    margin-left: 240px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_TabbedView_tabsOnLeft .mx_TabbedView_tabLabel_active {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    color: #edf3ff
}

.mx_TabbedView_tabsOnLeft .mx_TabbedView_tabLabel_active .mx_TabbedView_maskedIcon:before {
    background-color: #edf3ff
}

.mx_TabbedView_tabsOnLeft .mx_TabbedView_maskedIcon {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    margin-right: 16px
}

.mx_TabbedView_tabsOnLeft .mx_TabbedView_maskedIcon:before {
    -webkit-mask-size: 16px;
    mask-size: 16px;
    width: 16px;
    height: 16px
}

.mx_TabbedView_tabsOnTop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_TabbedView_tabsOnTop .mx_TabbedView_tabLabels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.mx_TabbedView_tabsOnTop .mx_TabbedView_tabLabel {
    padding-left: 0;
    padding-right: 52px
}

.mx_TabbedView_tabsOnTop .mx_TabbedView_tabLabel .mx_TabbedView_tabLabel_text {
    font-size: 15px;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff)
}

.mx_TabbedView_tabsOnTop .mx_TabbedView_tabPanel {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.mx_TabbedView_tabsOnTop .mx_TabbedView_tabLabel_active,
.mx_TabbedView_tabsOnTop .mx_TabbedView_tabLabel_active .mx_TabbedView_tabLabel_text {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_TabbedView_tabsOnTop .mx_TabbedView_tabLabel_active .mx_TabbedView_maskedIcon:before {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_TabbedView_tabsOnTop .mx_TabbedView_maskedIcon {
    width: 22px;
    height: 22px;
    margin-left: 0;
    margin-right: 8px
}

.mx_TabbedView_tabsOnTop .mx_TabbedView_maskedIcon:before {
    -webkit-mask-size: 22px;
    mask-size: 22px;
    width: inherit;
    height: inherit
}

.mx_TabbedView_tabLabels {
    color: var(--timeline-text-color)
}

.mx_TabbedView_tabLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: text-top;
    cursor: pointer;
    padding: 8px 0;
    border-radius: 8px;
    font-size: 1.3rem;
    position: relative
}

.mx_TabbedView_maskedIcon {
    display: inline-block
}

.mx_TabbedView_maskedIcon:before {
    display: inline-block;
    background-color: #a1b2d1;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    content: ""
}

.mx_TabbedView_tabLabel_text {
    vertical-align: middle
}

.mx_TabbedView_tabPanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_TabbedView_tabPanel,
.mx_TabbedView_tabPanelContent {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 0
}

.mx_TabbedView_tabPanelContent {
    overflow: auto
}

.mx_ToastContainer {
    position: absolute;
    top: 0;
    left: 70px;
    z-index: 101;
    padding: 4px;
    display: grid;
    grid-template-rows: 1fr 14px 6px
}

.mx_ToastContainer.mx_ToastContainer_stacked:before {
    content: "";
    margin: 0 4px;
    grid-row: 2/4
}

.mx_ToastContainer .mx_Toast_toast,
.mx_ToastContainer.mx_ToastContainer_stacked:before {
    grid-column: 1;
    background-color: #21262c;
    background-color: var(--system, #21262c);
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .5);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .5);
    border-radius: 8px
}

.mx_ToastContainer .mx_Toast_toast {
    grid-row: 1/3;
    color: var(--timeline-text-color);
    overflow: hidden;
    display: grid;
    grid-template-columns: 22px 1fr;
    grid-column-gap: 8px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    grid-row-gap: 4px;
    row-gap: 4px;
    padding: 8px
}

.mx_ToastContainer .mx_Toast_toast.mx_Toast_hasIcon:after,
.mx_ToastContainer .mx_Toast_toast.mx_Toast_hasIcon:before {
    content: "";
    width: 22px;
    height: 22px;
    grid-column: 1;
    grid-row: 1;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-size: 100%;
    background-repeat: no-repeat
}

.mx_ToastContainer .mx_Toast_toast.mx_Toast_hasIcon.mx_Toast_icon_verification:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/normal.76f0c09.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/normal.76f0c09.svg);
    background-color: var(--timeline-text-color)
}

.mx_ToastContainer .mx_Toast_toast.mx_Toast_hasIcon.mx_Toast_icon_verification_warning:before {
    background-color: #fff;
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/normal.76f0c09.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/normal.76f0c09.svg);
    -webkit-mask-size: 80%;
    mask-size: 80%
}

.mx_ToastContainer .mx_Toast_toast.mx_Toast_hasIcon.mx_Toast_icon_verification_warning:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/warning.78bb264.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/warning.78bb264.svg);
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_ToastContainer .mx_Toast_toast.mx_Toast_hasIcon.mx_Toast_icon_secure_backup:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/secure-backup.329cb1c.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/secure-backup.329cb1c.svg);
    background-color: var(--timeline-text-color)
}

.mx_ToastContainer .mx_Toast_toast.mx_Toast_hasIcon.mx_Toast_icon_labs:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/flask.b62a9a9.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/flask.b62a9a9.svg);
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_ToastContainer .mx_Toast_toast.mx_Toast_hasIcon .mx_Toast_body,
.mx_ToastContainer .mx_Toast_toast.mx_Toast_hasIcon .mx_Toast_title {
    grid-column: 2
}

.mx_ToastContainer .mx_Toast_toast:not(.mx_Toast_hasIcon) {
    padding-left: 12px
}

.mx_ToastContainer .mx_Toast_toast:not(.mx_Toast_hasIcon) .mx_Toast_title {
    grid-column: 1/-1
}

.mx_ToastContainer .mx_Toast_toast .mx_Toast_description,
.mx_ToastContainer .mx_Toast_toast .mx_Toast_title {
    padding-right: 8px
}

.mx_ToastContainer .mx_Toast_toast .mx_Toast_title {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_ToastContainer .mx_Toast_toast .mx_Toast_title h2 {
    grid-column: 1/3;
    grid-row: 1;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    display: inline;
    width: auto;
    vertical-align: middle
}

.mx_ToastContainer .mx_Toast_toast .mx_Toast_title span {
    padding-left: 8px;
    float: right;
    font-size: 1.2rem;
    line-height: 2.2rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_ToastContainer .mx_Toast_toast .mx_Toast_body {
    grid-column: 1/3;
    grid-row: 2
}

.mx_ToastContainer .mx_Toast_toast .mx_Toast_buttons {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_ToastContainer .mx_Toast_toast .mx_Toast_buttons .mx_AccessibleButton {
    min-width: 96px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_ToastContainer .mx_Toast_toast .mx_Toast_buttons .mx_AccessibleButton+.mx_AccessibleButton {
    margin-left: 5px
}

.mx_ToastContainer .mx_Toast_toast .mx_Toast_description {
    max-width: 272px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 4px 0 11px;
    font-size: 1.2rem
}

.mx_ToastContainer .mx_Toast_toast .mx_Toast_description .mx_AccessibleButton_kind_link {
    font-size: inherit;
    padding: 0
}

.mx_ToastContainer .mx_Toast_toast .mx_Toast_description a {
    text-decoration: none
}

.mx_ToastContainer .mx_Toast_toast .mx_Toast_detail {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_ToastContainer .mx_Toast_toast .mx_Toast_deviceID {
    font-size: 1rem
}

.mx_UploadBar {
    padding-left: 65px;
    position: relative
}

.mx_UploadBar .mx_ProgressBar {
    width: calc(100% - 40px)
}

.mx_ThreadView .mx_UploadBar {
    padding-left: 0
}

.mx_UploadBar_filename {
    margin-top: 5px;
    color: #a1b2d1;
    position: relative;
    padding-left: 22px;
    font-size: 1.5rem;
    vertical-align: middle
}

.mx_UploadBar_filename:before {
    content: "";
    height: 18px;
    width: 18px;
    left: 0;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/upload.e2a53e0.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/upload.e2a53e0.svg)
}

.mx_UploadBar_cancel,
.mx_UploadBar_filename:before {
    position: absolute;
    top: 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #a1b2d1
}

.mx_UploadBar_cancel {
    right: 0;
    height: 16px;
    width: 16px;
    margin-right: 16px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/icons-close.11ff07c.svg);
    mask-image: url(https://element.anontier.nl/../img/icons-close.11ff07c.svg)
}

.mx_UserMenu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_UserMenu,
.mx_UserMenu .mx_AccessibleButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_UserMenu .mx_UserMenu_userAvatar {
    position: relative
}

.mx_UserMenu .mx_UserMenu_name {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.4rem;
    margin-left: 10px
}

.mx_UserMenu .mx_UserMenu_cutout .mx_BaseAvatar {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/dnd-avatar-mask.953b958.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/dnd-avatar-mask.953b958.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.mx_UserMenu .mx_UserMenu_dndBadge {
    position: absolute;
    bottom: -2px;
    right: -7px;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.mx_UserMenu .mx_UserMenu_dndBadge:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55);
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/dnd.1d2f3d1.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/dnd.1d2f3d1.svg)
}

.mx_UserMenu_contextMenu {
    width: 258px
}

.mx_UserMenu_contextMenu.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList_red .mx_AccessibleButton {
    padding-top: 16px;
    padding-bottom: 16px
}

.mx_UserMenu_contextMenu .mx_UserMenu_contextMenu_header {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_UserMenu_contextMenu .mx_UserMenu_contextMenu_header .mx_UserMenu_contextMenu_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 40px)
}

.mx_UserMenu_contextMenu .mx_UserMenu_contextMenu_header .mx_UserMenu_contextMenu_name * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mx_UserMenu_contextMenu .mx_UserMenu_contextMenu_header .mx_UserMenu_contextMenu_name .mx_UserMenu_contextMenu_displayName {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem
}

.mx_UserMenu_contextMenu .mx_UserMenu_contextMenu_header .mx_UserMenu_contextMenu_name .mx_UserMenu_contextMenu_userId {
    font-size: 1.5rem;
    line-height: 2.4rem
}

.mx_UserMenu_contextMenu .mx_UserMenu_contextMenu_header .mx_UserMenu_contextMenu_themeButton {
    min-width: 32px;
    max-width: 32px;
    width: 32px;
    height: 32px;
    margin-left: 8px;
    border-radius: 32px;
    background-color: #e3e8f0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_UserMenu_contextMenu .mx_UserMenu_contextMenu_header.mx_UserMenu_contextMenu_guestPrompts,
.mx_UserMenu_contextMenu .mx_UserMenu_contextMenu_header.mx_UserMenu_contextMenu_hostingLink {
    padding-top: 0
}

.mx_UserMenu_contextMenu .mx_UserMenu_contextMenu_header.mx_UserMenu_contextMenu_guestPrompts {
    display: inline-block
}

.mx_UserMenu_contextMenu .mx_UserMenu_contextMenu_header.mx_UserMenu_contextMenu_guestPrompts>span {
    font-weight: 600;
    display: block
}

.mx_UserMenu_contextMenu .mx_UserMenu_contextMenu_header.mx_UserMenu_contextMenu_guestPrompts>span+span {
    margin-top: 8px
}

.mx_UserMenu_contextMenu .mx_UserMenu_contextMenu_header.mx_UserMenu_contextMenu_guestPrompts .mx_AccessibleButton_kind_link {
    font-weight: 400;
    font-size: inherit;
    padding: 0
}

.mx_UserMenu_contextMenu .mx_IconizedContextMenu_icon {
    width: 16px;
    height: 16px;
    display: block
}

.mx_UserMenu_contextMenu .mx_IconizedContextMenu_icon:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: var(--timeline-text-color)
}

.mx_UserMenu_contextMenu .mx_UserMenu_iconHome:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/home.1b4edd5.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/home.1b4edd5.svg)
}

.mx_UserMenu_contextMenu .mx_UserMenu_iconDnd:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/dnd.1d2f3d1.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/dnd.1d2f3d1.svg)
}

.mx_UserMenu_contextMenu .mx_UserMenu_iconDndOff:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/dnd-cross.d0ad706.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/dnd-cross.d0ad706.svg)
}

.mx_UserMenu_contextMenu .mx_UserMenu_iconHosting:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/brands/element.182040d.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/brands/element.182040d.svg)
}

.mx_UserMenu_contextMenu .mx_UserMenu_iconBell:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg)
}

.mx_UserMenu_contextMenu .mx_UserMenu_iconLock:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/security.66f2fa6.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/security.66f2fa6.svg)
}

.mx_UserMenu_contextMenu .mx_UserMenu_iconSettings:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg)
}

.mx_UserMenu_contextMenu .mx_UserMenu_iconMessage:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/feedback.a91241e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/feedback.a91241e.svg)
}

.mx_UserMenu_contextMenu .mx_UserMenu_iconSignOut:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/leave.bb917e7.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/leave.bb917e7.svg)
}

.mx_UserMenu_CustomStatusSection {
    margin: 0 12px 8px
}

.mx_UserMenu_CustomStatusSection .mx_UserMenu_CustomStatusSection_input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_UserMenu_CustomStatusSection .mx_UserMenu_CustomStatusSection_input>input {
    border: 1px solid #0dbd8b;
    border: 1px solid var(--accent, #0dbd8b);
    border-radius: 8px;
    width: 100%
}

.mx_UserMenu_CustomStatusSection>p {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    margin: 4px 0
}

.mx_UserMenu_CustomStatusSection .mx_AccessibleButton_kind_primary_outline {
    display: block
}

.mx_ViewSource_separator {
    clear: both;
    border-bottom: 1px solid #e5e5e5;
    padding-top: .7em;
    padding-bottom: .7em
}

.mx_ViewSource_heading {
    font-size: 1.7rem;
    font-weight: 400;
    color: var(--timeline-text-color);
    margin-top: .7em
}

.mx_ViewSource pre {
    text-align: left;
    font-size: 1.2rem;
    padding: .5em 1em;
    word-wrap: break-word;
    white-space: pre-wrap
}

.mx_ViewSource_details {
    margin-top: .8em
}

.mx_CompleteSecurity_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_CompleteSecurity_headerIcon {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    position: relative
}

.mx_CompleteSecurity_heroIcon {
    width: 128px;
    height: 128px;
    position: relative;
    margin: 0 auto
}

.mx_CompleteSecurity_skip {
    -webkit-mask: url(https://element.anontier.nl/../img/feather-customised/cancel.23c2689.svg);
    mask: url(https://element.anontier.nl/../img/feather-customised/cancel.23c2689.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 18px;
    height: 18px;
    background-color: #9fa9ba;
    cursor: pointer;
    position: absolute;
    right: 24px
}

.mx_CompleteSecurity_body {
    font-size: 1.5rem
}

.mx_CompleteSecurity_waiting {
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff)
}

.mx_CompleteSecurity_actionRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 2.8rem
}

.mx_CompleteSecurity_actionRow .mx_AccessibleButton {
    -webkit-margin-start: 18px;
    margin-inline-start: 18px
}

.mx_CompleteSecurity_actionRow .mx_AccessibleButton.warning {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_Login_submit {
    vertical-align: middle;
    border: 0;
    border-radius: 8px;
    font-family: Nunito, Twemoji, Apple Color Emoji, Segoe UI Emoji, Arial, Helvetica, sans-serif, Noto Color Emoji;
    font-family: var(--font-family, "Nunito", "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Arial", "Helvetica", sans-serif, "Noto Color Emoji");
    font-size: 1.4rem;
    color: #fff;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    width: auto;
    padding: 7px 1.5em;
    cursor: pointer;
    display: inline-block;
    outline: none;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.mx_Login_submit:disabled {
    opacity: .3;
    cursor: default
}

.mx_Login_loader {
    display: inline;
    position: relative;
    top: 2px;
    left: 8px
}

.mx_Login_loader .mx_Spinner {
    display: inline
}

.mx_Login_loader .mx_Spinner img {
    width: 16px;
    height: 16px
}

.mx_Login_error {
    color: #ff5b55;
    color: var(--alert, #ff5b55);
    font-weight: 700;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px
}

.mx_Login_error.mx_Login_serverError {
    text-align: left;
    font-weight: 400
}

.mx_Login_error.mx_Login_serverError.mx_Login_serverErrorNonFatal {
    color: #ff8d13
}

.mx_Login_type_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--timeline-text-color)
}

.mx_Login_type_container .mx_Field {
    margin: 0
}

.mx_Login_type_label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_Login_underlinedServerName {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-bottom: 1px dashed #0dbd8b;
    border-bottom: 1px dashed var(--accent, #0dbd8b)
}

div.mx_AccessibleButton_kind_link.mx_Login_forgot {
    display: block;
    margin: 0 auto;
    font-size: inherit;
    padding: 0
}

div.mx_AccessibleButton_kind_link.mx_Login_forgot.mx_AccessibleButton_disabled {
    cursor: not-allowed
}

.mx_Login_spinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 14px
}

.mx_SetupEncryptionBody_reset {
    color: var(--timeline-text-secondary-color);
    margin-top: 1.4rem
}

.mx_SetupEncryptionBody_reset a.mx_SetupEncryptionBody_reset_link:is(:link,
:hover,
:visited) {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_MediaBody.mx_AudioPlayer_container {
    padding: 16px 12px 12px
}

.mx_MediaBody.mx_AudioPlayer_container .mx_AudioPlayer_primaryContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_MediaBody.mx_AudioPlayer_container .mx_AudioPlayer_primaryContainer .mx_PlayPauseButton {
    margin-right: 8px
}

.mx_MediaBody.mx_AudioPlayer_container .mx_AudioPlayer_primaryContainer .mx_AudioPlayer_mediaInfo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.mx_MediaBody.mx_AudioPlayer_container .mx_AudioPlayer_primaryContainer .mx_AudioPlayer_mediaInfo>* {
    display: block
}

.mx_MediaBody.mx_AudioPlayer_container .mx_AudioPlayer_primaryContainer .mx_AudioPlayer_mediaInfo .mx_AudioPlayer_mediaName {
    color: var(--timeline-text-color);
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 4px
}

.mx_MediaBody.mx_AudioPlayer_container .mx_AudioPlayer_primaryContainer .mx_AudioPlayer_mediaInfo .mx_AudioPlayer_byline {
    font-size: 1.2rem;
    line-height: 1.2rem
}

.mx_MediaBody.mx_AudioPlayer_container .mx_AudioPlayer_seek {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_MediaBody.mx_AudioPlayer_container .mx_AudioPlayer_seek .mx_SeekBar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_MediaBody.mx_AudioPlayer_container .mx_AudioPlayer_seek .mx_Clock {
    width: 4.2rem;
    min-width: 4.2rem;
    padding-left: 4px;
    text-align: right
}

.mx_PlayPauseButton {
    position: relative;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    border-radius: 32px;
    background-color: #21262c;
    background-color: var(--system, #21262c)
}

.mx_PlayPauseButton:before {
    content: "";
    position: absolute;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.mx_PlayPauseButton.mx_PlayPauseButton_disabled:before {
    opacity: .5
}

.mx_PlayPauseButton.mx_PlayPauseButton_play:before {
    width: 13px;
    height: 16px;
    top: 8px;
    left: 12px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/play.a72552b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/play.a72552b.svg)
}

.mx_PlayPauseButton.mx_PlayPauseButton_pause:before {
    width: 10px;
    height: 12px;
    top: 10px;
    left: 11px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/pause.c4c0886.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/pause.c4c0886.svg)
}

.mx_MediaBody.mx_VoiceMessagePrimaryContainer {
    padding-right: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    contain: content
}

.mx_MediaBody.mx_VoiceMessagePrimaryContainer .mx_Waveform .mx_Waveform_bar {
    background-color: #6f7882;
    background-color: var(--quaternary-content, #6f7882);
    height: 100%;
    -webkit-transform: scaleY(max(.05, var(--barHeight)));
    transform: scaleY(max(.05, var(--barHeight)))
}

.mx_MediaBody.mx_VoiceMessagePrimaryContainer .mx_Waveform .mx_Waveform_bar.mx_Waveform_bar_100pct {
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_MediaBody.mx_VoiceMessagePrimaryContainer .mx_Clock {
    width: 4.2rem;
    padding-right: 6px;
    padding-left: 8px
}

.mx_MediaBody.mx_VoiceMessagePrimaryContainer.mx_VoiceMessagePrimaryContainer_noWaveform {
    max-width: 162px
}

.mx_SeekBar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 1px;
    background: #6f7882;
    background: var(--quaternary-content, #6f7882);
    outline: none;
    position: relative;
    cursor: pointer
}

.mx_SeekBar::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    cursor: pointer
}

.mx_SeekBar::-moz-range-thumb {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    cursor: pointer;
    border: none
}

.mx_SeekBar:before {
    content: "";
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleX(var(--fillTo));
    transform: scaleX(var(--fillTo))
}

.mx_SeekBar::-moz-range-progress {
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    height: 1px
}

.mx_SeekBar:disabled {
    opacity: .5
}

.mx_SeekBar:after {
    content: "";
    position: absolute;
    top: -6px;
    bottom: -6px;
    left: 0;
    right: 0
}

.mx_Waveform {
    position: relative;
    height: 30px;
    top: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.mx_Waveform .mx_Waveform_bar {
    width: 0;
    border: 1px solid transparent;
    border-radius: 2px;
    min-height: 0;
    max-height: 100%;
    margin-left: 1px;
    margin-right: 1px
}

.mx_AuthBody {
    width: 500px;
    font-size: 1.2rem;
    color: var(--timeline-text-secondary-color);
    background-color: var(--timeline-background-color);
    border-radius: 0 4px 4px 0;
    padding: 25px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_AuthBody h2 {
    font-size: 2.4rem;
    font-weight: 600;
    margin-top: 8px;
    color: var(--timeline-text-color)
}

.mx_AuthBody h3 {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--timeline-text-secondary-color)
}

.mx_AuthBody h3.mx_AuthBody_centered {
    text-align: center
}

.mx_AuthBody a:hover,
.mx_AuthBody a:link,
.mx_AuthBody a:visited {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    text-decoration: none
}

.mx_AuthBody input[type=password],
.mx_AuthBody input[type=text] {
    color: var(--timeline-text-color)
}

.mx_AuthBody .mx_Field input,
.mx_AuthBody .mx_Field select {
    color: var(--timeline-text-color);
    background-color: var(--timeline-background-color)
}

.mx_AuthBody .mx_Field input:not(:-moz-placeholder-shown)+label,
.mx_AuthBody .mx_Field textarea:not(:-moz-placeholder-shown)+label {
    background-color: var(--timeline-background-color)
}

.mx_AuthBody .mx_Field input:not(:-ms-input-placeholder)+label,
.mx_AuthBody .mx_Field textarea:not(:-ms-input-placeholder)+label {
    background-color: var(--timeline-background-color)
}

.mx_AuthBody .mx_Field_labelAlwaysTopLeft label,
.mx_AuthBody .mx_Field input:focus+label,
.mx_AuthBody .mx_Field input:not(:placeholder-shown)+label,
.mx_AuthBody .mx_Field select+label,
.mx_AuthBody .mx_Field textarea:focus+label,
.mx_AuthBody .mx_Field textarea:not(:placeholder-shown)+label {
    background-color: var(--timeline-background-color)
}

.mx_AuthBody input.error {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_AuthBody .mx_Field input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_AuthBody .mx_Field_select:before {
    background-color: var(--timeline-text-color)
}

.mx_AuthBody .mx_Dropdown {
    color: var(--timeline-text-color)
}

.mx_AuthBody .mx_Dropdown_arrow {
    background: var(--timeline-text-color)
}

.mx_AuthBody .mx_Dropdown_menu {
    background-color: var(--timeline-background-color)
}

.mx_AuthBody .mx_Dropdown_menu .mx_Dropdown_option_highlight {
    background-color: #ddd
}

.mx_AuthBody_fieldRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.mx_AuthBody_fieldRow>.mx_Field {
    margin: 0 5px
}

.mx_AuthBody_fieldRow>.mx_Field:first-child {
    margin-left: 0
}

.mx_AuthBody_fieldRow>.mx_Field:last-child {
    margin-right: 0
}

.mx_AuthBody_paddedFooter {
    height: 80px;
    padding-top: 28px;
    text-align: center
}

.mx_AuthBody_paddedFooter .mx_AuthBody_paddedFooter_title {
    margin-top: 16px;
    font-size: 1.5rem;
    line-height: 2.4rem
}

.mx_AuthBody_paddedFooter .mx_AuthBody_paddedFooter_title .mx_InlineSpinner img {
    vertical-align: sub;
    margin-right: 5px
}

.mx_AuthBody_paddedFooter .mx_AuthBody_paddedFooter_subtitle {
    margin-top: 8px;
    font-size: 1rem;
    line-height: 1.4rem
}

.mx_AuthBody_changeFlow {
    display: block;
    text-align: center;
    width: 100%
}

.mx_AuthBody_changeFlow>a {
    font-weight: 600
}

.mx_SSOButtons+.mx_AuthBody_changeFlow {
    margin-top: 24px
}

.mx_AuthBody_spinner {
    margin: 1em 0
}

@media only screen and (max-width:480px) {
    .mx_AuthBody {
        border-radius: 4px;
        width: auto;
        max-width: 500px;
        padding: 10px
    }
}

.mx_AuthButtons {
    min-height: 24px;
    height: unset!important;
    padding-top: 13px!important;
    padding-bottom: 14px!important;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.mx_AuthButtons_loginButton_wrapper {
    text-align: center;
    width: 100%
}

.mx_AuthButtons_loginButton,
.mx_AuthButtons_registerButton {
    margin-top: 3px;
    height: 40px;
    border: 0;
    border-radius: 40px;
    margin-left: 4px;
    margin-right: 4px;
    min-width: 80px;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    color: var(--timeline-background-color);
    cursor: pointer;
    font-size: 1.5rem;
    padding: 0 11px;
    word-break: break-word
}

.mx_AuthFooter {
    text-align: center;
    width: 100%;
    font-size: 1.4rem;
    opacity: .72;
    padding: 20px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(transparent, rgba(0, 0, 0, .8))
}

.mx_AuthFooter a:hover,
.mx_AuthFooter a:link,
.mx_AuthFooter a:visited {
    color: #fff;
    margin: 0 22px
}

.mx_AuthHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 206px;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width:480px) {
    .mx_AuthHeader {
        display: none
    }
}

.mx_AuthHeaderLogo {
    margin-top: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 25px
}

.mx_AuthHeaderLogo img {
    width: 100%
}

@media only screen and (max-width:480px) {
    .mx_AuthHeaderLogo {
        display: none
    }
}

.mx_AuthPage {
    width: 100%;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #2e3649
}

.mx_AuthPage,
.mx_AuthPage_modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_AuthPage_modal {
    margin: 100px auto auto;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .33);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .33);
    background-color: var(--timeline-background-color-50pct)
}

@media only screen and (max-width:480px) {
    .mx_AuthPage_modal {
        margin-top: 0
    }
}

.mx_CompleteSecurityBody {
    width: 600px;
    color: var(--timeline-text-color);
    background-color: var(--timeline-background-color);
    border-radius: 4px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_CompleteSecurityBody h2 {
    font-size: 2.4rem;
    font-weight: 600;
    margin-top: 0
}

.mx_CompleteSecurityBody h3 {
    font-size: 1.4rem;
    font-weight: 600
}

.mx_CompleteSecurityBody a:hover,
.mx_CompleteSecurityBody a:link,
.mx_CompleteSecurityBody a:visited {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    text-decoration: none
}

.mx_CountryDropdown .mx_Dropdown_input .mx_Dropdown_option {
    padding: 0 3px
}

.mx_CountryDropdown .mx_Dropdown_arrow {
    padding-right: 3px
}

.mx_CountryDropdown_shortOption {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%
}

.mx_CountryDropdown_option,
.mx_CountryDropdown_shortOption {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_CountryDropdown_option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_InteractiveAuthEntryComponents_emailWrapper {
    padding-right: 100px;
    position: relative;
    margin-top: 32px;
    margin-bottom: 32px
}

.mx_InteractiveAuthEntryComponents_emailWrapper:after,
.mx_InteractiveAuthEntryComponents_emailWrapper:before {
    position: absolute;
    width: 116px;
    height: 116px;
    content: "";
    right: -10px
}

.mx_InteractiveAuthEntryComponents_emailWrapper:before {
    background-color: rgba(244, 246, 250, .91);
    border-radius: 50%;
    top: -20px
}

.mx_InteractiveAuthEntryComponents_emailWrapper:after {
    background-image: url(https://element.anontier.nl/../img/element-icons/email-prompt.1d04dfe.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    top: -25px
}

.mx_InteractiveAuthEntryComponents_msisdnWrapper {
    text-align: center
}

.mx_InteractiveAuthEntryComponents_msisdnEntry {
    font-size: 200%;
    font-weight: 700;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    width: 6em
}

.mx_InteractiveAuthEntryComponents_msisdnEntry:focus {
    border: 1px solid #0dbd8b;
    border: 1px solid var(--accent, #0dbd8b)
}

.mx_InteractiveAuthEntryComponents_msisdnSubmit {
    margin-top: 4px;
    margin-bottom: 5px
}

.mx_InteractiveAuthEntryComponents_termsSubmit {
    margin-top: 20px;
    margin-bottom: 5px;
    display: block;
    width: 100%
}

.mx_InteractiveAuthEntryComponents_msisdnSubmit:disabled {
    background-color: var(--timeline-text-secondary-color);
    cursor: default
}

.mx_InteractiveAuthEntryComponents_termsSubmit:disabled {
    background-color: #92caad;
    cursor: default
}

.mx_InteractiveAuthEntryComponents_termsPolicy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_InteractiveAuthEntryComponents_passwordSection {
    width: 300px
}

.mx_InteractiveAuthEntryComponents_sso_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px
}

.mx_InteractiveAuthEntryComponents_sso_buttons .mx_AccessibleButton {
    margin-left: 5px
}

.mx_AuthBody_language {
    width: 100%
}

.mx_AuthBody_language .mx_Dropdown_input {
    border: none;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--timeline-text-color);
    width: auto
}

.mx_AuthBody_language .mx_Dropdown_arrow {
    background: var(--timeline-text-color)
}

progress.mx_PassphraseField_progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border: 0;
    height: 4px;
    position: absolute;
    top: -12px;
    border-radius: "2px"
}

progress.mx_PassphraseField_progress::-moz-progress-bar {
    border-radius: "2px"
}

progress.mx_PassphraseField_progress::-webkit-progress-bar,
progress.mx_PassphraseField_progress::-webkit-progress-value {
    border-radius: "2px"
}

progress.mx_PassphraseField_progress {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

progress.mx_PassphraseField_progress::-moz-progress-bar {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

progress.mx_PassphraseField_progress::-webkit-progress-value {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

progress.mx_PassphraseField_progress[value="2"],
progress.mx_PassphraseField_progress[value="3"] {
    color: #ff812d;
    color: var(--username-colors_4, #ff812d)
}

progress.mx_PassphraseField_progress[value="2"]::-moz-progress-bar,
progress.mx_PassphraseField_progress[value="3"]::-moz-progress-bar {
    background-color: #ff812d;
    background-color: var(--username-colors_4, #ff812d)
}

progress.mx_PassphraseField_progress[value="2"]::-webkit-progress-value,
progress.mx_PassphraseField_progress[value="3"]::-webkit-progress-value {
    background-color: #ff812d;
    background-color: var(--username-colors_4, #ff812d)
}

progress.mx_PassphraseField_progress[value="4"] {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

progress.mx_PassphraseField_progress[value="4"]::-moz-progress-bar {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

progress.mx_PassphraseField_progress[value="4"]::-webkit-progress-value {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_Welcome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_Welcome.mx_WelcomePage_registrationDisabled .mx_ButtonCreateAccount {
    display: none
}

.mx_Welcome .mx_AuthBody_language {
    width: 160px;
    margin-bottom: 10px
}

.mx_BaseAvatar {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx_BaseAvatar.mx_RoomAvatar_isSpaceRoom.mx_BaseAvatar_image,
.mx_BaseAvatar.mx_RoomAvatar_isSpaceRoom .mx_BaseAvatar_image {
    border-radius: 8px
}

.mx_BaseAvatar_initial {
    position: absolute;
    left: 0;
    color: #fff;
    text-align: center;
    speak: none;
    pointer-events: none;
    font-weight: 400
}

.mx_BaseAvatar_image {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 125px;
    vertical-align: top;
    background-color: var(--timeline-background-color)
}

.mx_DecoratedRoomAvatar,
.mx_ExtraTile {
    position: relative;
    contain: content
}

.mx_DecoratedRoomAvatar.mx_DecoratedRoomAvatar_cutout .mx_BaseAvatar,
.mx_ExtraTile.mx_DecoratedRoomAvatar_cutout .mx_BaseAvatar {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/decorated-avatar-mask.76c407f.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/decorated-avatar-mask.76c407f.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.mx_DecoratedRoomAvatar .mx_DecoratedRoomAvatar_icon,
.mx_ExtraTile .mx_DecoratedRoomAvatar_icon {
    position: absolute;
    bottom: -2px;
    right: -2px;
    margin: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.mx_DecoratedRoomAvatar .mx_DecoratedRoomAvatar_icon:before,
.mx_ExtraTile .mx_DecoratedRoomAvatar_icon:before {
    content: "";
    width: 8px;
    height: 8px;
    right: 0;
    position: absolute;
    border-radius: 8px
}

.mx_DecoratedRoomAvatar .mx_DecoratedRoomAvatar_icon_globe:before,
.mx_ExtraTile .mx_DecoratedRoomAvatar_icon_globe:before {
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: #edf3ff;
    background: var(--secondary-content, #edf3ff);
    -webkit-mask-image: url(https://element.anontier.nl/../img/globe.8201f08.svg);
    mask-image: url(https://element.anontier.nl/../img/globe.8201f08.svg)
}

.mx_DecoratedRoomAvatar .mx_DecoratedRoomAvatar_icon_offline:before,
.mx_ExtraTile .mx_DecoratedRoomAvatar_icon_offline:before {
    background-color: #e3e8f0
}

.mx_DecoratedRoomAvatar .mx_DecoratedRoomAvatar_icon_online:before,
.mx_ExtraTile .mx_DecoratedRoomAvatar_icon_online:before {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_DecoratedRoomAvatar .mx_DecoratedRoomAvatar_icon_away:before,
.mx_ExtraTile .mx_DecoratedRoomAvatar_icon_away:before {
    background-color: #d9b072
}

.mx_DecoratedRoomAvatar .mx_NotificationBadge,
.mx_DecoratedRoomAvatar .mx_RoomTile_badgeContainer,
.mx_ExtraTile .mx_NotificationBadge,
.mx_ExtraTile .mx_RoomTile_badgeContainer {
    position: absolute;
    top: 0;
    right: 0;
    height: 18px;
    width: 18px
}

.mx_WidgetAvatar {
    border-radius: 4px
}

.mx_BetaCard {
    margin-bottom: 20px;
    padding: 24px;
    background-color: #21262c;
    background-color: var(--system, #21262c);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_BetaCard .mx_BetaCard_columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_BetaCard .mx_BetaCard_columns>div .mx_BetaCard_title {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: var(--timeline-text-color);
    margin: 4px 0 14px
}

.mx_BetaCard .mx_BetaCard_columns>div .mx_BetaCard_title .mx_BetaCard_betaPill {
    margin-left: 12px
}

.mx_BetaCard .mx_BetaCard_columns>div .mx_BetaCard_caption {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    margin-bottom: 20px
}

.mx_BetaCard .mx_BetaCard_columns>div .mx_BetaCard_buttons .mx_AccessibleButton {
    display: block;
    margin: 12px 0;
    padding: 7px 40px;
    width: auto
}

.mx_BetaCard .mx_BetaCard_columns>div .mx_BetaCard_disclaimer {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    margin-top: 20px
}

.mx_BetaCard .mx_BetaCard_columns>img {
    margin: auto 0 auto 20px;
    width: 300px;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%
}

.mx_BetaCard .mx_BetaCard_relatedSettings .mx_SettingsFlag {
    margin: 16px 0 0;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: var(--timeline-text-color)
}

.mx_BetaCard .mx_BetaCard_relatedSettings .mx_SettingsFlag .mx_SettingsFlag_microcopy {
    margin-top: 4px;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_BetaCard_betaPill {
    background-color: var(--primary-color);
    padding: 4px 10px;
    border-radius: 8px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    display: inline-block;
    vertical-align: text-bottom
}

.mx_BetaCard_betaPill.mx_BetaCard_betaPill_clickable {
    cursor: pointer
}

.mx_BetaDot {
    margin: 10px;
    height: 12px;
    width: 12px;
    -webkit-animation: mx_Beta_bluePulse 2s infinite;
    animation: mx_Beta_bluePulse 2s infinite;
    -webkit-animation-iteration-count: 20;
    animation-iteration-count: 20;
    position: relative;
    pointer-events: none
}

.mx_BetaDot,
.mx_BetaDot:after {
    border-radius: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: rgba(var(--primary-color), 1)
}

.mx_BetaDot:after {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-name: mx_Beta_bluePulse_shadow;
    animation-name: mx_Beta_bluePulse_shadow;
    -webkit-animation-duration: inherit;
    animation-duration: inherit;
    -webkit-animation-iteration-count: inherit;
    animation-iteration-count: inherit
}

@-webkit-keyframes mx_Beta_bluePulse {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

@keyframes mx_Beta_bluePulse {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

@-webkit-keyframes mx_Beta_bluePulse_shadow {
    0% {
        opacity: .7
    }
    70% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes mx_Beta_bluePulse_shadow {
    0% {
        opacity: .7
    }
    70% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0
    }
    to {
        opacity: 0
    }
}

.mx_CallContextMenu_item {
    width: 205px;
    height: 40px;
    padding-left: 16px;
    line-height: 40px;
    vertical-align: center
}

.mx_IconizedContextMenu {
    min-width: 146px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList>* {
    padding-left: 20px;
    padding-right: 20px
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList .mx_IconizedContextMenu_optionList_notFirst:before,
.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList:nth-child(n+2):before {
    border-top: 1px solid var(--timeline-text-color);
    opacity: .1;
    content: "";
    width: 100%;
    position: absolute;
    left: 0
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList:first-child .mx_AccessibleButton:first-child {
    border-radius: 8px 8px 0 0
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList:last-child .mx_AccessibleButton:last-child {
    border-radius: 0 0 8px 8px
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList:first-child:last-child .mx_AccessibleButton:first-child:last-child {
    border-radius: 8px
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList .mx_AccessibleButton {
    padding-top: 12px;
    padding-bottom: 12px;
    text-decoration: none;
    color: var(--timeline-text-color);
    font-size: 1.5rem;
    line-height: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList .mx_AccessibleButton:hover {
    background-color: #343a46;
    background-color: var(--menu-selected-color, #343a46)
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList .mx_AccessibleButton.mx_AccessibleButton_disabled {
    opacity: .5;
    cursor: not-allowed
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList .mx_AccessibleButton .mx_IconizedContextMenu_icon,
.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList .mx_AccessibleButton img {
    width: 16px;
    min-width: 16px;
    max-width: 16px
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList .mx_AccessibleButton span.mx_IconizedContextMenu_label {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList .mx_AccessibleButton .mx_IconizedContextMenu_icon+.mx_IconizedContextMenu_label {
    padding-left: 14px
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList .mx_AccessibleButton .mx_BetaCard_betaPill {
    margin-left: 16px
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_icon {
    position: relative;
    width: 16px;
    height: 16px
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_icon:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList_red .mx_AccessibleButton {
    color: #ff5b55!important;
    color: var(--alert, #ff5b55)!important
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_optionList_red .mx_IconizedContextMenu_icon:before {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_option_red {
    color: #ff5b55!important;
    color: var(--alert, #ff5b55)!important
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_option_red .mx_IconizedContextMenu_icon:before {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_active.mx_AccessibleButton,
.mx_IconizedContextMenu .mx_IconizedContextMenu_active .mx_AccessibleButton {
    color: #0dbd8b!important;
    color: var(--accent, #0dbd8b)!important
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_active .mx_IconizedContextMenu_icon:before {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_IconizedContextMenu.mx_IconizedContextMenu_compact .mx_IconizedContextMenu_optionList>* {
    padding: 8px 16px 8px 11px
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_checked,
.mx_IconizedContextMenu .mx_IconizedContextMenu_unchecked {
    margin-left: 16px;
    margin-right: -5px
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_checked:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/checkmark.a8c4d72.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/checkmark.a8c4d72.svg)
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_unchecked:before {
    content: unset
}

.mx_IconizedContextMenu .mx_IconizedContextMenu_sublabel {
    margin-left: 20px;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff)
}

.mx_MessageContextMenu .mx_IconizedContextMenu_icon {
    width: 16px;
    height: 16px;
    display: block
}

.mx_MessageContextMenu .mx_IconizedContextMenu_icon:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: var(--timeline-text-color)
}

.mx_MessageContextMenu .mx_MessageContextMenu_iconCollapse:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/message/chevron-up.90f4709.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/message/chevron-up.90f4709.svg)
}

.mx_MessageContextMenu .mx_MessageContextMenu_iconReport:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/warning-badge.713e1ca.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/warning-badge.713e1ca.svg)
}

.mx_MessageContextMenu .mx_MessageContextMenu_iconLink:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/link.8f4b1fc.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/link.8f4b1fc.svg)
}

.mx_MessageContextMenu .mx_MessageContextMenu_iconPermalink:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/share.54dc3fb.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/share.54dc3fb.svg)
}

.mx_MessageContextMenu .mx_MessageContextMenu_iconUnhidePreview:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings/appearance.cdebd40.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings/appearance.cdebd40.svg)
}

.mx_MessageContextMenu .mx_MessageContextMenu_iconEndPoll:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/check-white.212e405.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/check-white.212e405.svg)
}

.mx_MessageContextMenu .mx_MessageContextMenu_iconForward:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/message/fwd.d1f50ee.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/message/fwd.d1f50ee.svg)
}

.mx_MessageContextMenu .mx_MessageContextMenu_iconRedact:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/trashcan.3b626db.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/trashcan.3b626db.svg)
}

.mx_MessageContextMenu .mx_MessageContextMenu_iconResend:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/retry.6cd23ad.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/retry.6cd23ad.svg)
}

.mx_MessageContextMenu .mx_MessageContextMenu_iconSource:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/format-bar/code.27444ba.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/format-bar/code.27444ba.svg)
}

.mx_MessageContextMenu .mx_MessageContextMenu_iconQuote:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/format-bar/quote.560cd8f.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/format-bar/quote.560cd8f.svg)
}

.mx_MessageContextMenu .mx_MessageContextMenu_iconPin:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/pin-upright.65783fb.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/pin-upright.65783fb.svg)
}

.mx_MessageContextMenu .mx_MessageContextMenu_iconUnpin:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/pin.5d99673.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/pin.5d99673.svg)
}

.mx_MessageContextMenu .mx_MessageContextMenu_iconViewInRoom:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/view-in-room.a7fa669.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/view-in-room.a7fa669.svg)
}

.mx_TagTileContextMenu_item {
    padding: 8px 20px 8px 8px;
    cursor: pointer;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.6rem
}

.mx_TagTileContextMenu_item:before {
    content: "";
    height: 15px;
    width: 15px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-right: 8px
}

.mx_TagTileContextMenu_viewCommunity:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/view-community.0cad1a5.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/view-community.0cad1a5.svg)
}

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

.mx_TagTileContextMenu_moveDown:before,
.mx_TagTileContextMenu_moveUp:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg)
}

.mx_TagTileContextMenu_hideCommunity:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/hide.2b52315.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/hide.2b52315.svg)
}

.mx_TagTileContextMenu_createSpace:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/message/fwd.d1f50ee.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/message/fwd.d1f50ee.svg)
}

.mx_TagTileContextMenu_separator {
    margin-top: 0;
    margin-bottom: 0;
    border-style: none;
    border-top: 1px solid;
    border-color: #000
}

.mx_AddExistingToSpaceDialog_wrapper .mx_Dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_AddExistingToSpace .mx_SearchBox {
    margin: 0 0 15px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_noResults {
    display: block;
    margin-top: 24px
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_section:not(:first-child) {
    margin-top: 24px
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_section>h3 {
    margin: 0;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.5rem
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_section .mx_AccessibleButton_kind_link {
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-top: 8px;
    padding: 0
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer>span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer>span .mx_ProgressBar {
    height: 8px;
    width: 100%;
    border-radius: 8px
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer>span .mx_ProgressBar::-moz-progress-bar {
    border-radius: 8px
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer>span .mx_ProgressBar::-webkit-progress-bar,
.mx_AddExistingToSpace .mx_AddExistingToSpace_footer>span .mx_ProgressBar::-webkit-progress-value {
    border-radius: 8px
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer>span .mx_AddExistingToSpaceDialog_progressText {
    margin-top: 8px;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: var(--timeline-text-color)
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer>span>* {
    vertical-align: middle
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer .mx_AddExistingToSpace_error {
    padding-left: 12px
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer .mx_AddExistingToSpace_error>img {
    -ms-flex-item-align: center;
    align-self: center
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer .mx_AddExistingToSpace_error .mx_AddExistingToSpace_errorHeading {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer .mx_AddExistingToSpace_error .mx_AddExistingToSpace_errorCaption {
    margin-top: 4px;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: var(--timeline-text-color)
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer .mx_AccessibleButton {
    display: inline-block;
    -ms-flex-item-align: center;
    align-self: center
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer .mx_AccessibleButton_kind_primary {
    padding: 8px 36px
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer .mx_AddExistingToSpace_retryButton {
    margin-left: 12px;
    padding-left: 24px;
    position: relative
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer .mx_AddExistingToSpace_retryButton:before {
    content: "";
    position: absolute;
    background-color: var(--timeline-text-color);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/retry.6cd23ad.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/retry.6cd23ad.svg);
    width: 18px;
    height: 18px;
    left: 0
}

.mx_AddExistingToSpace .mx_AddExistingToSpace_footer .mx_AccessibleButton_kind_link {
    padding: 0
}

.mx_AddExistingToSpaceDialog {
    width: 480px;
    color: var(--timeline-text-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 0;
    height: 80vh
}

.mx_AddExistingToSpaceDialog .mx_AddExistingToSpace {
    display: contents
}

.mx_SubspaceSelector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_SubspaceSelector .mx_BaseAvatar_image {
    border-radius: 8px;
    margin: 0;
    vertical-align: unset
}

.mx_SubspaceSelector .mx_BaseAvatar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: auto 16px auto 5px;
    vertical-align: middle
}

.mx_SubspaceSelector>div>h1 {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin: 0
}

.mx_SubspaceSelector .mx_Dropdown_input {
    border: none
}

.mx_SubspaceSelector .mx_Dropdown_input>.mx_Dropdown_option {
    padding-left: 0;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    height: unset;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-size: 1.5rem;
    line-height: 2.4rem
}

.mx_SubspaceSelector .mx_Dropdown_input>.mx_Dropdown_option .mx_BaseAvatar {
    display: none
}

.mx_SubspaceSelector .mx_Dropdown_input .mx_Dropdown_menu .mx_SubspaceSelector_dropdownOptionActive {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    padding-right: 32px;
    position: relative
}

.mx_SubspaceSelector .mx_Dropdown_input .mx_Dropdown_menu .mx_SubspaceSelector_dropdownOptionActive:before {
    content: "";
    width: 20px;
    height: 20px;
    top: 8px;
    right: 0;
    position: absolute;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/checkmark.a8c4d72.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/checkmark.a8c4d72.svg)
}

.mx_SubspaceSelector .mx_SubspaceSelector_onlySpace {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-size: 1.5rem;
    line-height: 2.4rem
}

.mx_AddExistingToSpace_entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

.mx_AddExistingToSpace_entry .mx_BaseAvatar.mx_RoomAvatar_isSpaceRoom,
.mx_AddExistingToSpace_entry .mx_DecoratedRoomAvatar {
    margin-right: 12px
}

.mx_AddExistingToSpace_entry .mx_RoomAvatar_isSpaceRoom img,
.mx_AddExistingToSpace_entry img.mx_RoomAvatar_isSpaceRoom {
    border-radius: 8px
}

.mx_AddExistingToSpace_entry .mx_AddExistingToSpace_entry_name {
    font-size: 1.5rem;
    line-height: 30px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 12px
}

.mx_AddExistingToSpace_entry .mx_Checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_AddressPickerDialog a:hover,
.mx_AddressPickerDialog a:link,
.mx_AddressPickerDialog a:visited {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    text-decoration: none
}

.mx_AddressPickerDialog_input,
.mx_AddressPickerDialog_input:focus {
    height: 26px;
    font-size: 1.4rem;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0!important;
    border: 0!important;
    outline: 0!important;
    width: 1000%;
    resize: none;
    overflow: hidden;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: nowrap
}

.mx_AddressPickerDialog .mx_Dialog_content {
    min-height: 50px
}

.mx_AddressPickerDialog_inputContainer {
    border-radius: 3px;
    border: 1px solid #e7e7e7;
    line-height: 3.6rem;
    padding: 1px 4px;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto
}

.mx_AddressPickerDialog_error {
    margin-top: 10px;
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_AddressPickerDialog_cancel {
    position: absolute;
    right: 11px;
    top: 13px;
    cursor: pointer
}

.mx_AddressPickerDialog_cancel object {
    pointer-events: none
}

.mx_AddressPickerDialog_identityServer {
    margin-top: 1em
}

.mx_AnalyticsModal table {
    margin: 10px 0
}

.mx_AnalyticsModal table .mx_AnalyticsModal_label {
    width: 400px
}

.mx_AnalyticsLearnMoreDialog {
    max-width: 500px
}

.mx_AnalyticsLearnMoreDialog .mx_AnalyticsLearnMore_image_holder {
    background-image: url(https://element.anontier.nl/../img/element-shiny.b60291a.svg);
    background-repeat: no-repeat;
    background-position: top;
    height: 112px;
    padding: 20px 0
}

.mx_AnalyticsLearnMoreDialog .mx_Dialog_content {
    margin-bottom: 0
}

.mx_AnalyticsLearnMoreDialog .mx_AnalyticsLearnMore_copy {
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.mx_AnalyticsLearnMoreDialog a {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    text-decoration: none
}

.mx_AnalyticsLearnMoreDialog .mx_AnalyticsPolicyLink {
    display: inline-block;
    -webkit-mask-image: url(https://element.anontier.nl/../img/external-link.a8d3e9b.svg);
    mask-image: url(https://element.anontier.nl/../img/external-link.a8d3e9b.svg);
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 12px;
    height: 12px;
    margin-left: 3px;
    vertical-align: middle
}

.mx_AnalyticsLearnMoreDialog .mx_AnalyticsLearnMore_bullets {
    padding-left: 0
}

.mx_AnalyticsLearnMoreDialog .mx_AnalyticsLearnMore_bullets li {
    background: url(https://element.anontier.nl/../img/tick-circle.88c78e8.svg) no-repeat;
    list-style-type: none;
    padding: 2px 0 20px 32px;
    vertical-align: middle
}

.mx_BugReportDialog .mx_BugReportDialog_download .mx_AccessibleButton_kind_link {
    padding-left: 0
}

.mx_ChangelogDialog_content {
    max-height: 300px;
    overflow: auto
}

.mx_ChangelogDialog_li {
    padding: .2em
}

.mx_ChatCreateOrReuseDialog .mx_ChatCreateOrReuseDialog_tiles {
    margin-top: 24px
}

.mx_ChatCreateOrReuseDialog .mx_Dialog_content {
    margin-bottom: 24px;
    min-height: 100px
}

.mx_ChatCreateOrReuseDialog .mx_RoomTile_badge {
    display: none
}

.mx_ChatCreateOrReuseDialog_profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_ChatCreateOrReuseDialog_profile_name {
    padding: 14px
}

.mx_CommunityPrototypeInviteDialog.mx_Dialog_fixedWidth {
    width: 360px
}

.mx_CommunityPrototypeInviteDialog .mx_Dialog_content {
    margin-bottom: 0
}

.mx_CommunityPrototypeInviteDialog .mx_Dialog_content .mx_CommunityPrototypeInviteDialog_people {
    position: relative;
    margin-bottom: 4px
}

.mx_CommunityPrototypeInviteDialog .mx_Dialog_content .mx_CommunityPrototypeInviteDialog_people .mx_AccessibleButton {
    display: inline-block;
    background-color: #343a46;
    background-color: var(--focus-bg-color, #343a46);
    border-radius: 4px;
    padding: 3px 5px;
    font-size: 1.2rem;
    float: right
}

.mx_CommunityPrototypeInviteDialog .mx_Dialog_content .mx_CommunityPrototypeInviteDialog_morePeople {
    margin-top: 8px
}

.mx_CommunityPrototypeInviteDialog .mx_Dialog_content .mx_CommunityPrototypeInviteDialog_person {
    position: relative;
    margin-top: 4px
}

.mx_CommunityPrototypeInviteDialog .mx_Dialog_content .mx_CommunityPrototypeInviteDialog_person>* {
    vertical-align: middle
}

.mx_CommunityPrototypeInviteDialog .mx_Dialog_content .mx_CommunityPrototypeInviteDialog_person .mx_Checkbox {
    position: absolute;
    right: 0;
    top: calc(50% - 8px);
    width: 16px
}

.mx_CommunityPrototypeInviteDialog .mx_Dialog_content .mx_CommunityPrototypeInviteDialog_person .mx_CommunityPrototypeInviteDialog_personIdentifiers {
    display: inline-block
}

.mx_CommunityPrototypeInviteDialog .mx_Dialog_content .mx_CommunityPrototypeInviteDialog_person .mx_CommunityPrototypeInviteDialog_personIdentifiers>* {
    display: block
}

.mx_CommunityPrototypeInviteDialog .mx_Dialog_content .mx_CommunityPrototypeInviteDialog_person .mx_CommunityPrototypeInviteDialog_personIdentifiers .mx_CommunityPrototypeInviteDialog_personName {
    font-weight: 600;
    font-size: 1.4rem;
    color: var(--timeline-text-color);
    margin-left: 7px
}

.mx_CommunityPrototypeInviteDialog .mx_Dialog_content .mx_CommunityPrototypeInviteDialog_person .mx_CommunityPrototypeInviteDialog_personIdentifiers .mx_CommunityPrototypeInviteDialog_personId {
    font-size: 1.2rem;
    color: #a1b2d1;
    margin-left: 7px
}

.mx_CommunityPrototypeInviteDialog .mx_Dialog_content .mx_CommunityPrototypeInviteDialog_primaryButton {
    display: block;
    font-size: 1.3rem;
    line-height: 20px;
    height: 20px;
    margin-top: 24px
}

.mx_Dialog_wrapper.mx_CompoundDialog>.mx_Dialog {
    padding: 0;
    color: var(--timeline-text-color)
}

.mx_CompoundDialog .mx_CompoundDialog_header {
    padding: 32px 32px 16px
}

.mx_CompoundDialog .mx_CompoundDialog_header h1 {
    display: inline-block;
    font-weight: 600;
    font-size: 2.4rem;
    margin: 0
}

.mx_CompoundDialog .mx_CompoundDialog_header .mx_CompoundDialog_cancelButton {
    -webkit-mask: url(https://element.anontier.nl/../img/feather-customised/cancel.23c2689.svg);
    mask: url(https://element.anontier.nl/../img/feather-customised/cancel.23c2689.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px;
    height: 20px;
    background-color: #9fa9ba;
    cursor: pointer;
    position: absolute;
    top: 34px;
    right: 34px
}

.mx_CompoundDialog .mx_CompoundDialog_content {
    overflow: auto;
    padding: 8px 32px
}

.mx_CompoundDialog .mx_CompoundDialog_footer {
    padding: 20px 32px;
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.mx_CompoundDialog .mx_CompoundDialog_footer .mx_AccessibleButton {
    margin-left: 24px
}

.mx_ScrollableBaseDialog {
    width: 544px;
    height: 516px
}

.mx_ScrollableBaseDialog .mx_CompoundDialog_content {
    height: 349px
}

.mx_ScrollableBaseDialog .mx_CompoundDialog_footer {
    -webkit-box-shadow: 0 -4px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 -4px 4px rgba(0, 0, 0, .05)
}

.mx_ConfirmSpaceUserActionDialog_wrapper .mx_Dialog {
    padding: 24px 32px
}

.mx_ConfirmSpaceUserActionDialog,
.mx_ConfirmSpaceUserActionDialog_wrapper .mx_Dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_ConfirmSpaceUserActionDialog {
    width: 440px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 520px
}

.mx_ConfirmSpaceUserActionDialog .mx_Dialog_content {
    margin: 12px 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto
}

.mx_ConfirmSpaceUserActionDialog .mx_ConfirmUserActionDialog_reasonField {
    margin-bottom: 12px
}

.mx_ConfirmSpaceUserActionDialog .mx_ConfirmSpaceUserActionDialog_warning {
    position: relative;
    border-radius: 8px;
    padding: 12px 8px 12px 42px;
    background-color: var(--roomlist-background-color);
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_ConfirmSpaceUserActionDialog .mx_ConfirmSpaceUserActionDialog_warning:before {
    content: "";
    position: absolute;
    left: 10px;
    top: calc(50% - 8px);
    height: 16px;
    width: 16px;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/room-summary.1ad0865.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/room-summary.1ad0865.svg);
    -webkit-mask-position: center;
    mask-position: center
}

.mx_ConfirmUserActionDialog .mx_Dialog_content .mx_ConfirmUserActionDialog_user {
    min-height: 48px;
    margin-bottom: 24px
}

.mx_ConfirmUserActionDialog_avatar {
    float: left;
    margin-right: 20px
}

.mx_ConfirmUserActionDialog_name {
    padding-top: 2px;
    font-size: 1.8rem
}

.mx_ConfirmUserActionDialog_userId {
    font-size: 1.3rem
}

.mx_ConfirmUserActionDialog_reasonField {
    font-size: 1.4rem;
    color: var(--timeline-text-color);
    background-color: var(--timeline-background-color)
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 12px
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colName {
    -ms-flex-preferred-size: 66.66%;
    flex-basis: 66.66%;
    padding-right: 100px
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colName .mx_Field input {
    font-size: 1.6rem;
    line-height: 2rem
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colName .mx_CreateCommunityPrototypeDialog_subtext {
    display: block;
    color: #a1b2d1;
    margin-bottom: 16px
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colName .mx_CreateCommunityPrototypeDialog_subtext:last-child {
    margin-top: 16px
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colName .mx_CreateCommunityPrototypeDialog_subtext.mx_CreateCommunityPrototypeDialog_subtext_error {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colName .mx_CreateCommunityPrototypeDialog_communityId {
    position: relative
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colName .mx_CreateCommunityPrototypeDialog_communityId .mx_InfoTooltip {
    float: right
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colName .mx_AccessibleButton {
    display: block;
    height: 32px;
    font-size: 1.6rem;
    line-height: 32px
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colAvatar {
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colAvatar .mx_CreateCommunityPrototypeDialog_avatarContainer {
    margin-top: 12px;
    margin-bottom: 20px
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colAvatar .mx_CreateCommunityPrototypeDialog_avatarContainer .mx_CreateCommunityPrototypeDialog_avatar,
.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colAvatar .mx_CreateCommunityPrototypeDialog_avatarContainer .mx_CreateCommunityPrototypeDialog_placeholderAvatar {
    width: 96px;
    height: 96px;
    border-radius: 96px
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colAvatar .mx_CreateCommunityPrototypeDialog_avatarContainer .mx_CreateCommunityPrototypeDialog_placeholderAvatar {
    background-color: #368bd6
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colAvatar .mx_CreateCommunityPrototypeDialog_avatarContainer .mx_CreateCommunityPrototypeDialog_placeholderAvatar:before {
    display: inline-block;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 96px;
    mask-size: 96px;
    width: 96px;
    height: 96px;
    -webkit-mask-position: center;
    mask-position: center;
    content: "";
    vertical-align: middle;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/add-photo.c0b4c3b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/add-photo.c0b4c3b.svg)
}

.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colAvatar .mx_CreateCommunityPrototypeDialog_tip>b,
.mx_CreateCommunityPrototypeDialog .mx_Dialog_content .mx_CreateCommunityPrototypeDialog_colAvatar .mx_CreateCommunityPrototypeDialog_tip>span {
    display: block;
    color: #a1b2d1
}

.mx_CreateGroupDialog_inputRow {
    margin-top: 10px;
    margin-bottom: 10px
}

.mx_CreateGroupDialog_label {
    text-align: left;
    padding-bottom: 12px
}

.mx_CreateGroupDialog_input {
    font-size: 1.5rem;
    border-radius: 3px;
    border: 1px solid #e7e7e7;
    padding: 9px;
    color: var(--timeline-text-color);
    background-color: var(--timeline-background-color)
}

.mx_CreateGroupDialog_input_hasPrefixAndSuffix {
    border-radius: 0
}

.mx_CreateGroupDialog_input_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_CreateGroupDialog_prefix,
.mx_CreateGroupDialog_suffix {
    padding: 0 5px;
    line-height: 3.7rem;
    background-color: var(--roomlist-separator-color);
    border: 1px solid #e7e7e7;
    text-align: center
}

.mx_CreateGroupDialog_prefix {
    border-right: 0;
    border-radius: 3px 0 0 3px
}

.mx_CreateGroupDialog_suffix {
    border-left: 0;
    border-radius: 0 3px 3px 0
}

.mx_CreateRoomDialog_details {
    margin-top: 15px
}

.mx_CreateRoomDialog_details .mx_CreateRoomDialog_details_summary {
    outline: none;
    list-style: none;
    font-weight: 600;
    cursor: pointer;
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_CreateRoomDialog_details .mx_CreateRoomDialog_details_summary::-webkit-details-marker {
    display: none
}

.mx_CreateRoomDialog_details>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 5px 0
}

.mx_CreateRoomDialog_details>div input[type=checkbox] {
    margin-right: 10px
}

.mx_CreateRoomDialog_label {
    text-align: left;
    padding-bottom: 12px
}

.mx_CreateRoomDialog_input_container {
    padding-right: 20px
}

.mx_CreateRoomDialog_input {
    font-size: 1.5rem;
    border-radius: 3px;
    border: 1px solid #e7e7e7;
    padding: 9px;
    color: var(--timeline-text-color);
    background-color: var(--timeline-background-color);
    width: 100%
}

.mx_CreateRoomDialog_aliasContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 24px 0 10px
}

.mx_CreateRoomDialog_aliasContainer .mx_RoomAliasField {
    margin: 0
}

.mx_CreateRoomDialog.mx_Dialog_fixedWidth {
    width: 450px
}

.mx_CreateRoomDialog .mx_Dialog_content {
    margin-bottom: 40px
}

.mx_CreateRoomDialog .mx_Field_input label,
.mx_CreateRoomDialog p {
    color: #a1b2d1
}

.mx_CreateRoomDialog .mx_SettingsFlag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_CreateRoomDialog .mx_SettingsFlag_label {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 0;
    font-weight: 600
}

.mx_CreateRoomDialog .mx_ToggleSwitch {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 30px
}

.mx_CreateRoomDialog .mx_Dialog_content>.mx_SettingsFlag {
    margin-top: 24px
}

.mx_CreateRoomDialog p {
    margin: 0 85px 0 0;
    font-size: 1.2rem
}

.mx_CreateSpaceFromCommunityDialog,
.mx_CreateSpaceFromCommunityDialog_wrapper .mx_Dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_CreateSpaceFromCommunityDialog {
    width: 480px;
    color: var(--timeline-text-color);
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 0
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_content>p {
    font-size: 1.5rem;
    line-height: 2.4rem
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_content>p:first-of-type {
    margin-top: 0
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_content>p.mx_CreateSpaceFromCommunityDialog_flairNotice {
    font-size: 1.2rem;
    line-height: 1.5rem
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_content .mx_SpaceBasicSettings>p {
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin: 16px 0
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_content .mx_SpaceBasicSettings .mx_Field_textarea {
    margin-bottom: 0
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_content .mx_JoinRuleDropdown .mx_Dropdown_menu {
    width: auto!important
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_content .mx_CreateSpaceFromCommunityDialog_nonPublicSpacer {
    height: 63px
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer>span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    margin-top: -13px
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer>span .mx_ProgressBar {
    height: 8px;
    width: 100%;
    border-radius: 8px
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer>span .mx_ProgressBar::-moz-progress-bar {
    border-radius: 8px
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer>span .mx_ProgressBar::-webkit-progress-bar,
.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer>span .mx_ProgressBar::-webkit-progress-value {
    border-radius: 8px
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer>span .mx_CreateSpaceFromCommunityDialog_progressText {
    margin-top: 8px;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: var(--timeline-text-color)
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer>span>* {
    vertical-align: middle
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer .mx_CreateSpaceFromCommunityDialog_error {
    padding-left: 12px
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer .mx_CreateSpaceFromCommunityDialog_error>img {
    -ms-flex-item-align: center;
    align-self: center
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer .mx_CreateSpaceFromCommunityDialog_error .mx_CreateSpaceFromCommunityDialog_errorHeading {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer .mx_CreateSpaceFromCommunityDialog_error .mx_CreateSpaceFromCommunityDialog_errorCaption {
    margin-top: 4px;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: var(--timeline-text-color)
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer .mx_AccessibleButton {
    display: inline-block;
    -ms-flex-item-align: center;
    align-self: center
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer .mx_AccessibleButton_kind_primary {
    padding: 8px 36px;
    margin-left: 24px
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer .mx_AccessibleButton_kind_primary_outline {
    margin-left: auto
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer .mx_CreateSpaceFromCommunityDialog_retryButton {
    margin-left: 12px;
    padding-left: 24px;
    position: relative
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer .mx_CreateSpaceFromCommunityDialog_retryButton:before {
    content: "";
    position: absolute;
    background-color: var(--timeline-text-color);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/retry.6cd23ad.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/retry.6cd23ad.svg);
    width: 18px;
    height: 18px;
    left: 0
}

.mx_CreateSpaceFromCommunityDialog .mx_CreateSpaceFromCommunityDialog_footer .mx_AccessibleButton_kind_link {
    padding: 0
}

.mx_CreateSpaceFromCommunityDialog_SuccessInfoDialog .mx_InfoDialog {
    max-width: 500px
}

.mx_CreateSpaceFromCommunityDialog_SuccessInfoDialog .mx_AccessibleButton_kind_link {
    padding: 0
}

.mx_CreateSpaceFromCommunityDialog_SuccessInfoDialog .mx_CreateSpaceFromCommunityDialog_SuccessInfoDialog_checkmark {
    position: relative;
    border-radius: 50%;
    border: 3px solid #0dbd8b;
    border: 3px solid var(--accent, #0dbd8b);
    width: 68px;
    height: 68px;
    margin: 12px auto 32px
}

.mx_CreateSpaceFromCommunityDialog_SuccessInfoDialog .mx_CreateSpaceFromCommunityDialog_SuccessInfoDialog_checkmark:before {
    width: inherit;
    height: inherit;
    content: "";
    position: absolute;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/checkmark.a8c4d72.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/checkmark.a8c4d72.svg);
    -webkit-mask-size: 48px;
    mask-size: 48px
}

.mx_CreateSubspaceDialog,
.mx_CreateSubspaceDialog_wrapper .mx_Dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_CreateSubspaceDialog {
    width: 480px;
    color: var(--timeline-text-color);
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 0
}

.mx_CreateSubspaceDialog .mx_CreateSubspaceDialog_content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_CreateSubspaceDialog .mx_CreateSubspaceDialog_content .mx_CreateSubspaceDialog_betaNotice {
    padding: 12px 16px;
    border-radius: 8px;
    background-color: var(--roomlist-background-color)
}

.mx_CreateSubspaceDialog .mx_CreateSubspaceDialog_content .mx_CreateSubspaceDialog_betaNotice .mx_BetaCard_betaPill {
    margin-right: 8px;
    vertical-align: middle
}

.mx_CreateSubspaceDialog .mx_CreateSubspaceDialog_content .mx_JoinRuleDropdown+p {
    color: #a1b2d1;
    font-size: 1.2rem
}

.mx_CreateSubspaceDialog .mx_CreateSubspaceDialog_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.mx_CreateSubspaceDialog .mx_CreateSubspaceDialog_footer .mx_CreateSubspaceDialog_footer_prompt {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_CreateSubspaceDialog .mx_CreateSubspaceDialog_footer .mx_CreateSubspaceDialog_footer_prompt>* {
    vertical-align: middle
}

.mx_CreateSubspaceDialog .mx_CreateSubspaceDialog_footer .mx_AccessibleButton {
    display: inline-block;
    -ms-flex-item-align: center;
    align-self: center
}

.mx_CreateSubspaceDialog .mx_CreateSubspaceDialog_footer .mx_AccessibleButton_kind_primary {
    margin-left: 16px;
    padding: 8px 36px
}

.mx_CreateSubspaceDialog .mx_CreateSubspaceDialog_footer .mx_AccessibleButton_kind_link {
    padding: 0
}

.mx_DeactivateAccountDialog .mx_Dialog_content {
    margin-bottom: 30px
}

.mx_DeactivateAccountDialog .mx_DeactivateAccountDialog_input_section {
    margin-top: 60px
}

.mx_DeactivateAccountDialog .mx_DeactivateAccountDialog_input_section .mx_Field {
    width: 300px
}

.mx_DevTools_content {
    margin: 10px 0
}

.mx_DevTools_ServersInRoomList_button {
    cursor: default!important
}

.mx_DevTools_RoomStateExplorer_query {
    margin-bottom: 10px
}

.mx_DevTools_RoomStateExplorer_button,
.mx_DevTools_ServersInRoomList_button {
    margin-bottom: 10px;
    width: 100%
}

.mx_DevTools_label_left {
    float: left
}

.mx_DevTools_label_right {
    float: right
}

.mx_DevTools_label_bottom {
    clear: both;
    border-bottom: 1px solid #e5e5e5
}

.mx_DevTools_inputRow {
    display: table-row
}

.mx_DevTools_inputLabelCell {
    display: table-cell;
    font-weight: 700;
    padding-right: 24px
}

.mx_DevTools_textarea {
    font-size: 1.2rem;
    max-width: 684px;
    min-height: 250px;
    padding: 10px
}

.mx_DevTools_eventTypeStateKeyGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mx_DevTools_content .mx_Field_input:first-of-type {
    margin-right: 42px
}

.mx_DevTools_tgl {
    display: none
}

.mx_DevTools_tgl,
.mx_DevTools_tgl *,
.mx_DevTools_tgl+.mx_DevTools_tgl-btn,
.mx_DevTools_tgl:after,
.mx_DevTools_tgl :after,
.mx_DevTools_tgl:before,
.mx_DevTools_tgl :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_DevTools_tgl+.mx_DevTools_tgl-btn::-moz-selection,
.mx_DevTools_tgl::-moz-selection,
.mx_DevTools_tgl ::-moz-selection,
.mx_DevTools_tgl:after::-moz-selection,
.mx_DevTools_tgl :after::-moz-selection,
.mx_DevTools_tgl:before::-moz-selection,
.mx_DevTools_tgl :before::-moz-selection {
    background: none
}

.mx_DevTools_tgl+.mx_DevTools_tgl-btn::selection,
.mx_DevTools_tgl::selection,
.mx_DevTools_tgl ::selection,
.mx_DevTools_tgl:after::selection,
.mx_DevTools_tgl :after::selection,
.mx_DevTools_tgl:before::selection,
.mx_DevTools_tgl :before::selection {
    background: none
}

.mx_DevTools_tgl+.mx_DevTools_tgl-btn {
    outline: 0;
    display: block;
    width: 7em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx_DevTools_tgl+.mx_DevTools_tgl-btn:after,
.mx_DevTools_tgl+.mx_DevTools_tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%
}

.mx_DevTools_tgl+.mx_DevTools_tgl-btn:after {
    left: 0
}

.mx_DevTools_tgl+.mx_DevTools_tgl-btn:before {
    display: none
}

.mx_DevTools_tgl:checked+.mx_DevTools_tgl-btn:after {
    left: 50%
}

.mx_DevTools_tgl-flip+.mx_DevTools_tgl-btn {
    padding: 2px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-perspective: 100px;
    perspective: 100px
}

.mx_DevTools_tgl-flip+.mx_DevTools_tgl-btn:after,
.mx_DevTools_tgl-flip+.mx_DevTools_tgl-btn:before {
    display: inline-block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: 700;
    color: #fff;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 4px
}

.mx_DevTools_tgl-flip+.mx_DevTools_tgl-btn:after {
    content: attr(data-tg-on);
    background: #02c66f;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.mx_DevTools_tgl-flip+.mx_DevTools_tgl-btn:before {
    background: #ff3a19;
    content: attr(data-tg-off)
}

.mx_DevTools_tgl-flip+.mx_DevTools_tgl-btn:active:before {
    -webkit-transform: rotateY(-20deg);
    transform: rotateY(-20deg)
}

.mx_DevTools_tgl-flip:checked+.mx_DevTools_tgl-btn:before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.mx_DevTools_tgl-flip:checked+.mx_DevTools_tgl-btn:after {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    left: 0;
    background: #7fc6a6
}

.mx_DevTools_tgl-flip:checked+.mx_DevTools_tgl-btn:active:after {
    -webkit-transform: rotateY(20deg);
    transform: rotateY(20deg)
}

.mx_DevTools_VerificationRequest {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 1px 5px;
    margin-bottom: 6px;
    font-family: Inconsolata, Twemoji, Apple Color Emoji, Segoe UI Emoji, Courier, monospace, Noto Color Emoji;
    font-family: var(--font-family-monospace, "Inconsolata", "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Courier", monospace, "Noto Color Emoji")
}

.mx_DevTools_VerificationRequest dl {
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    margin: 0
}

.mx_DevTools_VerificationRequest dd {
    grid-column-start: 2
}

.mx_DevTools_VerificationRequest dd:empty {
    color: #666
}

.mx_DevTools_VerificationRequest dd:empty:after {
    content: "(empty)"
}

.mx_DevTools_VerificationRequest dt {
    font-weight: 700;
    grid-column-start: 1
}

.mx_DevTools_VerificationRequest dt:after {
    content: ":"
}

.mx_DevTools_SettingsExplorer table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

.mx_DevTools_SettingsExplorer table th {
    border-bottom: 1px solid #0dbd8b;
    border-bottom: 1px solid var(--accent, #0dbd8b);
    text-align: left
}

.mx_DevTools_SettingsExplorer table td,
.mx_DevTools_SettingsExplorer table th {
    width: 360px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mx_DevTools_SettingsExplorer table td+td,
.mx_DevTools_SettingsExplorer table th+th {
    width: auto
}

.mx_DevTools_SettingsExplorer .mx_DevTools_SettingsExplorer_mutable,
.mx_DevTools_SettingsExplorer table tr:hover {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_DevTools_SettingsExplorer .mx_DevTools_SettingsExplorer_immutable {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_DevTools_SettingsExplorer .mx_DevTools_SettingsExplorer_edit {
    float: right;
    margin-right: 16px
}

.mx_DevTools_SettingsExplorer .mx_DevTools_SettingsExplorer_warning {
    border: 2px solid #ff5b55;
    border: 2px solid var(--alert, #ff5b55);
    border-radius: 4px;
    padding: 4px;
    margin-bottom: 8px
}

.mx_EditCommunityPrototypeDialog.mx_Dialog_fixedWidth {
    width: 360px
}

.mx_EditCommunityPrototypeDialog .mx_Dialog_content {
    margin-bottom: 12px
}

.mx_EditCommunityPrototypeDialog .mx_Dialog_content .mx_AccessibleButton.mx_AccessibleButton_kind_primary {
    display: block;
    height: 32px;
    font-size: 1.6rem;
    line-height: 32px
}

.mx_EditCommunityPrototypeDialog .mx_Dialog_content .mx_EditCommunityPrototypeDialog_rowAvatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_EditCommunityPrototypeDialog .mx_Dialog_content .mx_EditCommunityPrototypeDialog_avatarContainer {
    margin-top: 20px;
    margin-bottom: 20px
}

.mx_EditCommunityPrototypeDialog .mx_Dialog_content .mx_EditCommunityPrototypeDialog_avatarContainer .mx_EditCommunityPrototypeDialog_avatar,
.mx_EditCommunityPrototypeDialog .mx_Dialog_content .mx_EditCommunityPrototypeDialog_avatarContainer .mx_EditCommunityPrototypeDialog_placeholderAvatar {
    width: 96px;
    height: 96px;
    border-radius: 96px
}

.mx_EditCommunityPrototypeDialog .mx_Dialog_content .mx_EditCommunityPrototypeDialog_avatarContainer .mx_EditCommunityPrototypeDialog_placeholderAvatar {
    background-color: #368bd6
}

.mx_EditCommunityPrototypeDialog .mx_Dialog_content .mx_EditCommunityPrototypeDialog_avatarContainer .mx_EditCommunityPrototypeDialog_placeholderAvatar:before {
    display: inline-block;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 96px;
    mask-size: 96px;
    width: 96px;
    height: 96px;
    -webkit-mask-position: center;
    mask-position: center;
    content: "";
    vertical-align: middle;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/add-photo.c0b4c3b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/add-photo.c0b4c3b.svg)
}

.mx_EditCommunityPrototypeDialog .mx_Dialog_content .mx_EditCommunityPrototypeDialog_tip {
    margin-left: 20px
}

.mx_EditCommunityPrototypeDialog .mx_Dialog_content .mx_EditCommunityPrototypeDialog_tip>b,
.mx_EditCommunityPrototypeDialog .mx_Dialog_content .mx_EditCommunityPrototypeDialog_tip>span {
    display: block;
    color: #a1b2d1
}

.mx_ExportDialog .mx_ExportDialog_subheading {
    font-size: 1.6rem;
    display: block;
    font-family: Nunito, Twemoji, Apple Color Emoji, Segoe UI Emoji, Arial, Helvetica, sans-serif, Noto Color Emoji;
    font-family: var(--font-family, "Nunito", "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Arial", "Helvetica", sans-serif, "Noto Color Emoji");
    font-weight: 600;
    color: var(--timeline-text-color);
    margin-top: 18px;
    margin-bottom: 12px
}

.mx_ExportDialog.mx_ExportDialog_Exporting .mx_ExportDialog_options {
    pointer-events: none
}

.mx_ExportDialog.mx_ExportDialog_Exporting .mx_Field_select:before {
    display: none
}

.mx_ExportDialog.mx_ExportDialog_Exporting .mx_StyledRadioButton input[type=radio]:checked+div>div {
    background: var(--timeline-text-secondary-color)
}

.mx_ExportDialog.mx_ExportDialog_Exporting .mx_StyledRadioButton input[type=radio]:checked+div {
    border-color: unset
}

.mx_ExportDialog.mx_ExportDialog_Exporting .mx_Field_valid.mx_Field:focus-within label,
.mx_ExportDialog.mx_ExportDialog_Exporting .mx_Field_valid.mx_Field label {
    color: unset
}

.mx_ExportDialog.mx_ExportDialog_Exporting .mx_Field_valid.mx_Field,
.mx_ExportDialog.mx_ExportDialog_Exporting .mx_Field_valid.mx_Field:focus-within {
    border-color: #e7e7e7
}

.mx_ExportDialog.mx_ExportDialog_Exporting .mx_Checkbox input[type=checkbox]:checked+label>.mx_Checkbox_background {
    background: var(--timeline-text-secondary-color);
    border-color: var(--timeline-text-secondary-color)
}

.mx_ExportDialog .mx_ExportDialog_progress .mx_Dialog_buttons {
    margin-top: unset;
    margin-left: 18px
}

.mx_ExportDialog .mx_ExportDialog_progress .mx_Spinner {
    width: unset;
    height: unset;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    margin-right: 10px
}

.mx_ExportDialog .mx_ExportDialog_progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_ExportDialog .mx_StyledRadioButton>.mx_StyledRadioButton_content {
    margin-top: 5px;
    margin-bottom: 5px
}

.mx_ExportDialog .mx_Field {
    width: 256px
}

.mx_ExportDialog .mx_Field_postfix {
    padding: 9px 10px
}

.mx_FeedbackDialog hr {
    margin: 24px 0;
    border-color: #e7e7e7
}

.mx_FeedbackDialog .mx_Dialog_content {
    margin-bottom: 24px
}

.mx_FeedbackDialog .mx_Dialog_content>h2 {
    margin-bottom: 32px
}

.mx_FeedbackDialog .mx_FeedbackDialog_section {
    position: relative;
    padding: 12px 52px 12px 68px;
    border-radius: 8px;
    border: 1px solid #6f7882;
    border: 1px solid var(--quinary-content, #6f7882)
}

.mx_FeedbackDialog .mx_FeedbackDialog_section+.mx_FeedbackDialog_section {
    margin-top: 16px
}

.mx_FeedbackDialog .mx_FeedbackDialog_section>h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem
}

.mx_FeedbackDialog .mx_FeedbackDialog_section>p {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-size: 1.5rem;
    line-height: 2.4rem;
    margin: 8px 0 0
}

.mx_FeedbackDialog .mx_FeedbackDialog_section .mx_FeedbackDialog_section_microcopy {
    font-size: 1.2rem;
    line-height: 1.5rem
}

.mx_FeedbackDialog .mx_FeedbackDialog_section .mx_AccessibleButton_kind_link {
    padding: 0;
    font-size: inherit
}

.mx_FeedbackDialog .mx_FeedbackDialog_section .mx_AccessibleButton_kind_link,
.mx_FeedbackDialog .mx_FeedbackDialog_section a {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    text-decoration: underline
}

.mx_FeedbackDialog .mx_FeedbackDialog_section:after,
.mx_FeedbackDialog .mx_FeedbackDialog_section:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    left: 16px;
    top: 12px
}

.mx_FeedbackDialog .mx_FeedbackDialog_section:before {
    background-color: #a1b2d1;
    border-radius: 8px
}

.mx_FeedbackDialog .mx_FeedbackDialog_section:after {
    background: #fff;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 24px;
    mask-size: 24px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.mx_FeedbackDialog .mx_FeedbackDialog_reportBug:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/bug.d4068cd.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/bug.d4068cd.svg)
}

.mx_FeedbackDialog .mx_FeedbackDialog_rateApp .mx_StyledRadioButton {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 20px;
    -webkit-transition: font-size 1s, border .5s;
    transition: font-size 1s, border .5s;
    border-radius: 50%;
    border: 2px solid transparent;
    margin-top: 12px;
    margin-bottom: 24px;
    vertical-align: top;
    cursor: pointer
}

.mx_FeedbackDialog .mx_FeedbackDialog_rateApp .mx_StyledRadioButton input[type=radio]+div {
    display: none
}

.mx_FeedbackDialog .mx_FeedbackDialog_rateApp .mx_StyledRadioButton .mx_StyledRadioButton_content {
    background: #a1b2d1;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    margin: 5px
}

.mx_FeedbackDialog .mx_FeedbackDialog_rateApp .mx_StyledRadioButton .mx_StyledRadioButton_spacer {
    display: none
}

.mx_FeedbackDialog .mx_FeedbackDialog_rateApp .mx_StyledRadioButton+.mx_StyledRadioButton {
    margin-left: 16px
}

.mx_FeedbackDialog .mx_FeedbackDialog_rateApp .mx_StyledRadioButton_checked {
    font-size: 24px;
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_FeedbackDialog .mx_FeedbackDialog_rateApp:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/feedback.a91241e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/feedback.a91241e.svg)
}

.mx_ForwardDialog {
    width: 520px;
    color: var(--timeline-text-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 0;
    height: 80vh
}

.mx_ForwardDialog>h3 {
    margin: 0 0 6px;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.5rem
}

.mx_ForwardDialog>.mx_ForwardDialog_preview {
    max-height: 30%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow-y: auto
}

.mx_ForwardDialog>.mx_ForwardDialog_preview .mx_EventTile[data-layout=bubble] {
    margin-top: 20px
}

.mx_ForwardDialog>.mx_ForwardDialog_preview div {
    pointer-events: none
}

.mx_ForwardDialog>.mx_ForwardDialog_preview .mx_EventTile_e2eIcon_unencrypted,
.mx_ForwardDialog>.mx_ForwardDialog_preview .mx_EventTile_msgOption,
.mx_ForwardDialog>.mx_ForwardDialog_preview .mx_MFileBody_download {
    display: none
}

.mx_ForwardDialog>hr {
    width: 100%;
    border: none;
    border-top: 1px solid #e7e7e7;
    margin: 12px 0
}

.mx_ForwardDialog>.mx_ForwardList {
    display: contents
}

.mx_ForwardDialog>.mx_ForwardList .mx_SearchBox {
    margin: 0 0 15px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_noResults {
    display: block;
    margin-top: 24px
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results:not(:first-child) {
    margin-top: 24px
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 32px;
    padding: 6px;
    border-radius: 8px
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry:hover {
    background-color: var(--sidebar-color)
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry .mx_ForwardList_roomButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 12px;
    min-width: 0
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry .mx_ForwardList_roomButton .mx_DecoratedRoomAvatar {
    margin-right: 12px
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry .mx_ForwardList_roomButton .mx_ForwardList_entry_detail,
.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry .mx_ForwardList_roomButton .mx_ForwardList_entry_name {
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry .mx_ForwardList_roomButton .mx_ForwardList_entry_name {
    font-size: 1.5rem
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry .mx_ForwardList_roomButton .mx_ForwardList_entry_detail {
    font-size: 1.2rem;
    margin-left: 8px;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff)
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry .mx_ForwardList_sendButton {
    position: relative;
    margin-left: 12px
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry .mx_ForwardList_sendButton:not(.mx_ForwardList_canSend) .mx_ForwardList_sendLabel {
    visibility: hidden
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry .mx_ForwardList_sendButton .mx_ForwardList_sendIcon,
.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry .mx_ForwardList_sendButton .mx_NotificationBadge {
    position: absolute
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry .mx_ForwardList_sendButton .mx_NotificationBadge {
    background-color: #fff
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry .mx_ForwardList_sendButton.mx_ForwardList_sending .mx_ForwardList_sendIcon {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/circle-sending.bcca6aa.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/circle-sending.bcca6aa.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 14px;
    mask-size: 14px;
    width: 14px;
    height: 14px
}

.mx_ForwardDialog>.mx_ForwardList .mx_ForwardList_results .mx_ForwardList_entry .mx_ForwardList_sendButton.mx_ForwardList_sent .mx_ForwardList_sendIcon {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/circle-sent.5079cbe.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/circle-sent.5079cbe.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 14px;
    mask-size: 14px;
    width: 14px;
    height: 14px
}

.mx_GenericFeatureFeedbackDialog .mx_GenericFeatureFeedbackDialog_subheading {
    color: var(--timeline-text-color);
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 24px
}

.mx_GenericFeatureFeedbackDialog .mx_AccessibleButton_kind_link {
    padding: 0;
    font-size: inherit;
    line-height: inherit
}

.mx_GroupAddressPicker_checkboxContainer {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_HostSignupDialog {
    width: 90vw;
    max-width: 580px;
    height: 80vh;
    max-height: 600px;
    background-color: #fff
}

.mx_HostSignupDialog .mx_HostSignupDialog_info {
    text-align: center
}

.mx_HostSignupDialog .mx_HostSignupDialog_info .mx_HostSignupDialog_content_top {
    margin-bottom: 24px
}

.mx_HostSignupDialog .mx_HostSignupDialog_info .mx_HostSignupDialog_paragraphs {
    text-align: left;
    padding-left: 25%;
    padding-right: 25%
}

.mx_HostSignupDialog .mx_HostSignupDialog_info .mx_HostSignupDialog_buttons {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_HostSignupDialog .mx_HostSignupDialog_info .mx_HostSignupDialog_buttons button {
    padding: 12px;
    margin: 0 16px
}

.mx_HostSignupDialog .mx_HostSignupDialog_info .mx_HostSignupDialog_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.mx_HostSignupDialog .mx_HostSignupDialog_info .mx_HostSignupDialog_footer img {
    padding-right: 5px
}

.mx_HostSignupDialog iframe {
    width: 100%;
    height: 100%;
    border: none;
    background-color: #fff;
    min-height: 540px
}

.mx_HostSignupDialog_text_dark {
    color: var(--timeline-text-color)
}

.mx_HostSignupDialog_text_light {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_HostSignup_maximize_button {
    -webkit-mask: url(https://element.anontier.nl/../img/element-icons/maximise-expand.2c239ea.svg);
    mask: url(https://element.anontier.nl/../img/element-icons/maximise-expand.2c239ea.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    right: 10px
}

.mx_HostSignup_maximize_button,
.mx_HostSignup_minimize_button {
    width: 14px;
    height: 14px;
    background-color: #9fa9ba;
    cursor: pointer;
    position: absolute;
    top: 10px
}

.mx_HostSignup_minimize_button {
    -webkit-mask: url(https://element.anontier.nl/../img/element-icons/minimise-collapse.a59edfc.svg);
    mask: url(https://element.anontier.nl/../img/element-icons/minimise-collapse.a59edfc.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    right: 25px
}

.mx_HostSignup_persisted {
    width: 90vw;
    max-width: 580px;
    height: 80vh;
    max-height: 600px;
    top: 0;
    left: 0;
    position: fixed;
    display: none
}

.mx_HostSignupDialog_minimized {
    position: fixed;
    bottom: 80px;
    right: 26px;
    width: 314px;
    height: 217px;
    overflow: hidden
}

.mx_HostSignupDialog_minimized.mx_Dialog {
    padding: 12px
}

.mx_HostSignupDialog_minimized .mx_Dialog_title {
    text-align: left!important;
    padding-left: 20px;
    font-size: 1.5rem
}

.mx_HostSignupDialog_minimized iframe {
    width: 100%;
    height: 100%;
    border: none;
    background-color: #fff
}

.mx_IncomingSasDialog_opponentProfile_image {
    position: relative
}

.mx_IncomingSasDialog_opponentProfile h2 {
    display: inline-block;
    margin-left: 10px
}

.mx_InviteDialog_transferWrapper .mx_Dialog {
    padding-bottom: 16px
}

.mx_InviteDialog_addressBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 8px 45px 0 0
}

.mx_InviteDialog_addressBar .mx_InviteDialog_editor {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    background-color: var(--roomlist-background-color);
    border-radius: 4px;
    min-height: 25px;
    padding-left: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mx_InviteDialog_addressBar .mx_InviteDialog_editor .mx_InviteDialog_userTile {
    margin: 6px 6px 0 0;
    display: inline-block;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.mx_InviteDialog_addressBar .mx_InviteDialog_editor>input[type=text] {
    margin: 6px 0!important;
    height: 24px;
    line-height: 2.4rem;
    font-size: 1.4rem;
    padding-left: 12px;
    border: 0!important;
    outline: 0!important;
    resize: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 40%;
    -webkit-box-flex: 1!important;
    -ms-flex: 1!important;
    flex: 1!important;
    color: var(--timeline-text-color)!important
}

.mx_InviteDialog_addressBar .mx_InviteDialog_goButton {
    min-width: 48px;
    margin-left: 10px;
    height: 25px;
    line-height: 2.5rem
}

.mx_InviteDialog_addressBar .mx_InviteDialog_buttonAndSpinner .mx_Spinner {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle
}

.mx_InviteDialog_section {
    padding-bottom: 4px
}

.mx_InviteDialog_section h3 {
    font-size: 1.2rem;
    color: #a1b2d1;
    font-weight: 700;
    text-transform: uppercase
}

.mx_InviteDialog_section>p {
    margin: 0
}

.mx_InviteDialog_section>span {
    color: var(--timeline-text-color)
}

.mx_InviteDialog_section .mx_InviteDialog_subname {
    margin-bottom: 10px;
    margin-top: -10px;
    font-size: 1.2rem;
    color: #a1b2d1
}

.mx_InviteDialog_section_hidden_suggestions_disclaimer {
    padding: 8px 0 16px;
    font-size: 1.4rem
}

.mx_InviteDialog_section_hidden_suggestions_disclaimer>span {
    color: var(--timeline-text-color);
    font-weight: 600
}

.mx_InviteDialog_section_hidden_suggestions_disclaimer>p {
    margin: 0
}

.mx_InviteDialog_footer {
    border-top: 1px solid #e7e7e7
}

.mx_InviteDialog_footer>h3 {
    margin: 12px 0;
    font-size: 1.2rem;
    color: #a1b2d1;
    font-weight: 700;
    text-transform: uppercase
}

.mx_InviteDialog_footer .mx_InviteDialog_footer_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid var(--timeline-text-secondary-color);
    padding: 8px
}

.mx_InviteDialog_footer .mx_InviteDialog_footer_link>a {
    text-decoration: none;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.mx_InviteDialog_footer .mx_InviteDialog_footer_link_copy {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    margin-left: 20px;
    display: inherit
}

.mx_InviteDialog_footer .mx_InviteDialog_footer_link_copy>div {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/clipboard.24dd87a.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/clipboard.24dd87a.svg);
    background-color: var(--timeline-text-color);
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat
}

.mx_InviteDialog_roomTile {
    cursor: pointer;
    padding: 5px 10px
}

.mx_InviteDialog_roomTile:hover {
    background-color: var(--roomlist-background-color);
    border-radius: 4px
}

.mx_InviteDialog_roomTile * {
    vertical-align: middle
}

.mx_InviteDialog_roomTile .mx_InviteDialog_roomTile_avatarStack {
    display: inline-block;
    position: relative;
    width: 36px;
    height: 36px
}

.mx_InviteDialog_roomTile .mx_InviteDialog_roomTile_avatarStack>* {
    position: absolute;
    top: 0;
    left: 0
}

.mx_InviteDialog_roomTile .mx_InviteDialog_roomTile_selected {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background-color: #368bd6;
    background-color: var(--username-colors_0, #368bd6);
    display: inline-block;
    position: relative
}

.mx_InviteDialog_roomTile .mx_InviteDialog_roomTile_selected:before {
    content: "";
    width: 24px;
    height: 24px;
    grid-column: 1;
    grid-row: 1;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/check.5745b4e.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/check.5745b4e.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: absolute;
    top: 6px;
    left: 6px;
    background-color: #fff
}

.mx_InviteDialog_roomTile .mx_InviteDialog_roomTile_nameStack {
    display: inline-block;
    overflow: hidden
}

.mx_InviteDialog_roomTile .mx_InviteDialog_roomTile_name {
    font-weight: 600;
    font-size: 1.4rem;
    color: var(--timeline-text-color);
    margin-left: 7px
}

.mx_InviteDialog_roomTile .mx_InviteDialog_roomTile_userId {
    font-size: 1.2rem;
    color: #a1b2d1;
    margin-left: 7px
}

.mx_InviteDialog_roomTile .mx_InviteDialog_roomTile_name,
.mx_InviteDialog_roomTile .mx_InviteDialog_roomTile_userId {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mx_InviteDialog_roomTile .mx_InviteDialog_roomTile_time {
    text-align: right;
    font-size: 1.2rem;
    color: #a1b2d1;
    float: right;
    line-height: 3.6rem
}

.mx_InviteDialog_roomTile .mx_InviteDialog_roomTile_highlight {
    font-weight: 900
}

.mx_InviteDialog_userTile {
    margin-right: 8px
}

.mx_InviteDialog_userTile .mx_InviteDialog_userTile_pill {
    background-color: #368bd6;
    background-color: var(--username-colors_0, #368bd6);
    border-radius: 12px;
    display: inline-block;
    height: 24px;
    line-height: 2.4rem;
    padding-left: 8px;
    padding-right: 8px;
    color: #fff
}

.mx_InviteDialog_userTile .mx_InviteDialog_userTile_pill .mx_InviteDialog_userTile_avatar {
    border-radius: 20px;
    position: relative;
    left: -5px;
    top: 2px
}

.mx_InviteDialog_userTile .mx_InviteDialog_userTile_pill .mx_InviteDialog_userTile_name,
.mx_InviteDialog_userTile .mx_InviteDialog_userTile_pill img.mx_InviteDialog_userTile_avatar {
    vertical-align: top
}

.mx_InviteDialog_userTile .mx_InviteDialog_userTile_pill .mx_InviteDialog_userTile_threepidAvatar {
    background-color: #fff
}

.mx_InviteDialog_userTile .mx_InviteDialog_userTile_remove {
    display: inline-block;
    margin-left: 4px
}

.mx_InviteDialog_other {
    height: 600px;
    padding-left: 20px
}

.mx_InviteDialog_other .mx_InviteDialog_userSections {
    height: calc(100% - 115px)
}

.mx_InviteDialog_content {
    height: calc(100% - 36px);
    overflow: hidden
}

.mx_InviteDialog_transfer {
    width: 496px;
    height: 466px
}

.mx_InviteDialog_transfer,
.mx_InviteDialog_transfer .mx_InviteDialog_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_InviteDialog_transfer .mx_InviteDialog_content .mx_TabbedView {
    height: calc(100% - 60px)
}

.mx_InviteDialog_transfer .mx_InviteDialog_content {
    overflow: visible
}

.mx_InviteDialog_transfer .mx_InviteDialog_addressBar {
    margin-top: 8px
}

.mx_InviteDialog_transfer input[type=checkbox] {
    margin-right: 8px
}

.mx_InviteDialog_userSections {
    margin-top: 4px;
    overflow-y: auto;
    padding: 0 45px 4px 0
}

.mx_InviteDialog_hasFooter .mx_InviteDialog_userSections {
    height: calc(100% - 175px)
}

.mx_InviteDialog_helpText {
    margin: 0
}

.mx_InviteDialog_helpText .mx_AccessibleButton_kind_link {
    padding: 0
}

.mx_InviteDialog_dialPad .mx_InviteDialog_dialPadField {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    margin-top: 0;
    border-color: #6f7882;
    border-color: var(--quaternary-content, #6f7882)
}

.mx_InviteDialog_dialPad .mx_InviteDialog_dialPadField input {
    font-size: 18px;
    font-weight: 600;
    padding-top: 0
}

.mx_InviteDialog_dialPad .mx_InviteDialog_dialPadField:focus-within {
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_InviteDialog_dialPadField .mx_Field_postfix {
    border-left: none
}

.mx_InviteDialog_dialPad {
    width: 224px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto
}

.mx_InviteDialog_dialPad .mx_DialPad {
    grid-row-gap: 16px;
    row-gap: 16px;
    grid-column-gap: 48px;
    -webkit-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px;
    margin-left: auto;
    margin-right: auto
}

.mx_InviteDialog_transferConsultConnect {
    padding-top: 16px;
    position: relative;
    width: 496px;
    left: -24px;
    padding-left: 24px;
    padding-right: 24px;
    border-top: 1px solid #6f7882;
    border-top: 1px solid var(--quinary-content, #6f7882);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_InviteDialog_transferConsultConnect_pushRight {
    margin-left: auto
}

.mx_InviteDialog_userDirectoryIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/tab-userdirectory.cc3ed9a.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/tab-userdirectory.cc3ed9a.svg)
}

.mx_InviteDialog_dialPadIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/tab-dialpad.a4a190e.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/tab-dialpad.a4a190e.svg)
}

.mx_InviteDialog_multiInviterError>h4 {
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-weight: 400
}

.mx_InviteDialog_multiInviterError>div .mx_InviteDialog_multiInviterError_entry {
    margin-bottom: 24px
}

.mx_InviteDialog_multiInviterError>div .mx_InviteDialog_multiInviterError_entry .mx_InviteDialog_multiInviterError_entry_userProfile .mx_InviteDialog_multiInviterError_entry_name {
    margin-left: 6px;
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: 600;
    color: var(--timeline-text-color)
}

.mx_InviteDialog_multiInviterError>div .mx_InviteDialog_multiInviterError_entry .mx_InviteDialog_multiInviterError_entry_userProfile .mx_InviteDialog_multiInviterError_entry_userId {
    margin-left: 6px;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff)
}

.mx_InviteDialog_multiInviterError>div .mx_InviteDialog_multiInviterError_entry .mx_InviteDialog_multiInviterError_entry_error {
    margin-left: 32px;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_JoinRuleDropdown {
    margin-bottom: 8px;
    font-weight: 400;
    font-family: Nunito, Twemoji, Apple Color Emoji, Segoe UI Emoji, Arial, Helvetica, sans-serif, Noto Color Emoji;
    font-family: var(--font-family, "Nunito", "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Arial", "Helvetica", sans-serif, "Noto Color Emoji");
    font-size: 1.4rem;
    color: var(--timeline-text-color)
}

.mx_JoinRuleDropdown .mx_Dropdown_input {
    border: 1px solid #e7e7e7
}

.mx_JoinRuleDropdown .mx_Dropdown_option {
    font-size: 1.4rem;
    line-height: 3.2rem;
    height: 32px;
    min-height: 32px
}

.mx_JoinRuleDropdown .mx_Dropdown_option>div {
    padding-left: 30px;
    position: relative
}

.mx_JoinRuleDropdown .mx_Dropdown_option>div:before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    left: 6px;
    top: 8px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_JoinRuleDropdown .mx_JoinRuleDropdown_invite:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/lock.1f264bd.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/lock.1f264bd.svg);
    -webkit-mask-size: contain;
    mask-size: contain
}

.mx_JoinRuleDropdown .mx_JoinRuleDropdown_public:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/globe.8201f08.svg);
    mask-image: url(https://element.anontier.nl/../img/globe.8201f08.svg);
    -webkit-mask-size: 12px;
    mask-size: 12px
}

.mx_JoinRuleDropdown .mx_JoinRuleDropdown_restricted:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/community-members.cbb31c1.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/community-members.cbb31c1.svg);
    -webkit-mask-size: contain;
    mask-size: contain
}

.mx_KeyboardShortcutsDialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: -50px;
    max-height: 1100px
}

.mx_KeyboardShortcutsDialog .mx_KeyboardShortcutsDialog_category {
    width: 33.3333%;
    margin: 0 0 40px
}

.mx_KeyboardShortcutsDialog .mx_KeyboardShortcutsDialog_category>div {
    padding-left: 5px
}

.mx_KeyboardShortcutsDialog h3 {
    margin: 0 0 10px
}

.mx_KeyboardShortcutsDialog h5 {
    margin: 15px 0 5px;
    font-weight: 400
}

.mx_KeyboardShortcutsDialog kbd {
    padding: 5px;
    border-radius: 4px;
    background-color: var(--roomlist-background-color);
    margin-right: 5px;
    min-width: 20px;
    text-align: center;
    display: inline-block;
    border: 1px solid #000;
    -webkit-box-shadow: 0 2px #000;
    box-shadow: 0 2px #000;
    margin-bottom: 4px;
    text-transform: capitalize
}

.mx_KeyboardShortcutsDialog kbd+kbd {
    margin-left: 5px
}

.mx_KeyboardShortcutsDialog .mx_KeyboardShortcutsDialog_inline div {
    display: inline
}

.mx_LeaveSpaceDialog_wrapper .mx_Dialog {
    padding: 24px 32px
}

.mx_LeaveSpaceDialog,
.mx_LeaveSpaceDialog_wrapper .mx_Dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_LeaveSpaceDialog {
    width: 440px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 520px
}

.mx_LeaveSpaceDialog .mx_Dialog_content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    overflow-y: auto
}

.mx_LeaveSpaceDialog .mx_Dialog_content .mx_LeaveSpaceDialog_section_warning {
    position: relative;
    border-radius: 8px;
    margin: 12px 0 0;
    padding: 12px 8px 12px 42px;
    background-color: var(--roomlist-background-color);
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_LeaveSpaceDialog .mx_Dialog_content .mx_LeaveSpaceDialog_section_warning:before {
    content: "";
    position: absolute;
    left: 10px;
    top: calc(50% - 8px);
    height: 16px;
    width: 16px;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/room-summary.1ad0865.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/room-summary.1ad0865.svg);
    -webkit-mask-position: center;
    mask-position: center
}

.mx_LeaveSpaceDialog .mx_Dialog_content>p {
    color: var(--timeline-text-color)
}

.mx_LeaveSpaceDialog .mx_Dialog_buttons {
    margin-top: 20px
}

.mx_LeaveSpaceDialog .mx_Dialog_buttons .mx_Dialog_primary {
    background-color: #ff5b55!important;
    background-color: var(--alert, #ff5b55)!important;
    border-color: #ff5b55;
    border-color: var(--alert, #ff5b55)
}

.mx_ManageRestrictedJoinRuleDialog,
.mx_ManageRestrictedJoinRuleDialog_wrapper .mx_Dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_ManageRestrictedJoinRuleDialog {
    width: 480px;
    color: var(--timeline-text-color);
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 0;
    height: 60vh
}

.mx_ManageRestrictedJoinRuleDialog .mx_SearchBox {
    margin: 0 0 15px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_noResults {
    display: block;
    margin-top: 24px
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_section:not(:first-child) {
    margin-top: 24px
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_section>h3 {
    margin: 0;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.5rem
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_section .mx_ManageRestrictedJoinRuleDialog_entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_section .mx_ManageRestrictedJoinRuleDialog_entry>div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_section .mx_ManageRestrictedJoinRuleDialog_entry .mx_RoomAvatar_isSpaceRoom img,
.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_section .mx_ManageRestrictedJoinRuleDialog_entry img.mx_RoomAvatar_isSpaceRoom {
    border-radius: 4px
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_section .mx_ManageRestrictedJoinRuleDialog_entry .mx_ManageRestrictedJoinRuleDialog_entry_name {
    margin: 0 8px;
    font-size: 1.5rem;
    line-height: 30px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_section .mx_ManageRestrictedJoinRuleDialog_entry .mx_ManageRestrictedJoinRuleDialog_entry_description {
    margin-top: 8px;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff)
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_section .mx_ManageRestrictedJoinRuleDialog_entry .mx_Checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_section_spaces .mx_BaseAvatar {
    margin-right: 12px
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_section_spaces .mx_BaseAvatar_image {
    border-radius: 8px
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_section_info {
    position: relative;
    border-radius: 8px;
    margin: 12px 0;
    padding: 8px 8px 8px 42px;
    background-color: var(--roomlist-background-color);
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_section_info:before {
    content: "";
    position: absolute;
    left: 10px;
    top: calc(50% - 8px);
    height: 16px;
    width: 16px;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/room-summary.1ad0865.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/room-summary.1ad0865.svg);
    -webkit-mask-position: center;
    mask-position: center
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_footer {
    margin-top: 20px
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_footer .mx_ManageRestrictedJoinRuleDialog_footer_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_footer .mx_ManageRestrictedJoinRuleDialog_footer_buttons .mx_AccessibleButton {
    display: inline-block
}

.mx_ManageRestrictedJoinRuleDialog .mx_ManageRestrictedJoinRuleDialog_footer .mx_ManageRestrictedJoinRuleDialog_footer_buttons .mx_AccessibleButton+.mx_AccessibleButton {
    margin-left: 24px
}

.mx_MessageEditHistoryDialog .mx_Dialog_header>.mx_Dialog_title {
    text-align: center
}

.mx_MessageEditHistoryDialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 60vh
}

.mx_MessageEditHistoryDialog_scrollPanel {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.mx_MessageEditHistoryDialog_error {
    color: #ff5b55;
    color: var(--alert, #ff5b55);
    text-align: center
}

.mx_MessageEditHistoryDialog_edits {
    list-style-type: none;
    font-size: 1.4rem;
    padding: 0;
    color: var(--timeline-text-color)
}

.mx_MessageEditHistoryDialog_edits span.mx_EditHistoryMessage_deletion,
.mx_MessageEditHistoryDialog_edits span.mx_EditHistoryMessage_insertion {
    padding: 0 2px
}

.mx_MessageEditHistoryDialog_edits .mx_EditHistoryMessage_deletion {
    color: #ff4c55;
    background-color: rgba(255, 76, 85, .1);
    text-decoration: line-through
}

.mx_MessageEditHistoryDialog_edits .mx_EditHistoryMessage_insertion {
    color: #1aa97b;
    background-color: rgba(26, 169, 123, .1);
    text-decoration: underline
}

.mx_MessageEditHistoryDialog_edits .mx_EventTile_content,
.mx_MessageEditHistoryDialog_edits .mx_EventTile_line {
    margin-right: 0
}

.mx_MessageEditHistoryDialog_edits .mx_MessageActionBar .mx_AccessibleButton {
    font-size: 1rem;
    padding: 0 8px
}

.mx_ModalWidgetDialog .mx_ModalWidgetDialog_warning {
    margin-bottom: 24px
}

.mx_ModalWidgetDialog .mx_ModalWidgetDialog_warning>img {
    vertical-align: middle;
    margin-right: 8px
}

.mx_ModalWidgetDialog .mx_ModalWidgetDialog_buttons {
    float: right;
    margin-top: 24px
}

.mx_ModalWidgetDialog .mx_ModalWidgetDialog_buttons .mx_AccessibleButton+.mx_AccessibleButton {
    margin-left: 8px
}

.mx_ModalWidgetDialog iframe {
    width: 100%;
    height: 450px;
    border: 0;
    border-radius: 8px
}

.mx_NewSessionReviewDialog_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0
}

.mx_NewSessionReviewDialog_headerIcon {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    position: relative
}

.mx_NewSessionReviewDialog_deviceName {
    font-weight: 600
}

.mx_NewSessionReviewDialog_deviceID {
    font-size: 1.2rem;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff)
}

.mx_PollCreateDialog .mx_PollCreateDialog_busy {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(var(--timeline-background-color), .6);
    z-index: 1
}

.mx_PollCreateDialog h2 {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.4rem;
    margin-top: 0;
    margin-bottom: 8px
}

.mx_PollCreateDialog h2:nth-child(n+2) {
    margin-top: 20px
}

.mx_PollCreateDialog .mx_PollCreateDialog_option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 11px;
    margin-bottom: 16px
}

.mx_PollCreateDialog .mx_PollCreateDialog_option .mx_Field {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
}

.mx_PollCreateDialog .mx_PollCreateDialog_option .mx_PollCreateDialog_removeOption {
    margin-left: 12px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #6f7882;
    background-color: var(--quinary-content, #6f7882);
    cursor: pointer;
    position: relative
}

.mx_PollCreateDialog .mx_PollCreateDialog_option .mx_PollCreateDialog_removeOption:before {
    content: "";
    -webkit-mask: url(https://element.anontier.nl/../img/element-icons/x-8px.0e14254.svg);
    mask: url(https://element.anontier.nl/../img/element-icons/x-8px.0e14254.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 6px;
    left: 6px;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_PollCreateDialog .mx_PollCreateDialog_addOption {
    padding: 0;
    margin-bottom: 40px
}

.mx_PollCreateDialog .mx_AccessibleButton_disabled {
    opacity: .4
}

.mx_RegistrationEmailPromptDialog {
    width: 417px
}

.mx_RegistrationEmailPromptDialog .mx_Dialog_content {
    margin-bottom: 24px;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff)
}

.mx_RegistrationEmailPromptDialog .mx_Dialog_primary {
    width: 100%
}

.mx_RoomSettingsDialog_settingsIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg)
}

.mx_RoomSettingsDialog_securityIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/security.66f2fa6.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/security.66f2fa6.svg)
}

.mx_RoomSettingsDialog_rolesIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/settings/roles.bad9a9e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/settings/roles.bad9a9e.svg)
}

.mx_RoomSettingsDialog_notificationsIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg)
}

.mx_RoomSettingsDialog_bridgesIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/bridge.b2ca042.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/bridge.b2ca042.svg)
}

.mx_RoomSettingsDialog_warningIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/settings/advanced.e079c15.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/settings/advanced.e079c15.svg)
}

.mx_RoomSettingsDialog .mx_Dialog_title {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;
    padding-right: 80px
}

.mx_RoomSettingsDialog .mx_AvatarSetting_avatar .mx_AvatarSetting_avatarPlaceholder:before {
    -webkit-mask: url(https://element.anontier.nl/../img/feather-customised/image.a8671b8.svg);
    mask: url(https://element.anontier.nl/../img/feather-customised/image.a8671b8.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 36px;
    mask-size: 36px;
    -webkit-mask-position: center;
    mask-position: center
}

.mx_RoomSettingsDialog_BridgeList {
    padding: 0
}

.mx_RoomSettingsDialog_BridgeList .mx_AccessibleButton {
    display: inline;
    margin: 0;
    padding: 0
}

.mx_RoomSettingsDialog_BridgeList li {
    list-style-type: none;
    padding: 5px;
    margin-bottom: 8px;
    border: 1px solid var(--roomlist-separator-color);
    border-radius: 5px
}

.mx_RoomSettingsDialog_BridgeList li .column-icon {
    float: left;
    padding-right: 10px
}

.mx_RoomSettingsDialog_BridgeList li .column-icon * {
    border-radius: 5px;
    border: 1px solid var(--roomlist-separator-color)
}

.mx_RoomSettingsDialog_BridgeList li .column-icon .noProtocolIcon {
    width: 48px;
    height: 48px;
    background: var(--roomlist-separator-color);
    border-radius: 5px
}

.mx_RoomSettingsDialog_BridgeList li .column-icon .protocol-icon {
    float: left;
    margin-right: 5px
}

.mx_RoomSettingsDialog_BridgeList li .column-icon .protocol-icon img {
    border-radius: 5px;
    border-width: 1px;
    border-color: var(--roomlist-separator-color)
}

.mx_RoomSettingsDialog_BridgeList li .column-icon .protocol-icon span {
    left: auto
}

.mx_RoomSettingsDialog_BridgeList li .column-data {
    display: inline-block;
    width: 85%
}

.mx_RoomSettingsDialog_BridgeList li .column-data>h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16pt;
    color: var(--timeline-text-color)
}

.mx_RoomSettingsDialog_BridgeList li .column-data>* {
    margin-top: 4px;
    margin-bottom: 0
}

.mx_RoomSettingsDialog_BridgeList li .column-data .workspace-channel-details {
    color: var(--timeline-text-color);
    font-weight: 600
}

.mx_RoomSettingsDialog_BridgeList li .column-data .workspace-channel-details .channel {
    margin-left: 5px
}

.mx_RoomSettingsDialog_BridgeList li .column-data .metadata {
    color: #a1b2d1;
    margin-bottom: 0;
    overflow-y: visible;
    text-overflow: ellipsis;
    white-space: normal;
    padding: 0
}

.mx_RoomSettingsDialog_BridgeList li .column-data .metadata>li {
    padding: 0;
    border: 0
}

.mx_RoomUpgradeDialog {
    padding-right: 70px
}

.mx_RoomUpgradeWarningDialog {
    max-width: 38vw;
    width: 38vw
}

.mx_RoomUpgradeWarningDialog .mx_RoomUpgradeWarningDialog_progress .mx_ProgressBar {
    height: 8px;
    width: 100%;
    border-radius: 8px
}

.mx_RoomUpgradeWarningDialog .mx_RoomUpgradeWarningDialog_progress .mx_ProgressBar::-moz-progress-bar {
    border-radius: 8px
}

.mx_RoomUpgradeWarningDialog .mx_RoomUpgradeWarningDialog_progress .mx_ProgressBar::-webkit-progress-bar,
.mx_RoomUpgradeWarningDialog .mx_RoomUpgradeWarningDialog_progress .mx_ProgressBar::-webkit-progress-value {
    border-radius: 8px
}

.mx_RoomUpgradeWarningDialog .mx_RoomUpgradeWarningDialog_progress .mx_RoomUpgradeWarningDialog_progressText {
    margin-top: 8px;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: var(--timeline-text-color)
}

.mx_RoomUpgradeWarningDialog .mx_SettingsFlag {
    font-weight: 700
}

.mx_RoomUpgradeWarningDialog .mx_SettingsFlag .mx_ToggleSwitch {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    float: right
}

.mx_RoomUpgradeWarningDialog .mx_SettingsFlag .mx_SettingsFlag_label {
    display: inline-block;
    vertical-align: middle
}

.mx_ServerOfflineDialog .mx_ServerOfflineDialog_content {
    padding-right: 85px;
    color: var(--timeline-text-color)
}

.mx_ServerOfflineDialog .mx_ServerOfflineDialog_content hr {
    border-color: var(--timeline-text-color);
    opacity: .1;
    border-bottom: none
}

.mx_ServerOfflineDialog .mx_ServerOfflineDialog_content ul {
    padding: 16px
}

.mx_ServerOfflineDialog .mx_ServerOfflineDialog_content ul li:nth-child(n+2) {
    margin-top: 16px
}

.mx_ServerOfflineDialog .mx_ServerOfflineDialog_content .mx_ServerOfflineDialog_content_context .mx_ServerOfflineDialog_content_context_timestamp {
    display: inline-block;
    width: 115px;
    color: #a1b2d1;
    line-height: 24px;
    vertical-align: top
}

.mx_ServerOfflineDialog .mx_ServerOfflineDialog_content .mx_ServerOfflineDialog_content_context .mx_ServerOfflineDialog_content_context_timeline {
    display: inline-block;
    width: calc(100% - 155px)
}

.mx_ServerOfflineDialog .mx_ServerOfflineDialog_content .mx_ServerOfflineDialog_content_context .mx_ServerOfflineDialog_content_context_timeline .mx_ServerOfflineDialog_content_context_timeline_header span {
    margin-left: 8px;
    vertical-align: middle
}

.mx_ServerOfflineDialog .mx_ServerOfflineDialog_content .mx_ServerOfflineDialog_content_context .mx_ServerOfflineDialog_content_context_timeline .mx_ServerOfflineDialog_content_context_txn {
    position: relative;
    margin-top: 8px
}

.mx_ServerOfflineDialog .mx_ServerOfflineDialog_content .mx_ServerOfflineDialog_content_context .mx_ServerOfflineDialog_content_context_timeline .mx_ServerOfflineDialog_content_context_txn .mx_ServerOfflineDialog_content_context_txn_desc {
    width: calc(100% - 100px)
}

.mx_ServerOfflineDialog .mx_ServerOfflineDialog_content .mx_ServerOfflineDialog_content_context .mx_ServerOfflineDialog_content_context_timeline .mx_ServerOfflineDialog_content_context_txn .mx_AccessibleButton {
    float: right;
    padding: 0
}

.mx_ServerPickerDialog {
    width: 468px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_ServerPickerDialog .mx_Dialog_content {
    margin-bottom: 0
}

.mx_ServerPickerDialog .mx_Dialog_content>p {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-size: 1.4rem;
    margin: 16px 0
}

.mx_ServerPickerDialog .mx_Dialog_content>p:first-of-type {
    margin-bottom: 40px
}

.mx_ServerPickerDialog .mx_Dialog_content>p:last-of-type {
    margin: 0 24px 24px
}

.mx_ServerPickerDialog .mx_Dialog_content>h4 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    margin-left: 8px
}

.mx_ServerPickerDialog .mx_Dialog_content>a {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    margin-left: 8px
}

.mx_ServerPickerDialog .mx_ServerPickerDialog_otherHomeserverRadio input[type=radio]+div {
    margin-top: auto;
    margin-bottom: auto
}

.mx_ServerPickerDialog .mx_ServerPickerDialog_otherHomeserver {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: unset
}

.mx_ServerPickerDialog .mx_ServerPickerDialog_otherHomeserver>input {
    padding-left: 0
}

.mx_ServerPickerDialog .mx_ServerPickerDialog_otherHomeserver>label {
    margin-left: 0
}

.mx_ServerPickerDialog .mx_AccessibleButton_kind_primary {
    width: calc(100% - 64px);
    margin: 0 8px;
    padding: 15px 18px
}

.mx_SetEmailDialog_email_input {
    border-radius: 3px;
    border: 1px solid #e7e7e7;
    padding: 9px;
    color: rgba(74, 74, 74, .9);
    background-color: var(--timeline-background-color);
    font-size: 1.5rem;
    width: 100%;
    max-width: 280px;
    margin-bottom: 10px
}

.mx_SetEmailDialog_email_input:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #0dbd8b;
    border: 1px solid var(--accent, #0dbd8b)
}

.mx_RoomSettingsDialog,
.mx_SpaceSettingsDialog,
.mx_UserSettingsDialog {
    width: 90vw;
    max-width: 1000px;
    height: 80vh
}

.mx_RoomSettingsDialog .mx_TabbedView,
.mx_SpaceSettingsDialog .mx_TabbedView,
.mx_UserSettingsDialog .mx_TabbedView {
    top: 65px
}

.mx_RoomSettingsDialog .mx_TabbedView .mx_SettingsTab,
.mx_SpaceSettingsDialog .mx_TabbedView .mx_SettingsTab,
.mx_UserSettingsDialog .mx_TabbedView .mx_SettingsTab {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 580px;
    padding-right: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 100px
}

.mx_RoomSettingsDialog .mx_Dialog_title,
.mx_SpaceSettingsDialog .mx_Dialog_title,
.mx_UserSettingsDialog .mx_Dialog_title {
    margin-bottom: 24px
}

.mx_ShareDialog hr {
    margin-top: 25px;
    margin-bottom: 25px;
    border-color: var(--timeline-text-secondary-color)
}

.mx_ShareDialog_content {
    margin: 10px 0
}

.mx_ShareDialog_matrixto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 5px;
    border: 1px solid var(--timeline-text-secondary-color);
    margin-bottom: 10px;
    margin-top: 30px;
    padding: 10px
}

.mx_ShareDialog_matrixto a {
    text-decoration: none
}

.mx_ShareDialog_matrixto_link {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.mx_ShareDialog_matrixto_copy {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    margin-left: 20px;
    display: inherit
}

.mx_ShareDialog_matrixto_copy:after {
    content: "";
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/clipboard.24dd87a.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/clipboard.24dd87a.svg);
    background-color: var(--timeline-text-color);
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat
}

.mx_ShareDialog_split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mx_ShareDialog_qrcode_container {
    float: left;
    height: 256px;
    width: 256px;
    margin-right: 64px
}

.mx_ShareDialog_qrcode_container+.mx_ShareDialog_social_container {
    width: 299px
}

.mx_ShareDialog_social_container {
    display: inline-block
}

.mx_ShareDialog_social_icon {
    display: inline-grid;
    margin-right: 10px;
    margin-bottom: 10px
}

.mx_SlashCommandHelpDialog .mx_SlashCommandHelpDialog_headerRow h2 {
    margin-bottom: 2px
}

.mx_SlashCommandHelpDialog .mx_Dialog_content {
    margin-top: 12px;
    margin-bottom: 34px
}

.mx_SpaceSettingsDialog {
    color: var(--timeline-text-color)
}

.mx_SpaceSettingsDialog .mx_SpaceSettings_errorText {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #ff5b55;
    color: var(--alert, #ff5b55);
    margin-bottom: 28px
}

.mx_SpaceSettingsDialog .mx_ToggleSwitch {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px
}

.mx_SpaceSettingsDialog .mx_SettingsTab_section .mx_SettingsTab_section_caption {
    margin-top: 12px;
    margin-bottom: 20px
}

.mx_SpaceSettingsDialog .mx_SettingsTab_section+.mx_SettingsTab_subheading {
    border-top: 1px solid #6f7882;
    border-top: 1px solid var(--quinary-content, #6f7882);
    margin-top: 0;
    padding-top: 24px
}

.mx_SpaceSettingsDialog .mx_SettingsTab_section .mx_StyledRadioButton {
    margin-top: 8px;
    margin-bottom: 4px
}

.mx_SpaceSettingsDialog .mx_SettingsTab_section .mx_StyledRadioButton .mx_StyledRadioButton_content {
    font-weight: 600;
    line-height: 1.8rem;
    color: var(--timeline-text-color)
}

.mx_SpaceSettingsDialog .mx_SettingsTab_section .mx_StyledRadioButton+span {
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    margin-left: 26px
}

.mx_SpaceSettingsDialog .mx_SettingsTab_section .mx_SettingsTab_showAdvanced {
    margin: 16px 0;
    padding: 0
}

.mx_SpaceSettingsDialog .mx_SettingsTab_section .mx_SettingsFlag {
    margin-top: 24px
}

.mx_SpaceSettingsDialog .mx_SpaceSettingsDialog_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 64px
}

.mx_SpaceSettingsDialog .mx_SpaceSettingsDialog_buttons .mx_AccessibleButton {
    display: inline-block
}

.mx_SpaceSettingsDialog .mx_SpaceSettingsDialog_buttons .mx_AccessibleButton_kind_link {
    margin-left: auto
}

.mx_SpaceSettingsDialog .mx_AccessibleButton_hasKind {
    padding: 8px 22px
}

.mx_SpaceSettingsDialog .mx_TabbedView_tabLabel .mx_SpaceSettingsDialog_generalIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg)
}

.mx_SpaceSettingsDialog .mx_TabbedView_tabLabel .mx_SpaceSettingsDialog_visibilityIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/eye.23b2229.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/eye.23b2229.svg)
}

.mx_SpotlightDialog_wrapper .mx_Dialog {
    border-radius: 8px;
    overflow-y: visible;
    overflow-y: initial;
    position: relative;
    height: 60%;
    padding: 0;
    contain: unset
}

.mx_SpotlightDialog_wrapper .mx_Dialog .mx_SpotlightDialog_keyboardPrompt {
    position: absolute;
    padding: 8px;
    border-radius: 8px;
    background-color: var(--timeline-background-color);
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_SpotlightDialog_wrapper .mx_Dialog .mx_SpotlightDialog_keyboardPrompt>span>div {
    display: inline-block;
    padding: 2px 4px;
    margin: 0 4px;
    border-radius: 6px;
    background-color: #6f7882;
    background-color: var(--quinary-content, #6f7882);
    vertical-align: middle;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff)
}

.mx_SpotlightDialog {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_SpotlightDialog .mx_Dialog_header {
    margin-bottom: 0
}

.mx_SpotlightDialog .mx_SpotlightDialog_searchBox {
    margin: 0;
    padding: 12px 16px;
    border: none;
    border-bottom: 1px solid #21262c;
    border-bottom: 1px solid var(--system, #21262c)
}

.mx_SpotlightDialog .mx_SpotlightDialog_searchBox>input {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    width: 100%;
    height: 32px;
    padding: 0;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff);
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 2.4rem
}

.mx_SpotlightDialog #mx_SpotlightDialog_content {
    margin: 16px;
    height: 100%;
    overflow-y: auto
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_section>h4 {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    margin-top: 0;
    margin-bottom: 8px
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_section+.mx_SpotlightDialog_section {
    margin-top: 24px
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_recentlyViewed>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    overflow-x: hidden
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_recentlyViewed .mx_AccessibleButton {
    border-radius: 8px;
    padding: 4px;
    color: var(--timeline-text-color);
    font-size: 1.2rem;
    line-height: 1.5rem;
    display: inline-block;
    width: 50px;
    min-width: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_recentlyViewed .mx_AccessibleButton .mx_DecoratedRoomAvatar {
    margin: 0 5px 4px
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_recentlyViewed .mx_AccessibleButton+.mx_AccessibleButton {
    margin-left: 16px
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_recentlyViewed .mx_AccessibleButton:hover,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_recentlyViewed .mx_AccessibleButton[aria-selected=true] {
    background-color: #6f7882;
    background-color: var(--quinary-content, #6f7882)
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_otherSearches .mx_AccessibleButton,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_recentSearches .mx_AccessibleButton,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_results .mx_AccessibleButton {
    padding: 6px 4px;
    border-radius: 8px;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: var(--timeline-text-color);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_otherSearches .mx_AccessibleButton .mx_BaseAvatar,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_recentSearches .mx_AccessibleButton .mx_BaseAvatar,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_results .mx_AccessibleButton .mx_BaseAvatar {
    margin-right: 8px;
    display: inline-block;
    height: 20px
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_otherSearches .mx_AccessibleButton:hover,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_otherSearches .mx_AccessibleButton[aria-selected=true],
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_recentSearches .mx_AccessibleButton:hover,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_recentSearches .mx_AccessibleButton[aria-selected=true],
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_results .mx_AccessibleButton:hover,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_results .mx_AccessibleButton[aria-selected=true] {
    background-color: #21262c;
    background-color: var(--system, #21262c)
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_otherSearches .mx_AccessibleButton:hover .mx_SpotlightDialog_enterPrompt,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_otherSearches .mx_AccessibleButton[aria-selected=true] .mx_SpotlightDialog_enterPrompt,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_recentSearches .mx_AccessibleButton:hover .mx_SpotlightDialog_enterPrompt,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_recentSearches .mx_AccessibleButton[aria-selected=true] .mx_SpotlightDialog_enterPrompt,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_results .mx_AccessibleButton:hover .mx_SpotlightDialog_enterPrompt,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_results .mx_AccessibleButton[aria-selected=true] .mx_SpotlightDialog_enterPrompt {
    display: inline-block
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_otherSearches .mx_SpotlightDialog_explorePublicRooms,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_otherSearches .mx_SpotlightDialog_startChat {
    padding-left: 32px;
    position: relative
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_otherSearches .mx_SpotlightDialog_explorePublicRooms:before,
.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_otherSearches .mx_SpotlightDialog_startChat:before {
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    content: "";
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_otherSearches .mx_SpotlightDialog_startChat:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg)
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_otherSearches .mx_SpotlightDialog_explorePublicRooms:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/explore.1523e65.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/explore.1523e65.svg)
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_otherSearches .mx_SpotlightDialog_otherSearches_messageSearchText {
    font-size: 1.5rem;
    line-height: 2.4rem
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_otherSearches .mx_SpotlightDialog_otherSearches_messageSearchIcon {
    display: inline-block;
    margin-left: 8px;
    width: 20px;
    height: 20px;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    vertical-align: text-bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/search-inset.db6314d.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/search-inset.db6314d.svg)
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_result_details {
    margin-left: 8px;
    margin-right: 8px;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff);
    font-size: 1.2rem;
    line-height: 1.5rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_recentSearches {
    overflow-y: hidden;
    height: calc(100% - 190px)
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_recentSearches>h4>.mx_AccessibleButton_kind_link {
    padding: 0;
    float: right;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_SpotlightDialog #mx_SpotlightDialog_content .mx_SpotlightDialog_enterPrompt {
    padding: 2px 4px;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff);
    border-radius: 6px;
    background-color: #6f7882;
    background-color: var(--quinary-content, #6f7882);
    margin: 0 4px 0 auto;
    display: none
}

.mx_SpotlightDialog .mx_SpotlightDialog_footer {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    padding: 16px 16px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #6f7882;
    border-top: 1px solid var(--quinary-content, #6f7882)
}

.mx_SpotlightDialog .mx_SpotlightDialog_footer>span {
    position: relative;
    padding-left: 20px;
    -ms-flex-item-align: center;
    align-self: center
}

.mx_SpotlightDialog .mx_SpotlightDialog_footer>span:before {
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    content: "";
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/room-summary.1ad0865.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/room-summary.1ad0865.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mx_SpotlightDialog .mx_SpotlightDialog_footer .mx_AccessibleButton_kind_primary_outline {
    padding: 4px 8px;
    border-color: #edf3ff;
    border-color: var(--secondary-content, #edf3ff);
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    margin-left: auto
}

.mx_TabbedIntegrationManagerDialog .mx_Dialog {
    width: 60%;
    height: 70%;
    overflow: hidden;
    padding: 0;
    max-width: none;
    max-height: none;
    position: relative
}

.mx_TabbedIntegrationManagerDialog_container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mx_TabbedIntegrationManagerDialog_container .mx_TabbedIntegrationManagerDialog_currentManager {
    width: 100%;
    height: 100%;
    border-top: 1px solid #0dbd8b;
    border-top: 1px solid var(--accent, #0dbd8b)
}

.mx_TabbedIntegrationManagerDialog_container .mx_TabbedIntegrationManagerDialog_currentManager iframe {
    background-color: #fff;
    border: 0;
    width: 100%;
    height: 100%
}

.mx_TabbedIntegrationManagerDialog_tab {
    display: inline-block;
    border: 1px solid #0dbd8b;
    border: 1px solid var(--accent, #0dbd8b);
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 8px;
    margin-right: 5px
}

.mx_TabbedIntegrationManagerDialog_currentTab {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    color: #fff
}

.mx_TermsDialog_forIntegrationManager .mx_Dialog {
    width: 60%;
    height: 70%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_TermsDialog_termsTableHeader {
    font-weight: 700;
    text-align: left
}

.mx_TermsDialog_termsTable {
    font-size: 1.2rem;
    width: 100%
}

.mx_TermsDialog_service,
.mx_TermsDialog_summary {
    padding-right: 10px
}

.mx_TermsDialog_link {
    display: inline-block;
    -webkit-mask-image: url(https://element.anontier.nl/../img/external-link.a8d3e9b.svg);
    mask-image: url(https://element.anontier.nl/../img/external-link.a8d3e9b.svg);
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    width: 10px;
    height: 10px
}

.mx_UntrustedDeviceDialog .mx_Dialog_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_UntrustedDeviceDialog .mx_Dialog_title .mx_E2EIcon {
    margin-left: 0
}

.mx_UploadConfirmDialog_fileIcon {
    margin-right: 5px
}

.mx_UploadConfirmDialog_previewOuter {
    text-align: center
}

.mx_UploadConfirmDialog_previewInner {
    display: inline-block;
    text-align: left
}

.mx_UploadConfirmDialog_imagePreview {
    max-height: 300px;
    max-width: 100%;
    border-radius: 4px;
    border: 1px solid #9fa9ba
}

.mx_UserSettingsDialog_settingsIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg)
}

.mx_UserSettingsDialog_appearanceIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings/appearance.cdebd40.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings/appearance.cdebd40.svg)
}

.mx_UserSettingsDialog_voiceIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/voice-call.303eba8.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/voice-call.303eba8.svg)
}

.mx_UserSettingsDialog_bellIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg)
}

.mx_UserSettingsDialog_preferencesIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings/preference.82bfabd.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings/preference.82bfabd.svg)
}

.mx_UserSettingsDialog_sidebarIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings/sidebar.bad60e6.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings/sidebar.bad60e6.svg)
}

.mx_UserSettingsDialog_securityIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/security.66f2fa6.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/security.66f2fa6.svg)
}

.mx_UserSettingsDialog_helpIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings/help.68b703f.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings/help.68b703f.svg)
}

.mx_UserSettingsDialog_labsIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings/lab-flags.6fbe5e2.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings/lab-flags.6fbe5e2.svg)
}

.mx_UserSettingsDialog_mjolnirIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/emoji.52d7369.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/emoji.52d7369.svg)
}

.mx_UserSettingsDialog_flairIcon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings/flair.4227a88.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings/flair.4227a88.svg)
}

.mx_WidgetCapabilitiesPromptDialog .text-muted {
    font-size: 1.2rem
}

.mx_WidgetCapabilitiesPromptDialog .mx_Dialog_content {
    margin-bottom: 16px
}

.mx_WidgetCapabilitiesPromptDialog .mx_WidgetCapabilitiesPromptDialog_cap {
    margin-top: 20px;
    font-size: 1.5rem;
    line-height: 1.5rem
}

.mx_WidgetCapabilitiesPromptDialog .mx_WidgetCapabilitiesPromptDialog_cap .mx_WidgetCapabilitiesPromptDialog_byline {
    color: #a1b2d1;
    margin-left: 26px;
    font-size: 1.2rem;
    line-height: 1.2rem
}

.mx_WidgetCapabilitiesPromptDialog .mx_Dialog_buttons {
    margin-top: 40px
}

.mx_WidgetCapabilitiesPromptDialog .mx_SettingsFlag {
    line-height: calc(1.4rem + 14px);
    color: #a1b2d1;
    font-size: 1.2rem
}

.mx_WidgetCapabilitiesPromptDialog .mx_SettingsFlag .mx_ToggleSwitch {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 3.2rem;
    height: 1.5rem
}

.mx_WidgetCapabilitiesPromptDialog .mx_SettingsFlag .mx_ToggleSwitch.mx_ToggleSwitch_on>.mx_ToggleSwitch_ball {
    left: calc(100% - 1.5rem)
}

.mx_WidgetCapabilitiesPromptDialog .mx_SettingsFlag .mx_ToggleSwitch .mx_ToggleSwitch_ball {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.5rem
}

.mx_WidgetCapabilitiesPromptDialog .mx_SettingsFlag .mx_SettingsFlag_label {
    display: inline-block;
    vertical-align: middle
}

.mx_WidgetOpenIDPermissionsDialog .mx_SettingsFlag .mx_ToggleSwitch {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.mx_WidgetOpenIDPermissionsDialog .mx_SettingsFlag .mx_SettingsFlag_label {
    display: inline-block;
    vertical-align: middle
}

.mx_AccessSecretStorageDialog_reset {
    position: relative;
    padding-left: 24px;
    margin-top: 7px
}

.mx_AccessSecretStorageDialog_reset:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 16px;
    width: 16px;
    left: 0;
    top: 2px;
    background-image: url(https://element.anontier.nl/../img/element-icons/warning-badge.713e1ca.svg);
    background-size: contain
}

.mx_AccessSecretStorageDialog_reset .mx_AccessSecretStorageDialog_reset_link {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_AccessSecretStorageDialog_titleWithIcon:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    position: relative;
    top: 5px;
    background-color: var(--timeline-text-color)
}

.mx_AccessSecretStorageDialog_resetBadge:before {
    background-image: url(https://element.anontier.nl/../img/element-icons/warning-badge.713e1ca.svg);
    background-size: 24px;
    background-color: transparent
}

.mx_AccessSecretStorageDialog_secureBackupTitle:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/secure-backup.329cb1c.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/secure-backup.329cb1c.svg)
}

.mx_AccessSecretStorageDialog_securePhraseTitle:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/secure-phrase.a9d3725.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/secure-phrase.a9d3725.svg)
}

.mx_AccessSecretStorageDialog_keyStatus {
    height: 30px
}

.mx_AccessSecretStorageDialog_passPhraseInput {
    width: 300px;
    border: 1px solid #0dbd8b;
    border: 1px solid var(--accent, #0dbd8b);
    border-radius: 5px
}

.mx_AccessSecretStorageDialog_recoveryKeyEntry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_AccessSecretStorageDialog_recoveryKeyEntry_textInput {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_AccessSecretStorageDialog_recoveryKeyEntry_entryControlSeparatorText {
    margin: 16px
}

.mx_AccessSecretStorageDialog_recoveryKeyFeedback:before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 20px;
    height: 20px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 20px;
    mask-size: 20px;
    margin-right: 5px
}

.mx_AccessSecretStorageDialog_recoveryKeyFeedback_valid {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_AccessSecretStorageDialog_recoveryKeyFeedback_valid:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/check.5745b4e.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/check.5745b4e.svg);
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_AccessSecretStorageDialog_recoveryKeyFeedback_invalid {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_AccessSecretStorageDialog_recoveryKeyFeedback_invalid:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/x.9662221.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/x.9662221.svg);
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_AccessSecretStorageDialog_recoveryKeyEntry_fileInput {
    display: none
}

.mx_CreateCrossSigningDialog {
    width: 560px
}

.mx_CreateCrossSigningDialog details .mx_AccessibleButton {
    margin: 1em 0
}

.mx_CreateCrossSigningDialog .mx_Dialog_title,
.mx_CreateKeyBackupDialog .mx_Dialog_title {
    margin-bottom: 1em
}

.mx_CreateKeyBackupDialog_primaryContainer {
    padding: 20px
}

.mx_CreateKeyBackupDialog_primaryContainer:after {
    content: "";
    clear: both;
    display: block
}

.mx_CreateKeyBackupDialog_passPhraseContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mx_CreateKeyBackupDialog_passPhraseInput {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 250px;
    border: 1px solid #0dbd8b;
    border: 1px solid var(--accent, #0dbd8b);
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 1em
}

.mx_CreateKeyBackupDialog_passPhraseMatch {
    margin-left: 20px
}

.mx_CreateKeyBackupDialog_recoveryKeyHeader {
    margin-bottom: 1em
}

.mx_CreateKeyBackupDialog_recoveryKeyContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_CreateKeyBackupDialog_recoveryKey {
    width: 262px;
    padding: 20px;
    color: var(--timeline-text-secondary-color);
    background-color: #22262e;
    margin-right: 12px
}

.mx_CreateKeyBackupDialog_recoveryKeyButtons {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_CreateKeyBackupDialog_recoveryKeyButtons button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap
}

.mx_CreateKeyBackupDialog details .mx_AccessibleButton {
    margin: 1em 0
}

.mx_CreateSecretStorageDialog {
    width: 560px
}

.mx_CreateSecretStorageDialog .mx_SettingsFlag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_CreateSecretStorageDialog .mx_SettingsFlag_label {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 0;
    font-weight: 600
}

.mx_CreateSecretStorageDialog .mx_ToggleSwitch {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 30px
}

.mx_CreateSecretStorageDialog details .mx_AccessibleButton {
    margin: 1em 0
}

.mx_CreateSecretStorageDialog .mx_Dialog_title {
    margin-bottom: 1em
}

.mx_CreateSecretStorageDialog_titleWithIcon:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    position: relative;
    top: 5px;
    background-color: var(--timeline-text-color)
}

.mx_CreateSecretStorageDialog_secureBackupTitle:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/secure-backup.329cb1c.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/secure-backup.329cb1c.svg)
}

.mx_CreateSecretStorageDialog_securePhraseTitle:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/secure-phrase.a9d3725.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/secure-phrase.a9d3725.svg)
}

.mx_CreateSecretStorageDialog_centeredBody,
.mx_CreateSecretStorageDialog_centeredTitle {
    text-align: center
}

.mx_CreateSecretStorageDialog_primaryContainer {
    padding-top: 20px
}

.mx_CreateSecretStorageDialog_primaryContainer.mx_CreateSecretStorageDialog_recoveryKeyPrimarycontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_CreateSecretStorageDialog_primaryContainer:after {
    content: "";
    clear: both;
    display: block
}

.mx_CreateSecretStorageDialog_primaryContainer .mx_StyledRadioButton {
    margin-bottom: 16px;
    padding: 11px
}

.mx_CreateSecretStorageDialog_optionTitle {
    color: var(--timeline-text-color);
    font-weight: 600;
    font-size: 1.8rem;
    padding-bottom: 10px
}

.mx_CreateSecretStorageDialog_optionIcon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    position: relative;
    top: 5px;
    background-color: var(--timeline-text-color)
}

.mx_CreateSecretStorageDialog_optionIcon_securePhrase {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/secure-phrase.a9d3725.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/secure-phrase.a9d3725.svg)
}

.mx_CreateSecretStorageDialog_optionIcon_secureBackup {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/secure-backup.329cb1c.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/secure-backup.329cb1c.svg)
}

.mx_CreateSecretStorageDialog_passPhraseContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mx_Field.mx_CreateSecretStorageDialog_passPhraseField {
    margin-top: 0
}

.mx_CreateSecretStorageDialog_passPhraseMatch {
    width: 200px;
    margin-left: 20px
}

.mx_CreateSecretStorageDialog_recoveryKeyContainer {
    display: inline-block
}

.mx_CreateSecretStorageDialog_recoveryKey {
    font-weight: 700;
    text-align: center;
    padding: 20px;
    color: var(--timeline-text-secondary-color);
    background-color: #22262e;
    border-radius: 6px;
    word-spacing: 1em;
    margin-bottom: 20px
}

.mx_CreateSecretStorageDialog_recoveryKey code {
    display: inline-block;
    width: 30rem
}

.mx_CreateSecretStorageDialog_recoveryKeyButtons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 16px;
    gap: 16px
}

.mx_CreateSecretStorageDialog_recoveryKeyButtons_copyBtn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_CreateSecretStorageDialog_recoveryKeyCopyButtonText {
    overflow-y: hidden
}

.mx_CreateSecretStorageDialog_recoveryKeyButtons .mx_AccessibleButton {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap
}

.mx_CreateSecretStorageDialog_continueSpinner {
    margin-top: 33px;
    text-align: right
}

.mx_CreateSecretStorageDialog_continueSpinner img {
    width: 20px;
    height: 20px
}

.mx_KeyBackupFailedDialog .mx_Dialog_title {
    margin-bottom: 32px
}

.mx_KeyBackupFailedDialog_title {
    position: relative;
    padding-left: 45px;
    padding-bottom: 10px
}

.mx_KeyBackupFailedDialog_title:before {
    -webkit-mask: url(https://element.anontier.nl/../img/e2e/lock-warning-filled.993fb6c.svg);
    mask: url(https://element.anontier.nl/../img/e2e/lock-warning-filled.993fb6c.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--timeline-text-color);
    content: "";
    position: absolute;
    top: -6px;
    right: 0;
    bottom: 0;
    left: 0
}

.mx_KeyBackupFailedDialog .mx_Dialog_buttons {
    margin-top: 36px
}

.mx_RestoreKeyBackupDialog_keyStatus {
    height: 30px
}

.mx_RestoreKeyBackupDialog_primaryContainer {
    padding: 20px
}

.mx_RestoreKeyBackupDialog_passPhraseInput,
.mx_RestoreKeyBackupDialog_recoveryKeyInput {
    width: 300px;
    border: 1px solid #0dbd8b;
    border: 1px solid var(--accent, #0dbd8b);
    border-radius: 5px;
    padding: 10px
}

.mx_RestoreKeyBackupDialog_content>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 110px
}

.mx_NetworkDropdown {
    height: 32px;
    position: relative;
    padding-right: 32px;
    margin-left: auto;
    margin-right: 9px;
    margin-top: 12px
}

.mx_NetworkDropdown,
.mx_NetworkDropdown .mx_AccessibleButton {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.mx_NetworkDropdown_menu {
    min-width: 204px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #9fa9ba;
    background-color: var(--timeline-background-color);
    max-height: calc(100vh - 20px);
    overflow-y: auto
}

.mx_NetworkDropdown_menu_network {
    font-weight: 700
}

.mx_NetworkDropdown_server {
    padding: 12px 0;
    border-bottom: 1px solid #61708b
}

.mx_NetworkDropdown_server .mx_NetworkDropdown_server_title {
    padding: 0 10px;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 4px;
    position: relative
}

.mx_NetworkDropdown_server .mx_NetworkDropdown_server_title .mx_AccessibleButton {
    position: absolute;
    display: inline;
    right: 10px;
    height: 16px;
    width: 16px;
    margin-top: 2px
}

.mx_NetworkDropdown_server .mx_NetworkDropdown_server_title .mx_AccessibleButton:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/x.9662221.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/x.9662221.svg);
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_NetworkDropdown_server .mx_NetworkDropdown_server_subtitle {
    padding: 0 10px;
    font-size: 1rem;
    line-height: 1.4rem;
    margin-top: -4px;
    margin-bottom: 4px;
    color: #a1b2d1
}

.mx_NetworkDropdown_server .mx_NetworkDropdown_server_network {
    font-size: 1.2rem;
    line-height: 1.6rem;
    padding: 4px 10px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mx_NetworkDropdown_server .mx_NetworkDropdown_server_network[aria-checked=true]:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/check.5745b4e.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/check.5745b4e.svg);
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_NetworkDropdown_server_add:hover,
.mx_NetworkDropdown_server_network:hover {
    background-color: var(--roomlist-background-color)
}

.mx_NetworkDropdown_server_add {
    padding: 16px 10px 16px 32px;
    position: relative;
    border-radius: 0 0 4px 4px
}

.mx_NetworkDropdown_server_add:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 7px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/plus.38ae979.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/plus.38ae979.svg);
    background-color: #a1b2d1
}

.mx_NetworkDropdown_handle {
    position: relative
}

.mx_NetworkDropdown_handle:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    right: -27.5px;
    top: -3px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down-thin.f9a2477.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down-thin.f9a2477.svg);
    background-color: var(--timeline-text-color)
}

.mx_NetworkDropdown_handle .mx_NetworkDropdown_handle_server {
    color: #a1b2d1;
    font-size: 1.2rem
}

.mx_NetworkDropdown_dialog .mx_Dialog {
    width: 45vw
}

.mx_AccessibleButton {
    cursor: pointer
}

.mx_AccessibleButton_disabled {
    cursor: default
}

.mx_AccessibleButton_hasKind {
    padding: 7px 18px;
    text-align: center;
    border-radius: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.4rem;
    border: none
}

.mx_AccessibleButton_kind_primary {
    color: #fff;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_AccessibleButton_kind_primary,
.mx_AccessibleButton_kind_primary_outline {
    border: 1px solid #0dbd8b;
    border: 1px solid var(--accent, #0dbd8b);
    font-weight: 600
}

.mx_AccessibleButton_kind_primary_outline {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    background-color: var(--timeline-background-color)
}

.mx_AccessibleButton_kind_secondary {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    font-weight: 600
}

.mx_AccessibleButton_kind_primary.mx_AccessibleButton_disabled,
.mx_AccessibleButton_kind_primary_outline.mx_AccessibleButton_disabled {
    opacity: .4
}

.mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_primary_sm {
    padding: 5px 12px;
    color: #fff;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_AccessibleButton_kind_primary_sm.mx_AccessibleButton_disabled {
    opacity: .4
}

.mx_AccessibleButton_kind_danger {
    color: #fff;
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_AccessibleButton_kind_danger_outline {
    color: #ff5b55;
    color: var(--alert, #ff5b55);
    background-color: transparent;
    border: 1px solid #ff5b55;
    border: 1px solid var(--alert, #ff5b55)
}

.mx_AccessibleButton_kind_danger.mx_AccessibleButton_disabled {
    color: #fff;
    background-color: var(--warning-color-50pct)
}

.mx_AccessibleButton_kind_danger_outline.mx_AccessibleButton_disabled {
    color: var(--warning-color-50pct);
    border-color: var(--warning-color-50pct)
}

.mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_danger_sm {
    padding: 5px 12px;
    color: #fff;
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_AccessibleButton_kind_danger_sm.mx_AccessibleButton_disabled {
    color: #fff;
    background-color: var(--warning-color-50pct)
}

.mx_AccessibleButton_kind_link {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_AccessibleButton_kind_link.mx_AccessibleButton_disabled {
    opacity: .4
}

.mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_link_sm {
    padding: 5px 12px;
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_AccessibleButton_kind_link_sm.mx_AccessibleButton_disabled {
    opacity: .4
}

.mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_confirm_sm {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_confirm_sm:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/check.5745b4e.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/check.5745b4e.svg)
}

.mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_cancel_sm {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_cancel_sm:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/x.9662221.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/x.9662221.svg)
}

.mx_AccessibleButton_kind_cancel_sm,
.mx_AccessibleButton_kind_confirm_sm {
    padding: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    position: relative;
    display: block
}

.mx_AccessibleButton_kind_cancel_sm:before,
.mx_AccessibleButton_kind_confirm_sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 80%;
    mask-size: 80%
}

.mx_AddressSelector {
    position: absolute;
    background-color: var(--timeline-background-color);
    width: 485px;
    max-height: 116px;
    overflow-y: auto;
    border-radius: 3px;
    border: 1px solid #0dbd8b;
    border: 1px solid var(--accent, #0dbd8b);
    cursor: pointer;
    z-index: 1
}

.mx_AddressSelector.mx_AddressSelector_empty {
    display: none
}

.mx_AddressSelector_addressListElement .mx_AddressTile {
    background-color: var(--timeline-background-color);
    border: 1px solid var(--timeline-background-color)
}

.mx_AddressSelector_addressListElement.mx_AddressSelector_selected {
    background-color: var(--roomlist-background-color)
}

.mx_AddressSelector_addressListElement.mx_AddressSelector_selected .mx_AddressTile {
    background-color: var(--roomlist-background-color);
    border: 1px solid var(--roomlist-background-color)
}

.mx_AddressTile {
    display: inline-block;
    border-radius: 3px;
    background-color: rgba(74, 73, 74, .1);
    border: 1px solid #e7e7e7;
    line-height: 2.6rem;
    color: var(--timeline-text-color);
    font-size: 1.4rem;
    font-weight: 400;
    margin-right: 4px
}

.mx_AddressTile.mx_AddressTile_error {
    background-color: rgba(255, 0, 100, .1);
    color: #ff5b55;
    color: var(--alert, #ff5b55);
    border-color: #ff5b55;
    border-color: var(--alert, #ff5b55)
}

.mx_AddressTile_network {
    padding-right: 4px
}

.mx_AddressTile_avatar,
.mx_AddressTile_network {
    display: inline-block;
    position: relative;
    padding-left: 2px;
    vertical-align: middle
}

.mx_AddressTile_avatar {
    padding-right: 7px
}

.mx_AddressTile_mx {
    display: inline-block;
    margin: 0;
    border: 0;
    padding: 0
}

.mx_AddressTile_name {
    display: inline-block;
    padding-right: 4px;
    font-weight: 600;
    overflow: hidden;
    height: 26px;
    vertical-align: middle
}

.mx_AddressTile_name.mx_AddressTile_justified {
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

.mx_AddressTile_id {
    display: inline-block;
    padding-right: 11px
}

.mx_AddressTile_id.mx_AddressTile_justified {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

.mx_AddressTile_unknownMx {
    display: inline-block;
    font-weight: 600;
    padding-right: 11px
}

.mx_AddressTile_unknownMxl.mx_AddressTile_justified {
    width: 380px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

.mx_AddressTile_email {
    display: inline-block;
    font-weight: 600;
    padding-right: 11px
}

.mx_AddressTile_email.mx_AddressTile_justified {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

.mx_AddressTile_unknown {
    display: inline-block;
    padding-right: 11px
}

.mx_AddressTile_unknown.mx_AddressTile_justified {
    width: 380px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

.mx_AddressTile_dismiss {
    display: inline-block;
    padding-right: 11px;
    padding-left: 1px;
    cursor: pointer
}

.mx_AddressTile_dismiss object {
    pointer-events: none
}

.mx_DesktopBuildsNotice {
    text-align: center;
    padding: 0 16px
}

.mx_DesktopBuildsNotice>* {
    vertical-align: middle
}

.mx_DesktopBuildsNotice>img {
    margin-right: 8px
}

.mx_desktopCapturerSourcePicker {
    overflow: hidden
}

.mx_desktopCapturerSourcePicker .mx_desktopCapturerSourcePicker_tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 500px;
    overflow: overlay
}

.mx_desktopCapturerSourcePicker .mx_desktopCapturerSourcePicker_tab .mx_desktopCapturerSourcePicker_source {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_desktopCapturerSourcePicker .mx_desktopCapturerSourcePicker_tab .mx_desktopCapturerSourcePicker_source .mx_desktopCapturerSourcePicker_source_thumbnail {
    margin: 4px;
    padding: 4px;
    border-radius: 8px;
    border: 2px solid transparent
}

.mx_desktopCapturerSourcePicker .mx_desktopCapturerSourcePicker_tab .mx_desktopCapturerSourcePicker_source .mx_desktopCapturerSourcePicker_source_thumbnail.mx_desktopCapturerSourcePicker_source_thumbnail_selected,
.mx_desktopCapturerSourcePicker .mx_desktopCapturerSourcePicker_tab .mx_desktopCapturerSourcePicker_source .mx_desktopCapturerSourcePicker_source_thumbnail:focus,
.mx_desktopCapturerSourcePicker .mx_desktopCapturerSourcePicker_tab .mx_desktopCapturerSourcePicker_source .mx_desktopCapturerSourcePicker_source_thumbnail:hover {
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_desktopCapturerSourcePicker .mx_desktopCapturerSourcePicker_tab .mx_desktopCapturerSourcePicker_source .mx_desktopCapturerSourcePicker_source_name {
    margin: 0 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mx_DialPadBackspaceButton {
    position: relative;
    height: 28px;
    width: 28px
}

.mx_DialPadBackspaceButton:before {
    content: "";
    background-color: #8d97a5;
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/delete.833d785.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/delete.833d785.svg);
    -webkit-mask-position: 8px;
    mask-position: 8px;
    -webkit-mask-size: 20px;
    mask-size: 20px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.mx_DirectorySearchBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 9px;
    padding-right: 9px
}

.mx_DirectorySearchBox_joinButton {
    display: table-cell;
    padding: 3px 10px;
    background-color: var(--roomlist-background-color);
    border-radius: 3px;
    background-image: url(https://element.anontier.nl/../img/icon-return.cb24475.svg);
    background-position: 8px 70%;
    background-repeat: no-repeat;
    text-indent: 18px;
    font-weight: 600;
    font-size: 1.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.mx_DirectorySearchBox_clear {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55);
    -webkit-mask: url(https://element.anontier.nl/../img/cancel.4b9715b.svg);
    mask: url(https://element.anontier.nl/../img/cancel.4b9715b.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 10px;
    mask-size: 10px;
    width: 15px;
    height: 15px;
    cursor: pointer
}

.mx_Dropdown {
    position: relative;
    color: var(--timeline-text-color)
}

.mx_Dropdown_disabled {
    opacity: .3
}

.mx_Dropdown_input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 4px;
    border: 1px solid #c7c7c7;
    font-size: 1.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx_Dropdown_input.mx_AccessibleButton_disabled {
    cursor: not-allowed
}

.mx_Dropdown_input:focus {
    border-color: var(--primary-color)
}

.mx_Dropdown_input.mx_AccessibleButton:focus {
    -webkit-filter: none;
    filter: none
}

.mx_Dropdown_arrow {
    width: 10px;
    height: 6px;
    padding-right: 9px;
    -webkit-mask: url(https://element.anontier.nl/../img/feather-customised/dropdown-arrow.1a22ebc.svg);
    mask: url(https://element.anontier.nl/../img/feather-customised/dropdown-arrow.1a22ebc.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: var(--timeline-text-color)
}

.mx_Dropdown_option {
    height: 35px;
    line-height: 3.5rem;
    padding-left: 8px;
    padding-right: 8px
}

.mx_Dropdown_input>.mx_Dropdown_option {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_Dropdown_input>.mx_Dropdown_option,
.mx_Dropdown_option div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mx_Dropdown_option .mx_Dropdown_option_emoji,
.mx_Dropdown_option img {
    margin: 5px;
    width: 16px;
    vertical-align: middle
}

.mx_Dropdown_option_emoji {
    font-size: 1.6rem;
    line-height: 1.6rem
}

input.mx_Dropdown_option,
input.mx_Dropdown_option:focus {
    font-weight: 400;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 60%
}

.mx_Dropdown_menu {
    position: absolute;
    left: -1px;
    right: -1px;
    top: 100%;
    z-index: 2;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    border: 1px solid var(--primary-color);
    background-color: var(--timeline-background-color);
    max-height: 200px;
    overflow-y: auto
}

.mx_Dropdown_menu .mx_Dropdown_option {
    height: auto;
    min-height: 35px
}

.mx_Dropdown_menu .mx_Dropdown_option_highlight {
    background-color: #343a46;
    background-color: var(--focus-bg-color, #343a46)
}

.mx_Dropdown_searchPrompt {
    font-weight: 400;
    margin-left: 5px;
    margin-bottom: 5px
}

.mx_EditableItemList {
    margin-top: 12px;
    margin-bottom: 10px
}

.mx_EditableItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px
}

.mx_EditableItem_delete {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-right: 5px;
    cursor: pointer;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/cancel.23c2689.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/cancel.23c2689.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55);
    -webkit-mask-size: 100%;
    mask-size: 100%
}

.mx_EditableItem_email {
    vertical-align: middle
}

.mx_EditableItem_promptText {
    margin-right: 10px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.mx_EditableItem_confirmBtn {
    margin-right: 5px
}

.mx_EditableItem_item {
    -webkit-box-flex: 1;
    -ms-flex: auto 1 0px;
    flex: auto 1 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: calc(100% - 14px);
    overflow-x: hidden;
    text-overflow: ellipsis
}

.mx_EditableItemList_label {
    margin-bottom: 5px
}

.mx_ErrorBoundary {
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_ErrorBoundary,
.mx_ErrorBoundary_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_ErrorBoundary_body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 400px
}

.mx_ErrorBoundary_body .mx_AccessibleButton {
    margin-top: 5px
}

.mx_EventListSummary {
    position: relative
}

.mx_TextualEvent.mx_EventListSummary_summary {
    font-size: 1.4rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.mx_EventListSummary_avatars {
    display: inline-block;
    margin-right: 8px;
    padding-top: 8px;
    line-height: 1.2rem
}

.mx_EventListSummary_avatars .mx_BaseAvatar {
    margin-right: -4px;
    cursor: pointer
}

.mx_EventListSummary_toggle {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    cursor: pointer;
    float: right;
    margin-right: 10px;
    margin-top: 8px
}

.mx_EventListSummary_line {
    border-bottom: 1px solid var(--roomlist-separator-color);
    margin-left: 63px;
    line-height: 3rem
}

.mx_MatrixChat_useCompactLayout .mx_EventListSummary {
    font-size: 1.3rem
}

.mx_MatrixChat_useCompactLayout .mx_EventListSummary .mx_EventTile_line {
    line-height: 2rem
}

.mx_MatrixChat_useCompactLayout .mx_EventListSummary_line {
    line-height: 2.2rem
}

.mx_MatrixChat_useCompactLayout .mx_EventListSummary_toggle {
    margin-top: 3px
}

.mx_MatrixChat_useCompactLayout .mx_TextualEvent.mx_EventListSummary_summary {
    font-size: 1.3rem
}

.mx_EventTilePreview_loader.mx_GroupLayout,
.mx_EventTilePreview_loader.mx_IRCLayout {
    padding: 9px 0
}

.mx_ExternalLink {
    color: #0086e6;
    color: var(--links, #0086e6)
}

.mx_ExternalLink_icon {
    display: inline-block;
    -webkit-mask-image: url(https://element.anontier.nl/../img/external-link.a8d3e9b.svg);
    mask-image: url(https://element.anontier.nl/../img/external-link.a8d3e9b.svg);
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1.1rem;
    height: 1.1rem;
    margin-left: .3rem;
    vertical-align: middle
}

.mx_FacePile .mx_FacePile_faces {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    vertical-align: middle
}

.mx_FacePile .mx_FacePile_faces>.mx_FacePile_face+.mx_FacePile_face {
    margin-right: -8px
}

.mx_FacePile .mx_FacePile_faces .mx_BaseAvatar_image {
    border: 1px solid var(--timeline-background-color)
}

.mx_FacePile .mx_FacePile_faces .mx_BaseAvatar_initial {
    margin: 1px
}

.mx_FacePile .mx_FacePile_faces .mx_FacePile_more {
    position: relative;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background-color: var(--sidebar-color)
}

.mx_FacePile .mx_FacePile_faces .mx_FacePile_more:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
    width: inherit;
    background: #edf3ff;
    background: var(--tertiary-content, #edf3ff);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 20px;
    mask-size: 20px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/ellipsis.b82ece6.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/ellipsis.b82ece6.svg)
}

.mx_FacePile .mx_FacePile_summary {
    margin-left: 12px;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff)
}

.mx_Field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    position: relative;
    margin: 1em 0;
    border-radius: 4px;
    -webkit-transition: border-color .25s;
    transition: border-color .25s;
    border: 1px solid #e7e7e7
}

.mx_Field_prefix {
    border-right: 1px solid #e7e7e7
}

.mx_Field_postfix {
    border-left: 1px solid #e7e7e7
}

.mx_Field input,
.mx_Field select,
.mx_Field textarea {
    font-family: inherit;
    font-weight: 400;
    font-size: 1.4rem;
    border: none;
    border-radius: 4px;
    padding: 8px 9px;
    color: var(--timeline-text-color);
    background-color: var(--timeline-background-color);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.mx_Field select {
    -moz-appearance: none;
    -webkit-appearance: none
}

.mx_Field_select:before {
    content: "";
    position: absolute;
    top: 15px;
    right: 10px;
    width: 10px;
    height: 6px;
    -webkit-mask: url(https://element.anontier.nl/../img/feather-customised/dropdown-arrow.1a22ebc.svg);
    mask: url(https://element.anontier.nl/../img/feather-customised/dropdown-arrow.1a22ebc.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--timeline-text-color);
    z-index: 1;
    pointer-events: none
}

.mx_Field:focus-within {
    border-color: var(--primary-color)
}

.mx_Field input:focus,
.mx_Field select:focus,
.mx_Field textarea:focus {
    outline: 0
}

.mx_Field input::-webkit-input-placeholder,
.mx_Field textarea::-webkit-input-placeholder {
    -webkit-transition: color .25s ease-in 0s;
    transition: color .25s ease-in 0s;
    color: transparent
}

.mx_Field input::-moz-placeholder,
.mx_Field textarea::-moz-placeholder {
    -moz-transition: color .25s ease-in 0s;
    transition: color .25s ease-in 0s;
    color: transparent
}

.mx_Field input:-ms-input-placeholder,
.mx_Field textarea:-ms-input-placeholder {
    -ms-transition: color .25s ease-in 0s;
    transition: color .25s ease-in 0s;
    color: transparent
}

.mx_Field input::-ms-input-placeholder,
.mx_Field textarea::-ms-input-placeholder {
    -ms-transition: color .25s ease-in 0s;
    transition: color .25s ease-in 0s;
    color: transparent
}

.mx_Field input::placeholder,
.mx_Field textarea::placeholder {
    -webkit-transition: color .25s ease-in 0s;
    transition: color .25s ease-in 0s;
    color: transparent
}

.mx_Field.mx_Field_placeholderIsHint input::-webkit-input-placeholder,
.mx_Field input:placeholder-shown:focus::-webkit-input-placeholder,
.mx_Field textarea:placeholder-shown:focus::-webkit-input-placeholder {
    -webkit-transition: color .25s ease-in .1s;
    transition: color .25s ease-in .1s;
    color: var(--timeline-text-secondary-color)
}

.mx_Field.mx_Field_placeholderIsHint input::-moz-placeholder,
.mx_Field input:placeholder-shown:focus::-moz-placeholder,
.mx_Field textarea:placeholder-shown:focus::-moz-placeholder {
    -moz-transition: color .25s ease-in .1s;
    transition: color .25s ease-in .1s;
    color: var(--timeline-text-secondary-color)
}

.mx_Field.mx_Field_placeholderIsHint input:-ms-input-placeholder,
.mx_Field input:placeholder-shown:focus:-ms-input-placeholder,
.mx_Field textarea:placeholder-shown:focus:-ms-input-placeholder {
    -ms-transition: color .25s ease-in .1s;
    transition: color .25s ease-in .1s;
    color: var(--timeline-text-secondary-color)
}

.mx_Field.mx_Field_placeholderIsHint input::-ms-input-placeholder,
.mx_Field input:placeholder-shown:focus::-ms-input-placeholder,
.mx_Field textarea:placeholder-shown:focus::-ms-input-placeholder {
    -ms-transition: color .25s ease-in .1s;
    transition: color .25s ease-in .1s;
    color: var(--timeline-text-secondary-color)
}

.mx_Field input:-moz-placeholder-shown:focus::placeholder,
.mx_Field textarea:-moz-placeholder-shown:focus::placeholder {
    -moz-transition: color .25s ease-in .1s;
    transition: color .25s ease-in .1s;
    color: var(--timeline-text-secondary-color)
}

.mx_Field input:-ms-input-placeholder:focus::placeholder,
.mx_Field textarea:-ms-input-placeholder:focus::placeholder {
    -ms-transition: color .25s ease-in .1s;
    transition: color .25s ease-in .1s;
    color: var(--timeline-text-secondary-color)
}

.mx_Field.mx_Field_placeholderIsHint input::placeholder,
.mx_Field input:placeholder-shown:focus::placeholder,
.mx_Field textarea:placeholder-shown:focus::placeholder {
    -webkit-transition: color .25s ease-in .1s;
    transition: color .25s ease-in .1s;
    color: var(--timeline-text-secondary-color)
}

.mx_Field label {
    -webkit-transition: font-size .25s ease-out .1s, color .25s ease-out .1s, background-color .25s ease-out .1s, -webkit-transform .25s ease-out .1s;
    transition: font-size .25s ease-out .1s, color .25s ease-out .1s, background-color .25s ease-out .1s, -webkit-transform .25s ease-out .1s;
    transition: font-size .25s ease-out .1s, color .25s ease-out .1s, transform .25s ease-out .1s, background-color .25s ease-out .1s;
    transition: font-size .25s ease-out .1s, color .25s ease-out .1s, transform .25s ease-out .1s, background-color .25s ease-out .1s, -webkit-transform .25s ease-out .1s;
    background-color: transparent;
    font-size: 1.4rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    position: absolute;
    left: 0;
    margin: 7px 8px;
    padding: 2px;
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 20px)
}

.mx_Field input:not(:-moz-placeholder-shown)+label,
.mx_Field textarea:not(:-moz-placeholder-shown)+label {
    -moz-transition: font-size .25s ease-out 0s, color .25s ease-out 0s, transform .25s ease-out 0s, background-color .25s ease-out 0s;
    transition: font-size .25s ease-out 0s, color .25s ease-out 0s, transform .25s ease-out 0s, background-color .25s ease-out 0s;
    font-size: 1rem;
    transform: translateY(-13px);
    padding: 0 2px;
    background-color: var(--timeline-background-color);
    pointer-events: auto
}

.mx_Field input:not(:-ms-input-placeholder)+label,
.mx_Field textarea:not(:-ms-input-placeholder)+label {
    -ms-transition: font-size .25s ease-out 0s, color .25s ease-out 0s, transform .25s ease-out 0s, background-color .25s ease-out 0s;
    transition: font-size .25s ease-out 0s, color .25s ease-out 0s, transform .25s ease-out 0s, background-color .25s ease-out 0s;
    font-size: 1rem;
    transform: translateY(-13px);
    padding: 0 2px;
    background-color: var(--timeline-background-color);
    pointer-events: auto
}

.mx_Field_labelAlwaysTopLeft label,
.mx_Field input:focus+label,
.mx_Field input:not(:placeholder-shown)+label,
.mx_Field select+label,
.mx_Field textarea:focus+label,
.mx_Field textarea:not(:placeholder-shown)+label {
    -webkit-transition: font-size .25s ease-out 0s, color .25s ease-out 0s, background-color .25s ease-out 0s, -webkit-transform .25s ease-out 0s;
    transition: font-size .25s ease-out 0s, color .25s ease-out 0s, background-color .25s ease-out 0s, -webkit-transform .25s ease-out 0s;
    transition: font-size .25s ease-out 0s, color .25s ease-out 0s, transform .25s ease-out 0s, background-color .25s ease-out 0s;
    transition: font-size .25s ease-out 0s, color .25s ease-out 0s, transform .25s ease-out 0s, background-color .25s ease-out 0s, -webkit-transform .25s ease-out 0s;
    font-size: 1rem;
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
    padding: 0 2px;
    background-color: var(--timeline-background-color);
    pointer-events: auto
}

.mx_Field input:focus+label,
.mx_Field select:focus+label,
.mx_Field textarea:focus+label {
    color: var(--primary-color)
}

.mx_Field input:disabled,
.mx_Field input:disabled+label,
.mx_Field select:disabled,
.mx_Field select:disabled+label,
.mx_Field textarea:disabled,
.mx_Field textarea:disabled+label {
    background-color: var(--timeline-background-color);
    color: var(--timeline-text-secondary-color)
}

.mx_Field_valid.mx_Field,
.mx_Field_valid.mx_Field:focus-within {
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_Field_valid.mx_Field:focus-within label,
.mx_Field_valid.mx_Field label {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_Field_invalid.mx_Field,
.mx_Field_invalid.mx_Field:focus-within {
    border-color: #ff5b55;
    border-color: var(--alert, #ff5b55)
}

.mx_Field_invalid.mx_Field:focus-within label,
.mx_Field_invalid.mx_Field label {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_Field_tooltip {
    margin-top: -12px;
    margin-left: 4px;
    width: 200px
}

.mx_Field_tooltip.mx_Field_valid {
    -webkit-animation: mx_fadeout 1s 2s forwards;
    animation: mx_fadeout 1s 2s forwards
}

.mx_Field .mx_Dropdown_input {
    border: initial;
    border-radius: 0;
    border-radius: initial
}

.mx_Field .mx_CountryDropdown {
    width: 7.8rem
}

:root {
    --image-view-panel-height: 68px
}

.mx_ImageView {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_ImageView,
.mx_ImageView_image_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.mx_ImageView_image_wrapper {
    pointer-events: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.mx_ImageView_image {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mx_ImageView_image.mx_ImageView_image_animating {
    -webkit-transition: -webkit-transform .2s ease 0s;
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s, -webkit-transform .2s ease 0s
}

.mx_ImageView_image.mx_ImageView_image_animatingLoading {
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: -webkit-transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s
}

.mx_ImageView_panel {
    width: 100%;
    height: 68px;
    height: var(--image-view-panel-height);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-animation-name: mx_ImageView_panel_keyframes;
    animation-name: mx_ImageView_panel_keyframes;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.mx_ImageView_info_wrapper,
.mx_ImageView_panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_ImageView_info_wrapper {
    pointer-events: auto;
    padding-left: 32px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #fff
}

.mx_ImageView_info {
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_ImageView_info_sender {
    font-weight: 700
}

.mx_ImageView_toolbar {
    padding-right: 16px;
    pointer-events: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 14px;
    gap: 14px
}

.mx_ImageView_button {
    padding: 5px;
    display: block
}

.mx_ImageView_button:before {
    content: "";
    height: 22px;
    width: 22px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    display: block;
    background-color: #a1b2d1
}

.mx_ImageView_button_rotateCW:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/image-view/rotate-cw.60d903e.svg);
    mask-image: url(https://element.anontier.nl/../img/image-view/rotate-cw.60d903e.svg)
}

.mx_ImageView_button_rotateCCW:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/image-view/rotate-ccw.b28ae4a.svg);
    mask-image: url(https://element.anontier.nl/../img/image-view/rotate-ccw.b28ae4a.svg)
}

.mx_ImageView_button_zoomOut:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/image-view/zoom-out.8506f80.svg);
    mask-image: url(https://element.anontier.nl/../img/image-view/zoom-out.8506f80.svg)
}

.mx_ImageView_button_zoomIn:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/image-view/zoom-in.3b3f32e.svg);
    mask-image: url(https://element.anontier.nl/../img/image-view/zoom-in.3b3f32e.svg)
}

.mx_ImageView_button_download:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/image-view/download.2eac468.svg);
    mask-image: url(https://element.anontier.nl/../img/image-view/download.2eac468.svg)
}

.mx_ImageView_button_more:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/image-view/more.0427c6c.svg);
    mask-image: url(https://element.anontier.nl/../img/image-view/more.0427c6c.svg)
}

.mx_ImageView_button_close {
    padding: 0;
    border-radius: 100%;
    background: #21262c
}

.mx_ImageView_button_close:before {
    width: 32px;
    height: 32px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/image-view/close.97d1731.svg);
    mask-image: url(https://element.anontier.nl/../img/image-view/close.97d1731.svg);
    -webkit-mask-size: 40%;
    mask-size: 40%
}

@media (prefers-reduced-motion) {
    .mx_ImageView_image_animating,
    .mx_ImageView_image_animatingLoading {
        -webkit-transition: none!important;
        transition: none!important
    }
}

.mx_InfoTooltip_icon,
.mx_InfoTooltip_icon:before {
    width: 16px;
    height: 16px;
    display: inline-block
}

.mx_InfoTooltip_icon:before {
    background-color: #a1b2d1;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    -webkit-mask-position: center;
    mask-position: center;
    content: "";
    vertical-align: middle
}

.mx_InfoTooltip_icon_info:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/info.dc07e19.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/info.dc07e19.svg)
}

.mx_InfoTooltip_icon_warning:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/warning.d65f5be.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/warning.d65f5be.svg)
}

.mx_InlineSpinner {
    display: inline
}

.mx_InlineSpinner_icon,
.mx_InlineSpinner img {
    margin: 0 6px;
    vertical-align: -3px
}

.mx_InlineSpinner_icon {
    display: inline-block!important
}

.mx_InteractiveTooltip_wrapper {
    position: fixed;
    z-index: 5000
}

.mx_InteractiveTooltip {
    border-radius: 8px;
    background-color: var(--timeline-background-color);
    color: var(--timeline-text-color);
    position: absolute;
    z-index: 5001;
    -webkit-box-shadow: 0 24px 8px rgba(17, 17, 26, .04), 0 8px 32px rgba(17, 17, 26, .04);
    box-shadow: 0 24px 8px rgba(17, 17, 26, .04), 0 8px 32px rgba(17, 17, 26, .04)
}

.mx_InteractiveTooltip.mx_InteractiveTooltip_withChevron_top {
    top: 10px
}

.mx_InteractiveTooltip.mx_InteractiveTooltip_withChevron_left {
    left: 10px
}

.mx_InteractiveTooltip.mx_InteractiveTooltip_withChevron_right {
    right: 10px
}

.mx_InteractiveTooltip.mx_InteractiveTooltip_withChevron_bottom {
    bottom: 10px
}

.mx_InteractiveTooltip_chevron_top {
    position: absolute;
    left: calc(50% - 8px);
    top: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 8px solid var(--timeline-background-color);
    border-right: 8px solid transparent
}

@supports ((-webkit-clip-path:polygon(0% 0%,
100% 100%,
0% 100%)) or (clip-path:polygon(0% 0%,
100% 100%,
0% 100%))) {
    .mx_InteractiveTooltip_chevron_top {
        height: 16px;
        width: 16px;
        background-color: inherit;
        border: none;
        -webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 100%, 0 100%);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        border-radius: 0 0 0 3px;
        top: -5.65771px
    }
}

.mx_InteractiveTooltip_chevron_bottom {
    position: absolute;
    left: calc(50% - 8px);
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 8px solid var(--timeline-background-color);
    border-right: 8px solid transparent
}

@supports ((-webkit-clip-path:polygon(0% 0%,
100% 100%,
0% 100%)) or (clip-path:polygon(0% 0%,
100% 100%,
0% 100%))) {
    .mx_InteractiveTooltip_chevron_bottom {
        height: 16px;
        width: 16px;
        background-color: inherit;
        border: none;
        -webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 100%, 0 100%);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-radius: 0 0 0 3px;
        bottom: -5.65771px
    }
}

.mx_InviteReason {
    position: relative;
    margin-bottom: 1em
}

.mx_InviteReason .mx_InviteReason_reason {
    visibility: visible
}

.mx_InviteReason .mx_InviteReason_view {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_InviteReason .mx_InviteReason_view:before {
    content: "";
    margin-right: 8px;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/eye.52aa0d2.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/eye.52aa0d2.svg);
    display: inline-block;
    width: 18px;
    height: 14px
}

.mx_InviteReason_hidden .mx_InviteReason_reason {
    visibility: hidden
}

.mx_InviteReason_hidden .mx_InviteReason_view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_ManageIntegsButton_error {
    position: relative;
    float: right;
    cursor: not-allowed
}

.mx_ManageIntegsButton_error img {
    position: absolute;
    right: -5px;
    top: -5px
}

.mx_ManageIntegsButton_errorPopup {
    position: absolute;
    top: 110%;
    left: -275%;
    width: 550%;
    padding: 30%;
    font-size: 10pt;
    line-height: 1.5em;
    border-radius: 5px;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    color: #fff;
    text-align: center;
    z-index: 1000
}

.mx_ManageIntegsButton_error .mx_ManageIntegsButton_errorPopup {
    display: none
}

.mx_ManageIntegsButton_error:hover .mx_ManageIntegsButton_errorPopup {
    display: inline
}

.mx_MiniAvatarUploader {
    position: relative;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.mx_MiniAvatarUploader .mx_Tooltip {
    display: inline-block;
    position: absolute;
    z-index: unset;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    left: 72px;
    top: 0
}

.mx_MiniAvatarUploader .mx_MiniAvatarUploader_indicator {
    position: absolute;
    height: 26px;
    width: 26px;
    right: -6px;
    bottom: -6px;
    background-color: var(--timeline-background-color);
    border-radius: 50%;
    z-index: 1
}

.mx_MiniAvatarUploader .mx_MiniAvatarUploader_indicator .mx_MiniAvatarUploader_cameraIcon {
    height: 100%;
    width: 100%;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/camera.a81a395.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/camera.a81a395.svg);
    -webkit-mask-size: 16px;
    mask-size: 16px;
    z-index: 2
}

.mx_MiniAvatarUploader_input {
    display: none
}

.mx_PowerSelector {
    width: 100%
}

.mx_PowerSelector .mx_Field input,
.mx_PowerSelector .mx_Field select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

progress.mx_ProgressBar {
    height: 6px;
    width: 60px;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 6px
}

progress.mx_ProgressBar::-moz-progress-bar {
    border-radius: 6px
}

progress.mx_ProgressBar::-webkit-progress-bar,
progress.mx_ProgressBar::-webkit-progress-value {
    border-radius: 6px
}

progress.mx_ProgressBar {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

progress.mx_ProgressBar::-moz-progress-bar {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

progress.mx_ProgressBar::-webkit-progress-value {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

progress.mx_ProgressBar {
    background-color: #21262c
}

progress.mx_ProgressBar::-webkit-progress-bar {
    background-color: #21262c
}

progress.mx_ProgressBar ::-webkit-progress-value {
    -webkit-transition: width 1s;
    transition: width 1s
}

progress.mx_ProgressBar ::-moz-progress-bar {
    -moz-transition: padding-bottom 1s;
    transition: padding-bottom 1s;
    padding-bottom: var(--value);
    transform-origin: 0 0;
    transform: rotate(-90deg) translateX(-15px);
    padding-left: 15px;
    height: 0
}

.mx_QRCode img {
    border-radius: 8px
}

.mx_ReplyChain {
    margin: 0 0 8px;
    padding: 0 10px;
    border-left: 2px solid #0dbd8b;
    border-left: 2px solid var(--accent, #0dbd8b);
    border-radius: 2px
}

.mx_ReplyChain .mx_ReplyChain_show {
    cursor: pointer
}

.mx_ReplyChain.mx_ReplyChain_color1 {
    border-left-color: #368bd6;
    border-left-color: var(--username-colors_0, #368bd6)
}

.mx_ReplyChain.mx_ReplyChain_color2 {
    border-left-color: #ac3ba8;
    border-left-color: var(--username-colors_1, #ac3ba8)
}

.mx_ReplyChain.mx_ReplyChain_color3 {
    border-left-color: var(--username-colors_2, var(--accent-color))
}

.mx_ReplyChain.mx_ReplyChain_color4 {
    border-left-color: #e64f7a;
    border-left-color: var(--username-colors_3, #e64f7a)
}

.mx_ReplyChain.mx_ReplyChain_color5 {
    border-left-color: #ff812d;
    border-left-color: var(--username-colors_4, #ff812d)
}

.mx_ReplyChain.mx_ReplyChain_color6 {
    border-left-color: #2dc2c5;
    border-left-color: var(--username-colors_5, #2dc2c5)
}

.mx_ReplyChain.mx_ReplyChain_color7 {
    border-left-color: #5c56f5;
    border-left-color: var(--username-colors_6, #5c56f5)
}

.mx_ReplyChain.mx_ReplyChain_color8 {
    border-left-color: #74d12c;
    border-left-color: var(--username-colors_7, #74d12c)
}

.mx_ReplyChain--expanded .mx_EventTile_body {
    display: block;
    overflow-y: scroll!important
}

.mx_ReplyChain--expanded .mx_EventTile_collapsedCodeBlock {
    display: block!important
}

.mx_ResizeHandle {
    cursor: row-resize;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 100
}

.mx_ResizeHandle.mx_ResizeHandle_horizontal {
    margin: 0 -5px;
    padding: 0 5px;
    cursor: col-resize
}

.mx_ResizeHandle.mx_ResizeHandle_vertical {
    margin: -5px 0;
    padding: 5px 0;
    cursor: row-resize
}

.mx_ResizeHandle.mx_ResizeHandle_horizontal>div {
    width: 1px;
    height: 100%
}

.mx_ResizeHandle.mx_ResizeHandle_vertical>div {
    height: 1px
}

.mx_AtRoomPill,
.mx_GroupPill,
.mx_RoomPill,
.mx_UserPill {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    border-radius: 1.6rem;
    line-height: 1.5rem;
    padding-left: 0
}

a.mx_Pill {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%
}

.mx_Pill {
    padding: .1rem .4em .1rem .1rem;
    vertical-align: text-top;
    line-height: 1.7rem
}

.mx_EventTile_content .markdown-body a.mx_GroupPill,
.mx_GroupPill {
    color: #fff;
    background-color: var(--room-highlight-color)
}

.mx_EventTile_content .markdown-body a.mx_Pill {
    text-decoration: none
}

.mx_EventTile_content .markdown-body a.mx_UserPill,
.mx_UserPill {
    color: var(--timeline-text-color);
    background-color: #343a46;
    background-color: var(--other-user-pill-bg-color, #343a46)
}

.mx_UserPill_selected {
    background-color: #0dbd8b!important;
    background-color: var(--accent, #0dbd8b)!important
}

.mx_EventTile_content .markdown-body a.mx_AtRoomPill,
.mx_EventTile_content .mx_AtRoomPill,
.mx_EventTile_highlight .mx_EventTile_content .markdown-body a.mx_UserPill_me,
.mx_MessageComposer_input .mx_AtRoomPill {
    color: #fff;
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_EventTile_content .markdown-body a.mx_GroupPill,
.mx_EventTile_content .markdown-body a.mx_RoomPill,
.mx_GroupPill,
.mx_RoomPill {
    color: #fff;
    background-color: var(--room-highlight-color)
}

.mx_EventTile_body .mx_GroupPill,
.mx_EventTile_body .mx_RoomPill,
.mx_EventTile_body .mx_UserPill {
    cursor: pointer
}

.mx_AtRoomPill .mx_BaseAvatar,
.mx_GroupPill .mx_BaseAvatar,
.mx_RoomPill .mx_BaseAvatar,
.mx_UserPill .mx_BaseAvatar {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10rem;
    margin-right: .24rem
}

.mx_Markdown_BOLD {
    font-weight: 700
}

.mx_Markdown_ITALIC {
    font-style: italic
}

.mx_Markdown_CODE {
    padding: .2em 0;
    margin: 0;
    font-size: 85%;
    background-color: rgba(0, 0, 0, .04);
    border-radius: 3px
}

.mx_Markdown_HR {
    display: block;
    background: #e9e9e9
}

.mx_Markdown_STRIKETHROUGH {
    text-decoration: line-through
}

.mx_RoleButton {
    margin-left: 4px;
    margin-right: 4px;
    cursor: pointer;
    display: inline-block
}

.mx_RoleButton object {
    pointer-events: none
}

.mx_RoleButton_tooltip {
    display: inline-block;
    position: relative;
    top: -25px;
    left: 6px
}

.mx_RoomAliasField {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-width: 0;
    max-width: 100%
}

.mx_RoomAliasField input {
    width: 150px;
    padding-left: 0;
    padding-right: 0
}

.mx_RoomAliasField input::-webkit-input-placeholder {
    color: var(--timeline-text-secondary-color);
    font-weight: 400
}

.mx_RoomAliasField input::-moz-placeholder {
    color: var(--timeline-text-secondary-color);
    font-weight: 400
}

.mx_RoomAliasField input:-ms-input-placeholder {
    color: var(--timeline-text-secondary-color);
    font-weight: 400
}

.mx_RoomAliasField input::-ms-input-placeholder {
    color: var(--timeline-text-secondary-color);
    font-weight: 400
}

.mx_RoomAliasField input::placeholder {
    color: var(--timeline-text-secondary-color);
    font-weight: 400
}

.mx_RoomAliasField .mx_Field_postfix,
.mx_RoomAliasField .mx_Field_prefix {
    color: var(--timeline-text-secondary-color);
    border-left: none;
    border-right: none;
    font-weight: 600;
    padding: 9px 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.mx_RoomAliasField .mx_Field_postfix {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 180px)
}

.mx_SSOButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_SSOButtons .mx_SSOButtons_row+.mx_SSOButtons_row {
    margin-top: 16px
}

.mx_SSOButtons .mx_SSOButton {
    position: relative;
    width: 100%;
    padding: 7px 32px;
    text-align: center;
    border-radius: 8px;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    border: 1px solid #e7e7e7;
    color: var(--timeline-text-color)
}

.mx_SSOButtons .mx_SSOButton>img {
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    left: 8px;
    top: 4px
}

.mx_SSOButtons .mx_SSOButton_default {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    background-color: var(--timeline-background-color);
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_SSOButtons .mx_SSOButton_default.mx_SSOButton_primary {
    color: #fff;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_SSOButtons .mx_SSOButton_mini {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    min-width: 50px;
    padding: 12px
}

.mx_SSOButtons .mx_SSOButton_mini>img {
    left: 12px;
    top: 12px
}

.mx_SSOButtons .mx_SSOButton_mini+.mx_SSOButton_mini {
    margin-left: 16px
}

.mx_ServerPicker {
    margin-bottom: 14px;
    border-bottom: 1px solid rgba(141, 151, 165, .2);
    display: grid;
    grid-template-columns: auto -webkit-min-content;
    grid-template-columns: auto min-content;
    grid-template-rows: auto auto auto;
    font-size: 1.4rem;
    line-height: 2rem
}

.mx_ServerPicker>h3 {
    font-weight: 600;
    margin: 0 0 20px;
    grid-column: 1;
    grid-row: 1
}

.mx_ServerPicker .mx_ServerPicker_help {
    width: 20px;
    height: 20px;
    background-color: #a1b2d1;
    border-radius: 10px;
    grid-column: 2;
    grid-row: 1;
    margin-left: auto;
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: relative
}

.mx_ServerPicker .mx_ServerPicker_help:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: -2px;
    left: -2px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/i.80d84f3.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/i.80d84f3.svg);
    background: #fff
}

.mx_ServerPicker .mx_ServerPicker_server {
    color: var(--timeline-text-color);
    grid-column: 1;
    grid-row: 2
}

.mx_ServerPicker .mx_ServerPicker_change {
    padding: 0;
    font-size: inherit;
    grid-column: 2;
    grid-row: 2
}

.mx_ServerPicker .mx_ServerPicker_desc {
    margin-top: 4px;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff);
    grid-column: 1/2;
    grid-row: 3;
    margin-bottom: 16px
}

.mx_ServerPicker_helpDialog .mx_Dialog_content {
    width: 456px
}

.mx_SettingsFlag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 4px
}

.mx_SettingsFlag .mx_ToggleSwitch {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.mx_SettingsFlag_label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.4rem;
    color: var(--timeline-text-color);
    padding-right: 10px
}

.mx_SettingsFlag_microcopy {
    margin-top: 4px;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_Slider {
    position: relative;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_Slider_dotContainer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mx_Slider_bar,
.mx_Slider_dotContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_Slider_bar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: 1em;
    width: 100%;
    padding: 0 .5em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_Slider_bar>hr {
    width: 100%;
    height: .4em;
    background-color: #c1c9d6;
    border: 0
}

.mx_Slider_selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 1em);
    height: 1em;
    position: absolute;
    pointer-events: none
}

.mx_Slider_selectionDot {
    position: absolute;
    width: 2.4em;
    height: 2.4em;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    border-radius: 50%;
    z-index: 10
}

.mx_Slider_selectionText {
    color: #a1b2d1;
    font-size: 1.4rem;
    position: relative;
    text-align: center;
    top: 30px;
    width: 100%
}

.mx_Slider_selection>hr {
    margin: 0;
    border: .2em solid #0dbd8b;
    border: .2em solid var(--accent, #0dbd8b)
}

.mx_Slider_dot {
    height: 1em;
    width: 1em;
    border-radius: 50%;
    background-color: #c1c9d6;
    z-index: 0
}

.mx_Slider_dotActive {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_Slider_dotValue {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #c1c9d6
}

.mx_Slider_labelContainer {
    width: 1em
}

.mx_Slider_label {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: -50%
}

.mx_Spinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_MatrixChat_middlePanel .mx_Spinner {
    height: auto
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.mx_Spinner_icon {
    background-color: #6f7882;
    background-color: var(--quinary-content, #6f7882);
    -webkit-mask: url(https://element.anontier.nl/../img/spinner/spinner-background.42a9b9d.svg);
    mask: url(https://element.anontier.nl/../img/spinner/spinner-background.42a9b9d.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_Spinner_icon,
.mx_Spinner_icon:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.mx_Spinner_icon:before {
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask: url(https://element.anontier.nl/../img/spinner/spinner-foreground.cfdb46a.svg);
    mask: url(https://element.anontier.nl/../img/spinner/spinner-foreground.cfdb46a.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    content: "";
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.mx_Checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mx_Checkbox input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0
}

.mx_Checkbox input[type=checkbox]+label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_Checkbox input[type=checkbox]+label>.mx_Checkbox_background {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 1.6rem;
    width: 1.6rem;
    size: .5rem;
    border: .15rem solid rgba(161, 178, 209, .5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .4rem
}

.mx_Checkbox input[type=checkbox]+label>.mx_Checkbox_background .mx_Checkbox_checkmark {
    display: none;
    height: 100%;
    width: 100%;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/check.5745b4e.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/check.5745b4e.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.mx_Checkbox input[type=checkbox]:checked+label>.mx_Checkbox_background .mx_Checkbox_checkmark {
    display: block
}

.mx_Checkbox input[type=checkbox]+label>:not(.mx_Checkbox_background) {
    margin-left: 10px
}

.mx_Checkbox input[type=checkbox]:disabled+label {
    opacity: .5;
    cursor: not-allowed
}

.mx_Checkbox input[type=checkbox].focus-visible+label .mx_Checkbox_background {
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight
}

@media (-webkit-min-device-pixel-ratio:0) {
    .mx_Checkbox input[type=checkbox].focus-visible+label .mx_Checkbox_background {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto
    }
}

.mx_Checkbox.mx_Checkbox_kind_solid input[type=checkbox]+label>.mx_Checkbox_background .mx_Checkbox_checkmark {
    background: #fff
}

.mx_Checkbox.mx_Checkbox_kind_solid input[type=checkbox]:checked+label>.mx_Checkbox_background {
    background: #0dbd8b;
    background: var(--accent, #0dbd8b);
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_Checkbox.mx_Checkbox_kind_outline input[type=checkbox]+label>.mx_Checkbox_background .mx_Checkbox_checkmark {
    background: #0dbd8b;
    background: var(--accent, #0dbd8b)
}

.mx_Checkbox.mx_Checkbox_kind_outline input[type=checkbox]:checked+label>.mx_Checkbox_background {
    background: transparent;
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_StyledRadioButton {
    position: relative;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.mx_StyledRadioButton,
.mx_StyledRadioButton>.mx_StyledRadioButton_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_StyledRadioButton>.mx_StyledRadioButton_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 8px;
    margin-right: 8px
}

.mx_StyledRadioButton .mx_StyledRadioButton_spacer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 1.6rem;
    width: 1.6rem
}

.mx_StyledRadioButton input[type=radio] {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.mx_StyledRadioButton input[type=radio]+div {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.6rem;
    width: 1.6rem;
    margin-left: 2px;
    border: .15rem solid #6f7882;
    border: .15rem solid var(--quaternary-content, #6f7882);
    border-radius: 1.6rem
}

.mx_StyledRadioButton input[type=radio]+div>div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: .8rem;
    width: .8rem;
    border-radius: .8rem
}

.mx_StyledRadioButton input[type=radio].focus-visible+div {
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight
}

@media (-webkit-min-device-pixel-ratio:0) {
    .mx_StyledRadioButton input[type=radio].focus-visible+div {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto
    }
}

.mx_StyledRadioButton input[type=radio]:checked+div {
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_StyledRadioButton input[type=radio]:checked+div>div {
    background: #0dbd8b;
    background: var(--accent, #0dbd8b)
}

.mx_StyledRadioButton input[type=radio]:disabled+div,
.mx_StyledRadioButton input[type=radio]:disabled+div+span {
    opacity: .5;
    cursor: not-allowed
}

.mx_StyledRadioButton input[type=radio]:disabled+div {
    border-color: #6f7882;
    border-color: var(--quaternary-content, #6f7882)
}

.mx_StyledRadioButton input[type=radio]:checked:disabled+div>div {
    background-color: #6f7882;
    background-color: var(--quaternary-content, #6f7882)
}

.mx_StyledRadioButton .mx_StyledRadioButton_innerLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 4px
}

.mx_StyledRadioButton_outlined {
    border: 1px solid var(--roomlist-separator-color);
    border-radius: 8px
}

.mx_StyledRadioButton_checked {
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_SyntaxHighlight {
    background: none!important;
    color: var(--timeline-text-secondary-color)!important
}

.mx_TagComposer .mx_TagComposer_input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_TagComposer .mx_TagComposer_input .mx_Field {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
}

.mx_TagComposer .mx_TagComposer_input .mx_AccessibleButton {
    min-width: 70px;
    padding: 0 8px;
    margin-left: 16px
}

.mx_TagComposer .mx_TagComposer_input .mx_AccessibleButton,
.mx_TagComposer .mx_TagComposer_input .mx_Field,
.mx_TagComposer .mx_TagComposer_input .mx_Field input {
    border-radius: 8px
}

.mx_TagComposer .mx_TagComposer_tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 12px
}

.mx_TagComposer .mx_TagComposer_tags .mx_TagComposer_tag {
    padding: 6px 8px 8px 12px;
    position: relative;
    margin-right: 12px;
    margin-top: 12px
}

.mx_TagComposer .mx_TagComposer_tags .mx_TagComposer_tag:before {
    content: "";
    border-radius: 20px;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    opacity: .15;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.mx_TagComposer .mx_TagComposer_tags .mx_AccessibleButton {
    background-image: url(https://element.anontier.nl/../img/subtract.880420e.svg);
    width: 16px;
    height: 16px;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.mx_TextWithTooltip_target {
    display: inline
}

.mx_TextWithTooltip_tooltip {
    display: none
}

.mx_ToggleSwitch {
    -webkit-transition: background-color .2s ease-out .1s;
    transition: background-color .2s ease-out .1s;
    width: 4.4rem;
    height: 2rem;
    border-radius: 1.5rem;
    padding: 2px;
    background-color: var(--togglesw-off-color);
    opacity: .5
}

.mx_ToggleSwitch_enabled {
    cursor: pointer;
    opacity: 1
}

.mx_ToggleSwitch.mx_ToggleSwitch_on {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_ToggleSwitch.mx_ToggleSwitch_on>.mx_ToggleSwitch_ball {
    left: calc(100% - 2rem)
}

.mx_ToggleSwitch_ball {
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    background-color: var(--timeline-background-color);
    -webkit-transition: left .15s ease-out .1s;
    transition: left .15s ease-out .1s;
    left: 0
}

@-webkit-keyframes mx_fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes mx_fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes mx_fadeout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes mx_fadeout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.mx_Tooltip_chevron {
    position: absolute;
    left: -7px;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #000;
    border-bottom: 7px solid transparent
}

.mx_Tooltip_chevron:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid var(--timeline-background-color);
    border-bottom: 6px solid transparent;
    position: absolute;
    top: -6px;
    left: 1px
}

.mx_Tooltip {
    position: fixed;
    border-radius: 8px;
    z-index: 6000;
    padding: 10px;
    pointer-events: none;
    line-height: 1.4rem;
    font-size: 1.2rem;
    font-weight: 500;
    max-width: 200px;
    word-break: break-word;
    margin-right: 50px;
    background-color: #21262c;
    color: #fff;
    border: 0;
    text-align: center
}

.mx_Tooltip,
.mx_Tooltip .mx_Tooltip_chevron {
    display: none
}

.mx_Tooltip.mx_Tooltip_visible {
    -webkit-animation: mx_fadein .2s forwards;
    animation: mx_fadein .2s forwards
}

.mx_Tooltip.mx_Tooltip_invisible {
    -webkit-animation: mx_fadeout .1s forwards;
    animation: mx_fadeout .1s forwards
}

.mx_Field_tooltip {
    background-color: var(--timeline-background-color);
    color: var(--timeline-text-color);
    border: 1px solid #000;
    text-align: unset
}

.mx_Field_tooltip .mx_Tooltip_chevron {
    display: unset
}

.mx_Tooltip_title {
    font-weight: 600
}

.mx_Tooltip_sub {
    opacity: .7;
    margin-top: 4px
}

.mx_TooltipButton {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 5px;
    border: 2px solid #dbdbdb;
    border-radius: 20px;
    color: #dbdbdb;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    opacity: .6;
    line-height: 1.1rem;
    text-align: center;
    cursor: pointer
}

.mx_TooltipButton:hover {
    opacity: 1
}

.mx_TooltipButton_container {
    position: relative;
    top: -18px;
    left: 4px
}

.mx_TooltipButton_helpText {
    width: 400px;
    text-align: start;
    line-height: 17px!important
}

.mx_Validation {
    position: relative
}

.mx_Validation_details {
    padding-left: 20px;
    margin: 0
}

.mx_Validation_description+.mx_Validation_details {
    margin: 1em 0 0
}

.mx_Validation_detail {
    position: relative;
    font-weight: 400;
    list-style: none;
    margin-bottom: .5em
}

.mx_Validation_detail:last-child {
    margin-bottom: 0
}

.mx_Validation_detail:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    left: -18px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain
}

.mx_Validation_detail.mx_Validation_valid {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_Validation_detail.mx_Validation_valid:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/check.5745b4e.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/check.5745b4e.svg);
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_Validation_detail.mx_Validation_invalid {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_Validation_detail.mx_Validation_invalid:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/x.9662221.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/x.9662221.svg);
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_EmojiPicker {
    width: 340px;
    height: 450px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_EmojiPicker_body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, .2) transparent
}

.mx_EmojiPicker_header {
    padding: 4px 8px 0;
    border-bottom: 1px solid #616b7f
}

.mx_EmojiPicker_anchor {
    padding: 8px 8px 6px;
    border: none;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    border-radius: 4px 4px 0 0;
    width: 36px;
    height: 38px
}

.mx_EmojiPicker_anchor:not(:disabled) {
    cursor: pointer
}

.mx_EmojiPicker_anchor:not(:disabled):hover {
    background-color: #343a46;
    background-color: var(--focus-bg-color, #343a46);
    border-bottom: 2px solid #0dbd8b;
    border-bottom: 2px solid var(--accent, #0dbd8b)
}

.mx_EmojiPicker_anchor:before {
    background-color: var(--timeline-text-color);
    content: "";
    display: inline-block;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 100%;
    height: 100%
}

.mx_EmojiPicker_anchor:disabled:before {
    background-color: #343a46;
    background-color: var(--focus-bg-color, #343a46)
}

.mx_EmojiPicker_anchor_activity:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/emojipicker/activity.921ec9f.svg);
    mask-image: url(https://element.anontier.nl/../img/emojipicker/activity.921ec9f.svg)
}

.mx_EmojiPicker_anchor_custom:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/emojipicker/custom.e1cd0fd.svg);
    mask-image: url(https://element.anontier.nl/../img/emojipicker/custom.e1cd0fd.svg)
}

.mx_EmojiPicker_anchor_flags:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/emojipicker/flags.1a8855e.svg);
    mask-image: url(https://element.anontier.nl/../img/emojipicker/flags.1a8855e.svg)
}

.mx_EmojiPicker_anchor_foods:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/emojipicker/foods.c6b220a.svg);
    mask-image: url(https://element.anontier.nl/../img/emojipicker/foods.c6b220a.svg)
}

.mx_EmojiPicker_anchor_nature:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/emojipicker/nature.6540b99.svg);
    mask-image: url(https://element.anontier.nl/../img/emojipicker/nature.6540b99.svg)
}

.mx_EmojiPicker_anchor_objects:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/emojipicker/objects.4d34f58.svg);
    mask-image: url(https://element.anontier.nl/../img/emojipicker/objects.4d34f58.svg)
}

.mx_EmojiPicker_anchor_people:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/emojipicker/people.e918580.svg);
    mask-image: url(https://element.anontier.nl/../img/emojipicker/people.e918580.svg)
}

.mx_EmojiPicker_anchor_places:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/emojipicker/places.7310322.svg);
    mask-image: url(https://element.anontier.nl/../img/emojipicker/places.7310322.svg)
}

.mx_EmojiPicker_anchor_recent:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/emojipicker/recent.13b42e2.svg);
    mask-image: url(https://element.anontier.nl/../img/emojipicker/recent.13b42e2.svg)
}

.mx_EmojiPicker_anchor_symbols:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/emojipicker/symbols.15a557d.svg);
    mask-image: url(https://element.anontier.nl/../img/emojipicker/symbols.15a557d.svg)
}

.mx_EmojiPicker_anchor_visible {
    border-bottom: 2px solid #0dbd8b;
    border-bottom: 2px solid var(--accent, #0dbd8b)
}

.mx_EmojiPicker_search {
    margin: 8px;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
    background-color: var(--timeline-background-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_EmojiPicker_search input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    padding: 8px 12px;
    border-radius: 4px 0
}

.mx_EmojiPicker_search button {
    border: none;
    background-color: inherit;
    margin: 0;
    padding: 8px;
    -ms-flex-item-align: center;
    align-self: center;
    width: 32px;
    height: 32px
}

.mx_EmojiPicker_search_clear {
    cursor: pointer
}

.mx_EmojiPicker_search_icon {
    width: 16px;
    margin: 8px
}

.mx_EmojiPicker_search_icon:not(.mx_EmojiPicker_search_clear) {
    pointer-events: none
}

.mx_EmojiPicker_search_icon:after {
    -webkit-mask: url(https://element.anontier.nl/../img/emojipicker/search.973c315.svg) no-repeat;
    mask: url(https://element.anontier.nl/../img/emojipicker/search.973c315.svg) no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: var(--timeline-text-color);
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%
}

.mx_EmojiPicker_search_clear:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/emojipicker/delete.f7344c5.svg);
    mask-image: url(https://element.anontier.nl/../img/emojipicker/delete.f7344c5.svg)
}

.mx_EmojiPicker_category {
    padding: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_EmojiPicker_category_label {
    width: 304px
}

.mx_EmojiPicker_list {
    width: 304px;
    padding: 0;
    margin: 0
}

.mx_EmojiPicker_item_wrapper {
    display: inline-block;
    list-style: none;
    width: 38px;
    cursor: pointer
}

.mx_EmojiPicker_item {
    display: inline-block;
    font-size: 2rem;
    padding: 5px;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 4px
}

.mx_EmojiPicker_item:hover {
    background-color: #343a46;
    background-color: var(--focus-bg-color, #343a46)
}

.mx_EmojiPicker_item_selected {
    color: rgba(0, 0, 0, .5);
    border: 1px solid #0dbd8b;
    border: 1px solid var(--accent, #0dbd8b);
    padding: 4px
}

.mx_EmojiPicker_category_label,
.mx_EmojiPicker_preview_name {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0
}

.mx_EmojiPicker_footer {
    border-top: 1px solid #616b7f;
    min-height: 72px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_EmojiPicker_preview_emoji {
    font-size: 3.2rem;
    padding: 8px 16px
}

.mx_EmojiPicker_preview_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_EmojiPicker_name {
    text-transform: capitalize
}

.mx_EmojiPicker_shortcode {
    color: var(--timeline-text-secondary-color);
    font-size: 1.4rem
}

.mx_EmojiPicker_shortcode:after,
.mx_EmojiPicker_shortcode:before {
    content: ":"
}

.mx_EmojiPicker_quick {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.mx_EmojiPicker_quick_header .mx_EmojiPicker_name {
    margin-right: 4px
}

.mx_GroupPublicity_toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 8px
}

.mx_GroupPublicity_toggle .mx_GroupTile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.mx_GroupPublicity_toggle .mx_ToggleSwitch {
    float: right
}

.mx_GroupRoomTile {
    position: relative;
    color: var(--timeline-text-color);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_GroupRoomList_wrapper {
    padding: 10px
}

.mx_GroupUserSettings_groupPublicity_scrollbox {
    height: 200px;
    border: 1px solid var(--roomlist-separator-color);
    border-radius: 3px;
    overflow: hidden
}

.mx_LocationPicker {
    width: 450px;
    height: 500px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#mx_LocationPicker_map {
    height: 324px;
    border-radius: 8px 8px 0 0
}

.mx_LocationPicker_footer {
    margin: 24px
}

.mx_LocationPicker_footer .mx_Dropdown_menu {
    max-height: 140px
}

.mx_LocationPicker_error {
    color: red;
    margin: auto
}

.mx_CallEvent_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.mx_CallEvent_wrapper .mx_CallEvent {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: var(--roomlist-background-color);
    border-radius: 8px;
    width: 65%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    margin: 4px 0
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_iconButton {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_iconButton:before {
    content: "";
    height: 16px;
    width: 16px;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_silence:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/silence.08cd2d6.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/silence.08cd2d6.svg)
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_unSilence:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/un-silence.cebdd12.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/un-silence.cebdd12.svg)
}

.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_voice .mx_CallEvent_content_button_answer span:before,
.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_voice .mx_CallEvent_content_button_callBack span:before,
.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_voice .mx_CallEvent_type_icon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/voice-call.303eba8.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/voice-call.303eba8.svg)
}

.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_video .mx_CallEvent_content_button_answer span:before,
.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_video .mx_CallEvent_content_button_callBack span:before,
.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_video .mx_CallEvent_type_icon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/video-call.f465ed0.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/video-call.f465ed0.svg)
}

.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_voice.mx_CallEvent_missed .mx_CallEvent_type_icon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/missed-voice.7863c72.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/missed-voice.7863c72.svg)
}

.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_video.mx_CallEvent_missed .mx_CallEvent_type_icon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/missed-video.de54793.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/missed-video.de54793.svg)
}

.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_voice.mx_CallEvent_noAnswer .mx_CallEvent_type_icon:before,
.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_voice.mx_CallEvent_rejected .mx_CallEvent_type_icon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/declined-voice.bf46841.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/declined-voice.bf46841.svg)
}

.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_video.mx_CallEvent_noAnswer .mx_CallEvent_type_icon:before,
.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_video.mx_CallEvent_rejected .mx_CallEvent_type_icon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/declined-video.9a30254.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/declined-video.9a30254.svg)
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 12px;
    min-width: 0
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_info .mx_CallEvent_info_basic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 10px;
    min-width: 0
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_info .mx_CallEvent_info_basic .mx_CallEvent_sender {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.8rem;
    margin-bottom: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_info .mx_CallEvent_info_basic .mx_CallEvent_type {
    font-weight: 400;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-size: 1.2rem;
    line-height: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_info .mx_CallEvent_info_basic .mx_CallEvent_type .mx_CallEvent_type_icon {
    height: 13px;
    width: 13px;
    margin-right: 5px
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_info .mx_CallEvent_info_basic .mx_CallEvent_type .mx_CallEvent_type_icon:before {
    content: "";
    position: absolute;
    height: 13px;
    width: 13px;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    margin-right: 16px;
    grid-gap: 8px;
    gap: 8px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_content .mx_CallEvent_content_button {
    padding: 0 12px
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_content .mx_CallEvent_content_button span {
    padding: 1px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_content .mx_CallEvent_content_button span:before {
    content: "";
    display: inline-block;
    background-color: #fff;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_content .mx_CallEvent_content_button_reject span:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/hangup.a207e54.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/hangup.a207e54.svg)
}

.mx_CallEvent_wrapper .mx_CallEvent .mx_CallEvent_content .mx_CallEvent_content_tooltip {
    margin-right: 5px
}

.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_narrow {
    height: unset;
    width: 290px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    grid-gap: 16px;
    gap: 16px
}

.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_narrow .mx_CallEvent_iconButton {
    position: absolute;
    margin-right: 0;
    top: 12px;
    right: 12px;
    height: 16px;
    width: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_narrow .mx_CallEvent_info {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    margin-top: 12px;
    margin-right: 12px
}

.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_narrow .mx_CallEvent_info .mx_CallEvent_sender {
    margin-bottom: 8px
}

.mx_CallEvent_wrapper .mx_CallEvent.mx_CallEvent_narrow .mx_CallEvent_content {
    margin-left: 54px;
    margin-bottom: 16px
}

.mx_CreateEvent:before {
    background-color: #a1b2d1;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/chat-bubbles.e2bd2cb.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/chat-bubbles.e2bd2cb.svg)
}

.mx_DateSeparator {
    clear: both;
    margin: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    color: var(--timeline-text-color-50pct)
}

.mx_DateSeparator>hr {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    height: 0;
    border: none
}

.mx_DateSeparator>div {
    margin: 0 25px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.mx_EventTileBubble {
    background-color: var(--roomlist-background-color);
    padding: 10px;
    border-radius: 8px;
    margin: 10px auto;
    max-width: 75%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) -webkit-min-content;
    grid-template-columns: 24px minmax(0, 1fr) min-content
}

.mx_EventTileBubble:after,
.mx_EventTileBubble:before {
    position: relative;
    grid-column: 1;
    grid-row: 1/3;
    width: 16px;
    height: 16px;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-top: 4px
}

.mx_EventTileBubble .mx_EventTileBubble_subtitle,
.mx_EventTileBubble .mx_EventTileBubble_title {
    overflow-wrap: break-word
}

.mx_EventTileBubble .mx_EventTileBubble_title {
    font-weight: 600;
    font-size: 1.5rem;
    grid-column: 2;
    grid-row: 1
}

.mx_EventTileBubble .mx_EventTileBubble_subtitle {
    font-size: 1.2rem;
    grid-column: 2;
    grid-row: 2
}

.mx_MEmoteBody {
    white-space: pre-wrap
}

.mx_MEmoteBody_sender {
    cursor: pointer
}

.mx_MFileBody_download {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_MFileBody_download .mx_MFileBody_download_icon {
    width: 12px;
    height: 12px;
    -webkit-mask-size: 12px;
    mask-size: 12px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(https://element.anontier.nl/../img/download.4f331f0.svg);
    mask-image: url(https://element.anontier.nl/../img/download.4f331f0.svg);
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    display: inline-block
}

.mx_MFileBody_download a {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    text-decoration: none;
    cursor: pointer
}

.mx_MFileBody_download object {
    margin-left: -16px;
    padding-right: 4px;
    margin-top: -4px;
    vertical-align: middle;
    pointer-events: none
}

.mx_MFileBody_download iframe {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: 1.5em
}

.mx_MFileBody_info {
    cursor: pointer
}

.mx_MFileBody_info .mx_MFileBody_info_icon {
    background-color: #21262c;
    background-color: var(--system, #21262c);
    border-radius: 20px;
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    vertical-align: middle;
    margin-right: 12px
}

.mx_MFileBody_info .mx_MFileBody_info_icon:before {
    content: "";
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/attach.359c84e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/attach.359c84e.svg);
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    width: 15px;
    height: 15px;
    position: absolute;
    top: 8px;
    left: 8px
}

.mx_MFileBody_info .mx_MFileBody_info_filename {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    width: calc(100% - 44px);
    vertical-align: middle
}

.mx_MImageBody_thumbnail--blurhash {
    position: absolute;
    left: 0;
    top: 0
}

.mx_MImageBody_thumbnail {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.mx_MImageBody_thumbnail .mx_Blurhash>canvas {
    -webkit-animation: mx--anim-pulse 1.75s cubic-bezier(.4, 0, .6, 1) infinite;
    animation: mx--anim-pulse 1.75s cubic-bezier(.4, 0, .6, 1) infinite
}

.mx_MImageBody_thumbnail .mx_no-image-placeholder {
    background-color: var(--timeline-text-color)
}

.mx_MImageBody_thumbnail_container {
    overflow: hidden;
    position: relative
}

.mx_MImageBody_gifLabel {
    position: absolute;
    display: block;
    top: 0;
    left: 14px;
    padding: 5px;
    border-radius: 5px;
    background: rgba(0, 0, 0, .7);
    border: 2px solid rgba(0, 0, 0, .2);
    color: #fff;
    pointer-events: none
}

.mx_HiddenImagePlaceholder {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    background-color: var(--roomlist-background-color)
}

.mx_HiddenImagePlaceholder .mx_HiddenImagePlaceholder_button {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_HiddenImagePlaceholder .mx_HiddenImagePlaceholder_button span.mx_HiddenImagePlaceholder_eye {
    margin-right: 8px;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/eye.52aa0d2.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/eye.52aa0d2.svg);
    display: inline-block;
    width: 18px;
    height: 14px
}

.mx_HiddenImagePlaceholder .mx_HiddenImagePlaceholder_button span:not(.mx_HiddenImagePlaceholder_eye) {
    vertical-align: text-bottom
}

.mx_EventTile:hover .mx_HiddenImagePlaceholder {
    background-color: var(--timeline-background-color)
}

.mx_MImageReplyBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_MImageReplyBody .mx_MImageBody_thumbnail_container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 4px
}

.mx_MImageReplyBody .mx_MImageReplyBody_info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_MImageReplyBody .mx_MImageReplyBody_info .mx_MImageReplyBody_sender {
    grid-area: sender
}

.mx_MImageReplyBody .mx_MImageReplyBody_info .mx_MImageReplyBody_filename {
    grid-area: filename
}

.mx_MJitsiWidgetEvent:before {
    background-color: #a1b2d1;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/video-call.f465ed0.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/video-call.f465ed0.svg)
}

.mx_MLocationBody_map {
    width: 450px;
    height: 300px;
    border-radius: 8px
}

.mx_MNoticeBody {
    white-space: pre-wrap;
    opacity: .6
}

.mx_MPollBody {
    margin-top: 8px
}

.mx_MPollBody h2 {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.4rem;
    margin-top: 0;
    margin-bottom: 8px
}

.mx_MPollBody h2:before {
    content: "";
    position: relative;
    display: inline-block;
    margin-right: 12px;
    top: 3px;
    left: 3px;
    height: 20px;
    width: 20px;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/poll.fe8a265.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/poll.fe8a265.svg)
}

.mx_MPollBody .mx_MPollBody_option {
    border: 1px solid #6f7882;
    border: 1px solid var(--quinary-content, #6f7882);
    border-radius: 8px;
    margin-bottom: 16px;
    padding: 6px 12px;
    max-width: 550px;
    background-color: var(--timeline-background-color)
}

.mx_MPollBody .mx_MPollBody_option .mx_MPollBody_endedOption,
.mx_MPollBody .mx_MPollBody_option .mx_StyledRadioButton {
    margin-bottom: 8px
}

.mx_MPollBody .mx_MPollBody_option .mx_MPollBody_endedOption,
.mx_MPollBody .mx_MPollBody_option .mx_StyledRadioButton_content {
    padding-top: 2px;
    margin-right: 0
}

.mx_MPollBody .mx_MPollBody_option .mx_StyledRadioButton_spacer {
    display: none
}

.mx_MPollBody .mx_MPollBody_option .mx_MPollBody_optionDescription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mx_MPollBody .mx_MPollBody_option .mx_MPollBody_optionDescription .mx_MPollBody_optionVoteCount {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-size: 1.2rem;
    white-space: nowrap
}

.mx_MPollBody .mx_MPollBody_option .mx_MPollBody_popularityBackground {
    width: 100%;
    height: 8px;
    margin-right: 12px;
    border-radius: 8px;
    background-color: #21262c;
    background-color: var(--system, #21262c)
}

.mx_MPollBody .mx_MPollBody_option .mx_MPollBody_popularityBackground .mx_MPollBody_popularityAmount {
    width: 0;
    height: 8px;
    border-radius: 8px;
    background-color: #6f7882;
    background-color: var(--quaternary-content, #6f7882)
}

.mx_MPollBody .mx_MPollBody_option:last-child {
    margin-bottom: 8px
}

.mx_MPollBody .mx_MPollBody_option_checked {
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_MPollBody .mx_MPollBody_option_checked .mx_MPollBody_popularityBackground .mx_MPollBody_popularityAmount {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_MPollBody .mx_MPollBody_endedOptionWinner input[type=radio]+div,
.mx_MPollBody .mx_StyledRadioButton_checked input[type=radio]+div {
    border-width: 2px;
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b);
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    background-image: url(https://element.anontier.nl/../img/element-icons/check-white.212e405.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50%
}

.mx_MPollBody .mx_MPollBody_endedOptionWinner input[type=radio]+div div,
.mx_MPollBody .mx_StyledRadioButton_checked input[type=radio]+div div {
    visibility: hidden
}

.mx_MPollBody .mx_MPollBody_endedOptionWinner .mx_MPollBody_optionDescription .mx_MPollBody_optionVoteCount:before {
    content: "";
    position: relative;
    display: inline-block;
    margin-right: 4px;
    top: 2px;
    height: 12px;
    width: 12px;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/trophy.d54d9e4.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/trophy.d54d9e4.svg)
}

.mx_MPollBody .mx_MPollBody_totalVotes {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-size: 1.2rem
}

.mx_ReplyTile .mx_MPollBody {
    pointer-events: none
}

.mx_MStickerBody_wrapper {
    padding: 20px 0
}

.mx_MStickerBody_tooltip {
    position: absolute;
    top: 50%
}

.mx_MStickerBody_hidden {
    max-width: 220px;
    text-decoration: none;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_MTextBody {
    white-space: pre-wrap
}

span.mx_MVideoBody video.mx_MVideoBody {
    max-width: 100%;
    height: auto;
    border-radius: 8px
}

.mx_MediaBody {
    background-color: #6f7882;
    background-color: var(--quinary-content, #6f7882);
    border-radius: 12px;
    max-width: 243px;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: 6px 12px
}

.mx_MessageActionBar {
    position: absolute;
    visibility: hidden;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    line-height: 2.4rem;
    border-radius: 8px;
    background: var(--timeline-background-color);
    border: 1px solid #e7e7e7;
    top: -32px;
    right: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.mx_MessageActionBar:before {
    content: "";
    position: absolute;
    width: calc(66px + 100%);
    height: calc(20px + 100%);
    top: -12px;
    left: -58px;
    z-index: -1;
    cursor: auto
}

.mx_MessageActionBar>* {
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin: 2px
}

.mx_MessageActionBar>:hover {
    background: var(--roomlist-highlights-color);
    border-radius: 6px;
    z-index: 1
}

.mx_MessageActionBar_maskButton {
    width: 28px;
    height: 28px
}

.mx_MessageActionBar_maskButton:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask-size: 18px;
    mask-size: 18px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_MessageActionBar_maskButton:hover:after {
    background-color: var(--timeline-text-color)
}

.mx_MessageActionBar_reactButton:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/message-bar/emoji.af14771.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/message-bar/emoji.af14771.svg)
}

.mx_MessageActionBar_replyButton:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/message-bar/reply.5812741.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/message-bar/reply.5812741.svg)
}

.mx_MessageActionBar_threadButton:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/message/thread.bad77e9.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/message/thread.bad77e9.svg)
}

.mx_MessageActionBar_editButton:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/message-bar/edit.688678e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/message-bar/edit.688678e.svg)
}

.mx_MessageActionBar_optionsButton:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/context-menu.829cc1a.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/context-menu.829cc1a.svg)
}

.mx_MessageActionBar_resendButton:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/retry.6cd23ad.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/retry.6cd23ad.svg)
}

.mx_MessageActionBar_cancelButton:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/trashcan.3b626db.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/trashcan.3b626db.svg)
}

.mx_MessageActionBar_downloadButton:after {
    -webkit-mask-size: 14px;
    mask-size: 14px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/download.4f331f0.svg);
    mask-image: url(https://element.anontier.nl/../img/download.4f331f0.svg)
}

.mx_MessageActionBar_expandMessageButton:after {
    -webkit-mask-size: 12px;
    mask-size: 12px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/expand-message.272d305.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/expand-message.272d305.svg)
}

.mx_MessageActionBar_collapseMessageButton:after {
    -webkit-mask-size: 12px;
    mask-size: 12px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/collapse-message.644a2ee.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/collapse-message.644a2ee.svg)
}

.mx_MessageActionBar_downloadButton.mx_MessageActionBar_downloadSpinnerButton:after {
    background-color: transparent
}

.mx_MessageTimestamp {
    color: #a1b2d1;
    font-size: 1rem;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.mx_MjolnirBody {
    opacity: .4
}

.mx_ReactionsRow {
    margin: 6px 0;
    color: var(--timeline-text-color)
}

.mx_ReactionsRow .mx_ReactionsRow_addReactionButton {
    position: relative;
    display: inline-block;
    visibility: hidden;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-left: 4px;
    margin-right: 4px
}

.mx_ReactionsRow .mx_ReactionsRow_addReactionButton:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/message-bar/emoji.af14771.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/message-bar/emoji.af14771.svg)
}

.mx_ReactionsRow .mx_ReactionsRow_addReactionButton.mx_ReactionsRow_addReactionButton_active {
    visibility: visible
}

.mx_ReactionsRow .mx_ReactionsRow_addReactionButton.mx_ReactionsRow_addReactionButton_active:before,
.mx_ReactionsRow .mx_ReactionsRow_addReactionButton:hover:before {
    background-color: var(--timeline-text-color)
}

.mx_EventTile:hover .mx_ReactionsRow_addReactionButton {
    visibility: visible
}

.mx_ReactionsRow_showAll {
    text-decoration: none;
    font-size: 1.2rem;
    line-height: 2rem;
    margin-left: 4px;
    vertical-align: middle
}

.mx_ReactionsRow_showAll:link,
.mx_ReactionsRow_showAll:visited {
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff)
}

.mx_ReactionsRow_showAll:hover {
    color: var(--timeline-text-color)
}

.mx_ReactionsRowButton {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 2rem;
    margin-right: 6px;
    padding: 1px 6px;
    border: 1px solid #616b7f;
    border-radius: 10px;
    background-color: var(--roomlist-background-color);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

.mx_ReactionsRowButton:hover {
    border-color: #a1b2d1
}

.mx_ReactionsRowButton.mx_ReactionsRowButton_selected {
    background-color: #1f6954;
    background-color: var(--reaction-row-button-selected-bg-color, #1f6954);
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_ReactionsRowButton.mx_AccessibleButton_disabled {
    cursor: not-allowed
}

.mx_ReactionsRowButton .mx_ReactionsRowButton_content {
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 4px
}

.mx_RedactedBody {
    white-space: pre-wrap;
    color: #a1b2d1;
    vertical-align: middle;
    padding-left: 20px;
    position: relative
}

.mx_RedactedBody:before {
    height: 14px;
    width: 14px;
    background-color: #a1b2d1;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/trash.custom.1e6ecd4.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/trash.custom.1e6ecd4.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    content: "";
    position: absolute;
    top: 1px;
    left: 0
}

.mx_RoomAvatarEvent {
    opacity: .5;
    overflow-y: hidden
}

.mx_RoomAvatarEvent_avatar {
    display: inline;
    position: relative;
    top: 5px
}

.mx_SenderProfile_displayName {
    font-weight: 600
}

.mx_SenderProfile_mxid {
    font-weight: 600;
    font-size: 1.1rem;
    margin-left: 5px;
    opacity: .5
}

.mx_TextualEvent {
    opacity: .5;
    overflow-y: hidden
}

.mx_TextualEvent a {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    cursor: pointer
}

.mx_UnknownBody {
    white-space: pre-wrap
}

.mx_EventTile_content.mx_ViewSourceEvent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: .6;
    font-size: 1.2rem
}

.mx_EventTile_content.mx_ViewSourceEvent code,
.mx_EventTile_content.mx_ViewSourceEvent pre {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_EventTile_content.mx_ViewSourceEvent pre {
    line-height: 1.2;
    margin: 3.5px 0
}

.mx_EventTile_content.mx_ViewSourceEvent .mx_ViewSourceEvent_toggle {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 0 center;
    mask-position: 0 center;
    -webkit-mask-size: auto 12px;
    mask-size: auto 12px;
    width: 12px;
    visibility: hidden;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/maximise-expand.2c239ea.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/maximise-expand.2c239ea.svg)
}

.mx_EventTile_content.mx_ViewSourceEvent.mx_ViewSourceEvent_expanded .mx_ViewSourceEvent_toggle {
    -webkit-mask-position: 0 bottom;
    mask-position: 0 bottom;
    margin-bottom: 5px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/minimise-collapse.a59edfc.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/minimise-collapse.a59edfc.svg)
}

.mx_EventTile:hover .mx_ViewSourceEvent_toggle {
    visibility: visible
}

.mx_cryptoEvent.mx_cryptoEvent_icon:before {
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 80%;
    mask-size: 80%
}

.mx_cryptoEvent.mx_cryptoEvent_icon:after,
.mx_cryptoEvent.mx_cryptoEvent_icon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/normal.76f0c09.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/normal.76f0c09.svg)
}

.mx_cryptoEvent.mx_cryptoEvent_icon:after {
    background-color: #a1b2d1
}

.mx_cryptoEvent.mx_cryptoEvent_icon_verified:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/verified.5be6c9f.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/verified.5be6c9f.svg);
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_cryptoEvent.mx_cryptoEvent_icon_warning:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/warning.78bb264.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/warning.78bb264.svg);
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_cryptoEvent .mx_cryptoEvent_buttons,
.mx_cryptoEvent .mx_cryptoEvent_state {
    grid-column: 3;
    grid-row: 1/3
}

.mx_cryptoEvent .mx_cryptoEvent_buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 5px;
    gap: 5px
}

.mx_cryptoEvent .mx_cryptoEvent_state {
    width: 130px;
    padding: 10px 20px;
    margin: auto 0;
    text-align: center;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff);
    overflow-wrap: break-word;
    font-size: 1.2rem
}

.mx_BaseCard {
    padding: 0 8px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_BaseCard .mx_BaseCard_header {
    margin: 4px 0
}

.mx_BaseCard .mx_BaseCard_header>h2 {
    margin: 0 44px;
    font-size: 1.8rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mx_BaseCard .mx_BaseCard_header .mx_BaseCard_back,
.mx_BaseCard .mx_BaseCard_header .mx_BaseCard_close {
    position: absolute;
    background-color: rgba(141, 151, 165, .2);
    height: 20px;
    width: 20px;
    margin: 12px;
    top: 0;
    border-radius: 50%
}

.mx_BaseCard .mx_BaseCard_header .mx_BaseCard_back:before,
.mx_BaseCard .mx_BaseCard_header .mx_BaseCard_close:before {
    content: "";
    position: absolute;
    height: inherit;
    width: inherit;
    top: 0;
    left: 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #a1b2d1
}

.mx_BaseCard .mx_BaseCard_header .mx_BaseCard_back {
    left: 0
}

.mx_BaseCard .mx_BaseCard_header .mx_BaseCard_back:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-mask-size: 22px;
    mask-size: 22px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg)
}

.mx_BaseCard .mx_BaseCard_header .mx_BaseCard_close {
    right: 0
}

.mx_BaseCard .mx_BaseCard_header .mx_BaseCard_close:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/icons-close.11ff07c.svg);
    mask-image: url(https://element.anontier.nl/../img/icons-close.11ff07c.svg);
    -webkit-mask-size: 8px;
    mask-size: 8px
}

.mx_BaseCard .mx_AutoHideScrollbar {
    margin-right: -8px;
    padding-right: 8px;
    min-height: 0;
    width: 100%;
    height: 100%
}

.mx_BaseCard .mx_BaseCard_Group {
    margin: 20px 0 16px
}

.mx_BaseCard .mx_BaseCard_Group>* {
    margin-left: 12px;
    margin-right: 12px
}

.mx_BaseCard .mx_BaseCard_Group>h1 {
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff);
    font-size: 1.2rem;
    font-weight: 500
}

.mx_BaseCard .mx_BaseCard_Group .mx_BaseCard_Button {
    padding: 10px 10px 10px 12px;
    margin: 0;
    position: relative;
    font-size: 1.3rem;
    height: 20px;
    line-height: 20px;
    border-radius: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_BaseCard .mx_BaseCard_Group .mx_BaseCard_Button .mx_BaseCard_Button_sublabel {
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff);
    margin-left: auto
}

.mx_BaseCard .mx_BaseCard_Group .mx_BaseCard_Button:hover {
    background-color: rgba(141, 151, 165, .1)
}

.mx_BaseCard .mx_BaseCard_Group .mx_BaseCard_Button.mx_AccessibleButton_disabled {
    padding-right: 12px
}

.mx_BaseCard .mx_BaseCard_Group .mx_BaseCard_Button.mx_AccessibleButton_disabled:after {
    content: unset
}

.mx_BaseCard .mx_BaseCard_footer {
    padding-top: 4px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.mx_BaseCard .mx_BaseCard_footer .mx_AccessibleButton_kind_secondary {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    background-color: rgba(141, 151, 165, .2);
    font-weight: 600;
    font-size: 1.4rem
}

.mx_BaseCard .mx_BaseCard_footer .mx_AccessibleButton_disabled {
    cursor: not-allowed
}

.mx_FilePanel.mx_BaseCard,
.mx_MemberList.mx_BaseCard,
.mx_NotificationPanel.mx_BaseCard,
.mx_UserInfo.mx_BaseCard {
    padding: 32px 0 0
}

.mx_FilePanel.mx_BaseCard .mx_AutoHideScrollbar,
.mx_MemberList.mx_BaseCard .mx_AutoHideScrollbar,
.mx_NotificationPanel.mx_BaseCard .mx_AutoHideScrollbar,
.mx_UserInfo.mx_BaseCard .mx_AutoHideScrollbar {
    margin-right: unset;
    padding-right: unset
}

.mx_EncryptionInfo_spinner .mx_Spinner {
    margin-top: 25px;
    margin-bottom: 15px
}

.mx_EncryptionInfo_spinner {
    text-align: center
}

.mx_PinnedMessagesCard {
    padding-top: 0
}

.mx_PinnedMessagesCard .mx_BaseCard_header {
    text-align: center;
    margin-top: 0;
    border-bottom: 1px solid #000
}

.mx_PinnedMessagesCard .mx_BaseCard_header>h2 {
    font-weight: 600;
    font-size: 1.8rem;
    margin: 8px 0
}

.mx_PinnedMessagesCard .mx_BaseCard_header .mx_BaseCard_close {
    margin-right: 6px
}

.mx_PinnedMessagesCard .mx_PinnedMessagesCard_empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.mx_PinnedMessagesCard .mx_PinnedMessagesCard_empty>div {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    text-align: center;
    margin: auto 40px
}

.mx_PinnedMessagesCard .mx_PinnedMessagesCard_empty>div .mx_PinnedMessagesCard_MessageActionBar {
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    line-height: 2.4rem;
    border-radius: 8px;
    background: var(--timeline-background-color);
    border: 1px solid #e7e7e7;
    padding: 1px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_PinnedMessagesCard .mx_PinnedMessagesCard_empty>div .mx_PinnedMessagesCard_MessageActionBar .mx_MessageActionBar_maskButton {
    display: inline-block;
    position: relative
}

.mx_PinnedMessagesCard .mx_PinnedMessagesCard_empty>div .mx_PinnedMessagesCard_MessageActionBar .mx_MessageActionBar_optionsButton {
    background: var(--roomlist-highlights-color);
    border-radius: 6px;
    z-index: 1
}

.mx_PinnedMessagesCard .mx_PinnedMessagesCard_empty>div .mx_PinnedMessagesCard_MessageActionBar .mx_MessageActionBar_optionsButton:after {
    background-color: var(--timeline-text-color)
}

.mx_PinnedMessagesCard .mx_PinnedMessagesCard_empty>div>h2 {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: var(--timeline-text-color);
    margin-top: 24px;
    margin-bottom: 20px
}

.mx_PinnedMessagesCard .mx_PinnedMessagesCard_empty>div>span {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_PinnedMessagesCard .mx_EventTile_body {
    word-break: break-word
}

.mx_RoomSummaryCard .mx_BaseCard_header {
    text-align: center;
    margin-top: 20px
}

.mx_RoomSummaryCard .mx_BaseCard_header h2 {
    font-weight: 600;
    font-size: 1.8rem;
    margin: 12px 0 4px
}

.mx_RoomSummaryCard .mx_BaseCard_header .mx_RoomSummaryCard_alias {
    font-size: 1.3rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_RoomSummaryCard .mx_BaseCard_header .mx_RoomSummaryCard_alias,
.mx_RoomSummaryCard .mx_BaseCard_header h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap
}

.mx_RoomSummaryCard .mx_BaseCard_header .mx_RoomSummaryCard_avatar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.mx_RoomSummaryCard .mx_BaseCard_header .mx_RoomSummaryCard_avatar .mx_RoomSummaryCard_e2ee {
    display: inline-block;
    position: relative;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #737d8c;
    margin-top: -3px;
    margin-left: -10px;
    border: 3px solid var(--roomlist-background-color)
}

.mx_RoomSummaryCard .mx_BaseCard_header .mx_RoomSummaryCard_avatar .mx_RoomSummaryCard_e2ee:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 13px;
    height: 28px;
    width: 28px;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/disabled.6c5c6be.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/disabled.6c5c6be.svg);
    background-color: #fff
}

.mx_RoomSummaryCard .mx_BaseCard_header .mx_RoomSummaryCard_avatar .mx_RoomSummaryCard_e2ee_normal {
    background-color: #424446
}

.mx_RoomSummaryCard .mx_BaseCard_header .mx_RoomSummaryCard_avatar .mx_RoomSummaryCard_e2ee_normal:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/normal.76f0c09.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/normal.76f0c09.svg)
}

.mx_RoomSummaryCard .mx_BaseCard_header .mx_RoomSummaryCard_avatar .mx_RoomSummaryCard_e2ee_verified {
    background-color: #0dbd8b
}

.mx_RoomSummaryCard .mx_BaseCard_header .mx_RoomSummaryCard_avatar .mx_RoomSummaryCard_e2ee_verified:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/verified.5be6c9f.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/verified.5be6c9f.svg)
}

.mx_RoomSummaryCard .mx_BaseCard_header .mx_RoomSummaryCard_avatar .mx_RoomSummaryCard_e2ee_warning {
    background-color: #ff5b55
}

.mx_RoomSummaryCard .mx_BaseCard_header .mx_RoomSummaryCard_avatar .mx_RoomSummaryCard_e2ee_warning:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/warning.78bb264.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/warning.78bb264.svg)
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_aboutGroup .mx_RoomSummaryCard_Button {
    padding-left: 44px
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_aboutGroup .mx_RoomSummaryCard_Button:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 10px;
    height: 24px;
    width: 24px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #a1b2d1
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button {
    padding: 0;
    height: auto;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff)
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_icon_app {
    padding: 10px 48px 10px 12px;
    text-overflow: ellipsis;
    overflow: hidden
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_icon_app .mx_BaseAvatar_image {
    vertical-align: top;
    margin-right: 12px
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_icon_app span {
    color: var(--timeline-text-color)
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_maximise,
.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_minimise,
.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_options,
.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_pinToggle {
    position: absolute;
    top: 0;
    height: 100%;
    width: 24px;
    padding: 12px 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 24px
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_maximise:hover:after,
.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_minimise:hover:after,
.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_options:hover:after,
.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_pinToggle:hover:after {
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    top: 8px;
    left: 0;
    border-radius: 12px;
    background-color: rgba(141, 151, 165, .1)
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_maximise:before,
.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_minimise:before,
.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_options:before,
.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_pinToggle:before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    background-color: #a1b2d1
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_pinToggle {
    right: 8px
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_pinToggle:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/pin-upright.65783fb.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/pin-upright.65783fb.svg)
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_maximise {
    right: 32px
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_maximise:before {
    -webkit-mask-size: 14px;
    mask-size: 14px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/maximise-expand.2c239ea.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/maximise-expand.2c239ea.svg)
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_minimise {
    right: 32px
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_minimise:before {
    -webkit-mask-size: 14px;
    mask-size: 14px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/minimise-collapse.a59edfc.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/minimise-collapse.a59edfc.svg);
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_options {
    right: 32px;
    display: none
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_options:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/ellipsis.b82ece6.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/ellipsis.b82ece6.svg)
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button .mx_RoomSummaryCard_app_options.mx_RoomSummaryCard_maximised_widget {
    right: 56px
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button.mx_RoomSummaryCard_Button_pinned:after {
    opacity: .2
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button.mx_RoomSummaryCard_Button_pinned .mx_RoomSummaryCard_app_pinToggle:before {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button:hover .mx_RoomSummaryCard_icon_app {
    padding-right: 72px
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button:hover .mx_RoomSummaryCard_app_options {
    display: unset
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button:before {
    content: unset
}

.mx_RoomSummaryCard .mx_RoomSummaryCard_appsGroup .mx_RoomSummaryCard_Button:after {
    top: 8px;
    pointer-events: none
}

.mx_RoomSummaryCard .mx_AccessibleButton_kind_link {
    padding: 0;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 1.3rem;
    font-weight: 600
}

.mx_RoomSummaryCard_icon_people:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg)
}

.mx_RoomSummaryCard_icon_files:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/files.5709c0c.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/files.5709c0c.svg)
}

.mx_RoomSummaryCard_icon_threads:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/message/thread.bad77e9.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/message/thread.bad77e9.svg)
}

.mx_RoomSummaryCard_icon_share:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/share.54dc3fb.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/share.54dc3fb.svg)
}

.mx_RoomSummaryCard_icon_settings:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg)
}

.mx_RoomSummaryCard_icon_export:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/export.4a4f177.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/export.4a4f177.svg)
}

.mx_ThreadPanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_ThreadPanel .mx_BaseCard_header {
    margin-bottom: 12px
}

.mx_ThreadPanel .mx_BaseCard_header .mx_BaseCard_back,
.mx_ThreadPanel .mx_BaseCard_header .mx_BaseCard_close {
    width: 24px;
    height: 24px
}

.mx_ThreadPanel .mx_BaseCard_header .mx_BaseCard_back {
    left: -4px
}

.mx_ThreadPanel .mx_BaseCard_header .mx_BaseCard_close {
    right: -4px
}

.mx_ThreadPanel .mx_BaseCard_back~.mx_ThreadPanel__header {
    width: calc(100% - 60px);
    margin-left: 30px
}

.mx_ThreadPanel .mx_ThreadPanel__header {
    width: calc(100% - 30px);
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_ThreadPanel .mx_ThreadPanel__header span:first-of-type {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_ThreadPanel .mx_ThreadPanel__header .mx_AccessibleButton {
    font-size: 12px;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_ThreadPanel .mx_ThreadPanel__header .mx_MessageActionBar_optionsButton {
    position: relative
}

.mx_ThreadPanel .mx_ThreadPanel__header .mx_MessageActionBar_maskButton {
    --size: 24px;
    width: var(--size);
    height: var(--size)
}

.mx_ThreadPanel .mx_ThreadPanel__header .mx_MessageActionBar_maskButton:after {
    -webkit-mask-size: var(--size);
    mask-size: var(--size);
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/message/overflow-large.252272d.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/message/overflow-large.252272d.svg)
}

.mx_ThreadPanel .mx_ThreadPanel_button {
    width: 20px;
    height: 20px;
    margin-top: -3px;
    margin-bottom: auto;
    position: relative
}

.mx_ThreadPanel .mx_ThreadPanel_button:before {
    top: 2px;
    left: 2px;
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: var(--timeline-text-color)
}

.mx_ThreadPanel .mx_ThreadPanel_button.mx_ThreadPanel_OptionsButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/context-menu.829cc1a.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/context-menu.829cc1a.svg)
}

.mx_ThreadPanel .mx_AutoHideScrollbar {
    background: #fff;
    background-color: var(--timeline-background-color);
    border-radius: 8px;
    width: calc(100% - 16px);
    padding-right: 16px
}

.mx_ThreadPanel .mx_RoomView_MessageList {
    padding-left: 12px;
    padding-right: 0
}

.mx_ThreadPanel .mx_EventListSummary,
.mx_ThreadPanel .mx_EventTile {
    padding-top: 0
}

.mx_ThreadPanel .mx_EventListSummary .mx_ThreadInfo,
.mx_ThreadPanel .mx_EventTile .mx_ThreadInfo {
    position: relative;
    padding-right: 11px
}

.mx_ThreadPanel .mx_EventListSummary .mx_ThreadInfo:after,
.mx_ThreadPanel .mx_EventTile .mx_ThreadInfo:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -16px;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #616b7f
}

.mx_ThreadPanel .mx_EventListSummary .mx_DateSeparator,
.mx_ThreadPanel .mx_EventTile .mx_DateSeparator {
    display: none
}

.mx_ThreadPanel .mx_EventListSummary.mx_EventTile_clamp:hover,
.mx_ThreadPanel .mx_EventTile.mx_EventTile_clamp:hover {
    cursor: pointer
}

.mx_ThreadPanel .mx_EventTile:not([data-layout=bubble]) .mx_EventTile_e2eIcon {
    left: 8px
}

.mx_ThreadPanel .mx_MessageComposer {
    background-color: var(--timeline-background-color);
    border-radius: 8px;
    margin-top: 8px;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_ThreadPanel .mx_ThreadPanel_dropdown {
    padding: 3px 8px;
    border-radius: 4px;
    line-height: 1.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx_ThreadPanel .mx_ThreadPanel_dropdown:hover,
.mx_ThreadPanel .mx_ThreadPanel_dropdown[aria-expanded=true] {
    background: #6f7882;
    background: var(--quinary-content, #6f7882)
}

.mx_ThreadPanel .mx_ThreadPanel_dropdown:before {
    content: "";
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    float: right
}

.mx_ThreadPanel .mx_ThreadPanel_dropdown[aria-expanded=true]:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mx_ThreadPanel .mx_MessageTimestamp {
    font-size: 1.2rem
}

.mx_ThreadPanel_replies {
    margin-top: 8px
}

.mx_ThreadPanel_repliesSummary:before {
    content: "";
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/thread-summary.7fa6f03.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/thread-summary.7fa6f03.svg);
    -webkit-mask-position: center;
    mask-position: center;
    display: inline-block;
    height: 18px;
    min-width: 18px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-right: 8px;
    vertical-align: middle
}

.mx_ThreadPanel_repliesSummary {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-weight: 600;
    float: left;
    margin-right: 12px;
    font-size: 1.2rem
}

.mx_ThreadPanel_viewInRoom:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/view-in-room.a7fa669.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/view-in-room.a7fa669.svg)
}

.mx_ThreadPanel_copyLinkToThread:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/link.8f4b1fc.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/link.8f4b1fc.svg)
}

.mx_ThreadPanel_empty {
    border-radius: 8px;
    background: var(--timeline-background-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 48px;
    bottom: 8px;
    left: 8px;
    right: 8px;
    padding: 20px
}

.mx_ThreadPanel_empty h2 {
    color: var(--timeline-text-color);
    font-weight: 600;
    font-size: 1.8rem
}

.mx_ThreadPanel_empty p {
    font-size: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_ThreadPanel_empty button {
    border: none;
    background: none;
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_ThreadPanel_empty button:active,
.mx_ThreadPanel_empty button:hover {
    text-decoration: underline;
    cursor: pointer
}

.mx_ThreadPanel_largeIcon {
    width: 28px;
    height: 28px;
    padding: 18px;
    background: #21262c;
    background: var(--system, #21262c);
    border-radius: 50%
}

.mx_ThreadPanel_largeIcon:after {
    content: "";
    width: inherit;
    height: inherit;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/thread-summary.7fa6f03.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/thread-summary.7fa6f03.svg);
    -webkit-mask-position: center;
    mask-position: center;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_ContextualMenu_wrapper.mx_ThreadPanel__header .mx_ContextualMenu {
    position: static
}

.mx_ContextualMenu_wrapper.mx_ThreadPanel__header .mx_ContextualMenu span:first-of-type {
    font-weight: 600;
    font-size: inherit;
    color: var(--timeline-text-color)
}

.mx_ContextualMenu_wrapper.mx_ThreadPanel__header .mx_ContextualMenu {
    font-size: 1.2rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #6f7882;
    border: 1px solid var(--quinary-content, #6f7882);
    -webkit-box-shadow: 0 1px 3px rgba(23, 25, 28, .05);
    box-shadow: 0 1px 3px rgba(23, 25, 28, .05)
}

.mx_ContextualMenu_wrapper.mx_ThreadPanel__header .mx_ContextualMenu_chevron_top {
    left: auto;
    right: 22px;
    border-bottom-color: #6f7882;
    border-bottom-color: var(--quinary-content, #6f7882)
}

.mx_ContextualMenu_wrapper.mx_ThreadPanel__header .mx_ContextualMenu_chevron_top:after {
    content: "";
    border: inherit;
    border-bottom-color: var(--timeline-background-color);
    position: absolute;
    top: 1px;
    left: -8px
}

.mx_ContextualMenu_wrapper.mx_ThreadPanel__header .mx_ThreadPanel_Header_FilterOptionItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 20px 10px 30px;
    position: relative
}

.mx_ContextualMenu_wrapper.mx_ThreadPanel__header .mx_ThreadPanel_Header_FilterOptionItem:hover {
    background-color: var(--timeline-highlights-color)
}

.mx_ContextualMenu_wrapper.mx_ThreadPanel__header .mx_ThreadPanel_Header_FilterOptionItem[aria-checked=true] :first-child {
    margin-left: -20px
}

.mx_ContextualMenu_wrapper.mx_ThreadPanel__header .mx_ThreadPanel_Header_FilterOptionItem[aria-checked=true] :first-child:before {
    content: "";
    width: 12px;
    height: 12px;
    margin-right: 8px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/check.5745b4e.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/check.5745b4e.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--timeline-text-color);
    display: inline-block;
    vertical-align: middle
}

.mx_ContextualMenu_wrapper.mx_ThreadPanel__header .mx_ThreadPanel_Header_FilterOptionItem :last-child {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_TimelineCard .mx_TimelineCard__header {
    margin-left: 6px
}

.mx_TimelineCard .mx_TimelineCard__header span:first-of-type {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_TimelineCard .mx_BaseCard_header {
    margin: 5px 0 9px
}

.mx_TimelineCard .mx_BaseCard_header .mx_BaseCard_close {
    margin: 8px;
    right: 0
}

.mx_TimelineCard .mx_AutoHideScrollbar {
    padding-right: 10px;
    width: calc(100% - 10px)
}

.mx_TimelineCard .mx_EventTile_content {
    margin-right: 0
}

.mx_TimelineCard .mx_EventTile:not([data-layout=bubble]) .mx_EventTile_line {
    padding-left: 36px;
    padding-right: 36px
}

.mx_TimelineCard .mx_GroupLayout .mx_EventTile>.mx_SenderProfile {
    margin-left: 36px
}

.mx_TimelineCard .mx_EventTile:not([data-layout=bubble]) .mx_EventTile_avatar {
    top: 12px;
    left: 0
}

.mx_TimelineCard .mx_CallEvent_wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto 5px
}

.mx_TimelineCard .mx_CallEvent_wrapper .mx_CallEvent {
    margin: 4px
}

.mx_TimelineCard .mx_EventTile:not([data-layout=bubble]) .mx_MessageTimestamp {
    right: -4px;
    left: auto
}

.mx_TimelineCard .mx_EventTile:not([data-layout=bubble]) .mx_EventTile_msgOption {
    margin-right: 2px
}

.mx_TimelineCard .mx_GroupLayout .mx_EventTile .mx_EventTile_line {
    padding-bottom: 8px
}

.mx_TimelineCard .mx_EventTile_readAvatars {
    top: -10px
}

.mx_TimelineCard .mx_EventTile:not([data-layout=bubble]).mx_EventTile_info .mx_EventTile_line {
    padding-left: 36px
}

.mx_TimelineCard .mx_EventTile:not([data-layout=bubble]).mx_EventTile_info .mx_EventTile_avatar {
    left: 18px
}

.mx_UserInfo.mx_BaseCard {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    font-size: 1.2rem
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_cancel {
    cursor: pointer;
    position: absolute;
    top: 0;
    border-radius: 4px;
    background-color: var(--roomlist-background-color);
    margin: 9px;
    z-index: 1
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_cancel div {
    height: 16px;
    width: 16px;
    padding: 4px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/minimise.871d2de.svg);
    mask-image: url(https://element.anontier.nl/../img/minimise.871d2de.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 7px center;
    mask-position: 7px center;
    background-color: #a1b2d1
}

.mx_UserInfo.mx_BaseCard h2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 18px 0 0
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_container {
    padding: 8px 16px
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_separator {
    border-bottom: 1px solid rgba(var(--timeline-text-color), .1)
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_memberDetailsContainer {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 8px
}

.mx_UserInfo.mx_BaseCard .mx_RoomTile_nameContainer {
    width: 154px
}

.mx_UserInfo.mx_BaseCard .mx_RoomTile_badge {
    display: none
}

.mx_UserInfo.mx_BaseCard .mx_RoomTile_name {
    width: 160px
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_avatar {
    margin: 24px 32px 0
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_avatar>div {
    max-width: 30vh;
    margin: 0 auto;
    -webkit-transition: .5s;
    transition: .5s
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_avatar>div>div {
    padding-top: 100%;
    position: relative
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_avatar>div>div * {
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_avatar .mx_BaseAvatar_initial {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 6rem!important;
    width: 100%!important;
    -webkit-transition: font-size .5s;
    transition: font-size .5s
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_avatar .mx_BaseAvatar .mx_BaseAvatar_initial+.mx_BaseAvatar_image {
    cursor: default
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_avatar .mx_BaseAvatar.mx_BaseAvatar_image {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mx_UserInfo.mx_BaseCard h3 {
    text-transform: uppercase;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff);
    font-weight: 600;
    font-size: 1.2rem;
    margin: 4px 0
}

.mx_UserInfo.mx_BaseCard p {
    margin: 5px 0
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_profile {
    text-align: center
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_profile h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.8rem;
    line-height: 2.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_profile h2 span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_profile h2 .mx_E2EIcon {
    margin-top: 3px;
    margin-right: 4px;
    min-width: 18px
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_profile .mx_UserInfo_profileStatus {
    margin-top: 12px
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_memberDetails .mx_UserInfo_profileField {
    margin: 6px 0
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_memberDetails .mx_UserInfo_profileField,
.mx_UserInfo.mx_BaseCard .mx_UserInfo_memberDetails .mx_UserInfo_profileField .mx_UserInfo_roleDescription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_memberDetails .mx_UserInfo_profileField .mx_UserInfo_roleDescription {
    margin: 11px 0 12px
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_memberDetails .mx_UserInfo_profileField .mx_Field {
    margin: 0
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_field {
    cursor: pointer;
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    line-height: 1.6rem;
    margin: 8px 0
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_field.mx_UserInfo_destructive {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_statusMessage {
    font-size: 1.1rem;
    opacity: .5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip
}

.mx_UserInfo.mx_BaseCard .mx_AutoHideScrollbar {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_container:not(.mx_UserInfo_separator) {
    padding-top: 16px;
    padding-bottom: 0
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_container:not(.mx_UserInfo_separator)>:not(h3) {
    margin-left: 8px
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_devices .mx_UserInfo_device {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_devices .mx_UserInfo_device.mx_UserInfo_device_verified .mx_UserInfo_device_trusted {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_devices .mx_UserInfo_device.mx_UserInfo_device_unverified .mx_UserInfo_device_trusted {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_devices .mx_UserInfo_device .mx_UserInfo_device_name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 5px;
    word-break: break-word
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_devices .mx_E2EIcon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 2px 5px 0 0;
    width: 12px;
    height: 12px
}

.mx_UserInfo.mx_BaseCard .mx_UserInfo_devices .mx_UserInfo_expand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 11px
}

.mx_UserInfo.mx_BaseCard .mx_AccessibleButton.mx_AccessibleButton_hasKind {
    padding: 8px 18px
}

.mx_UserInfo.mx_UserInfo_smallAvatar .mx_UserInfo_avatar>div {
    max-width: 72px;
    margin: 0 auto
}

.mx_UserInfo.mx_UserInfo_smallAvatar .mx_UserInfo_avatar .mx_BaseAvatar_initial {
    font-size: 40px!important
}

.mx_VerificationPanel_reciprocate_section .mx_E2EIcon,
.mx_VerificationPanel_verified_section .mx_E2EIcon {
    margin: 20px auto!important
}

.mx_UserInfo .mx_EncryptionPanel_cancel {
    -webkit-mask: url(https://element.anontier.nl/../img/feather-customised/cancel.23c2689.svg);
    mask: url(https://element.anontier.nl/../img/feather-customised/cancel.23c2689.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 14px;
    height: 14px;
    background-color: var(--timeline-text-secondary-color);
    cursor: pointer;
    position: absolute;
    z-index: 100;
    top: 14px;
    right: 14px
}

.mx_UserInfo .mx_VerificationPanel_qrCode {
    padding: 4px 4px 0;
    background: #fff;
    border-radius: 4px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    margin: 0 auto!important
}

.mx_UserInfo .mx_VerificationPanel_qrCode canvas {
    height: auto!important;
    width: 100%!important;
    max-width: 240px
}

.mx_UserInfo .mx_VerificationPanel_reciprocate_section .mx_AccessibleButton {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    display: block;
    margin: 10px 0
}

.mx_CompleteSecurity_body .mx_VerificationPanel_QRPhase_startOptions,
.mx_Dialog .mx_VerificationPanel_QRPhase_startOptions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_CompleteSecurity_body .mx_VerificationPanel_QRPhase_startOptions>.mx_VerificationPanel_QRPhase_betweenText,
.mx_Dialog .mx_VerificationPanel_QRPhase_startOptions>.mx_VerificationPanel_QRPhase_betweenText {
    width: 50px;
    vertical-align: middle;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_CompleteSecurity_body .mx_VerificationPanel_QRPhase_startOptions .mx_VerificationPanel_QRPhase_startOption,
.mx_Dialog .mx_VerificationPanel_QRPhase_startOptions .mx_VerificationPanel_QRPhase_startOption {
    background-color: var(--roomlist-background-color);
    border-radius: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    max-width: 310px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mx_CompleteSecurity_body .mx_VerificationPanel_QRPhase_startOptions .mx_VerificationPanel_QRPhase_startOption .mx_VerificationPanel_QRPhase_noQR,
.mx_CompleteSecurity_body .mx_VerificationPanel_QRPhase_startOptions .mx_VerificationPanel_QRPhase_startOption canvas,
.mx_Dialog .mx_VerificationPanel_QRPhase_startOptions .mx_VerificationPanel_QRPhase_startOption .mx_VerificationPanel_QRPhase_noQR,
.mx_Dialog .mx_VerificationPanel_QRPhase_startOptions .mx_VerificationPanel_QRPhase_startOption canvas {
    width: 220px!important;
    height: 220px!important;
    background-color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center;
    padding: 10px
}

.mx_CompleteSecurity_body .mx_VerificationPanel_QRPhase_startOptions .mx_VerificationPanel_QRPhase_startOption>p,
.mx_Dialog .mx_VerificationPanel_QRPhase_startOptions .mx_VerificationPanel_QRPhase_startOption>p {
    margin-top: 0;
    font-weight: 700
}

.mx_CompleteSecurity_body .mx_VerificationPanel_QRPhase_startOptions .mx_VerificationPanel_QRPhase_startOption .mx_VerificationPanel_QRPhase_helpText,
.mx_Dialog .mx_VerificationPanel_QRPhase_startOptions .mx_VerificationPanel_QRPhase_startOption .mx_VerificationPanel_QRPhase_helpText {
    font-size: 1.4rem;
    margin: 30px 0;
    text-align: center
}

.mx_CompleteSecurity_body .mx_VerificationPanel_verified_section .mx_AccessibleButton,
.mx_Dialog .mx_VerificationPanel_verified_section .mx_AccessibleButton {
    float: right
}

.mx_CompleteSecurity_body .mx_VerificationPanel_reciprocate_section .mx_AccessibleButton,
.mx_Dialog .mx_VerificationPanel_reciprocate_section .mx_AccessibleButton {
    margin-left: 10px;
    padding: 7px 40px
}

.mx_CompleteSecurity_body .mx_VerificationPanel_reciprocate_section .mx_VerificationPanel_reciprocateButtons,
.mx_Dialog .mx_VerificationPanel_reciprocate_section .mx_VerificationPanel_reciprocateButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mx_WidgetCard {
    height: 100%;
    display: contents
}

.mx_WidgetCard .mx_AppTileFullWidth {
    max-width: unset;
    width: auto!important;
    margin: 0 8px;
    height: 100%;
    border: 0
}

.mx_WidgetCard .mx_BaseCard_header {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.mx_WidgetCard .mx_BaseCard_header>h2 {
    margin-right: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_WidgetCard .mx_BaseCard_header .mx_WidgetCard_optionsButton {
    position: relative;
    margin-right: 44px;
    height: 20px;
    width: 20px;
    min-width: 20px;
    padding: 0
}

.mx_WidgetCard .mx_BaseCard_header .mx_WidgetCard_optionsButton:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 4px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/ellipsis.b82ece6.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/ellipsis.b82ece6.svg);
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_WidgetCard_maxPinnedTooltip {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55);
    color: #fff
}

.mx_AliasSettings_editable {
    border: 0;
    border-bottom: 1px solid #c7c7c7;
    padding: 0;
    min-width: 240px
}

.mx_AliasSettings_editable:focus {
    border-bottom: 1px solid #0dbd8b;
    border-bottom: 1px solid var(--accent, #0dbd8b);
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mx_AliasSettings summary {
    cursor: pointer;
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    font-weight: 600;
    list-style: none
}

.mx_AliasSettings summary::-webkit-details-marker {
    display: none
}

.mx_AliasSettings .mx_AliasSettings_localAliasHeader {
    margin-top: 35px
}

.mx_AppsDrawer {
    margin: 8px 4px 0 8px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_AppsDrawer.mx_AppsDrawer_maximise {
    margin-bottom: 8px
}

.mx_AppsDrawer .mx_AppsContainer_resizerHandleContainer {
    width: 100%;
    height: 10px;
    display: block;
    position: relative
}

.mx_AppsDrawer .mx_AppsContainer_resizerHandle {
    cursor: ns-resize;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    bottom: 50%!important
}

.mx_AppsDrawer .mx_AppsContainer_resizerHandle:after {
    content: "";
    position: absolute;
    border-radius: 3px;
    height: 4px;
    bottom: 0;
    left: calc(50% - 32px);
    right: calc(50% - 32px)
}

.mx_AppsDrawer:hover .mx_AppsContainer_resizerHandle:after {
    opacity: .8;
    background: var(--timeline-text-color)
}

.mx_AppsDrawer:hover .mx_ResizeHandle_horizontal:before {
    position: absolute;
    left: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 64px;
    width: 4px;
    border-radius: 4px;
    content: "";
    background-color: var(--timeline-text-color);
    opacity: .8
}

.mx_AppsContainer_resizer {
    margin-bottom: 8px
}

.mx_AppsContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.mx_AppsContainer .mx_AppTile:first-of-type {
    border-left-width: 8px;
    border-radius: 10px 0 0 10px
}

.mx_AppsContainer .mx_AppTile:last-of-type {
    border-right-width: 8px;
    border-radius: 0 10px 10px 0
}

.mx_AppsContainer .mx_ResizeHandle_horizontal {
    position: relative
}

.mx_AppsContainer .mx_ResizeHandle_horizontal>div {
    width: 0
}

.mx_AppsDrawer_2apps .mx_AppTile {
    width: 50%
}

.mx_AppsDrawer_2apps .mx_AppTile:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 0!important;
    min-width: 240px!important
}

.mx_AppsDrawer_3apps .mx_AppTile {
    width: 33%
}

.mx_AppsDrawer_3apps .mx_AppTile:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 0!important;
    min-width: 240px!important
}

.mx_AppTile {
    width: 50%;
    min-width: 240px;
    border-color: var(--roomlist-background-color);
    border-style: solid;
    border-width: 8px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--roomlist-background-color)
}

.mx_AppTileFullWidth {
    width: 100%!important;
    border: 8px solid var(--roomlist-background-color);
    border-radius: 8px;
    background-color: var(--roomlist-background-color)
}

.mx_AppTile_mini,
.mx_AppTileFullWidth {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_AppTile_mini {
    width: 100%;
    height: 200px
}

.mx_AppTile .mx_AppTile_persistedWrapper,
.mx_AppTile_mini .mx_AppTile_persistedWrapper,
.mx_AppTileFullWidth .mx_AppTile_persistedWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_AppTile_persistedWrapper div {
    width: 100%;
    height: 100%
}

.mx_AppTileMenuBar {
    margin: 0;
    font-size: 1.2rem;
    background-color: var(--roomlist-background-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 8px
}

.mx_AppTileMenuBarTitle {
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mx_AppTileMenuBarTitle .mx_WidgetAvatar {
    margin-right: 12px
}

.mx_AppTileMenuBarTitle>:last-child {
    margin-left: 9px
}

.mx_AppTileMenuBarWidgets {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_AppTileMenuBar_iconButton {
    width: 12px;
    height: 12px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 0 center;
    mask-position: 0 center;
    -webkit-mask-size: auto 12px;
    mask-size: auto 12px;
    background-color: var(--timeline-text-color);
    margin: 0 5px
}

.mx_AppTileMenuBar_iconButton.mx_AppTileMenuBar_iconButton_minWidget {
    -webkit-mask-size: auto 10px;
    mask-size: auto 10px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/minimise-collapse.a59edfc.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/minimise-collapse.a59edfc.svg)
}

.mx_AppTileMenuBar_iconButton.mx_AppTileMenuBar_iconButton_maxWidget {
    -webkit-mask-size: auto 10px;
    mask-size: auto 10px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/maximise-expand.2c239ea.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/maximise-expand.2c239ea.svg)
}

.mx_AppTileMenuBar_iconButton.mx_AppTileMenuBar_iconButton_popout {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/widget/external-link.7ab6751.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/widget/external-link.7ab6751.svg)
}

.mx_AppTileMenuBar_iconButton.mx_AppTileMenuBar_iconButton_menu {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/ellipsis.b82ece6.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/ellipsis.b82ece6.svg)
}

.mx_AppTileBody {
    height: 100%;
    background-color: #1a1d23
}

.mx_AppTileBody,
.mx_AppTileBody_mini {
    width: 100%;
    overflow: hidden;
    border-radius: 8px
}

.mx_AppTileBody_mini {
    height: 200px
}

.mx_AppTile .mx_AppTileBody,
.mx_AppTile_mini .mx_AppTileBody_mini,
.mx_AppTileFullWidth .mx_AppTileBody {
    height: inherit;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_AppTileBody_mini iframe,
.mx_AppTileBody iframe {
    border: none;
    width: 100%;
    height: 100%
}

.mx_AppTileBody iframe {
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: block
}

.mx_AppPermissionWarning {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem
}

.mx_AppPermissionWarning_row {
    margin-bottom: 12px
}

.mx_AppPermissionWarning_smallText {
    font-size: 1.2rem
}

.mx_AppPermissionWarning_bolder {
    font-weight: 600
}

.mx_AppPermissionWarning h4 {
    margin: 0;
    padding: 0
}

.mx_AppPermissionWarning_helpIcon {
    margin-top: 1px;
    margin-right: 2px;
    width: 10px;
    height: 10px;
    display: inline-block
}

.mx_AppPermissionWarning_helpIcon:before {
    display: inline-block;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 12px;
    mask-size: 12px;
    width: 12px;
    height: 12px;
    -webkit-mask-position: center;
    mask-position: center;
    content: "";
    vertical-align: middle;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/help-circle.03fb6cf.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/help-circle.03fb6cf.svg)
}

.mx_AppPermissionWarning_tooltip {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--sidebar-color);
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 6px 8px
}

.mx_AppPermissionWarning_tooltip ul {
    list-style-position: inside;
    padding-left: 2px;
    margin-left: 0
}

.mx_AppLoading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    position: relative;
    height: 100%;
    background-color: #1a1d23!important;
    border-radius: 8px
}

.mx_AppLoading .mx_Spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mx_AppLoading_spinner_fadeIn {
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-name: mx_AppLoading_spinner_fadeIn_animation;
    animation-name: mx_AppLoading_spinner_fadeIn_animation
}

@-webkit-keyframes mx_AppLoading_spinner_fadeIn_animation {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes mx_AppLoading_spinner_fadeIn_animation {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.mx_AppLoading iframe {
    display: none
}

.mx_AppsDrawer_resizing .mx_AppTile_persistedWrapper {
    z-index: 1
}

.mx_Autocomplete {
    position: absolute;
    bottom: 0;
    z-index: 1001;
    width: 100%;
    border: 1px solid var(--roomlist-separator-color);
    background: var(--timeline-background-color);
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    overflow: clip;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 -16px 32px tranparent;
    box-shadow: 0 -16px 32px tranparent
}

.mx_Autocomplete_ProviderSection {
    border-bottom: 1px solid var(--roomlist-separator-color);
    width: 100%
}

.mx_Autocomplete_Completion_block {
    min-height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--timeline-text-color)
}

.mx_Autocomplete_Completion_block * {
    margin: 0 3px
}

.mx_Autocomplete_Completion_pill {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2rem;
    height: 3.4rem;
    padding: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--timeline-text-color)
}

.mx_Autocomplete_Completion_pill>* {
    margin-right: .3rem
}

.mx_Autocomplete_Completion_subtitle {
    font-style: italic;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_Autocomplete_Completion_description {
    color: grey
}

.mx_Autocomplete_Completion_container_pill {
    margin: 12px;
    height: 100%;
    overflow-y: scroll;
    max-height: 35vh
}

.mx_Autocomplete_Completion_container_truncate .mx_Autocomplete_Completion_description,
.mx_Autocomplete_Completion_container_truncate .mx_Autocomplete_Completion_subtitle,
.mx_Autocomplete_Completion_container_truncate .mx_Autocomplete_Completion_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mx_Autocomplete_Completion.selected,
.mx_Autocomplete_Completion:hover {
    background: var(--roomlist-background-color);
    outline: none
}

.mx_Autocomplete_provider_name {
    margin: 12px;
    color: var(--timeline-text-color);
    font-weight: 400;
    opacity: .4
}

.m_RoomView_auxPanel_stateViews {
    padding: 5px 5px 5px 19px;
    border-bottom: 1px solid var(--roomlist-separator-color)
}

.m_RoomView_auxPanel_stateViews_span a {
    text-decoration: none;
    color: inherit
}

.m_RoomView_auxPanel_stateViews_span[data-severity=warning] {
    font-weight: 700;
    color: orange
}

.m_RoomView_auxPanel_stateViews_span[data-severity=alert] {
    font-weight: 700;
    color: red
}

.m_RoomView_auxPanel_stateViews_span[data-severity=normal] {
    font-weight: 400
}

.m_RoomView_auxPanel_stateViews_span[data-severity=notice] {
    font-weight: 400;
    color: var(--timeline-text-color)
}

.m_RoomView_auxPanel_stateViews_delim {
    padding: 0 5px;
    color: var(--timeline-text-color)
}

.mx_BasicMessageComposer {
    position: relative
}

.mx_BasicMessageComposer .mx_BasicMessageComposer_inputEmpty>:first-child:before {
    content: var(--placeholder);
    opacity: .333;
    width: 0;
    height: 0;
    overflow: visible;
    display: inline-block;
    pointer-events: none;
    white-space: nowrap
}

@-webkit-keyframes visualbell {
    0% {
        background-color: #800
    }
    to {
        background-color: var(--timeline-background-color)
    }
}

.mx_BasicMessageComposer.mx_BasicMessageComposer_input_error {
    -webkit-animation: visualbell .2s;
    animation: visualbell .2s
}

.mx_BasicMessageComposer .mx_BasicMessageComposer_input {
    white-space: pre-wrap;
    word-wrap: break-word;
    outline: none;
    overflow-x: hidden
}

.mx_BasicMessageComposer .mx_BasicMessageComposer_input.mx_BasicMessageComposer_input_shouldShowPillAvatar span.mx_RoomPill,
.mx_BasicMessageComposer .mx_BasicMessageComposer_input.mx_BasicMessageComposer_input_shouldShowPillAvatar span.mx_UserPill {
    position: relative
}

.mx_BasicMessageComposer .mx_BasicMessageComposer_input.mx_BasicMessageComposer_input_shouldShowPillAvatar span.mx_RoomPill:before,
.mx_BasicMessageComposer .mx_BasicMessageComposer_input.mx_BasicMessageComposer_input_shouldShowPillAvatar span.mx_UserPill:before {
    content: var(--avatar-letter);
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .24rem;
    background: var(--avatar-background), var(--timeline-background-color);
    color: #fff;
    background-repeat: no-repeat;
    background-size: 1.6rem;
    border-radius: 1.6rem;
    text-align: center;
    font-weight: 400;
    line-height: 1.6rem;
    font-size: 1.04rem
}

.mx_BasicMessageComposer .mx_BasicMessageComposer_input.mx_BasicMessageComposer_input_shouldShowPillAvatar span.mx_UserPill {
    cursor: pointer
}

.mx_BasicMessageComposer .mx_BasicMessageComposer_input.mx_BasicMessageComposer_input_shouldShowPillAvatar span.mx_RoomPill {
    cursor: default
}

.mx_BasicMessageComposer .mx_BasicMessageComposer_input.mx_BasicMessageComposer_input_disabled {
    pointer-events: none
}

.mx_BasicMessageComposer .mx_BasicMessageComposer_AutoCompleteWrapper {
    position: relative;
    height: 0
}

.mx_E2EIcon {
    width: 16px;
    height: 16px;
    margin: 0 9px;
    position: relative;
    display: block
}

.mx_E2EIcon_normal:after,
.mx_E2EIcon_normal:before,
.mx_E2EIcon_verified:after,
.mx_E2EIcon_verified:before,
.mx_E2EIcon_warning:after,
.mx_E2EIcon_warning:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain
}

.mx_E2EIcon:before {
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 80%;
    mask-size: 80%
}

.mx_E2EIcon:before,
.mx_E2EIcon_bordered {
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/normal.76f0c09.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/normal.76f0c09.svg)
}

.mx_E2EIcon_bordered {
    background-color: var(--roomlist-background-color)
}

.mx_E2EIcon_bordered:after {
    -webkit-mask-size: 75%;
    mask-size: 75%
}

.mx_E2EIcon_bordered:before {
    -webkit-mask-size: 60%;
    mask-size: 60%
}

.mx_E2EIcon_warning:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/warning.78bb264.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/warning.78bb264.svg);
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_E2EIcon_normal:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/normal.76f0c09.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/normal.76f0c09.svg);
    background-color: #a1b2d1
}

.mx_E2EIcon_verified:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/verified.5be6c9f.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/verified.5be6c9f.svg);
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_EditMessageComposer {
    padding: 3px;
    margin: -7px -10px -5px;
    overflow: visible!important
}

.mx_EditMessageComposer .mx_BasicMessageComposer_input {
    border-radius: 4px;
    border: 1px solid var(--roomlist-separator-color);
    background-color: var(--timeline-background-color);
    max-height: 200px;
    padding: 3px 6px
}

.mx_EditMessageComposer .mx_BasicMessageComposer_input:focus {
    border-color: rgba(#0DBD8B, .5);
    border-color: rgba(var(--accent, #0DBD8B), .5)
}

.mx_EditMessageComposer .mx_EditMessageComposer_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    left: 0;
    background: var(--roomlist-background-color);
    z-index: 100;
    right: 0;
    margin: 0 -110px 0 0;
    padding: 5px 147px 5px 5px
}

.mx_EditMessageComposer .mx_EditMessageComposer_buttons .mx_AccessibleButton {
    margin-left: 5px;
    padding: 5px 40px
}

.mx_EventTile_last .mx_EditMessageComposer_buttons {
    position: static;
    margin-right: -147px
}

.mx_EntityTile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--timeline-text-color);
    cursor: pointer
}

.mx_EntityTile .mx_E2EIcon {
    margin: 0;
    position: absolute;
    bottom: 2px;
    right: 7px
}

.mx_EntityTile:hover {
    padding-right: 30px;
    position: relative
}

.mx_EntityTile:hover:before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: -8px;
    -webkit-mask: url(https://element.anontier.nl/../img/member_chevron.4163a20.png);
    mask: url(https://element.anontier.nl/../img/member_chevron.4163a20.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-color: #a1b2d1
}

.mx_EntityTile .mx_PresenceLabel {
    display: none
}

.mx_EntityTile:not(.mx_EntityTile_noHover):hover .mx_PresenceLabel {
    display: block
}

.mx_EntityTile_invite {
    display: table-cell;
    vertical-align: middle;
    margin-left: 10px;
    width: 26px
}

.mx_EntityTile_avatar,
.mx_GroupRoomTile_avatar {
    padding: 4px 12px 4px 3px;
    position: relative
}

.mx_EntityTile_name,
.mx_GroupRoomTile_name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow: hidden;
    font-size: 1.4rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mx_EntityTile_details {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_EntityTile_ellipsis .mx_EntityTile_name,
.mx_EntityTile_invitePlaceholder .mx_EntityTile_name {
    font-style: italic;
    color: var(--timeline-text-color)
}

.mx_EntityTile_offline_beenactive .mx_EntityTile_avatar,
.mx_EntityTile_offline_beenactive .mx_EntityTile_name,
.mx_EntityTile_unavailable .mx_EntityTile_avatar,
.mx_EntityTile_unavailable .mx_EntityTile_name {
    opacity: .5
}

.mx_EntityTile_offline_neveractive .mx_EntityTile_avatar,
.mx_EntityTile_offline_neveractive .mx_EntityTile_name,
.mx_EntityTile_unknown .mx_EntityTile_avatar,
.mx_EntityTile_unknown .mx_EntityTile_name {
    opacity: .25
}

.mx_EntityTile_subtext {
    font-size: 1.1rem;
    opacity: .5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip
}

.mx_EntityTile_power {
    -webkit-padding-start: 6px;
    padding-inline-start: 6px;
    font-size: 1rem;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff);
    max-width: 6em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mx_EntityTile:hover .mx_EntityTile_power {
    display: none
}

.mx_EventListSummary[data-layout=bubble],
.mx_EventTile[data-layout=bubble] {
    --avatarSize: 32px;
    --gutterSize: 11px;
    --cornerRadius: 12px;
    --maxWidth: 70%
}

.mx_EventTile[data-layout=bubble] {
    position: relative;
    margin-top: var(--gutterSize);
    margin-left: 49px;
    margin-right: 100px;
    font-size: 1.4rem
}

.mx_EventTile[data-layout=bubble] .mx_ThreadInfo {
    clear: both;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.mx_EventTile[data-layout=bubble].mx_EventTile_continuation {
    margin-top: 2px
}

.mx_EventTile[data-layout=bubble].mx_EventTile_highlight:before {
    background-color: var(--timeline-highlights-color)
}

.mx_EventTile[data-layout=bubble].mx_EventTile_highlight {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_EventTile[data-layout=bubble] .mx_EventTile {
    padding-top: 0
}

.mx_EventTile[data-layout=bubble]:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -60px;
    right: -60px;
    z-index: -1;
    border-radius: 4px
}

.mx_EventTile[data-layout=bubble].mx_EventTile_selected:before,
.mx_EventTile[data-layout=bubble]:hover:before {
    background: #1c2026;
    background: var(--eventbubble-bg-hover, #1c2026)
}

.mx_EventTile[data-layout=bubble].mx_EventTile_selected .mx_EventTile_avatar img,
.mx_EventTile[data-layout=bubble]:hover .mx_EventTile_avatar img {
    -webkit-box-shadow: 0 0 0 3px #1c2026;
    box-shadow: 0 0 0 3px #1c2026;
    -webkit-box-shadow: 0 0 0 3px var(--eventbubble-bg-hover, #1c2026);
    box-shadow: 0 0 0 3px var(--eventbubble-bg-hover, #1c2026)
}

.mx_EventTile[data-layout=bubble] .mx_EventTile_line,
.mx_EventTile[data-layout=bubble] .mx_SenderProfile {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 70%
}

.mx_EventTile[data-layout=bubble]>.mx_SenderProfile {
    position: relative;
    top: -2px;
    left: 2px;
    font-size: 1.5rem
}

.mx_EventTile[data-layout=bubble][data-self=false] .mx_EventTile_line,
.mx_EventTile[data-layout=bubble][data-self=false] .mx_EventTile_line .mx_MImageBody .mx_MImageBody_thumbnail {
    border-bottom-right-radius: var(--cornerRadius)
}

.mx_EventTile[data-layout=bubble][data-self=false] .mx_EventTile_avatar {
    left: -34px
}

.mx_EventTile[data-layout=bubble][data-self=false] .mx_MessageActionBar {
    right: 0;
    -webkit-transform: translate3d(90%, 50%, 0);
    transform: translate3d(90%, 50%, 0)
}

.mx_EventTile[data-layout=bubble][data-self=false] {
    --backgroundColor: var(--eventbubble-others-bg, #22262e)
}

.mx_EventTile[data-layout=bubble][data-self=true] .mx_EventTile_line {
    float: right;
    border-bottom-left-radius: var(--cornerRadius)
}

.mx_EventTile[data-layout=bubble][data-self=true] .mx_EventTile_line>a {
    left: auto;
    right: -68px
}

.mx_EventTile[data-layout=bubble][data-self=true] .mx_EventTile_line .mx_MImageBody .mx_MImageBody_thumbnail {
    border-bottom-left-radius: var(--cornerRadius)
}

.mx_EventTile[data-layout=bubble][data-self=true] .mx_ThreadInfo {
    float: right;
    margin-right: calc(var(--gutterSize)*-1)
}

.mx_EventTile[data-layout=bubble][data-self=true] .mx_SenderProfile {
    display: none
}

.mx_EventTile[data-layout=bubble][data-self=true] .mx_ReplyTile .mx_SenderProfile {
    display: block
}

.mx_EventTile[data-layout=bubble][data-self=true] .mx_ReactionsRow {
    float: right;
    clear: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_EventTile[data-layout=bubble][data-self=true] .mx_ReactionsRow>:last-child {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.mx_EventTile[data-layout=bubble][data-self=true] .mx_EventTile_avatar {
    top: -19px;
    right: -35px
}

.mx_EventTile[data-layout=bubble][data-self=true] {
    --backgroundColor: var(--eventbubble-self-bg, #14322e)
}

.mx_EventTile[data-layout=bubble] .mx_EventTile_line {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 5px;
    gap: 5px;
    margin: 0 -12px 0 -9px;
    border-top-left-radius: var(--cornerRadius);
    border-top-right-radius: var(--cornerRadius)
}

.mx_EventTile[data-layout=bubble] .mx_EventTile_line>a {
    position: absolute;
    padding: 10px 20px;
    top: 0;
    left: -68px
}

.mx_EventTile[data-layout=bubble] .mx_EventTile_line .mx_MImageBody .mx_MImageBody_thumbnail {
    border-radius: unset;
    border-top-left-radius: var(--cornerRadius);
    border-top-right-radius: var(--cornerRadius)
}

.mx_EventTile[data-layout=bubble] .mx_EventTile_line:not(.mx_EventTile_mediaLine) {
    padding: var(--gutterSize);
    background: var(--backgroundColor)
}

.mx_EventTile[data-layout=bubble].mx_EventTile_continuation[data-self=false] .mx_EventTile_line,
.mx_EventTile[data-layout=bubble].mx_EventTile_continuation[data-self=false] .mx_EventTile_line .mx_MImageBody .mx_MImageBody_thumbnail {
    border-top-left-radius: 0
}

.mx_EventTile[data-layout=bubble].mx_EventTile_lastInSection[data-self=false] .mx_EventTile_line,
.mx_EventTile[data-layout=bubble].mx_EventTile_lastInSection[data-self=false] .mx_EventTile_line .mx_MImageBody .mx_MImageBody_thumbnail {
    border-bottom-left-radius: var(--cornerRadius)
}

.mx_EventTile[data-layout=bubble].mx_EventTile_continuation[data-self=true] .mx_EventTile_line,
.mx_EventTile[data-layout=bubble].mx_EventTile_continuation[data-self=true] .mx_EventTile_line .mx_MImageBody .mx_MImageBody_thumbnail {
    border-top-right-radius: 0
}

.mx_EventTile[data-layout=bubble].mx_EventTile_lastInSection[data-self=true] .mx_EventTile_line,
.mx_EventTile[data-layout=bubble].mx_EventTile_lastInSection[data-self=true] .mx_EventTile_line .mx_MImageBody .mx_MImageBody_thumbnail {
    border-bottom-right-radius: var(--cornerRadius)
}

.mx_EventTile[data-layout=bubble] .mx_EventTile_avatar {
    position: absolute;
    top: 0;
    line-height: 1;
    z-index: 9
}

.mx_EventTile[data-layout=bubble] .mx_EventTile_avatar img {
    -webkit-box-shadow: 0 0 0 3px var(--timeline-background-color);
    box-shadow: 0 0 0 3px var(--timeline-background-color);
    border-radius: 50%
}

.mx_EventTile[data-layout=bubble].mx_EventTile_noSender .mx_EventTile_avatar {
    top: -19px
}

.mx_EventTile[data-layout=bubble] .mx_BaseAvatar,
.mx_EventTile[data-layout=bubble] .mx_EventTile_avatar {
    line-height: 1
}

.mx_EventTile[data-layout=bubble][data-has-reply=true]>.mx_EventTile_line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_EventTile[data-layout=bubble][data-has-reply=true] .mx_ReplyChain_show {
    -webkit-box-ordinal-group: 100000;
    -ms-flex-order: 99999;
    order: 99999
}

.mx_EventTile[data-layout=bubble][data-has-reply=true] .mx_ReplyChain .mx_EventTile_reply {
    max-width: 90%;
    padding: 0
}

.mx_EventTile[data-layout=bubble][data-has-reply=true] .mx_ReplyChain .mx_EventTile_reply>a {
    display: none!important
}

.mx_EventTile[data-layout=bubble][data-has-reply=true] .mx_ReplyChain .mx_EventTile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: var(--gutterSize);
    gap: var(--gutterSize)
}

.mx_EventTile[data-layout=bubble][data-has-reply=true] .mx_ReplyChain .mx_EventTile .mx_EventTile_avatar {
    position: static
}

.mx_EventTile[data-layout=bubble][data-has-reply=true] .mx_ReplyChain .mx_EventTile .mx_SenderProfile {
    display: none
}

.mx_EventTile[data-layout=bubble] .mx_EditMessageComposer_buttons {
    position: static;
    padding: 0;
    margin: 8px 0 0;
    background: transparent
}

.mx_EventTile[data-layout=bubble] .mx_ReactionsRow {
    margin-right: -18px;
    margin-left: -9px
}

.mx_EventTile[data-layout=bubble].mx_EventTile_bad>.mx_EventTile_line {
    display: grid;
    grid-template: "reply reply" auto "shield body" auto "shield link" auto/auto 1fr
}

.mx_EventTile[data-layout=bubble].mx_EventTile_bad>.mx_EventTile_line .mx_EventTile_e2eIcon {
    grid-area: shield
}

.mx_EventTile[data-layout=bubble].mx_EventTile_bad>.mx_EventTile_line .mx_UnknownBody {
    grid-area: body
}

.mx_EventTile[data-layout=bubble].mx_EventTile_bad>.mx_EventTile_line .mx_EventTile_keyRequestInfo {
    grid-area: link
}

.mx_EventTile[data-layout=bubble].mx_EventTile_bad>.mx_EventTile_line .mx_ReplyChain_wrapper {
    grid-area: reply
}

.mx_EventTile[data-layout=bubble] .mx_EventTile_readAvatars {
    position: absolute;
    right: -110px;
    bottom: 0;
    top: auto
}

.mx_EventTile[data-layout=bubble] .mx_MTextBody {
    max-width: 100%
}

.mx_EventListSummary[data-layout=bubble][data-expanded=false],
.mx_EventTile.mx_EventTile_bubbleContainer[data-layout=bubble],
.mx_EventTile.mx_EventTile_info[data-layout=bubble],
.mx_EventTile.mx_EventTile_leftAlignedBubble[data-layout=bubble] {
    --backgroundColor: transparent;
    --gutterSize: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 5px 0
}

.mx_EventListSummary[data-layout=bubble][data-expanded=false] .mx_EventTile_avatar,
.mx_EventTile.mx_EventTile_bubbleContainer[data-layout=bubble] .mx_EventTile_avatar,
.mx_EventTile.mx_EventTile_info[data-layout=bubble] .mx_EventTile_avatar,
.mx_EventTile.mx_EventTile_leftAlignedBubble[data-layout=bubble] .mx_EventTile_avatar {
    position: static;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-right: 5px
}

.mx_EventListSummary[data-layout=bubble][data-expanded=false] .mx_EventTile_info,
.mx_EventListSummary[data-layout=bubble][data-expanded=false] .mx_EventTile_line,
.mx_EventTile.mx_EventTile_bubbleContainer[data-layout=bubble] .mx_EventTile_info,
.mx_EventTile.mx_EventTile_bubbleContainer[data-layout=bubble] .mx_EventTile_line,
.mx_EventTile.mx_EventTile_info[data-layout=bubble] .mx_EventTile_info,
.mx_EventTile.mx_EventTile_info[data-layout=bubble] .mx_EventTile_line,
.mx_EventTile.mx_EventTile_leftAlignedBubble[data-layout=bubble] .mx_EventTile_info,
.mx_EventTile.mx_EventTile_leftAlignedBubble[data-layout=bubble] .mx_EventTile_line {
    min-width: 100%;
    margin: 0
}

.mx_EventListSummary[data-layout=bubble][data-expanded=false] .mx_EventTile_e2eIcon,
.mx_EventTile.mx_EventTile_bubbleContainer[data-layout=bubble] .mx_EventTile_e2eIcon,
.mx_EventTile.mx_EventTile_info[data-layout=bubble] .mx_EventTile_e2eIcon,
.mx_EventTile.mx_EventTile_leftAlignedBubble[data-layout=bubble] .mx_EventTile_e2eIcon {
    margin-left: 9px
}

.mx_EventListSummary[data-layout=bubble][data-expanded=false] .mx_EventTile_line>a,
.mx_EventTile.mx_EventTile_bubbleContainer[data-layout=bubble] .mx_EventTile_line>a,
.mx_EventTile.mx_EventTile_info[data-layout=bubble] .mx_EventTile_line>a,
.mx_EventTile.mx_EventTile_leftAlignedBubble[data-layout=bubble] .mx_EventTile_line>a {
    right: auto;
    top: -11px;
    left: -95px
}

.mx_EventListSummary[data-layout=bubble] {
    --maxWidth: 70%;
    margin-left: calc(var(--avatarSize) + var(--gutterSize));
    margin-right: 94px
}

.mx_EventListSummary[data-layout=bubble] .mx_EventListSummary_toggle {
    float: none;
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
    margin: 0 55px 0 5px
}

.mx_EventListSummary[data-layout=bubble] .mx_EventListSummary_avatars {
    padding-top: 0
}

.mx_EventListSummary[data-layout=bubble]:after {
    content: "";
    clear: both
}

.mx_EventListSummary[data-layout=bubble] .mx_EventTile {
    margin: 0 6px;
    padding: 2px 0
}

.mx_EventListSummary[data-layout=bubble] .mx_EventTile_line {
    margin: 0
}

.mx_EventListSummary[data-layout=bubble] .mx_EventTile_line>a {
    left: -76px
}

.mx_EventListSummary[data-layout=bubble] .mx_MessageActionBar {
    -webkit-transform: translate3d(90%, 0, 0);
    transform: translate3d(90%, 0, 0)
}

.mx_EventListSummary[data-expanded=false][data-layout=bubble] {
    padding: 0 49px
}

.mx_EventListSummary[data-layout=bubble] .mx_EventTile_line,
.mx_EventListSummary[data-layout=bubble]:hover:before,
.mx_EventTile.mx_EventTile_bad[data-layout=bubble] .mx_EventTile_line,
.mx_EventTile.mx_EventTile_bad[data-layout=bubble]:hover:before {
    background: transparent
}

.mx_EventTile:not([data-layout=bubble]) {
    max-width: 100%;
    clear: both;
    padding-top: 18px;
    font-size: 1.4rem;
    position: relative
}

.mx_EventTile:not([data-layout=bubble])[data-shape=thread_list][data-notification]:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    right: -16px;
    top: 7px
}

.mx_EventTile:not([data-layout=bubble])[data-shape=thread_list][data-notification=total]:before {
    background-color: var(--roomlist-text-secondary-color)
}

.mx_EventTile:not([data-layout=bubble])[data-shape=thread_list][data-notification=highlight]:before {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_EventTile:not([data-layout=bubble]) .mx_ThreadInfo {
    margin-right: 110px;
    margin-left: 64px
}

.mx_EventTile:not([data-layout=bubble]).mx_EventTile_info {
    padding-top: 1px
}

.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_avatar {
    top: 14px;
    left: 8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx_EventTile:not([data-layout=bubble]).mx_EventTile_info .mx_EventTile_avatar {
    top: .6rem;
    left: 64px
}

.mx_EventTile:not([data-layout=bubble]).mx_EventTile_continuation {
    padding-top: 0!important
}

.mx_EventTile:not([data-layout=bubble]).mx_EventTile_continuation.mx_EventTile_isEditing {
    padding-top: 5px!important;
    margin-top: -5px
}

.mx_EventTile:not([data-layout=bubble]).mx_EventTile_isEditing {
    background-color: var(--roomlist-background-color)
}

.mx_EventTile:not([data-layout=bubble]) .mx_SenderProfile {
    color: var(--timeline-text-color);
    font-size: 1.4rem;
    display: inline-block;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 64px)
}

.mx_EventTile:not([data-layout=bubble]) .mx_SenderProfile .mx_Flair {
    opacity: .7;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx_EventTile:not([data-layout=bubble]) .mx_SenderProfile .mx_Flair img {
    vertical-align: -2px;
    margin-right: 2px;
    border-radius: 8px
}

.mx_EventTile:not([data-layout=bubble]).mx_EventTile_isEditing .mx_MessageTimestamp {
    visibility: hidden
}

.mx_EventTile:not([data-layout=bubble]) .mx_MessageTimestamp {
    display: block;
    white-space: nowrap;
    left: 0;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx_EventTile:not([data-layout=bubble]).mx_EventTile_continuation .mx_EventTile_line {
    clear: both
}

.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_line,
.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_reply {
    position: relative;
    padding-left: 64px;
    border-radius: 8px
}

.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_reply {
    margin-right: 10px
}

.mx_EventTile:not([data-layout=bubble]).mx_EventTile_selected>.mx_EventTile_line {
    -webkit-box-shadow: inset 54px 0 0 -50px #0dbd8b;
    box-shadow: inset 54px 0 0 -50px #0dbd8b;
    -webkit-box-shadow: inset 54px 0 0 -50px var(--accent, #0dbd8b);
    box-shadow: inset 54px 0 0 -50px var(--accent, #0dbd8b);
    background-color: var(--timeline-highlights-color)
}

.mx_EventTile:not([data-layout=bubble]).mx_EventTile_highlight,
.mx_EventTile:not([data-layout=bubble]).mx_EventTile_highlight .markdown-body {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_EventTile:not([data-layout=bubble]).mx_EventTile_highlight .markdown-body .mx_EventTile_line,
.mx_EventTile:not([data-layout=bubble]).mx_EventTile_highlight .mx_EventTile_line {
    background-color: var(--timeline-highlights-color)
}

.mx_EventTile:not([data-layout=bubble]).mx_EventTile_selected.mx_EventTile_info .mx_EventTile_line {
    padding-left: 82px
}

.mx_EventTile:not([data-layout=bubble]).mx_EventTile.focus-visible:focus-within .mx_EventTile_line,
.mx_EventTile:not([data-layout=bubble]).mx_EventTile.mx_EventTile_actionBarFocused .mx_EventTile_line,
.mx_EventTile:not([data-layout=bubble]).mx_EventTile:hover .mx_EventTile_line {
    background-color: var(--timeline-highlights-color)
}

.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_searchHighlight {
    border-radius: 5px;
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer
}

.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_searchHighlight,
.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_searchHighlight a {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    color: #fff
}

.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_receiptSending:before,
.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_receiptSent:before {
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 14px;
    mask-size: 14px;
    width: 14px;
    height: 14px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_receiptSent:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/circle-sent.5079cbe.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/circle-sent.5079cbe.svg)
}

.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_receiptSending:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/circle-sending.bcca6aa.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/circle-sending.bcca6aa.svg)
}

.mx_EventTile:not([data-layout=bubble]).mx_EventTile_contextual {
    opacity: .4
}

.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_msgOption {
    float: right;
    text-align: right;
    position: relative;
    width: 90px;
    height: 1px;
    margin-right: 10px
}

.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_msgOption a {
    text-decoration: none
}

.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_body {
    overflow-y: hidden
}

.mx_EventTile:not([data-layout=bubble]).mx_EventTile_selected .mx_EventTile_line,
.mx_EventTile:not([data-layout=bubble]):hover .mx_EventTile_line {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.mx_EventTile:not([data-layout=bubble]):hover.mx_EventTile_verified .mx_EventTile_line {
    -webkit-box-shadow: inset 54px 0 0 -50px #76cfa5;
    box-shadow: inset 54px 0 0 -50px #76cfa5
}

.mx_EventTile:not([data-layout=bubble]):hover.mx_EventTile_unknown .mx_EventTile_line,
.mx_EventTile:not([data-layout=bubble]):hover.mx_EventTile_unverified .mx_EventTile_line {
    -webkit-box-shadow: inset 54px 0 0 -50px #e8bf37;
    box-shadow: inset 54px 0 0 -50px #e8bf37
}

.mx_EventTile:not([data-layout=bubble]):hover.mx_EventTile_unknown.mx_EventTile_info .mx_EventTile_line,
.mx_EventTile:not([data-layout=bubble]):hover.mx_EventTile_unverified.mx_EventTile_info .mx_EventTile_line,
.mx_EventTile:not([data-layout=bubble]):hover.mx_EventTile_verified.mx_EventTile_info .mx_EventTile_line {
    padding-left: 86px
}

.mx_EventTile:not([data-layout=bubble]):hover .mx_EventTile_e2eIcon {
    opacity: 1
}

.mx_EventTile:not([data-layout=bubble]) .mx_MImageBody {
    margin-right: 34px
}

.mx_EventTile:not([data-layout=bubble]) .mx_EventTile_e2eIcon {
    position: absolute;
    top: 6px;
    left: 44px;
    bottom: 0;
    right: 0
}

.mx_EventTile:not([data-layout=bubble]) .mx_ReactionsRow {
    margin: 0;
    padding: 4px 64px
}

.mx_EventListSummary:not([data-layout=bubble])>:not(.mx_EventTile) .mx_EventTile_avatar~.mx_EventTile_line,
.mx_EventTile:not([data-layout=bubble]).mx_EventTile_info .mx_EventTile_line {
    padding-left: 82px
}

.mx_EventListSummary:not([data-layout=bubble]) .mx_EventTile_line {
    padding-left: 64px
}

.mx_EventTile_content {
    overflow-y: hidden;
    overflow-x: hidden;
    margin-right: 34px
}

.mx_EventTile_spoiler {
    cursor: pointer
}

.mx_EventTile_spoiler_reason {
    color: #a1b2d1;
    font-size: 1.1rem
}

.mx_EventTile_spoiler_content {
    -webkit-filter: blur(5px) saturate(.1) sepia(1);
    filter: blur(5px) saturate(.1) sepia(1);
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.mx_EventTile_spoiler.visible>.mx_EventTile_spoiler_content {
    -webkit-filter: none;
    filter: none
}

.mx_RoomView_timeline_rr_enabled .mx_EventTile[data-layout=group] .mx_EventTile_line {
    margin-right: 110px
}

.mx_SenderProfile {
    cursor: pointer
}

.mx_EventTile_bubbleContainer {
    display: grid;
    grid-template-columns: 1fr 100px
}

.mx_EventTile_bubbleContainer .mx_EventTile_line {
    margin-right: 0;
    grid-column: 1/3;
    padding: 0!important
}

.mx_EventTile_bubbleContainer .mx_EventTile_msgOption {
    grid-column: 2
}

.mx_EventTile_bubbleContainer:hover .mx_EventTile_line {
    background-color: inherit!important
}

.mx_EventTile_readAvatars {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    top: -2.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.mx_EventTile_readAvatars .mx_BaseAvatar {
    position: absolute;
    display: inline-block;
    height: 1.4rem;
    width: 1.4rem;
    will-change: left, top;
    -webkit-transition: left .1s ease-out, top .3s ease-out;
    transition: left .1s ease-out, top .3s ease-out;
    -webkit-transition: left var(--transition-short) ease-out, top var(--transition-standard) ease-out;
    transition: left var(--transition-short) ease-out, top var(--transition-standard) ease-out
}

.mx_EventTile_readAvatarRemainder {
    color: #a1b2d1;
    font-size: 1.1rem;
    position: absolute
}

.mx_EventTile_bigEmoji.mx_EventTile_bigEmoji {
    font-size: 48px!important;
    line-height: 57px!important
}

.mx_EventTile_content .mx_EventTile_edited {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.2rem;
    color: var(--timeline-text-color-50pct);
    display: inline-block;
    margin-left: 9px;
    cursor: pointer
}

.mx_EventTile_e2eIcon {
    position: relative;
    width: 14px;
    height: 14px;
    display: block;
    opacity: .2;
    background-repeat: no-repeat;
    background-size: contain
}

.mx_EventTile_e2eIcon:after,
.mx_EventTile_e2eIcon:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-mask-size: contain;
    mask-size: contain
}

.mx_EventTile_e2eIcon:after,
.mx_EventTile_e2eIcon:before {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.mx_EventTile_e2eIcon:before {
    -webkit-mask-size: 80%;
    mask-size: 80%
}

.mx_EventTile_e2eIcon_warning:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/warning.78bb264.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/warning.78bb264.svg);
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_EventTile_e2eIcon_warning {
    opacity: 1
}

.mx_EventTile_e2eIcon_normal:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/e2e/normal.76f0c09.svg);
    mask-image: url(https://element.anontier.nl/../img/e2e/normal.76f0c09.svg);
    background-color: #a1b2d1
}

.mx_EventTile_e2eIcon_normal {
    opacity: 1
}

.mx_EventTile_body a:hover {
    text-decoration: underline
}

.mx_EventTile_body pre {
    border: 1px solid transparent
}

.mx_EventTile_clamp .mx_EventTile_body {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.mx_EventTile_content .markdown-body {
    font-family: inherit!important;
    white-space: normal!important;
    line-height: inherit!important;
    color: inherit;
    font-size: 1.4rem
}

.mx_EventTile_content .markdown-body code,
.mx_EventTile_content .markdown-body pre {
    font-family: Inconsolata, Twemoji, Apple Color Emoji, Segoe UI Emoji, Courier, monospace, Noto Color Emoji!important;
    font-family: var(--font-family-monospace, "Inconsolata", "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Courier", monospace, "Noto Color Emoji")!important;
    background-color: #2a3039
}

.mx_EventTile_content .markdown-body pre code>* {
    display: inline
}

.mx_EventTile_content .markdown-body pre {
    overflow-x: overlay;
    overflow-y: visible
}

.mx_EventTile_content .markdown-body pre::-webkit-scrollbar-corner {
    background: transparent
}

.mx_EventTile_content .markdown-body code {
    white-space: pre-wrap
}

.mx_EventTile_lineNumbers {
    float: left;
    margin: 0 .5em 0 -1.5em;
    color: grey
}

.mx_EventTile_lineNumbers span {
    text-align: right;
    display: block;
    padding-left: 1em
}

.mx_EventTile_collapsedCodeBlock {
    max-height: 30vh
}

.mx_EventTile.focus-visible:focus-within .mx_EventTile_body pre,
.mx_EventTile:hover .mx_EventTile_body pre {
    border: 1px solid #edf3ff;
    border: 1px solid var(--tertiary-content, #edf3ff)
}

.mx_EventTile_pre_container {
    position: relative
}

.mx_EventTile_button {
    position: absolute;
    display: inline-block;
    visibility: hidden;
    cursor: pointer;
    top: 8px;
    right: 8px;
    width: 19px;
    height: 19px;
    background-color: var(--timeline-text-color)
}

.mx_EventTile_buttonBottom {
    top: 33px
}

.mx_EventTile_copyButton {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/clipboard.24dd87a.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/clipboard.24dd87a.svg)
}

.mx_EventTile_collapseButton {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/minimise-collapse.a59edfc.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/minimise-collapse.a59edfc.svg)
}

.mx_EventTile_collapseButton,
.mx_EventTile_expandButton {
    -webkit-mask-size: 75%;
    mask-size: 75%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.mx_EventTile_expandButton {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/maximise-expand.2c239ea.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/maximise-expand.2c239ea.svg)
}

.mx_EventTile_body .mx_EventTile_pre_container:focus-within .mx_EventTile_collapseButton,
.mx_EventTile_body .mx_EventTile_pre_container:focus-within .mx_EventTile_copyButton,
.mx_EventTile_body .mx_EventTile_pre_container:focus-within .mx_EventTile_expandButton,
.mx_EventTile_body .mx_EventTile_pre_container:hover .mx_EventTile_collapseButton,
.mx_EventTile_body .mx_EventTile_pre_container:hover .mx_EventTile_copyButton,
.mx_EventTile_body .mx_EventTile_pre_container:hover .mx_EventTile_expandButton {
    visibility: visible
}

.mx_EventTile_content .markdown-body h1,
.mx_EventTile_content .markdown-body h2,
.mx_EventTile_content .markdown-body h3,
.mx_EventTile_content .markdown-body h4,
.mx_EventTile_content .markdown-body h5,
.mx_EventTile_content .markdown-body h6 {
    font-family: inherit!important;
    color: inherit
}

.mx_EventTile_content .markdown-body h1,
.mx_EventTile_content .markdown-body h2 {
    font-size: 1.5em;
    border-bottom: none!important
}

.mx_EventTile_content .markdown-body a {
    color: var(--primary-color)
}

.mx_EventTile_content .markdown-body blockquote {
    border-left: 2px solid #ddd;
    border-radius: 2px;
    padding: 0 10px
}

.mx_EventTile_keyRequestInfo {
    font-size: 1.2rem
}

.mx_EventTile_keyRequestInfo_text {
    opacity: .5
}

.mx_EventTile_keyRequestInfo_text a {
    color: var(--timeline-text-color);
    text-decoration: underline;
    cursor: pointer
}

.mx_EventTile_keyRequestInfo_tooltip_contents p {
    text-align: auto;
    margin-left: 3px;
    margin-right: 3px
}

.mx_EventTile_keyRequestInfo_tooltip_contents p:first-child {
    margin-top: 0
}

.mx_EventTile_keyRequestInfo_tooltip_contents p:last-child {
    margin-bottom: 0
}

.mx_EventTile_tileError {
    color: red;
    text-align: center;
    margin-right: 0
}

.mx_EventTile_tileError .mx_EventTile_line {
    padding-left: 0;
    margin-right: 0
}

.mx_EventTile_tileError .mx_EventTile_line span {
    padding: 4px 8px
}

.mx_EventTile_tileError a {
    margin-left: 1em
}

.mx_EventTile.focus-visible:focus-within .mx_MessageActionBar,
.mx_EventTile.mx_EventTile_actionBarFocused .mx_MessageActionBar,
.mx_EventTile:hover .mx_MessageActionBar,
[data-whatinput=keyboard] .mx_EventTile:focus-within .mx_MessageActionBar {
    visibility: visible
}

@media only screen and (max-width:480px) {
    .mx_EventTile_line,
    .mx_EventTile_reply {
        padding-left: 0;
        margin-right: 0
    }
    .mx_EventTile_content {
        margin-top: 10px;
        margin-right: 0
    }
}

.mx_ThreadInfo {
    min-width: 267px;
    max-width: min(calc(100% - 64px), 600px);
    width: auto;
    height: 40px;
    position: relative;
    background-color: #21262c;
    background-color: var(--system, #21262c);
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    padding-right: 16px;
    margin-top: 8px;
    font-size: 1.2rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    clear: both;
    overflow: hidden
}

.mx_ThreadInfo:hover {
    cursor: pointer;
    border: 1px solid #6f7882;
    border: 1px solid var(--quinary-content, #6f7882);
    padding: 7px 15px 7px 11px
}

.mx_ThreadInfo:before {
    content: "";
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/thread-summary.7fa6f03.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/thread-summary.7fa6f03.svg);
    -webkit-mask-position: center;
    mask-position: center;
    height: 18px;
    min-width: 18px;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.mx_ThreadInfo:after {
    content: "›";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    padding: 0 10px;
    font-size: 15px;
    line-height: 39px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    font-weight: 600;
    background: -webkit-gradient(linear, right top, left top, color-stop(52.6%, #21262c), to(transparent));
    background: linear-gradient(270deg, #21262c 52.6%, transparent);
    background: -webkit-gradient(linear, right top, left top, color-stop(52.6%, var(--system, #21262c)), to(transparent));
    background: linear-gradient(270deg, var(--system, #21262c) 52.6%, transparent);
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.mx_ThreadInfo:hover:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mx_ThreadInfo_content {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 8px;
    font-size: 1.2rem;
    line-height: 2.4rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_ThreadInfo_avatar {
    float: left
}

.mx_ThreadInfo_threads-amount {
    font-weight: 600;
    position: relative;
    padding: 0 8px;
    white-space: nowrap
}

.mx_EventTile[data-shape=thread_list] {
    --topOffset: 20px;
    --leftOffset: 46px;
    margin: var(--topOffset) 16px var(--topOffset) 0;
    border-radius: 8px
}

.mx_EventTile[data-shape=thread_list]:hover {
    background-color: #21262c;
    background-color: var(--system, #21262c)
}

.mx_EventTile[data-shape=thread_list]:after {
    content: "";
    position: absolute;
    left: var(--leftOffset);
    right: 0;
    height: 1px;
    bottom: calc(var(--topOffset)*-1);
    background-color: #6f7882;
    background-color: var(--quinary-content, #6f7882)
}

.mx_EventTile[data-shape=thread_list]:last-child:after {
    content: unset
}

.mx_EventTile[data-shape=thread_list]:last-child {
    margin-bottom: 0
}

.mx_EventTile[data-shape=thread_list]:first-child {
    margin-top: 0
}

.mx_EventTile[data-shape=thread_list] {
    padding-top: 0
}

.mx_EventTile[data-shape=thread_list] .mx_EventTile_avatar {
    top: -4px;
    left: 0
}

.mx_EventTile[data-shape=thread_list] .mx_SenderProfile {
    margin-left: var(--leftOffset)!important
}

.mx_EventTile[data-shape=thread_list] .mx_EventTile_line {
    padding-left: var(--leftOffset)!important;
    padding-bottom: 0
}

.mx_EventTile[data-shape=thread_list] .mx_MessageTimestamp {
    right: 0;
    left: auto!important;
    top: -23px
}

.mx_ThreadView {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_ThreadView .mx_EventTile_senderDetails {
    -ms-flex-align: center;
    grid-gap: 10px;
    gap: 10px
}

.mx_ThreadView .mx_EventTile_senderDetails,
.mx_ThreadView .mx_EventTile_senderDetails a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.mx_ThreadView .mx_EventTile_senderDetails a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: none;
    max-width: 100%;
    -ms-flex-align: center
}

.mx_ThreadView .mx_EventTile_senderDetails a .mx_SenderProfile,
.mx_ThreadView .mx_ThreadView_List {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_ThreadView .mx_ThreadView_List {
    overflow: scroll
}

.mx_ThreadView .mx_EventTile_roomName {
    display: none
}

.mx_ThreadView .mx_EventTile {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0
}

.mx_ThreadView .mx_EventTile .mx_EventTile_line {
    padding-left: 0;
    -webkit-box-ordinal-group: 11!important;
    -ms-flex-order: 10!important;
    order: 10!important
}

.mx_ThreadView .mx_EventTile .mx_MessageTimestamp {
    left: auto;
    right: 2px!important;
    top: 1px!important;
    font-size: 1rem;
    text-align: right
}

.mx_ThreadView .mx_EventTile .mx_ReactionsRow {
    -webkit-box-ordinal-group: 1000;
    -ms-flex-order: 999;
    order: 999;
    padding-left: 0;
    padding-right: 0;
    margin-left: 36px;
    margin-right: 50px
}

.mx_ThreadView .mx_EventTile_content,
.mx_ThreadView .mx_RedactedBody,
.mx_ThreadView .mx_ReplyChain_wrapper {
    margin-left: 36px;
    margin-right: 50px
}

.mx_ThreadView .mx_EventTile_content .mx_EventTile_content,
.mx_ThreadView .mx_EventTile_content .mx_MImageBody,
.mx_ThreadView .mx_EventTile_content .mx_RedactedBody,
.mx_ThreadView .mx_RedactedBody .mx_EventTile_content,
.mx_ThreadView .mx_RedactedBody .mx_MImageBody,
.mx_ThreadView .mx_RedactedBody .mx_RedactedBody,
.mx_ThreadView .mx_ReplyChain_wrapper .mx_EventTile_content,
.mx_ThreadView .mx_ReplyChain_wrapper .mx_MImageBody,
.mx_ThreadView .mx_ReplyChain_wrapper .mx_RedactedBody {
    margin: 0
}

.mx_ThreadView .mx_EventTile_mediaLine {
    padding-left: 36px!important;
    padding-right: 50px
}

.mx_ThreadView .mx_EventTile_mediaLine .mx_MImageBody {
    margin: 0;
    padding: 0
}

.mx_ThreadView .mx_MessageComposer_sendMessage {
    margin-right: 0
}

.mx_GroupLayout .mx_EventTile>.mx_SenderProfile {
    line-height: 2rem;
    margin-left: 64px
}

.mx_GroupLayout .mx_EventTile>.mx_EventTile_avatar {
    position: absolute;
    z-index: 9
}

.mx_GroupLayout .mx_EventTile .mx_MessageTimestamp {
    position: absolute;
    width: 46px
}

.mx_GroupLayout .mx_EventTile .mx_EventTile_line,
.mx_GroupLayout .mx_EventTile .mx_EventTile_reply {
    padding-top: 1px;
    padding-bottom: 3px;
    line-height: 2.2rem
}

.mx_MatrixChat_useCompactLayout .mx_EventTile {
    padding-top: 4px
}

.mx_MatrixChat_useCompactLayout .mx_EventTile .mx_EventTile_line,
.mx_MatrixChat_useCompactLayout .mx_EventTile .mx_EventTile_reply {
    padding-top: 0;
    padding-bottom: 0
}

.mx_MatrixChat_useCompactLayout .mx_EventTile.mx_EventTile_info {
    padding-top: 0;
    font-size: 1.3rem
}

.mx_MatrixChat_useCompactLayout .mx_EventTile.mx_EventTile_info .mx_EventTile_line,
.mx_MatrixChat_useCompactLayout .mx_EventTile.mx_EventTile_info .mx_EventTile_reply {
    line-height: 2rem
}

.mx_MatrixChat_useCompactLayout .mx_EventTile.mx_EventTile_info .mx_EventTile_avatar {
    top: 4px
}

.mx_MatrixChat_useCompactLayout .mx_EventTile .mx_SenderProfile {
    font-size: 1.3rem
}

.mx_MatrixChat_useCompactLayout .mx_EventTile.mx_EventTile_emote {
    padding-top: 8px
}

.mx_MatrixChat_useCompactLayout .mx_EventTile.mx_EventTile_emote .mx_EventTile_avatar {
    top: 2px
}

.mx_MatrixChat_useCompactLayout .mx_EventTile.mx_EventTile_emote .mx_EventTile_line,
.mx_MatrixChat_useCompactLayout .mx_EventTile.mx_EventTile_emote .mx_EventTile_reply {
    padding-top: 0;
    padding-bottom: 1px
}

.mx_MatrixChat_useCompactLayout .mx_EventTile.mx_EventTile_emote.mx_EventTile_continuation {
    padding-top: 0
}

.mx_MatrixChat_useCompactLayout .mx_EventTile.mx_EventTile_emote.mx_EventTile_continuation .mx_EventTile_line,
.mx_MatrixChat_useCompactLayout .mx_EventTile.mx_EventTile_emote.mx_EventTile_continuation .mx_EventTile_reply {
    padding-top: 0;
    padding-bottom: 0
}

.mx_MatrixChat_useCompactLayout .mx_EventTile .mx_EventTile_avatar {
    top: 2px
}

.mx_MatrixChat_useCompactLayout .mx_EventTile .mx_EventTile_e2eIcon {
    top: 3px
}

.mx_MatrixChat_useCompactLayout .mx_EventTile .mx_EventTile_readAvatars {
    top: -2rem
}

.mx_MatrixChat_useCompactLayout .mx_EventTile .mx_EventTile_content .markdown-body blockquote,
.mx_MatrixChat_useCompactLayout .mx_EventTile .mx_EventTile_content .markdown-body dl,
.mx_MatrixChat_useCompactLayout .mx_EventTile .mx_EventTile_content .markdown-body ol,
.mx_MatrixChat_useCompactLayout .mx_EventTile .mx_EventTile_content .markdown-body p,
.mx_MatrixChat_useCompactLayout .mx_EventTile .mx_EventTile_content .markdown-body pre,
.mx_MatrixChat_useCompactLayout .mx_EventTile .mx_EventTile_content .markdown-body table,
.mx_MatrixChat_useCompactLayout .mx_EventTile .mx_EventTile_content .markdown-body ul {
    margin-bottom: 4px
}

.mx_MatrixChat_useCompactLayout .mx_RoomView_MessageList h2 {
    margin-top: 6px
}

.mx_IRCLayout {
    --name-width: 70px;
    line-height: 1.8rem!important
}

.mx_IRCLayout .mx_EventTile>a {
    text-decoration: none;
    min-width: 45px
}

.mx_IRCLayout .mx_EventTile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 0
}

.mx_IRCLayout .mx_EventTile>* {
    margin-right: 5px
}

.mx_IRCLayout .mx_EventTile .mx_ThreadInfo {
    margin-right: 0;
    margin-left: 0
}

.mx_IRCLayout .mx_EventTile>.mx_EventTile_msgOption {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mx_IRCLayout .mx_EventTile>.mx_EventTile_msgOption .mx_EventTile_readAvatars {
    top: .2rem
}

.mx_IRCLayout .mx_EventTile .mx_EventTile_line,
.mx_IRCLayout .mx_EventTile .mx_EventTile_reply {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-width: 0
}

.mx_IRCLayout .mx_EventTile>.mx_EventTile_avatar {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    position: relative;
    top: 0;
    left: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 1.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_IRCLayout .mx_EventTile>.mx_EventTile_avatar>.mx_BaseAvatar,
.mx_IRCLayout .mx_EventTile>.mx_EventTile_avatar>.mx_BaseAvatar>* {
    height: 1.4rem!important;
    width: 1.4rem!important;
    font-size: 1rem!important;
    line-height: 1.5rem!important
}

.mx_IRCLayout .mx_EventTile .mx_MessageTimestamp {
    font-size: 1rem;
    width: 45px;
    text-align: right
}

.mx_IRCLayout .mx_EventTile>.mx_EventTile_e2eIcon {
    position: absolute;
    right: unset;
    left: unset;
    top: 0;
    padding: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 1.8rem;
    background-position: 50%
}

.mx_IRCLayout .mx_EventTile .mx_EventTile_line .mx_EventTile_e2eIcon,
.mx_IRCLayout .mx_EventTile .mx_EventTile_line .mx_MTextBody,
.mx_IRCLayout .mx_EventTile .mx_EventTile_line .mx_TextualEvent {
    display: inline-block
}

.mx_IRCLayout .mx_EventTile .mx_EventTile_reply {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.mx_IRCLayout .mx_EventTile .mx_EditMessageComposer_buttons {
    position: relative
}

.mx_IRCLayout .mx_EventTile .mx_ReactionsRow {
    padding-left: 0;
    padding-right: 0
}

.mx_IRCLayout .mx_EventTile_emote>.mx_EventTile_avatar {
    margin-left: calc(var(--name-width) + 19px)
}

.mx_IRCLayout blockquote {
    margin: 0
}

.mx_IRCLayout .mx_EventListSummary>.mx_EventTile_line {
    padding-left: calc(var(--name-width) + 74px)
}

.mx_IRCLayout .mx_EventListSummary .mx_EventListSummary_avatars {
    padding: 0;
    margin: 0 9px 0 0
}

.mx_IRCLayout .mx_EventTile.mx_EventTile_info .mx_EventTile_avatar {
    left: calc(var(--name-width) + 24px);
    top: 0
}

.mx_IRCLayout .mx_EventTile.mx_EventTile_info .mx_EventTile_line {
    left: calc(var(--name-width) + 24px)
}

.mx_IRCLayout .mx_EventTile.mx_EventTile_info .mx_TextualEvent {
    line-height: 1.8rem
}

.mx_IRCLayout .mx_EventTile:hover.mx_EventTile_unknown .mx_EventTile_line,
.mx_IRCLayout .mx_EventTile:hover.mx_EventTile_unverified .mx_EventTile_line,
.mx_IRCLayout .mx_EventTile:hover.mx_EventTile_verified .mx_EventTile_line {
    padding-left: 0;
    border-left: 0
}

.mx_IRCLayout .mx_SenderProfile {
    width: var(--name-width);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_IRCLayout .mx_SenderProfile>.mx_SenderProfile_displayName {
    width: 100%;
    text-align: end;
    overflow: hidden;
    text-overflow: ellipsis
}

.mx_IRCLayout .mx_SenderProfile>.mx_SenderProfile_mxid {
    visibility: collapse
}

.mx_IRCLayout .mx_SenderProfile:hover {
    overflow: visible;
    z-index: 10
}

.mx_IRCLayout .mx_SenderProfile:hover>.mx_SenderProfile_displayName {
    overflow: visible
}

.mx_IRCLayout .mx_SenderProfile:hover>.mx_SenderProfile_mxid {
    visibility: visible
}

.mx_IRCLayout .mx_ReplyChain {
    margin: 0
}

.mx_IRCLayout .mx_ReplyChain .mx_SenderProfile {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
    max-width: unset;
    width: unset;
    background: transparent
}

.mx_IRCLayout .mx_ReplyChain .mx_EventTile_emote>.mx_EventTile_avatar {
    margin-left: 0
}

.mx_IRCLayout .mx_ReplyChain .mx_MessageTimestamp {
    width: auto
}

.mx_IRCLayout .mx_ReplyChain .mx_EventTile_e2eIcon {
    position: relative;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.mx_IRCLayout .mx_ProfileResizer {
    position: absolute;
    height: 100%;
    width: 15px;
    left: calc(80px + var(--name-width));
    cursor: col-resize;
    z-index: 100
}

.mx_IRCLayout .mx_Flair>img {
    height: 1.4rem!important;
    width: 1.4rem!important
}

.mx_JumpToBottomButton {
    z-index: 1000;
    position: absolute;
    bottom: 12px;
    right: 24px;
    width: 38px;
    height: 50px;
    text-align: center
}

.mx_JumpToBottomButton_badge {
    position: relative;
    top: -12px;
    border-radius: 16px;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-align: center;
    display: inline-block;
    padding: 0 4px;
    color: #fff;
    background-color: #a1b2d1
}

.mx_JumpToBottomButton_highlight .mx_JumpToBottomButton_badge {
    color: var(--roomlist-background-color);
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_JumpToBottomButton_scrollDown {
    position: relative;
    display: block;
    height: 38px;
    border-radius: 19px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--timeline-background-color);
    border: 1.3px solid #a1b2d1;
    cursor: pointer
}

.mx_JumpToBottomButton_scrollDown:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down-thin.f9a2477.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down-thin.f9a2477.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background: #a1b2d1
}

.mx_LinkPreviewGroup .mx_LinkPreviewGroup_hide {
    cursor: pointer;
    width: 18px;
    height: 18px
}

.mx_LinkPreviewGroup .mx_LinkPreviewGroup_hide img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    visibility: hidden
}

.mx_LinkPreviewGroup .mx_LinkPreviewGroup_hide.focus-visible:focus img,
.mx_LinkPreviewGroup:hover .mx_LinkPreviewGroup_hide img {
    visibility: visible
}

.mx_LinkPreviewGroup>.mx_AccessibleButton {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    text-align: center
}

.mx_LinkPreviewWidget {
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left: 2px solid #ddd;
    border-radius: 2px;
    color: var(--timeline-text-secondary-color)
}

.mx_LinkPreviewWidget_image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    margin-left: 15px;
    text-align: center;
    cursor: pointer
}

.mx_LinkPreviewWidget_caption {
    margin-left: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

.mx_LinkPreviewWidget_title {
    font-weight: 700;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.mx_LinkPreviewWidget_title .mx_LinkPreviewWidget_siteName {
    font-weight: 400
}

.mx_LinkPreviewWidget_description {
    margin-top: 8px;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.mx_MatrixChat_useCompactLayout .mx_LinkPreviewWidget {
    margin-top: 6px;
    margin-bottom: 6px
}

.mx_MemberInfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    margin-top: 8px
}

.mx_MemberInfo,
.mx_MemberInfo_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_MemberInfo_name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_MemberInfo_name>.mx_E2EIcon {
    margin-right: 0
}

.mx_MemberInfo_cancel {
    height: 16px;
    width: 16px;
    padding: 10px 0 10px 10px;
    cursor: pointer;
    -webkit-mask-image: url(https://element.anontier.nl/../img/minimise.871d2de.svg);
    mask-image: url(https://element.anontier.nl/../img/minimise.871d2de.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 16px center;
    mask-position: 16px center;
    background-color: #a1b2d1
}

.mx_MemberInfo_name h2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: auto;
    max-height: 50px
}

.mx_MemberInfo h2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 16px 0 16px 15px
}

.mx_MemberInfo_container {
    margin: 0 16px 16px
}

.mx_MemberInfo .mx_RoomTile_nameContainer {
    width: 154px
}

.mx_MemberInfo .mx_RoomTile_badge {
    display: none
}

.mx_MemberInfo .mx_RoomTile_name {
    width: 160px
}

.mx_MemberInfo_avatar {
    background: var(--sidebar-color);
    margin-bottom: 16px
}

.mx_MemberInfo_avatar>img {
    height: auto;
    width: 100%;
    max-height: 30vh;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.mx_MemberInfo_avatar .mx_BaseAvatar.mx_BaseAvatar_image {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mx_MemberInfo_profile {
    margin-bottom: 16px
}

.mx_MemberInfo h3 {
    text-transform: uppercase;
    color: #61708b;
    font-weight: 700;
    font-size: 1.2rem;
    margin: 4px 0
}

.mx_MemberInfo_profileField {
    font-size: 1.5rem;
    position: relative
}

.mx_MemberInfo_buttons {
    margin-bottom: 16px
}

.mx_MemberInfo_field {
    cursor: pointer;
    font-size: 1.5rem;
    color: var(--timeline-text-color);
    margin-left: 8px;
    line-height: 2.3rem
}

.mx_MemberInfo_createRoom {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px
}

.mx_MemberInfo_createRoom_label {
    width: auto!important;
    cursor: pointer
}

.mx_MemberInfo label {
    font-size: 1.3rem
}

.mx_MemberInfo label .mx_MemberInfo_label_text {
    display: inline-block;
    max-width: 180px;
    vertical-align: text-top
}

.mx_MemberInfo input[type=radio] {
    vertical-align: -2px;
    margin-right: 5px;
    margin-left: 8px
}

.mx_MemberInfo_statusMessage {
    font-size: 1.1rem;
    opacity: .5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip
}

.mx_MemberInfo .mx_MemberInfo_scrollContainer {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_GroupMemberList,
.mx_GroupRoomList,
.mx_MemberList {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.mx_GroupMemberList .mx_Spinner,
.mx_GroupRoomList .mx_Spinner,
.mx_MemberList .mx_Spinner {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.mx_GroupMemberList .mx_SearchBox,
.mx_GroupRoomList .mx_SearchBox,
.mx_MemberList .mx_SearchBox {
    margin-bottom: 5px
}

.mx_GroupMemberList h2,
.mx_GroupRoomList h2,
.mx_MemberList h2 {
    text-transform: uppercase;
    color: #edf3ff;
    font-weight: 600;
    font-size: 1.3rem;
    padding-left: 3px;
    padding-right: 12px;
    margin-top: 8px;
    margin-bottom: 4px
}

.mx_GroupMemberList .mx_AutoHideScrollbar,
.mx_GroupRoomList .mx_AutoHideScrollbar,
.mx_MemberList .mx_AutoHideScrollbar {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.mx_GroupMemberList .mx_RightPanel_scopeHeader,
.mx_GroupRoomList .mx_RightPanel_scopeHeader,
.mx_MemberList .mx_RightPanel_scopeHeader {
    margin-top: -8px
}

.mx_GroupMemberList_query,
.mx_GroupRoomList_query {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.mx_MemberList_chevron {
    position: absolute;
    right: 35px;
    margin-top: -15px
}

.mx_MemberList_border {
    overflow-y: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

.mx_MemberList_query {
    height: 16px
}

.mx_MemberList_query[type=text] {
    font-size: 1.2rem
}

.mx_MemberList_wrapper {
    padding: 10px
}

.mx_MemberList_invite {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    border-radius: 4px;
    margin: 5px 9px 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 600
}

.mx_MemberList_invite.mx_AccessibleButton_disabled {
    background-color: var(--timeline-text-secondary-color);
    cursor: not-allowed
}

.mx_MemberList_invite span {
    padding: 8px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.mx_MemberList_invite span:before {
    content: "";
    display: inline-block;
    background-color: #fff;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 20px;
    mask-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.mx_MemberList_inviteCommunity span:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/icon-invite-people.d82f491.svg);
    mask-image: url(https://element.anontier.nl/../img/icon-invite-people.d82f491.svg)
}

.mx_MemberList_addRoomToCommunity span:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/icons-room-add.bd36e26.svg);
    mask-image: url(https://element.anontier.nl/../img/icons-room-add.bd36e26.svg)
}

.mx_MessageComposer_wrapper {
    vertical-align: middle;
    margin: auto;
    border-top: 1px solid var(--roomlist-separator-color);
    position: relative;
    padding-left: 42px;
    padding-right: 6px
}

.mx_MessageComposer_replaced_wrapper {
    margin-left: auto;
    margin-right: auto
}

.mx_MessageComposer_replaced_valign {
    height: 60px;
    display: table-cell;
    vertical-align: middle
}

.mx_MessageComposer_roomReplaced_icon {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
    width: 31px;
    height: 31px
}

.mx_MessageComposer_roomReplaced_header {
    font-weight: 700
}

.mx_MessageComposer_autocomplete_wrapper {
    position: relative;
    height: 0
}

.mx_MessageComposer_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.mx_MessageComposer .mx_MessageComposer_avatar {
    position: absolute;
    left: 26px
}

.mx_MessageComposer .mx_MessageComposer_avatar .mx_BaseAvatar {
    display: block
}

.mx_MessageComposer_composecontrols {
    width: 100%
}

.mx_MessageComposer_e2eIcon.mx_E2EIcon {
    position: absolute;
    left: 20px;
    margin-right: 0;
    margin-left: 3px;
    width: 12px;
    height: 12px
}

.mx_MessageComposer_noperm_error {
    width: 100%;
    height: 60px;
    font-style: italic;
    color: var(--timeline-text-secondary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_MessageComposer_input_wrapper {
    cursor: text
}

.mx_MessageComposer_input,
.mx_MessageComposer_input_wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_MessageComposer_input {
    vertical-align: middle;
    min-height: 60px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1.4rem;
    margin-right: 6px
}

.mx_MessageComposer_editor {
    width: 100%;
    max-height: 120px;
    min-height: 19px;
    overflow-y: auto;
    overflow-x: hidden;
    word-break: break-word
}

.mx_MessageComposer_editor>:first-child {
    margin-top: 0!important
}

.mx_MessageComposer_editor>:last-child {
    margin-bottom: 0!important
}

@keyframes visualbell {
    0% {
        background-color: #800
    }
    to {
        background-color: var(--timeline-background-color)
    }
}

.mx_MessageComposer_input_error {
    -webkit-animation: visualbell .2s;
    animation: visualbell .2s
}

.mx_MessageComposer_input pre {
    background-color: rgba(0, 0, 0, .04);
    border-radius: 3px;
    padding: 10px
}

.mx_MessageComposer_input textarea {
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 6px;
    margin-bottom: 6px;
    border: 0;
    resize: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--timeline-text-color);
    background-color: var(--timeline-background-color);
    font-size: 1.4rem;
    max-height: 120px;
    overflow: auto
}

.mx_MessageComposer_input textarea::-moz-placeholder {
    line-height: 100%;
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    opacity: 1
}

.mx_MessageComposer_input textarea::-webkit-input-placeholder {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_MessageComposer_button_highlight {
    background: rgba(#0DBD8B, .25);
    background: rgba(var(--accent, #0DBD8B), .25)
}

.mx_MessageComposer_button_highlight:before {
    background-color: #0dbd8b!important;
    background-color: var(--accent, #0dbd8b)!important
}

.mx_ContextualMenu .mx_MessageComposer_button {
    padding-left: calc(var(--size) + 6px)
}

.mx_MessageComposer_button {
    --size: 26px;
    position: relative;
    cursor: pointer;
    height: var(--size);
    line-height: var(--size);
    width: auto;
    padding-left: var(--size);
    border-radius: 100%;
    margin-right: 6px
}

.mx_MessageComposer_button:last-child {
    margin-right: auto
}

.mx_MessageComposer_button:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    height: 20px;
    width: 20px;
    background-color: #a1b2d1;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center
}

.mx_MessageComposer_button:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: var(--size);
    height: var(--size);
    border-radius: 50%
}

.mx_MessageComposer_button.mx_MessageComposer_closeButtonMenu:after,
.mx_MessageComposer_button:hover:after {
    background: rgba(#0DBD8B, .1);
    background: rgba(var(--accent, #0DBD8B), .1)
}

.mx_MessageComposer_button.mx_MessageComposer_closeButtonMenu:before,
.mx_MessageComposer_button:hover:before {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_MessageComposer_button.mx_MessageComposer_hangup:not(.mx_AccessibleButton_disabled):before {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_MessageComposer_upload:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/attach.359c84e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/attach.359c84e.svg)
}

.mx_MessageComposer_poll:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/poll.fe8a265.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/poll.fe8a265.svg)
}

.mx_MessageComposer_voiceMessage:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/mic-on-mask.97ec7a0.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/mic-on-mask.97ec7a0.svg)
}

.mx_MessageComposer_emoji:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/emoji.52d7369.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/emoji.52d7369.svg)
}

.mx_MessageComposer_location:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/location.91f5613.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/location.91f5613.svg)
}

.mx_MessageComposer_stickers:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/sticker.8dbe5ec.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/composer/sticker.8dbe5ec.svg)
}

.mx_MessageComposer_buttonMenu:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/image-view/more.0427c6c.svg);
    mask-image: url(https://element.anontier.nl/../img/image-view/more.0427c6c.svg)
}

.mx_MessageComposer_closeButtonMenu:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.mx_MessageComposer_sendMessage {
    cursor: pointer;
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_MessageComposer_sendMessage:before {
    position: absolute;
    height: 16px;
    width: 16px;
    top: 8px;
    left: 9px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/send-message.a4e9cf8.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/send-message.a4e9cf8.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #fff;
    content: ""
}

.mx_MessageComposer_formatting {
    cursor: pointer;
    margin: 0 11px;
    width: 24px;
    height: 18px
}

.mx_MessageComposer_formatbar_wrapper {
    width: 100%;
    background-color: var(--timeline-background-color);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .08);
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .08)
}

.mx_MessageComposer_formatbar {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 62px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    color: var(--timeline-text-secondary-color)
}

.mx_MessageComposer_formatbar * {
    margin-right: 4px
}

.mx_MessageComposer_format_button,
.mx_MessageComposer_formatbar_cancel,
.mx_MessageComposer_formatbar_markdown {
    cursor: pointer
}

.mx_MessageComposer_formatbar_cancel {
    margin-right: 22px
}

.mx_MessageComposer_formatbar_markdown {
    height: 17px;
    width: 30px;
    margin-right: 64px
}

.mx_MessageComposer_input_markdownIndicator {
    height: 10px;
    width: 12px;
    padding: 4px 4px 4px 0
}

.mx_MessageComposer_formatbar_markdown,
.mx_MessageComposer_input_markdownIndicator {
    cursor: pointer;
    -webkit-mask-image: url(https://element.anontier.nl/../img/markdown.6905ba8.svg);
    mask-image: url(https://element.anontier.nl/../img/markdown.6905ba8.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #a1b2d1
}

.mx_MessageComposer_formatbar_markdown.mx_MessageComposer_markdownDisabled,
.mx_MessageComposer_input_markdownIndicator.mx_MessageComposer_markdownDisabled {
    opacity: .2
}

.mx_MatrixChat_useCompactLayout .mx_MessageComposer_input {
    min-height: 50px
}

.mx_MatrixChat_useCompactLayout .mx_MessageComposer_noperm_error {
    height: 50px
}

.mx_MessageComposer.mx_MessageComposer--compact {
    margin-right: 0
}

.mx_MessageComposer.mx_MessageComposer--compact .mx_MessageComposer_wrapper {
    padding: 0 0 0 25px
}

.mx_MessageComposer.mx_MessageComposer--compact:not(.mx_MessageComposer_e2eStatus) .mx_MessageComposer_wrapper {
    padding: 0
}

.mx_MessageComposer.mx_MessageComposer--compact .mx_MessageComposer_button:last-child {
    margin-right: 0
}

.mx_MessageComposer.mx_MessageComposer--compact .mx_MessageComposer_e2eIcon {
    left: 0
}

.mx_MessageComposer_Menu .mx_CallContextMenu_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_MessageComposerFormatBar {
    display: none;
    width: 192px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    border-radius: 8px;
    background-color: var(--timeline-background-color);
    border: 1px solid #e7e7e7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1000
}

.mx_MessageComposerFormatBar.mx_MessageComposerFormatBar_shown {
    display: block
}

.mx_MessageComposerFormatBar>* {
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin: 2px
}

.mx_MessageComposerFormatBar>:hover {
    background: var(--roomlist-highlights-color);
    border-radius: 6px;
    z-index: 1
}

.mx_MessageComposerFormatBar .mx_MessageComposerFormatBar_button {
    width: 28px;
    height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle
}

.mx_MessageComposerFormatBar .mx_MessageComposerFormatBar_button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_MessageComposerFormatBar .mx_MessageComposerFormatBar_button:hover:after {
    background-color: var(--timeline-text-color)
}

.mx_MessageComposerFormatBar .mx_MessageComposerFormatBar_buttonIconBold:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/format-bar/bold.0d80ac7.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/format-bar/bold.0d80ac7.svg)
}

.mx_MessageComposerFormatBar .mx_MessageComposerFormatBar_buttonIconItalic:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/format-bar/italic.bf18054.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/format-bar/italic.bf18054.svg)
}

.mx_MessageComposerFormatBar .mx_MessageComposerFormatBar_buttonIconStrikethrough:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/format-bar/strikethrough.0264f7b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/format-bar/strikethrough.0264f7b.svg)
}

.mx_MessageComposerFormatBar .mx_MessageComposerFormatBar_buttonIconQuote:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/format-bar/quote.560cd8f.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/format-bar/quote.560cd8f.svg)
}

.mx_MessageComposerFormatBar .mx_MessageComposerFormatBar_buttonIconCode:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/format-bar/code.27444ba.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/format-bar/code.27444ba.svg)
}

.mx_MessageComposerFormatBar .mx_MessageComposerFormatBar_buttonIconInsertLink:after {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/link.8f4b1fc.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/link.8f4b1fc.svg);
    -webkit-mask-size: 18px;
    mask-size: 18px
}

.mx_MessageComposerFormatBar_buttonTooltip {
    white-space: nowrap;
    font-size: 1.3rem;
    font-weight: 600;
    min-width: 54px;
    text-align: center
}

.mx_MessageComposerFormatBar_buttonTooltip .mx_MessageComposerFormatBar_tooltipShortcut {
    font-size: .9rem;
    opacity: .7
}

.mx_NewRoomIntro {
    margin: 40px 0 48px 64px
}

.mx_NewRoomIntro .mx_MiniAvatarUploader_hasAvatar:not(.mx_MiniAvatarUploader_busy):not(:hover) .mx_MiniAvatarUploader_indicator {
    display: none
}

.mx_NewRoomIntro .mx_AccessibleButton_kind_link {
    padding: 0;
    font-size: inherit
}

.mx_NewRoomIntro .mx_NewRoomIntro_buttons {
    margin-top: 28px
}

.mx_NewRoomIntro .mx_NewRoomIntro_buttons .mx_AccessibleButton {
    line-height: 2.4rem;
    display: inline-block
}

.mx_NewRoomIntro .mx_NewRoomIntro_buttons .mx_AccessibleButton+.mx_AccessibleButton {
    margin-left: 12px
}

.mx_NewRoomIntro .mx_NewRoomIntro_buttons .mx_AccessibleButton:not(.mx_AccessibleButton_kind_primary_outline):before {
    content: "";
    display: inline-block;
    background-color: #fff;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 20px;
    mask-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: text-bottom
}

.mx_NewRoomIntro .mx_NewRoomIntro_buttons .mx_NewRoomIntro_inviteButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg)
}

.mx_NewRoomIntro>h2 {
    margin-top: 24px;
    font-size: 2.4rem;
    font-weight: 600
}

.mx_NewRoomIntro>p {
    margin: 0;
    font-size: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_NotificationBadge:not(.mx_NotificationBadge_visible) {
    display: none
}

.mx_NotificationBadge.mx_NotificationBadge_visible {
    background-color: var(--roomlist-text-secondary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_NotificationBadge.mx_NotificationBadge_visible.mx_NotificationBadge_highlighted {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_NotificationBadge.mx_NotificationBadge_visible.mx_NotificationBadge_dot {
    background-color: var(--timeline-text-color);
    width: 6px;
    height: 6px;
    border-radius: 6px
}

.mx_NotificationBadge.mx_NotificationBadge_visible.mx_NotificationBadge_2char {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 1.6rem
}

.mx_NotificationBadge.mx_NotificationBadge_visible.mx_NotificationBadge_3char {
    width: 2.6rem;
    height: 1.6rem;
    border-radius: 1.6rem
}

.mx_NotificationBadge.mx_NotificationBadge_visible .mx_NotificationBadge_count {
    font-size: 1rem;
    line-height: 1.4rem;
    color: #fff
}

.mx_PinnedEventTile {
    min-height: 40px;
    width: 100%;
    padding: 0 4px 12px;
    display: grid;
    grid-template-areas: "avatar name remove" "content content content" "footer footer footer";
    grid-template-rows: -webkit-max-content auto -webkit-max-content;
    grid-template-rows: max-content auto max-content;
    grid-template-columns: 24px auto 24px;
    grid-row-gap: 12px;
    grid-column-gap: 8px
}

.mx_PinnedEventTile+.mx_PinnedEventTile {
    padding: 12px 4px;
    border-top: 1px solid #000
}

.mx_PinnedEventTile .mx_PinnedEventTile_senderAvatar {
    grid-area: avatar
}

.mx_PinnedEventTile .mx_PinnedEventTile_sender {
    grid-area: name;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.4rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mx_PinnedEventTile .mx_PinnedEventTile_unpinButton {
    visibility: hidden;
    grid-area: remove;
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 8px
}

.mx_PinnedEventTile .mx_PinnedEventTile_unpinButton:hover {
    background-color: var(--timeline-text-secondary-color)
}

.mx_PinnedEventTile .mx_PinnedEventTile_unpinButton:before {
    content: "";
    position: absolute;
    height: inherit;
    width: inherit;
    background: #edf3ff;
    background: var(--secondary-content, #edf3ff);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 8px;
    mask-size: 8px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(https://element.anontier.nl/../img/image-view/close.97d1731.svg);
    mask-image: url(https://element.anontier.nl/../img/image-view/close.97d1731.svg)
}

.mx_PinnedEventTile .mx_PinnedEventTile_message {
    grid-area: content
}

.mx_PinnedEventTile .mx_PinnedEventTile_footer {
    grid-area: footer;
    font-size: 10px;
    line-height: 12px
}

.mx_PinnedEventTile .mx_PinnedEventTile_footer .mx_PinnedEventTile_timestamp {
    font-size: inherit;
    line-height: inherit;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_PinnedEventTile .mx_PinnedEventTile_footer .mx_AccessibleButton_kind_link {
    padding: 0;
    margin-left: 12px;
    font-size: inherit;
    line-height: inherit
}

.mx_PinnedEventTile:hover .mx_PinnedEventTile_unpinButton {
    visibility: visible
}

.mx_PresenceLabel {
    font-size: 1.1rem;
    opacity: .5
}

.mx_RecentlyViewedButton_ContextMenu {
    padding: 16px 8px 16px 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 240px;
    max-height: 400px;
    border: 1px solid rgba(var(--timeline-text-color), .1);
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 4px rgba(0, 0, 0, .08);
    box-shadow: 0 8px 4px rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_RecentlyViewedButton_ContextMenu>h4 {
    margin: 0 0 12px
}

.mx_RecentlyViewedButton_ContextMenu>div {
    overflow-y: auto
}

.mx_RecentlyViewedButton_ContextMenu>div * {
    margin-right: 4px
}

.mx_RecentlyViewedButton_ContextMenu .mx_AccessibleButton {
    margin-top: 2px;
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    min-height: 34px
}

.mx_RecentlyViewedButton_ContextMenu .mx_AccessibleButton:hover {
    background-color: var(--roomlist-highlights-color)
}

.mx_RecentlyViewedButton_ContextMenu .mx_AccessibleButton .mx_BaseAvatar {
    margin-right: 8px;
    width: 24px
}

.mx_RecentlyViewedButton_ContextMenu .mx_AccessibleButton .mx_RecentlyViewedButton_entry_label {
    display: grid
}

.mx_RecentlyViewedButton_ContextMenu .mx_AccessibleButton .mx_RecentlyViewedButton_entry_label>div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mx_RecentlyViewedButton_ContextMenu .mx_AccessibleButton .mx_RecentlyViewedButton_entry_spaces {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_ReplyPreview {
    border: 1px solid var(--roomlist-separator-color);
    background: var(--timeline-background-color);
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    max-height: 50vh;
    overflow: auto;
    -webkit-box-shadow: 0 -16px 32px tranparent;
    box-shadow: 0 -16px 32px tranparent
}

.mx_ReplyPreview .mx_ReplyPreview_section {
    border-bottom: 1px solid var(--roomlist-separator-color)
}

.mx_ReplyPreview .mx_ReplyPreview_section .mx_ReplyPreview_header {
    margin: 8px;
    color: var(--timeline-text-color);
    font-weight: 400;
    opacity: .4
}

.mx_ReplyPreview .mx_ReplyPreview_section .mx_ReplyPreview_tile {
    margin: 0 8px
}

.mx_ReplyPreview .mx_ReplyPreview_section .mx_ReplyPreview_title {
    float: left
}

.mx_ReplyPreview .mx_ReplyPreview_section .mx_ReplyPreview_cancel {
    float: right;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_ReplyPreview .mx_ReplyPreview_section .mx_ReplyPreview_clear {
    clear: both
}

.mx_ReplyTile {
    position: relative;
    padding: 2px 0;
    font-size: 1.4rem;
    line-height: 1.6rem
}

.mx_ReplyTile.mx_ReplyTile_audio .mx_MFileBody_info_icon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/speaker.7124b41.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/speaker.7124b41.svg)
}

.mx_ReplyTile.mx_ReplyTile_video .mx_MFileBody_info_icon:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/video-call.f465ed0.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/video-call.f465ed0.svg)
}

.mx_ReplyTile .mx_MFileBody .mx_MFileBody_info {
    margin: 5px 0
}

.mx_ReplyTile .mx_MFileBody .mx_MFileBody_download {
    display: none
}

.mx_ReplyTile>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    color: var(--timeline-text-color)
}

.mx_ReplyTile .mx_RedactedBody {
    padding: 4px 0 2px 20px
}

.mx_ReplyTile .mx_RedactedBody:before {
    height: 13px;
    width: 13px;
    top: 5px
}

.mx_ReplyTile .mx_EventTile_content {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 2.2rem
}

.mx_ReplyTile .mx_EventTile_content .mx_EventTile_body.mx_EventTile_bigEmoji {
    line-height: 2.2rem!important;
    font-size: 1.4rem!important
}

.mx_ReplyTile .mx_EventTile_content .mx_EventTile_lineNumbers {
    display: none
}

.mx_ReplyTile .mx_EventTile_content .mx_EventTile_pre_container>pre {
    overflow-x: scroll;
    overflow-y: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 4px
}

.mx_ReplyTile .mx_EventTile_content .markdown-body blockquote,
.mx_ReplyTile .mx_EventTile_content .markdown-body dl,
.mx_ReplyTile .mx_EventTile_content .markdown-body ol,
.mx_ReplyTile .mx_EventTile_content .markdown-body p,
.mx_ReplyTile .mx_EventTile_content .markdown-body pre,
.mx_ReplyTile .mx_EventTile_content .markdown-body table,
.mx_ReplyTile .mx_EventTile_content .markdown-body ul {
    margin-bottom: 4px
}

.mx_ReplyTile.mx_ReplyTile_info {
    padding-top: 0
}

.mx_ReplyTile .mx_SenderProfile {
    font-size: 1.4rem;
    line-height: 1.7rem;
    display: inline-block;
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mx_RoomBreadcrumbs {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 12px
}

.mx_RoomBreadcrumbs .mx_RoomBreadcrumbs_crumb {
    margin-right: 8px;
    width: 32px
}

.mx_RoomBreadcrumbs.mx_RoomBreadcrumbs-enter {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px)
}

.mx_RoomBreadcrumbs.mx_RoomBreadcrumbs-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .64s cubic-bezier(.66, .02, .36, 1);
    transition: -webkit-transform .64s cubic-bezier(.66, .02, .36, 1);
    transition: transform .64s cubic-bezier(.66, .02, .36, 1);
    transition: transform .64s cubic-bezier(.66, .02, .36, 1), -webkit-transform .64s cubic-bezier(.66, .02, .36, 1)
}

.mx_RoomBreadcrumbs .mx_RoomBreadcrumbs_placeholder {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 32px;
    height: 32px
}

.mx_RoomBreadcrumbs_Tooltip {
    margin-left: -42px;
    margin-top: -42px
}

.mx_RoomHeader {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    border-bottom: 1px solid var(--roomlist-separator-color);
    background-color: var(--timeline-background-color)
}

.mx_RoomHeader .mx_RoomHeader_e2eIcon {
    height: 12px;
    width: 12px
}

.mx_RoomHeader .mx_RoomHeader_e2eIcon .mx_E2EIcon {
    margin: 0;
    position: absolute;
    height: 12px;
    width: 12px
}

.mx_RoomHeader_wrapper {
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    margin: 0 20px 0 16px;
    padding-top: 8px;
    border-bottom: 1px solid #21262c;
    border-bottom: 1px solid var(--system, #21262c)
}

.mx_RoomHeader_wrapper .mx_InviteOnlyIcon_large {
    margin: 0
}

.mx_RoomHeader_spinner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 36px;
    padding-left: 12px;
    padding-right: 12px
}

.mx_RoomHeader_textButton {
    vertical-align: middle;
    border: 0;
    border-radius: 8px;
    font-family: Nunito, Twemoji, Apple Color Emoji, Segoe UI Emoji, Arial, Helvetica, sans-serif, Noto Color Emoji;
    font-family: var(--font-family, "Nunito", "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Arial", "Helvetica", sans-serif, "Noto Color Emoji");
    font-size: 1.4rem;
    color: #fff;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    width: auto;
    padding: 7px 1.5em;
    cursor: pointer;
    display: inline-block;
    outline: none;
    margin-right: 8px;
    margin-top: -5px
}

.mx_RoomHeader_textButton_danger {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_RoomHeader_cancelButton {
    cursor: pointer;
    padding-left: 12px;
    padding-right: 12px
}

.mx_RoomHeader_buttons {
    background-color: var(--timeline-background-color)
}

.mx_RoomHeader_buttons,
.mx_RoomHeader_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_RoomHeader_info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_RoomHeader_simpleHeader {
    line-height: 5.2rem;
    color: var(--timeline-text-color);
    font-size: 1.8rem;
    font-weight: 600;
    overflow: hidden;
    margin-left: 63px;
    text-overflow: ellipsis;
    width: 100%
}

.mx_RoomHeader_simpleHeader .mx_RoomHeader_cancelButton {
    float: right
}

.mx_RoomHeader_simpleHeader .mx_RoomHeader_icon {
    margin-left: 14px;
    margin-right: 24px;
    vertical-align: -4px
}

.mx_RoomHeader_name {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow: hidden;
    color: var(--timeline-text-color);
    font-weight: 600;
    font-size: 1.8rem;
    border-radius: 6px;
    margin: 0 7px;
    padding: 1px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx_RoomHeader_name:hover {
    background-color: #6f7882;
    background-color: var(--quinary-content, #6f7882)
}

.mx_RoomHeader_name .mx_RoomHeader_nametext {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mx_RoomHeader_name .mx_RoomHeader_chevron {
    -ms-flex-item-align: center;
    align-self: center;
    width: 16px;
    height: 16px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff)
}

.mx_RoomHeader_name[aria-expanded=true] {
    background-color: #6f7882;
    background-color: var(--quinary-content, #6f7882)
}

.mx_RoomHeader_name[aria-expanded=true] .mx_RoomHeader_chevron {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mx_RoomHeader_settingsHint {
    color: var(--timeline-text-color)!important
}

.mx_RoomHeader_searchStatus {
    font-weight: 400;
    opacity: .6
}

.mx_RoomHeader_avatar,
.mx_RoomHeader_name {
    cursor: pointer
}

.mx_RoomHeader_topic {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--timeline-text-color-50pct);
    font-weight: 400;
    font-size: 1.3rem;
    margin: 4px 7px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid transparent;
    line-height: 1.2em;
    max-height: 2.4em
}

.mx_RoomHeader_avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    margin: 0 6px 0 7px;
    position: relative
}

.mx_RoomHeader_avatar .mx_BaseAvatar_image {
    -o-object-fit: cover;
    object-fit: cover
}

.mx_RoomHeader_button {
    position: relative;
    margin-left: 1px;
    margin-right: 1px;
    cursor: pointer;
    height: 32px;
    width: 32px;
    border-radius: 100%
}

.mx_RoomHeader_button:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    height: 24px;
    width: 24px;
    background-color: #a1b2d1;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.mx_RoomHeader_button:hover {
    background: rgba(#0DBD8B, .1);
    background: rgba(var(--accent, #0DBD8B), .1)
}

.mx_RoomHeader_button:hover:before {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_RoomHeader_forgetButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/leave.bb917e7.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/leave.bb917e7.svg);
    width: 26px
}

.mx_RoomHeader_appsButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/apps.5ee9f78.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/apps.5ee9f78.svg)
}

.mx_RoomHeader_appsButton_highlight:before {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_RoomHeader_searchButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/search-inset.db6314d.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/search-inset.db6314d.svg)
}

.mx_RoomHeader_voiceCallButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/voice-call.303eba8.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/voice-call.303eba8.svg);
    -webkit-mask-size: 20px;
    mask-size: 20px;
    -webkit-mask-position: center;
    mask-position: center
}

.mx_RoomHeader_videoCallButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/video-call.f465ed0.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/video-call.f465ed0.svg)
}

@media only screen and (max-width:480px) {
    .mx_RoomHeader_wrapper {
        padding: 0;
        margin: 0
    }
    .mx_RoomHeader {
        overflow: hidden
    }
}

.mx_RoomList {
    padding-right: 7px
}

.mx_RoomList_iconPlus:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/plus-circle.aa44b1a.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/plus-circle.aa44b1a.svg)
}

.mx_RoomList_iconCreateNewRoom:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/hash-plus.156a3d6.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/hash-plus.156a3d6.svg)
}

.mx_RoomList_iconAddExistingRoom:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/hash.bcfb50c.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/hash.bcfb50c.svg)
}

.mx_RoomList_iconExplore:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/hash-search.2077950.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/hash-search.2077950.svg)
}

.mx_RoomList_iconDialpad:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/dialpad.37f876f.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/dialpad.37f876f.svg)
}

.mx_RoomList_iconStartChat {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/member-plus.9382a00.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/member-plus.9382a00.svg)
}

.mx_RoomList_iconInvite {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/share.54dc3fb.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/share.54dc3fb.svg)
}

.mx_RoomList_explorePrompt {
    margin: 4px 12px;
    padding-top: 12px;
    border-top: 1px solid #e7e7e7;
    font-size: 1.4rem
}

.mx_RoomList_explorePrompt div:first-child {
    font-weight: 600;
    line-height: 1.8rem;
    color: var(--timeline-text-color)
}

.mx_RoomList_explorePrompt .mx_AccessibleButton {
    color: var(--timeline-text-color);
    position: relative;
    padding: 8px 8px 8px 32px;
    font-size: inherit;
    margin-top: 12px;
    display: block;
    text-align: start;
    background-color: var(--roomlist-highlights-color);
    border-radius: 4px
}

.mx_RoomList_explorePrompt .mx_AccessibleButton:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 8px;
    left: 8px;
    background: #edf3ff;
    background: var(--secondary-content, #edf3ff);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.mx_RoomList_explorePrompt .mx_AccessibleButton.mx_RoomList_explorePrompt_startChat:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/feedback.a91241e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/feedback.a91241e.svg)
}

.mx_RoomList_explorePrompt .mx_AccessibleButton.mx_RoomList_explorePrompt_explore:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/explore.1523e65.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/explore.1523e65.svg)
}

.mx_RoomListHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_RoomListHeader .mx_RoomListHeader_contextLessTitle,
.mx_RoomListHeader .mx_RoomListHeader_contextMenuButton {
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: 600;
    padding: 1px 24px 1px 4px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 8px;
    margin-right: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx_RoomListHeader .mx_RoomListHeader_contextMenuButton {
    border-radius: 6px
}

.mx_RoomListHeader .mx_RoomListHeader_contextMenuButton:hover {
    background-color: #6f7882;
    background-color: var(--quinary-content, #6f7882)
}

.mx_RoomListHeader .mx_RoomListHeader_contextMenuButton:before {
    content: "";
    width: 20px;
    height: 20px;
    top: 3px;
    right: 0;
    position: absolute;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg)
}

.mx_RoomListHeader .mx_RoomListHeader_contextMenuButton[aria-expanded=true] {
    background-color: #6f7882;
    background-color: var(--quinary-content, #6f7882)
}

.mx_RoomListHeader .mx_RoomListHeader_contextMenuButton[aria-expanded=true]:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mx_RoomListHeader .mx_RoomListHeader_plusButton {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    position: relative;
    padding: 8px;
    margin-left: 8px;
    margin-right: 12px;
    background-color: var(--roomlist-highlights-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mx_RoomListHeader .mx_RoomListHeader_plusButton:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/plus.daac9ba.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/plus.daac9ba.svg)
}

.mx_RoomListHeader .mx_RoomListHeader_plusButton:hover {
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff)
}

.mx_RoomListHeader .mx_RoomListHeader_plusButton:hover:before {
    background-color: var(--timeline-background-color)
}

.mx_RoomListHeader_iconInvite:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg)
}

.mx_RoomListHeader_iconStartChat:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/member-plus.9382a00.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/member-plus.9382a00.svg)
}

.mx_RoomListHeader_iconCreateRoom:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/hash-plus.156a3d6.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/hash-plus.156a3d6.svg)
}

.mx_RoomListHeader_iconExplore:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/hash-search.2077950.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/hash-search.2077950.svg)
}

.mx_RoomPreviewBar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center
}

.mx_RoomPreviewBar h3 {
    font-size: 1.8rem;
    font-weight: 600
}

.mx_RoomPreviewBar h3.mx_RoomPreviewBar_spinnerTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_RoomPreviewBar .mx_RoomPreviewBar_message p,
.mx_RoomPreviewBar h3 {
    word-break: break-all;
    word-break: break-word
}

.mx_RoomPreviewBar .mx_Spinner {
    width: auto;
    height: auto;
    margin: 10px 10px 10px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.mx_RoomPreviewBar .mx_RoomPreviewBar_footer {
    font-size: 1.2rem;
    line-height: 2rem
}

.mx_RoomPreviewBar .mx_RoomPreviewBar_footer .mx_Spinner {
    vertical-align: middle;
    display: inline-block
}

.mx_RoomPreviewBar_actions,
.mx_RoomPreviewBar_message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_RoomPreviewBar_message {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.mx_RoomPreviewBar_message p {
    overflow-wrap: break-word
}

.mx_RoomPreviewBar_panel {
    padding: 8px 8px 8px 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.mx_RoomPreviewBar_panel .mx_RoomPreviewBar_actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 3px 8px
}

.mx_RoomPreviewBar_panel .mx_RoomPreviewBar_actions>* {
    margin-left: 12px
}

.mx_RoomPreviewBar_panel .mx_RoomPreviewBar_message {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_RoomPreviewBar_panel .mx_RoomPreviewBar_message>* {
    margin: 4px
}

.mx_RoomPreviewBar_dialog {
    margin: auto;
    -webkit-box-sizing: content;
    box-sizing: content;
    width: 400px;
    border-radius: 4px;
    padding: 20px;
    text-align: center
}

.mx_RoomPreviewBar_dialog,
.mx_RoomPreviewBar_dialog .mx_RoomPreviewBar_message {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_RoomPreviewBar_dialog .mx_RoomPreviewBar_message>* {
    margin: 5px 0 20px
}

.mx_RoomPreviewBar_dialog .mx_RoomPreviewBar_actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_RoomPreviewBar_dialog .mx_RoomPreviewBar_actions .mx_AccessibleButton {
    padding: 7px 50px
}

.mx_RoomPreviewBar_dialog .mx_RoomPreviewBar_actions>* {
    margin-top: 12px
}

.mx_RoomPreviewBar_dialog .mx_RoomPreviewBar_actions .mx_AccessibleButton.mx_AccessibleButton_kind_primary {
    margin-bottom: 7px
}

.mx_RoomPreviewBar_inviter {
    font-weight: 600
}

a.mx_RoomPreviewBar_inviter {
    text-decoration: underline;
    cursor: pointer
}

.mx_RoomSublist {
    margin-left: 8px;
    margin-bottom: 4px
}

.mx_RoomSublist.mx_RoomSublist_hidden {
    display: none
}

.mx_RoomSublist:not(.mx_RoomSublist_minimized) .mx_RoomSublist_headerContainer {
    height: auto
}

.mx_RoomSublist .mx_RoomSublist_headerContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 8px;
    height: 24px;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff)
}

.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_stickable {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_stickable.mx_RoomSublist_headerContainer_sticky {
    position: fixed;
    height: 32px;
    width: calc(100% - 15px)
}

.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_badgeContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_badgeContainer .mx_NotificationBadge {
    margin-left: 8px
}

.mx_RoomSublist .mx_RoomSublist_headerContainer:not(.mx_RoomSublist_headerContainer_withAux) .mx_NotificationBadge {
    margin-right: 4px
}

.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_auxButton,
.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_menuButton {
    margin-left: 8px;
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 8px
}

.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_auxButton:before,
.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_menuButton:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: #a1b2d1
}

.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_auxButton:hover,
.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_menuButton:hover {
    background: var(--roomlist-highlights-color)
}

.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_menuButton {
    visibility: hidden;
    width: 0;
    margin: 0
}

.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_auxButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/plus.daac9ba.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/plus.daac9ba.svg)
}

.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_menuButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/context-menu.829cc1a.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/context-menu.829cc1a.svg)
}

.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_headerText {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(100% - 16px);
    line-height: 1.6rem;
    font-size: 1.3rem;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_headerText .mx_RoomSublist_collapseBtn {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    margin-right: 6px
}

.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_headerText .mx_RoomSublist_collapseBtn:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg)
}

.mx_RoomSublist .mx_RoomSublist_headerContainer .mx_RoomSublist_headerText .mx_RoomSublist_collapseBtn.mx_RoomSublist_collapseBtn_collapsed:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mx_RoomSublist .mx_RoomSublist_resizeBox {
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.mx_RoomSublist .mx_RoomSublist_resizeBox,
.mx_RoomSublist .mx_RoomSublist_resizeBox .mx_RoomSublist_tiles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.mx_RoomSublist .mx_RoomSublist_resizeBox .mx_RoomSublist_tiles {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    overflow: hidden;
    overflow: clip;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    min-height: 0;
    -webkit-mask-image: linear-gradient(0deg, transparent, #000 4px);
    mask-image: linear-gradient(0deg, transparent, #000 4px)
}

.mx_RoomSublist .mx_RoomSublist_resizeBox.mx_RoomSublist_resizeBox_forceExpanded .mx_RoomSublist_tiles {
    overflow: visible;
    min-height: unset
}

.mx_RoomSublist .mx_RoomSublist_resizeBox .mx_RoomSublist_resizerHandles_showNButton {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px
}

.mx_RoomSublist .mx_RoomSublist_resizeBox .mx_RoomSublist_resizerHandles {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4px;
    flex: 0 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.mx_RoomSublist .mx_RoomSublist_resizeBox .mx_RoomSublist_resizerHandle {
    cursor: ns-resize;
    border-radius: 3px;
    max-width: 64px;
    height: 4px!important;
    position: relative!important;
    bottom: 0!important
}

.mx_RoomSublist .mx_RoomSublist_resizeBox.mx_RoomSublist_hasMenuOpen .mx_RoomSublist_resizerHandle,
.mx_RoomSublist .mx_RoomSublist_resizeBox:hover .mx_RoomSublist_resizerHandle {
    opacity: .8;
    background-color: var(--timeline-text-color)
}

.mx_RoomSublist .mx_RoomSublist_showNButton {
    cursor: pointer;
    font-size: 1.3rem;
    line-height: 1.8rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    height: 24px;
    padding-bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_RoomSublist .mx_RoomSublist_showNButton .mx_RoomSublist_showNButtonChevron {
    position: relative;
    width: 18px;
    height: 18px;
    margin-left: 12px;
    margin-right: 16px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: #edf3ff;
    background: var(--tertiary-content, #edf3ff);
    left: -1px
}

.mx_RoomSublist .mx_RoomSublist_showNButton .mx_RoomSublist_showLessButtonChevron,
.mx_RoomSublist .mx_RoomSublist_showNButton .mx_RoomSublist_showMoreButtonChevron {
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg)
}

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

.mx_RoomSublist.mx_RoomSublist_hasMenuOpen .mx_RoomSublist_menuButton,
.mx_RoomSublist:not(.mx_RoomSublist_minimized)>.mx_RoomSublist_headerContainer:focus-within .mx_RoomSublist_menuButton,
.mx_RoomSublist:not(.mx_RoomSublist_minimized)>.mx_RoomSublist_headerContainer:hover .mx_RoomSublist_menuButton {
    visibility: visible;
    width: 24px;
    margin-left: 8px
}

.mx_RoomSublist.mx_RoomSublist_minimized .mx_RoomSublist_headerContainer {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.mx_RoomSublist.mx_RoomSublist_minimized .mx_RoomSublist_headerContainer .mx_RoomSublist_badgeContainer {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right: 0
}

.mx_RoomSublist.mx_RoomSublist_minimized .mx_RoomSublist_headerContainer .mx_RoomSublist_stickable {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    max-width: 100%
}

.mx_RoomSublist.mx_RoomSublist_minimized .mx_RoomSublist_headerContainer .mx_RoomSublist_auxButton {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    visibility: visible;
    width: 32px!important;
    height: 32px!important;
    margin-left: 0!important;
    background-color: var(--roomlist-highlights-color);
    margin-top: 8px
}

.mx_RoomSublist.mx_RoomSublist_minimized .mx_RoomSublist_headerContainer .mx_RoomSublist_auxButton:before {
    top: 8px;
    left: 8px
}

.mx_RoomSublist.mx_RoomSublist_minimized .mx_RoomSublist_resizeBox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_RoomSublist.mx_RoomSublist_minimized .mx_RoomSublist_showNButton {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_RoomSublist.mx_RoomSublist_minimized .mx_RoomSublist_showNButton .mx_RoomSublist_showNButtonChevron {
    margin-right: 12px
}

.mx_RoomSublist.mx_RoomSublist_minimized .mx_RoomSublist_menuButton {
    height: 16px
}

.mx_RoomSublist.mx_RoomSublist_minimized.mx_RoomSublist_hasMenuOpen .mx_RoomSublist_menuButton,
.mx_RoomSublist.mx_RoomSublist_minimized>.mx_RoomSublist_headerContainer:hover .mx_RoomSublist_menuButton {
    visibility: visible;
    position: absolute;
    bottom: 48px;
    right: 0;
    width: 16px;
    height: 16px;
    border-radius: 0;
    z-index: 1;
    background-color: var(--roomlist-background-color)
}

.mx_RoomSublist.mx_RoomSublist_minimized.mx_RoomSublist_hasMenuOpen .mx_RoomSublist_menuButton:before,
.mx_RoomSublist.mx_RoomSublist_minimized>.mx_RoomSublist_headerContainer:hover .mx_RoomSublist_menuButton:before {
    top: 0;
    left: 0
}

.mx_RoomSublist.mx_RoomSublist_minimized.mx_RoomSublist_hasMenuOpen.mx_RoomSublist_headerContainer:not(.mx_RoomSublist_headerContainer_withAux) .mx_RoomSublist_menuButton,
.mx_RoomSublist.mx_RoomSublist_minimized>.mx_RoomSublist_headerContainer:hover.mx_RoomSublist_headerContainer:not(.mx_RoomSublist_headerContainer_withAux) .mx_RoomSublist_menuButton {
    bottom: 8px
}

.mx_RoomSublist_contextMenu {
    padding: 20px 16px;
    width: 250px
}

.mx_RoomSublist_contextMenu hr {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-right: 16px;
    border: 1px solid var(--timeline-text-color);
    opacity: .1
}

.mx_RoomSublist_contextMenu .mx_RoomSublist_contextMenu_title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    margin-bottom: 4px
}

.mx_RoomSublist_contextMenu .mx_Checkbox,
.mx_RoomSublist_contextMenu .mx_StyledRadioButton {
    margin-top: 8px
}

.mx_RoomSublist_addRoomTooltip {
    margin-top: -3px
}

.mx_RoomSublist_skeletonUI {
    position: relative;
    margin-left: 4px;
    height: 240px
}

.mx_RoomSublist_skeletonUI:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#3e444c), to(rgba(62, 68, 76, 0)));
    background: linear-gradient(180deg, #3e444c, rgba(62, 68, 76, 0));
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    -webkit-mask-repeat: repeat-y;
    mask-repeat: repeat-y;
    -webkit-mask-size: auto 48px;
    mask-size: auto 48px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/skeleton-ui.1f67400.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/skeleton-ui.1f67400.svg)
}

.mx_RoomSublist_minimized .mx_RoomSublist_skeletonUI {
    width: 32px;
    margin-left: 10px
}

.mx_RoomTile {
    margin-bottom: 4px;
    padding: 4px;
    contain: content;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_RoomTile.mx_RoomTile_hasMenuOpen,
.mx_RoomTile.mx_RoomTile_selected,
.mx_RoomTile:focus-within,
.mx_RoomTile:hover {
    background-color: var(--roomlist-highlights-color);
    border-radius: 8px
}

.mx_RoomTile .mx_DecoratedRoomAvatar,
.mx_RoomTile .mx_RoomTile_avatarContainer {
    margin-right: 8px
}

.mx_RoomTile .mx_RoomTile_nameContainer {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_RoomTile .mx_RoomTile_nameContainer .mx_RoomTile_messagePreview,
.mx_RoomTile .mx_RoomTile_nameContainer .mx_RoomTile_name {
    margin: 0 2px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mx_RoomTile .mx_RoomTile_nameContainer .mx_RoomTile_name {
    font-size: 1.4rem;
    line-height: 1.8rem
}

.mx_RoomTile .mx_RoomTile_nameContainer .mx_RoomTile_name.mx_RoomTile_nameHasUnreadEvents {
    font-weight: 600
}

.mx_RoomTile .mx_RoomTile_nameContainer .mx_RoomTile_messagePreview {
    font-size: 1.3rem;
    line-height: 1.8rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_RoomTile .mx_RoomTile_nameContainer .mx_RoomTile_nameWithPreview {
    margin-top: -4px
}

.mx_RoomTile .mx_RoomTile_notificationsButton {
    margin-left: 4px
}

.mx_RoomTile .mx_RoomTile_badgeContainer {
    height: 16px;
    margin: auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_RoomTile .mx_RoomTile_badgeContainer .mx_NotificationBadge {
    margin-right: 2px
}

.mx_RoomTile .mx_RoomTile_badgeContainer .mx_NotificationBadge_dot {
    margin-left: 5px;
    margin-right: 7px
}

.mx_RoomTile .mx_RoomTile_menuButton,
.mx_RoomTile .mx_RoomTile_notificationsButton {
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
    display: none
}

.mx_RoomTile .mx_RoomTile_menuButton:before,
.mx_RoomTile .mx_RoomTile_notificationsButton:before {
    top: 2px;
    left: 2px;
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: var(--timeline-text-color)
}

.mx_RoomTile .mx_RoomTile_notificationsButton.mx_RoomTile_notificationsButton_show {
    display: block
}

.mx_RoomTile .mx_RoomTile_menuButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/context-menu.829cc1a.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/context-menu.829cc1a.svg)
}

.mx_RoomTile:not(.mx_RoomTile_minimized).mx_RoomTile_hasMenuOpen .mx_RoomTile_badgeContainer,
.mx_RoomTile:not(.mx_RoomTile_minimized):focus-within .mx_RoomTile_badgeContainer,
.mx_RoomTile:not(.mx_RoomTile_minimized):hover .mx_RoomTile_badgeContainer {
    width: 0;
    height: 0;
    display: none
}

.mx_RoomTile:not(.mx_RoomTile_minimized).mx_RoomTile_hasMenuOpen .mx_RoomTile_menuButton,
.mx_RoomTile:not(.mx_RoomTile_minimized).mx_RoomTile_hasMenuOpen .mx_RoomTile_notificationsButton,
.mx_RoomTile:not(.mx_RoomTile_minimized):focus-within .mx_RoomTile_menuButton,
.mx_RoomTile:not(.mx_RoomTile_minimized):focus-within .mx_RoomTile_notificationsButton,
.mx_RoomTile:not(.mx_RoomTile_minimized):hover .mx_RoomTile_menuButton,
.mx_RoomTile:not(.mx_RoomTile_minimized):hover .mx_RoomTile_notificationsButton {
    display: block
}

.mx_RoomTile.mx_RoomTile_minimized {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.mx_RoomTile.mx_RoomTile_minimized .mx_DecoratedRoomAvatar,
.mx_RoomTile.mx_RoomTile_minimized .mx_RoomTile_avatarContainer {
    margin-right: 0
}

.mx_RoomTile_iconBell:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg)
}

.mx_RoomTile_iconBellDot:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-default.8b8509e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-default.8b8509e.svg)
}

.mx_RoomTile_iconBellCrossed:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-off.0c57561.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-off.0c57561.svg)
}

.mx_RoomTile_iconBellMentions:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-dm.ffa8881.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-dm.ffa8881.svg)
}

.mx_RoomTile_contextMenu .mx_RoomTile_iconStar:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/favorite.ff7609d.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/favorite.ff7609d.svg)
}

.mx_RoomTile_contextMenu .mx_RoomTile_iconArrowDown:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/low-priority.6c7fb97.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/low-priority.6c7fb97.svg)
}

.mx_RoomTile_contextMenu .mx_RoomTile_iconNotificationsDefault:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg)
}

.mx_RoomTile_contextMenu .mx_RoomTile_iconNotificationsAllMessages:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-default.8b8509e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-default.8b8509e.svg)
}

.mx_RoomTile_contextMenu .mx_RoomTile_iconNotificationsMentionsKeywords:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-dm.ffa8881.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-dm.ffa8881.svg)
}

.mx_RoomTile_contextMenu .mx_RoomTile_iconNotificationsNone:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-off.0c57561.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-off.0c57561.svg)
}

.mx_RoomTile_contextMenu .mx_RoomTile_iconPeople:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg)
}

.mx_RoomTile_contextMenu .mx_RoomTile_iconFiles:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/files.5709c0c.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/files.5709c0c.svg)
}

.mx_RoomTile_contextMenu .mx_RoomTile_iconWidgets:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/apps.5ee9f78.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/apps.5ee9f78.svg)
}

.mx_RoomTile_contextMenu .mx_RoomTile_iconSettings:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/settings.6b381af.svg)
}

.mx_RoomTile_contextMenu .mx_RoomTile_iconExport:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/export.4a4f177.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/export.4a4f177.svg)
}

.mx_RoomTile_contextMenu .mx_RoomTile_iconCopyLink:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/link.8f4b1fc.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/link.8f4b1fc.svg)
}

.mx_RoomTile_contextMenu .mx_RoomTile_iconInvite:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg)
}

.mx_RoomTile_contextMenu .mx_RoomTile_iconSignOut:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/leave.bb917e7.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/leave.bb917e7.svg)
}

.mx_RoomUpgradeWarningBar {
    max-height: 235px;
    background-color: #22262e;
    padding-left: 20px;
    padding-right: 20px;
    overflow: scroll
}

.mx_RoomUpgradeWarningBar_wrapped {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center
}

.mx_RoomUpgradeWarningBar_header {
    font-weight: 700
}

.mx_RoomUpgradeWarningBar_body,
.mx_RoomUpgradeWarningBar_header,
.mx_RoomUpgradeWarningBar_upgradelink {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_RoomUpgradeWarningBar_upgradelink {
    text-decoration: underline
}

.mx_RoomUpgradeWarningBar_small {
    color: var(--timeline-text-secondary-color);
    font-size: 70%
}

.mx_SearchBar {
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--roomlist-separator-color)
}

.mx_SearchBar .mx_SearchBar_input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin-left: 22px
}

.mx_SearchBar .mx_SearchBar_searchButton {
    cursor: pointer;
    width: 37px;
    height: 37px;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    -webkit-mask: url(https://element.anontier.nl/../img/feather-customised/search-input.044bfa7.svg);
    mask: url(https://element.anontier.nl/../img/feather-customised/search-input.044bfa7.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.mx_SearchBar .mx_SearchBar_buttons {
    display: inherit
}

.mx_SearchBar .mx_SearchBar_button {
    border: 0;
    margin: 0 0 0 22px;
    padding: 5px;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--timeline-text-color);
    border-bottom: 2px solid #0dbd8b;
    border-bottom: 2px solid var(--accent, #0dbd8b);
    font-weight: 600
}

.mx_SearchBar .mx_SearchBar_unselected {
    color: #61708b;
    border-color: transparent
}

.mx_SearchBar .mx_SearchBar_cancel {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55);
    -webkit-mask: url(https://element.anontier.nl/../img/cancel.4b9715b.svg);
    mask: url(https://element.anontier.nl/../img/cancel.4b9715b.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 14px;
    mask-size: 14px;
    padding: 9px;
    margin: 0 12px 0 3px;
    cursor: pointer
}

.mx_SendMessageComposer {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 6px;
    min-width: 0
}

.mx_SendMessageComposer,
.mx_SendMessageComposer .mx_BasicMessageComposer {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.mx_SendMessageComposer .mx_BasicMessageComposer {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 55px
}

.mx_SendMessageComposer .mx_BasicMessageComposer .mx_BasicMessageComposer_input {
    padding: 3px 0;
    margin: auto 0;
    max-height: 140px;
    overflow-y: auto
}

.mx_Stickers_content {
    overflow: hidden
}

.mx_Stickers_content_container {
    overflow: hidden;
    height: 300px
}

#mx_persistedElement_stickerPicker .mx_AppTileFullWidth {
    height: unset;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: none;
    border-right: none;
    border-bottom: none
}

#mx_persistedElement_stickerPicker .mx_AppTileMenuBar {
    padding: 0
}

#mx_persistedElement_stickerPicker iframe {
    height: 283px
}

.mx_Stickers_contentPlaceholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.mx_Stickers_contentPlaceholder p {
    max-width: 200px
}

.mx_Stickers_addLink {
    display: inline;
    cursor: pointer;
    color: #0dbd8b;
    color: var(--accent, #0dbd8b)
}

.mx_Stickers_hideStickers {
    z-index: 2001
}

.mx_TopUnreadMessagesBar {
    z-index: 1000;
    position: absolute;
    top: 24px;
    right: 24px;
    width: 38px
}

.mx_TopUnreadMessagesBar:after {
    content: "";
    position: absolute;
    top: -8px;
    left: 10.5px;
    width: 4px;
    height: 4px;
    border-radius: 16px;
    background-color: var(--roomlist-background-color);
    border: 6px solid #0dbd8b;
    border: 6px solid var(--accent, #0dbd8b);
    pointer-events: none
}

.mx_TopUnreadMessagesBar_scrollUp {
    height: 38px;
    border-radius: 19px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--timeline-background-color);
    border: 1.3px solid #a1b2d1;
    cursor: pointer
}

.mx_TopUnreadMessagesBar_scrollUp:before {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down-thin.f9a2477.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down-thin.f9a2477.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background: #a1b2d1;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mx_TopUnreadMessagesBar_markAsRead {
    display: block;
    width: 18px;
    height: 18px;
    background: var(--timeline-background-color);
    border: 1.3px solid #a1b2d1;
    border-radius: 10px;
    margin: 5px auto
}

.mx_TopUnreadMessagesBar_markAsRead:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/cancel.4b9715b.svg);
    mask-image: url(https://element.anontier.nl/../img/cancel.4b9715b.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 10px;
    mask-size: 10px;
    -webkit-mask-position: 4px 4px;
    mask-position: 4px 4px;
    background: #a1b2d1
}

.mx_VoiceRecordComposerTile_stop {
    width: 28px;
    height: 28px;
    border: 2px solid #6f7882;
    border-radius: 32px;
    margin-right: 8px;
    position: relative
}

.mx_VoiceRecordComposerTile_stop:after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: 7px;
    left: 7px;
    border-radius: 2px;
    background-color: #ff4b55
}

.mx_VoiceRecordComposerTile_delete {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #6f7882;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/trashcan.3b626db.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/trashcan.3b626db.svg)
}

.mx_VoiceRecordComposerTile_uploadingState {
    margin-right: 10px;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_VoiceRecordComposerTile_failedState {
    margin-right: 21px
}

.mx_VoiceRecordComposerTile_failedState .mx_VoiceRecordComposerTile_uploadState_badge {
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle
}

.mx_MessageComposer_row .mx_VoiceMessagePrimaryContainer {
    height: 32px;
    margin: 6px 12px 6px 6px;
    position: relative
}

.mx_MessageComposer_row .mx_VoiceMessagePrimaryContainer.mx_VoiceRecordComposerTile_recording {
    padding-left: 22px
}

.mx_MessageComposer_row .mx_VoiceMessagePrimaryContainer.mx_VoiceRecordComposerTile_recording:before {
    -webkit-animation: recording-pulse 2s infinite;
    animation: recording-pulse 2s infinite;
    content: "";
    background-color: #ff4b55;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 12px;
    top: 17px;
    border-radius: 10px
}

@-webkit-keyframes recording-pulse {
    0% {
        opacity: 1
    }
    35% {
        opacity: 0
    }
    65% {
        opacity: 1
    }
}

@keyframes recording-pulse {
    0% {
        opacity: 1
    }
    35% {
        opacity: 0
    }
    65% {
        opacity: 1
    }
}

.mx_WhoIsTypingTile {
    margin-left: -18px;
    padding-top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_WhoIsTypingTile_avatars {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83px;
    flex: 0 0 83px;
    text-align: center
}

.mx_WhoIsTypingTile_avatars>:not(:first-child) {
    margin-left: -12px
}

.mx_WhoIsTypingTile_avatars .mx_BaseAvatar_initial {
    padding-top: 1px
}

.mx_WhoIsTypingTile_avatars .mx_BaseAvatar,
.mx_WhoIsTypingTile_remainingAvatarPlaceholder {
    border: 1px solid var(--timeline-background-color);
    border-radius: 40px
}

.mx_WhoIsTypingTile_remainingAvatarPlaceholder {
    position: relative;
    display: inline-block;
    color: #acacac;
    background-color: #ddd;
    width: 24px;
    height: 24px;
    line-height: 2.4rem;
    font-size: .8em;
    vertical-align: top;
    text-align: center
}

.mx_WhoIsTypingTile_label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--timeline-text-color-50pct)
}

.mx_WhoIsTypingTile_label>span {
    background-image: url(https://element.anontier.nl/../img/typing-indicator-2x.0eb9f0e.gif);
    background-size: 25px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    padding-bottom: 15px;
    display: block
}

.mx_MatrixChat_useCompactLayout .mx_WhoIsTypingTile {
    padding-top: 4px
}

.mx_AvatarSetting_avatar {
    width: 90px;
    min-width: 90px;
    height: 90px;
    margin-top: 8px;
    position: relative
}

.mx_AvatarSetting_avatar .mx_AvatarSetting_hover {
    -webkit-transition: opacity .08s cubic-bezier(.46, .03, .52, .96);
    transition: opacity .08s cubic-bezier(.46, .03, .52, .96);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    line-height: 90px;
    text-align: center
}

.mx_AvatarSetting_avatar .mx_AvatarSetting_hover>span {
    color: #fff;
    position: relative;
    font-weight: 500
}

.mx_AvatarSetting_avatar .mx_AvatarSetting_hover .mx_AvatarSetting_hoverBg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .5;
    background-color: var(--timeline-text-color);
    border-radius: 90px
}

.mx_AvatarSetting_avatar.mx_AvatarSetting_avatar_hovering .mx_AvatarSetting_hover {
    opacity: 1
}

.mx_AvatarSetting_avatar:not(.mx_AvatarSetting_avatar_hovering) .mx_AvatarSetting_hover {
    opacity: 0
}

.mx_AvatarSetting_avatar>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx_AvatarSetting_avatar .mx_AccessibleButton.mx_AccessibleButton_kind_primary {
    margin-top: 8px
}

.mx_AvatarSetting_avatar .mx_AccessibleButton.mx_AccessibleButton_kind_link_sm {
    width: 100%
}

.mx_AvatarSetting_avatar>img {
    cursor: pointer;
    -o-object-fit: cover;
    object-fit: cover
}

.mx_AvatarSetting_avatar .mx_AvatarSetting_avatarPlaceholder,
.mx_AvatarSetting_avatar>img {
    display: block;
    height: 90px;
    width: inherit;
    border-radius: 90px;
    cursor: pointer
}

.mx_AvatarSetting_avatar .mx_AvatarSetting_avatarPlaceholder:before {
    background-color: var(--timeline-text-color);
    -webkit-mask: url(https://element.anontier.nl/../img/feather-customised/user.7a4d23d.svg);
    mask: url(https://element.anontier.nl/../img/feather-customised/user.7a4d23d.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 36px;
    mask-size: 36px;
    -webkit-mask-position: center;
    mask-position: center;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mx_AvatarSetting_avatar .mx_AvatarSetting_uploadButton {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background-color: #e7e7e7;
    position: absolute;
    bottom: 0;
    right: 0
}

.mx_AvatarSetting_avatar .mx_AvatarSetting_uploadButton:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 55%;
    mask-size: 55%;
    background-color: var(--timeline-text-color);
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/edit.fd55ec2.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/edit.fd55ec2.svg)
}

.mx_AvatarSetting_avatar .mx_AvatarSetting_avatarPlaceholder {
    background-color: #21262c;
    background-color: var(--system, #21262c)
}

.mx_CrossSigningPanel_statusList {
    border-spacing: 0
}

.mx_CrossSigningPanel_statusList td {
    padding: 0
}

.mx_CrossSigningPanel_statusList td:first-of-type {
    -webkit-padding-end: 1em;
    padding-inline-end: 1em
}

.mx_CrossSigningPanel_buttonRow {
    margin: 1em 0
}

.mx_CrossSigningPanel_buttonRow :nth-child(n+1) {
    -webkit-margin-end: 10px;
    margin-inline-end: 10px
}

.mx_CryptographyPanel_sessionInfo {
    padding: 0;
    border-spacing: 0
}

.mx_CryptographyPanel_sessionInfo>tr {
    vertical-align: baseline;
    padding: 0
}

.mx_CryptographyPanel_sessionInfo>tr>td {
    padding: 0 1em 0 0
}

.mx_CryptographyPanel_importExportButtons .mx_AccessibleButton {
    margin-right: 10px
}

.mx_CryptographyPanel_importExportButtons {
    margin-bottom: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    grid-row-gap: 10px;
    row-gap: 10px
}

.mx_DevicesPanel {
    width: auto;
    max-width: 880px
}

.mx_DevicesPanel hr {
    opacity: .2;
    border: none;
    border-bottom: 1px solid var(--timeline-text-color)
}

.mx_DevicesPanel_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-block: 10px
}

.mx_DevicesPanel_header .mx_DevicesPanel_header_title {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--timeline-text-color)
}

.mx_DevicesPanel_header .mx_DevicesPanel_selectButton {
    padding-top: 9px
}

.mx_DevicesPanel_header .mx_E2EIcon {
    width: 24px;
    height: 24px;
    margin-left: 0;
    margin-right: 5px
}

.mx_DevicesPanel_deleteButton {
    margin-top: 10px
}

.mx_DevicesPanel_device {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-block: 10px;
    min-height: 35px
}

.mx_DevicesPanel_checkbox,
.mx_DevicesPanel_icon {
    margin-left: 9px;
    margin-top: 2px
}

.mx_DevicesPanel_deviceInfo {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_DevicesPanel_deviceName {
    color: var(--timeline-text-color)
}

.mx_DevicesPanel_lastSeen {
    font-size: 1.2rem
}

.mx_DevicesPanel_deviceButtons {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    grid-gap: 9px;
    gap: 9px
}

.mx_DevicesPanel_deviceButtons,
.mx_DevicesPanel_renameForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_DevicesPanel_renameForm {
    grid-gap: 5px;
    gap: 5px
}

.mx_DevicesPanel_renameForm .mx_Field_input {
    width: 240px;
    margin: 0
}

.mx_E2eAdvancedPanel_settingLongDescription {
    margin-right: 150px
}

.mx_ExistingEmailAddress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.mx_ExistingEmailAddress_delete {
    margin-right: 5px;
    cursor: pointer;
    vertical-align: middle
}

.mx_ExistingEmailAddress_email,
.mx_ExistingEmailAddress_promptText {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px
}

.mx_ExistingEmailAddress_confirmBtn {
    margin-left: 5px
}

.mx_FontScalingPanel {
    color: var(--timeline-text-color)
}

.mx_FontScalingPanel>.mx_SettingsTab_SubHeading {
    margin-bottom: 32px
}

.mx_FontScalingPanel .mx_Field {
    width: 256px
}

.mx_FontScalingPanel_fontSlider,
.mx_FontScalingPanel_fontSlider_preview {
    margin-right: 100px
}

.mx_FontScalingPanel_fontSlider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 15px 35px;
    background: rgba(52, 58, 70, .2);
    border-radius: 10px;
    font-size: 10px;
    margin-top: 24px;
    margin-bottom: 24px
}

.mx_FontScalingPanel_fontSlider_preview {
    border: 1px solid #343a46;
    border-radius: 10px;
    padding: 0 16px 9px;
    pointer-events: none;
    display: flow-root
}

.mx_FontScalingPanel_fontSlider_preview .mx_EventTile[data-layout=bubble] {
    margin-top: 30px
}

.mx_FontScalingPanel_fontSlider_preview .mx_EventTile_msgOption {
    display: none
}

.mx_FontScalingPanel_fontSlider_preview.mx_IRCLayout {
    padding-top: 9px
}

.mx_FontScalingPanel_fontSlider_smallText {
    font-size: 15px;
    padding-right: 20px;
    padding-left: 5px;
    font-weight: 500
}

.mx_FontScalingPanel_fontSlider_largeText {
    font-size: 18px;
    padding-left: 20px;
    padding-right: 5px;
    font-weight: 500
}

.mx_FontScalingPanel_customFontSizeField {
    margin-left: calc(1.6rem + 10px)
}

.mx_ImageSizePanel {
    color: var(--timeline-text-color)
}

.mx_ImageSizePanel .mx_ImageSizePanel_radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px
}

.mx_ImageSizePanel .mx_ImageSizePanel_radios>label {
    margin-right: 68px;
    cursor: pointer
}

.mx_ImageSizePanel .mx_ImageSizePanel_radios .mx_ImageSizePanel_size {
    background-color: #6f7882;
    background-color: var(--quinary-content, #6f7882);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 221px;
    mask-size: 221px;
    -webkit-mask-position: center;
    mask-position: center;
    width: 221px;
    height: 148px;
    margin-bottom: 14px
}

.mx_ImageSizePanel .mx_ImageSizePanel_radios .mx_ImageSizePanel_size.mx_ImageSizePanel_sizeDefault {
    -webkit-mask: url(https://element.anontier.nl/../img/element-icons/settings/img-size-normal.db0807d.svg);
    mask: url(https://element.anontier.nl/../img/element-icons/settings/img-size-normal.db0807d.svg)
}

.mx_ImageSizePanel .mx_ImageSizePanel_radios .mx_ImageSizePanel_size.mx_ImageSizePanel_sizeLarge {
    -webkit-mask: url(https://element.anontier.nl/../img/element-icons/settings/img-size-large.c0f5400.svg);
    mask: url(https://element.anontier.nl/../img/element-icons/settings/img-size-large.c0f5400.svg)
}

.mx_IntegrationManager .mx_Dialog {
    width: 60%;
    height: 70%;
    overflow: hidden;
    padding: 0;
    max-width: none;
    max-height: none
}

.mx_IntegrationManager iframe {
    background-color: #fff;
    border: 0;
    width: 100%;
    height: 100%
}

.mx_IntegrationManager_loading h3 {
    text-align: center
}

.mx_IntegrationManager_error {
    text-align: center;
    padding-top: 20px
}

.mx_IntegrationManager_error h3 {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_JoinRuleSettings_upgradeRequired {
    margin-left: 16px;
    padding: 4px 16px;
    border: 1px solid #0dbd8b;
    border: 1px solid var(--accent, #0dbd8b);
    border-radius: 8px;
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    font-size: 1.2rem;
    line-height: 1.5rem
}

.mx_JoinRuleSettings_spacesWithAccess>h4 {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.5rem;
    text-transform: uppercase
}

.mx_JoinRuleSettings_spacesWithAccess>span {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 32px;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    display: inline-block
}

.mx_JoinRuleSettings_spacesWithAccess>span .mx_RoomAvatar_isSpaceRoom img,
.mx_JoinRuleSettings_spacesWithAccess>span img.mx_RoomAvatar_isSpaceRoom {
    border-radius: 8px
}

.mx_JoinRuleSettings_spacesWithAccess>span .mx_BaseAvatar {
    margin-right: 8px
}

.mx_JoinRuleSettings_spacesWithAccess>span+span {
    margin-left: 16px
}

.mx_JoinRuleSettings_radioButton {
    padding-top: 16px;
    margin-bottom: 8px
}

.mx_JoinRuleSettings_radioButton .mx_StyledRadioButton_content {
    margin-left: 14px;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: var(--timeline-text-color);
    display: block
}

.mx_JoinRuleSettings_radioButton+span {
    display: inline-block;
    margin-left: 34px;
    margin-bottom: 16px;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_JoinRuleSettings_radioButton+span+.mx_StyledRadioButton {
    border-top: 1px solid #000
}

.mx_JoinRuleSettings_linkButton {
    padding: 0;
    font-size: inherit
}

.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    grid-gap: 24px;
    gap: 24px;
    color: var(--timeline-text-color)
}

.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons>.mx_LayoutSwitcher_RadioButton {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 300px;
    border: 1px solid #343a46;
    border-radius: 10px
}

.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons>.mx_LayoutSwitcher_RadioButton .mx_EventTile_msgOption,
.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons>.mx_LayoutSwitcher_RadioButton .mx_MessageActionBar {
    display: none
}

.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons>.mx_LayoutSwitcher_RadioButton .mx_LayoutSwitcher_RadioButton_preview {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    pointer-events: none
}

.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons>.mx_LayoutSwitcher_RadioButton .mx_StyledRadioButton {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 10px
}

.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons>.mx_LayoutSwitcher_RadioButton .mx_EventTile_content {
    margin-right: 0
}

.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons>.mx_LayoutSwitcher_RadioButton.mx_LayoutSwitcher_RadioButton_selected {
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons .mx_StyledRadioButton {
    border-top: 1px solid #343a46
}

.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons .mx_StyledRadioButton>input+div {
    border-color: rgba(161, 178, 209, .2)
}

.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons .mx_StyledRadioButton_checked {
    background-color: rgba(#0DBD8B, .08);
    background-color: rgba(var(--accent, #0DBD8B), .08)
}

.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons .mx_EventTile {
    margin: 0
}

.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons .mx_EventTile[data-layout=bubble] {
    margin-right: 40px
}

.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons .mx_EventTile[data-layout=irc]>a {
    display: none
}

.mx_LayoutSwitcher .mx_LayoutSwitcher_RadioButtons .mx_EventTile .mx_EventTile_line {
    max-width: 90%
}

.mx_UserNotifSettings {
    color: var(--timeline-text-color)
}

.mx_UserNotifSettings .mx_UserNotifSettings_pushRulesTable {
    width: calc(100% + 12px);
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 40px
}

.mx_UserNotifSettings .mx_UserNotifSettings_pushRulesTable tr>th {
    font-weight: 600
}

.mx_UserNotifSettings .mx_UserNotifSettings_pushRulesTable tr>th:first-child {
    text-align: left;
    font-size: 1.8rem
}

.mx_UserNotifSettings .mx_UserNotifSettings_pushRulesTable tr>th:nth-child(n+2) {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-size: 1.2rem;
    vertical-align: middle;
    width: 66px
}

.mx_UserNotifSettings .mx_UserNotifSettings_pushRulesTable tr>td:nth-child(n+2) {
    text-align: center
}

.mx_UserNotifSettings .mx_UserNotifSettings_pushRulesTable tr>td {
    padding-top: 8px
}

.mx_UserNotifSettings .mx_UserNotifSettings_pushRulesTable .mx_StyledRadioButton {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_UserNotifSettings .mx_UserNotifSettings_pushRulesTable .mx_StyledRadioButton .mx_StyledRadioButton_content,
.mx_UserNotifSettings .mx_UserNotifSettings_pushRulesTable .mx_StyledRadioButton .mx_StyledRadioButton_spacer {
    display: none
}

.mx_UserNotifSettings .mx_UserNotifSettings_floatingSection {
    margin-top: 40px
}

.mx_UserNotifSettings .mx_UserNotifSettings_floatingSection>div:first-child {
    font-size: 1.8rem;
    font-weight: 600
}

.mx_UserNotifSettings .mx_UserNotifSettings_floatingSection>table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 8px
}

.mx_UserNotifSettings .mx_UserNotifSettings_floatingSection>table tr>td:first-child {
    padding-right: 8px
}

.mx_UserNotifSettings .mx_UserNotifSettings_clearNotifsButton {
    margin-top: 8px
}

.mx_UserNotifSettings .mx_TagComposer {
    margin-top: 35px
}

.mx_AccessibleButton.mx_NotificationSound_browse {
    margin-right: 10px
}

.mx_ExistingPhoneNumber {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.mx_ExistingPhoneNumber_delete {
    margin-right: 5px;
    cursor: pointer;
    vertical-align: middle
}

.mx_ExistingPhoneNumber_address,
.mx_ExistingPhoneNumber_promptText {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px
}

.mx_ExistingPhoneNumber_confirmBtn {
    margin-left: 5px
}

.mx_ExistingPhoneNumber_verification {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_ExistingPhoneNumber_verification .mx_Field {
    margin: 0 0 0 1em
}

.mx_PhoneNumbers_input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_PhoneNumbers_input>.mx_Field {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mx_PhoneNumbers_country {
    width: 80px
}

.mx_ProfileSettings_controls_topic>textarea {
    font-family: inherit;
    resize: vertical
}

.mx_ProfileSettings_profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_ProfileSettings_controls {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 54px
}

.mx_ProfileSettings_controls .mx_SettingsTab_subheading {
    margin-top: 0
}

.mx_ProfileSettings_controls .mx_Field #profileTopic {
    height: 4em
}

.mx_ProfileSettings_controls .mx_Field:first-child {
    margin-top: 0
}

.mx_ProfileSettings_hostingSignup {
    margin-left: 20px
}

.mx_ProfileSettings_avatarUpload {
    display: none
}

.mx_ProfileSettings_profileForm {
    margin-right: 100px;
    border-bottom: 1px solid #000
}

.mx_ProfileSettings_buttons {
    margin-top: 10px;
    margin-bottom: 28px
}

.mx_ProfileSettings_buttons>.mx_AccessibleButton_kind_link {
    padding-left: 0;
    padding-right: 0;
    margin-right: 10px
}

.mx_SecureBackupPanel_deviceNotVerified,
.mx_SecureBackupPanel_deviceVerified,
.mx_SecureBackupPanel_sigInvalid,
.mx_SecureBackupPanel_sigValid {
    font-weight: 700
}

.mx_SecureBackupPanel_deviceVerified,
.mx_SecureBackupPanel_sigValid {
    color: #76cfa5
}

.mx_SecureBackupPanel_deviceNotVerified,
.mx_SecureBackupPanel_sigInvalid {
    color: #ba6363
}

.mx_SecureBackupPanel_deviceName {
    font-style: italic
}

.mx_SecureBackupPanel_buttonRow {
    margin: 1em 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    grid-row-gap: 10px;
    row-gap: 10px
}

.mx_SecureBackupPanel_buttonRow :nth-child(n+1) {
    -webkit-margin-end: 10px;
    margin-inline-end: 10px
}

.mx_SecureBackupPanel_statusList {
    border-spacing: 0
}

.mx_SecureBackupPanel_statusList td {
    padding: 0
}

.mx_SecureBackupPanel_statusList td:first-of-type {
    -webkit-padding-end: 1em;
    padding-inline-end: 1em
}

.mx_SetIdServer .mx_Field_input {
    margin-right: 100px
}

.mx_SetIdServer_tooltip {
    max-width: 120px
}

.mx_SetIntegrationManager {
    margin-top: 10px;
    margin-bottom: 10px
}

.mx_SetIntegrationManager>.mx_SettingsTab_heading {
    margin-bottom: 10px
}

.mx_SetIntegrationManager>.mx_SettingsTab_heading>.mx_SettingsTab_subheading {
    display: inline-block;
    padding-left: 5px;
    margin-top: 0
}

.mx_SetIntegrationManager .mx_ToggleSwitch {
    display: inline-block;
    float: right;
    top: 9px
}

.mx_SettingsFieldset {
    margin: 10px 80px 10px 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.mx_SettingsFieldset_legend {
    font-size: 1.6rem;
    display: block;
    font-weight: 600;
    color: var(--timeline-text-color);
    margin-bottom: 10px;
    margin-top: 12px
}

.mx_SettingsFieldset_description {
    color: var(--timeline-text-secondary-color);
    font-size: 1.4rem;
    display: block;
    margin-top: 0;
    margin-bottom: 10px
}

.mx_SettingsFieldset_description p {
    margin-top: 10px;
    margin-bottom: 0
}

.mx_SettingsFieldset_description p:first-child {
    margin: 0
}

.mx_ExistingSpellCheckLanguage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.mx_ExistingSpellCheckLanguage_language {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px
}

.mx_GeneralUserSettingsTab_spellCheckLanguageInput {
    margin-top: 1em;
    margin-bottom: 1em
}

.mx_SpellCheckLanguages {
    margin-right: 100px
}

.mx_ThemeChoicePanel {
    color: var(--timeline-text-color)
}

.mx_ThemeChoicePanel>.mx_ThemeSelectors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 4px;
    margin-bottom: 30px
}

.mx_ThemeChoicePanel>.mx_ThemeSelectors>.mx_StyledRadioButton {
    padding: 1.6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    width: 180px;
    background: var(--roomlist-separator-color);
    opacity: .4;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-right: 15px;
    margin-top: 10px;
    font-weight: 600;
    color: #a1b2d1
}

.mx_ThemeChoicePanel>.mx_ThemeSelectors>.mx_StyledRadioButton>span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_ThemeChoicePanel>.mx_ThemeSelectors>.mx_StyledRadioButton_enabled {
    opacity: 1
}

.mx_ThemeChoicePanel>.mx_ThemeSelectors>.mx_StyledRadioButton_enabled.mx_ThemeSelector_light {
    background-color: #f3f8fd;
    color: #2e2f32
}

.mx_ThemeChoicePanel>.mx_ThemeSelectors>.mx_StyledRadioButton_enabled.mx_ThemeSelector_dark {
    background-color: #25282e;
    color: #f3f8fd
}

.mx_ThemeChoicePanel>.mx_ThemeSelectors>.mx_StyledRadioButton_enabled.mx_ThemeSelector_dark>input>div,
.mx_ThemeChoicePanel>.mx_ThemeSelectors>.mx_StyledRadioButton_enabled.mx_ThemeSelector_dark>input>div>div {
    border-color: var(--roomlist-separator-color)
}

.mx_ThemeChoicePanel>.mx_ThemeSelectors>.mx_StyledRadioButton_enabled.mx_ThemeSelector_black {
    background-color: #000;
    color: #f3f8fd
}

.mx_ThemeChoicePanel>.mx_ThemeSelectors>.mx_StyledRadioButton_enabled.mx_ThemeSelector_black>input>div,
.mx_ThemeChoicePanel>.mx_ThemeSelectors>.mx_StyledRadioButton_enabled.mx_ThemeSelector_black>input>div>div {
    border-color: var(--roomlist-separator-color)
}

.mx_UpdateCheckButton_summary {
    margin-left: 16px
}

.mx_UpdateCheckButton_summary .mx_AccessibleButton_kind_link {
    padding: 0
}

.mx_SettingsTab {
    color: var(--timeline-text-color)
}

.mx_SettingsTab_warningText {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_SettingsTab_heading {
    font-size: 2rem;
    font-weight: 600;
    color: var(--timeline-text-color);
    margin-bottom: 10px
}

.mx_SettingsTab_heading:nth-child(n+2) {
    margin-top: 30px
}

.mx_SettingsTab_subheading {
    font-size: 1.6rem;
    display: block;
    font-weight: 600;
    color: var(--timeline-text-color);
    margin-bottom: 10px;
    margin-top: 12px
}

.mx_SettingsTab_subsectionText {
    color: var(--timeline-text-secondary-color);
    font-size: 1.4rem;
    display: block;
    margin: 10px 80px 10px 0
}

.mx_SettingsTab_section {
    margin-bottom: 24px
}

.mx_SettingsTab_section .mx_SettingsFlag {
    margin-right: 80px;
    margin-bottom: 10px
}

.mx_SettingsTab_section>p {
    margin-right: 80px
}

.mx_SettingsTab_section.mx_SettingsTab_subsectionText .mx_SettingsFlag {
    margin-right: 0!important
}

.mx_SettingsTab_section .mx_SettingsFlag .mx_SettingsFlag_label {
    vertical-align: middle;
    display: inline-block;
    font-size: 1.4rem;
    color: var(--timeline-text-color);
    max-width: calc(100% - 4.8rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px
}

.mx_SettingsTab_section .mx_SettingsFlag .mx_SettingsFlag_microcopy {
    margin-top: 4px;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_SettingsTab_section .mx_SettingsFlag .mx_ToggleSwitch {
    float: right
}

.mx_SettingsTab_linkBtn {
    cursor: pointer;
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    word-break: break-all
}

.mx_SettingsTab a {
    color: var(--primary-color)
}

.mx_GeneralRoomSettingsTab_profileSection {
    margin-top: 10px
}

.mx_NotificationSettingsTab_notificationsSection {
    width: 360px
}

.mx_NotificationSettingsTab_notificationsSection .mx_StyledRadioButton {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    color: var(--timeline-text-color);
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 600;
    margin-top: 16px;
    position: relative;
    padding-left: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_NotificationSettingsTab_notificationsSection .mx_StyledRadioButton:before {
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    left: 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff)
}

.mx_NotificationSettingsTab_notificationsSection .mx_StyledRadioButton input+div {
    margin-top: 8px
}

.mx_NotificationSettingsTab_notificationsSection .mx_StyledRadioButton .mx_NotificationSettingsTab_microCopy {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-right: 32px
}

.mx_NotificationSettingsTab_notificationsSection .mx_StyledRadioButton .mx_NotificationSettingsTab_microCopy .mx_AccessibleButton_kind_link {
    padding: 0;
    font-size: inherit
}

.mx_NotificationSettingsTab_notificationsSection .mx_NotificationSettingsTab_defaultEntry:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/notifications.d298b39.svg)
}

.mx_NotificationSettingsTab_notificationsSection .mx_NotificationSettingsTab_allMessagesEntry:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-default.8b8509e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-default.8b8509e.svg)
}

.mx_NotificationSettingsTab_notificationsSection .mx_NotificationSettingsTab_mentionsKeywordsEntry:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-dm.ffa8881.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-dm.ffa8881.svg)
}

.mx_NotificationSettingsTab_notificationsSection .mx_NotificationSettingsTab_noneEntry:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-off.0c57561.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/notifications-off.0c57561.svg)
}

.mx_RolesRoomSettingsTab ul {
    margin-bottom: 0
}

.mx_RolesRoomSettingsTab_unbanBtn {
    margin-right: 10px;
    margin-bottom: 5px
}

.mx_SecurityRoomSettingsTab .mx_SettingsTab_showAdvanced {
    padding: 0;
    margin-bottom: 16px
}

.mx_SecurityRoomSettingsTab_warning {
    display: block
}

.mx_SecurityRoomSettingsTab_warning img {
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 3px;
    margin-bottom: 5px
}

.mx_SecurityRoomSettingsTab_encryptionSection {
    padding-bottom: 24px;
    border-bottom: 1px solid #000;
    margin-bottom: 32px
}

.mx_AppearanceUserSettingsTab .mx_Field {
    width: 256px
}

.mx_AppearanceUserSettingsTab>.mx_SettingsTab_SubHeading {
    margin-bottom: 32px
}

.mx_AppearanceUserSettingsTab_Advanced {
    color: var(--timeline-text-color)
}

.mx_AppearanceUserSettingsTab_Advanced>* {
    margin-bottom: 16px
}

.mx_AppearanceUserSettingsTab_Advanced .mx_AppearanceUserSettingsTab_AdvancedToggle {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    cursor: pointer
}

.mx_AppearanceUserSettingsTab_Advanced .mx_AppearanceUserSettingsTab_systemFont {
    margin-left: calc(1.6rem + 10px)
}

.mx_GeneralUserSettingsTab_changePassword .mx_Field {
    margin-right: 100px
}

.mx_GeneralUserSettingsTab_changePassword .mx_Field:first-child {
    margin-top: 0
}

.mx_GeneralUserSettingsTab_accountSection .mx_SettingsTab_subheading:nth-child(n+1),
.mx_GeneralUserSettingsTab_discovery .mx_SettingsTab_subheading:nth-child(n+2),
.mx_SetIdServer .mx_SettingsTab_subheading {
    margin-top: 24px
}

.mx_GeneralUserSettingsTab_accountSection .mx_Spinner,
.mx_GeneralUserSettingsTab_discovery .mx_Spinner {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.mx_GeneralUserSettingsTab_accountSection .mx_EmailAddresses,
.mx_GeneralUserSettingsTab_accountSection .mx_PhoneNumbers,
.mx_GeneralUserSettingsTab_discovery .mx_ExistingEmailAddress,
.mx_GeneralUserSettingsTab_discovery .mx_ExistingPhoneNumber,
.mx_GeneralUserSettingsTab_languageInput {
    margin-right: 100px
}

.mx_GeneralUserSettingsTab_warningIcon {
    vertical-align: middle
}

.mx_HelpUserSettingsTab_debugButton {
    margin-bottom: 5px;
    margin-top: 5px
}

.mx_HelpUserSettingsTab span.mx_AccessibleButton {
    word-break: break-word
}

.mx_HelpUserSettingsTab code {
    word-break: break-all;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all
}

.mx_HelpUserSettingsTab_copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    border: 1px solid var(--timeline-text-secondary-color);
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%
}

.mx_HelpUserSettingsTab_copy .mx_HelpUserSettingsTab_copyButton {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-left: 20px;
    display: block
}

.mx_HelpUserSettingsTab_copy .mx_HelpUserSettingsTab_copyButton:before {
    content: "";
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/clipboard.24dd87a.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/clipboard.24dd87a.svg);
    background-color: var(--timeline-text-color);
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat
}

.mx_LabsUserSettingsTab .mx_SettingsTab_section {
    margin-top: 32px
}

.mx_LabsUserSettingsTab .mx_SettingsTab_section .mx_SettingsFlag {
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mx_LabsUserSettingsTab .mx_SettingsTab_section .mx_SettingsFlag .mx_ToggleSwitch {
    float: unset
}

.mx_MjolnirUserSettingsTab .mx_Field {
    margin-right: 100px
}

.mx_MjolnirUserSettingsTab_listItem {
    margin-bottom: 2px
}

.mx_NotificationUserSettingsTab .mx_SettingsTab_heading {
    margin-bottom: 10px
}

.mx_PreferencesUserSettingsTab .mx_Field {
    margin-right: 100px
}

.mx_PreferencesUserSettingsTab .mx_SettingsTab_section {
    margin-bottom: 30px
}

.mx_PreferencesUserSettingsTab .mx_SettingsTab_section>details>summary {
    cursor: pointer;
    color: var(--timeline-text-color)
}

.mx_PreferencesUserSettingsTab .mx_SettingsTab_section>details+.mx_SettingsFlag {
    margin-top: 20px
}

.mx_PreferencesUserSettingsTab .mx_SettingsTab_section .mx_AccessibleButton_kind_link {
    padding: 0;
    font-size: inherit
}

.mx_PreferencesUserSettingsTab .mx_PreferencesUserSettingsTab_CommunityMigrator {
    margin-right: 200px
}

.mx_PreferencesUserSettingsTab .mx_PreferencesUserSettingsTab_CommunityMigrator>div {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: var(--timeline-text-color);
    margin: 16px 0
}

.mx_PreferencesUserSettingsTab .mx_PreferencesUserSettingsTab_CommunityMigrator>div .mx_BaseAvatar {
    margin-right: 12px;
    vertical-align: middle
}

.mx_PreferencesUserSettingsTab .mx_PreferencesUserSettingsTab_CommunityMigrator>div .mx_AccessibleButton {
    float: right
}

.mx_SecurityUserSettingsTab_bulkOptions .mx_AccessibleButton {
    margin-right: 10px
}

.mx_SecurityUserSettingsTab_ignoredUser {
    margin-bottom: 5px
}

.mx_SecurityUserSettingsTab_ignoredUser .mx_AccessibleButton {
    margin-right: 10px
}

.mx_SecurityUserSettingsTab .mx_SettingsTab_section .mx_AccessibleButton_kind_link {
    padding: 0;
    font-size: inherit
}

.mx_SecurityUserSettingsTab .mx_SecurityUserSettingsTab_warning {
    color: #ff5b55;
    color: var(--alert, #ff5b55);
    position: relative;
    padding-left: 40px;
    margin-top: 30px
}

.mx_SecurityUserSettingsTab .mx_SecurityUserSettingsTab_warning:before {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 0 center;
    mask-position: 0 center;
    -webkit-mask-size: 2.4rem;
    mask-size: 2.4rem;
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    content: "";
    top: 0;
    left: 0;
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55);
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/alert-triangle.38aca3a.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/alert-triangle.38aca3a.svg)
}

.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_subheading {
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: var(--timeline-text-color);
    margin-bottom: 4px
}

.mx_SidebarUserSettingsTab .mx_Checkbox {
    margin-top: 12px;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_checkboxMicrocopy {
    margin-bottom: 12px;
    margin-left: 24px;
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_homeAllRoomsCheckbox {
    margin-left: 24px
}

.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_homeAllRoomsCheckbox+div {
    margin-left: 48px
}

.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_favouritesCheckbox .mx_Checkbox_background+div,
.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_homeCheckbox .mx_Checkbox_background+div,
.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_orphansCheckbox .mx_Checkbox_background+div,
.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_peopleCheckbox .mx_Checkbox_background+div {
    padding-left: 20px;
    position: relative
}

.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_favouritesCheckbox .mx_Checkbox_background+div:before,
.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_homeCheckbox .mx_Checkbox_background+div:before,
.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_orphansCheckbox .mx_Checkbox_background+div:before,
.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_peopleCheckbox .mx_Checkbox_background+div:before {
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    content: "";
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_homeCheckbox .mx_Checkbox_background+div:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/home.b706c0e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/home.b706c0e.svg)
}

.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_favouritesCheckbox .mx_Checkbox_background+div:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/favorite.ff7609d.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/favorite.ff7609d.svg)
}

.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_peopleCheckbox .mx_Checkbox_background+div:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/members.88c3e93.svg)
}

.mx_SidebarUserSettingsTab .mx_SidebarUserSettingsTab_orphansCheckbox .mx_Checkbox_background+div:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/hash-circle.c36ee5b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/roomlist/hash-circle.c36ee5b.svg)
}

.mx_VoiceUserSettingsTab .mx_Field {
    margin-right: 100px
}

.mx_VoiceUserSettingsTab_missingMediaPermissions {
    margin-bottom: 15px
}

.mx_SpaceBasicSettings .mx_Field {
    margin: 24px 0
}

.mx_SpaceBasicSettings .mx_SpaceBasicSettings_avatarContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px
}

.mx_SpaceBasicSettings .mx_SpaceBasicSettings_avatarContainer .mx_SpaceBasicSettings_avatar {
    position: relative;
    height: 80px;
    width: 80px;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    border-radius: 16px
}

.mx_SpaceBasicSettings .mx_SpaceBasicSettings_avatarContainer img.mx_SpaceBasicSettings_avatar {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px
}

.mx_SpaceBasicSettings .mx_SpaceBasicSettings_avatarContainer div.mx_SpaceBasicSettings_avatar {
    cursor: pointer
}

.mx_SpaceBasicSettings .mx_SpaceBasicSettings_avatarContainer div.mx_SpaceBasicSettings_avatar:before {
    content: "";
    position: absolute;
    height: 80px;
    width: 80px;
    top: 0;
    left: 0;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 20px;
    mask-size: 20px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/camera.a81a395.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/camera.a81a395.svg)
}

.mx_SpaceBasicSettings .mx_SpaceBasicSettings_avatarContainer>input[type=file] {
    display: none
}

.mx_SpaceBasicSettings .mx_SpaceBasicSettings_avatarContainer>.mx_AccessibleButton_kind_link {
    display: inline-block;
    padding: 0;
    margin: auto 16px;
    color: #368bd6
}

.mx_SpaceBasicSettings .mx_SpaceBasicSettings_avatarContainer>.mx_SpaceBasicSettings_avatar_remove {
    color: #ff5b55;
    color: var(--alert, #ff5b55)
}

.mx_SpaceBasicSettings .mx_AccessibleButton_hasKind {
    padding: 8px 22px;
    margin-left: auto;
    display: block;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.mx_SpaceBasicSettings .mx_AccessibleButton_disabled {
    cursor: not-allowed
}

.mx_SpaceChildrenPicker {
    margin: 16px 0
}

.mx_SpaceChildrenPicker .mx_StyledRadioButton+.mx_StyledRadioButton {
    margin-top: 16px
}

.mx_SpaceChildrenPicker .mx_SearchBox {
    margin: 0 0 15px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-radius: 8px
}

.mx_SpaceChildrenPicker .mx_SpaceChildrenPicker_noResults {
    display: block;
    margin-top: 24px
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu_background {
    background-color: var(--sidebar-color-50pct);
    opacity: .6;
    left: 68px
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu {
    padding: 24px;
    width: 480px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--timeline-background-color);
    position: relative
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu>div>h2 {
    font-weight: 600;
    font-size: 1.8rem;
    margin-top: 4px
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu>div>p {
    font-size: 1.5rem;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu>div .mx_SpaceFeedbackPrompt {
    border-top: 1px solid #e7e7e7;
    padding-top: 12px;
    margin-top: 16px
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu .mx_SpaceCreateMenuType {
    position: relative;
    padding: 16px 32px 16px 72px;
    width: 432px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #e7e7e7;
    font-size: 1.5rem;
    margin: 20px 0
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu .mx_SpaceCreateMenuType>h3 {
    font-weight: 600;
    margin: 0 0 4px
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu .mx_SpaceCreateMenuType>span {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu .mx_SpaceCreateMenuType:before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    top: 24px;
    left: 20px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 24px;
    mask-size: 24px;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff)
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu .mx_SpaceCreateMenuType:hover {
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu .mx_SpaceCreateMenuType:hover:before {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu .mx_SpaceCreateMenuType:hover>span {
    color: var(--timeline-text-color)
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu .mx_SpaceCreateMenuType_public:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/globe.8201f08.svg);
    mask-image: url(https://element.anontier.nl/../img/globe.8201f08.svg)
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu .mx_SpaceCreateMenuType_private:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/lock.1f264bd.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/lock.1f264bd.svg)
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu .mx_SpaceCreateMenu_back {
    width: 28px;
    height: 28px;
    position: relative;
    background-color: var(--roomlist-highlights-color);
    border-radius: 14px;
    margin-bottom: 12px
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu .mx_SpaceCreateMenu_back:before {
    content: "";
    position: absolute;
    height: 28px;
    width: 28px;
    top: 0;
    left: 0;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 2px 3px;
    mask-position: 2px 3px;
    -webkit-mask-size: 24px;
    mask-size: 24px;
    -webkit-mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg);
    mask-image: url(https://element.anontier.nl/../img/feather-customised/chevron-down.5278abe.svg)
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu .mx_AccessibleButton_kind_primary {
    padding: 8px 22px;
    margin-left: auto;
    display: block;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu .mx_AccessibleButton_kind_link {
    padding: 0;
    font-size: inherit
}

.mx_SpaceCreateMenu_wrapper .mx_ContextualMenu .mx_AccessibleButton_disabled {
    cursor: not-allowed
}

.mx_SpaceFeedbackPrompt {
    font-size: 1.5rem;
    line-height: 2.4rem
}

.mx_SpaceFeedbackPrompt>span {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    position: relative;
    font-size: inherit;
    line-height: inherit;
    margin-right: auto
}

.mx_SpaceFeedbackPrompt .mx_AccessibleButton_kind_link {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    position: relative;
    padding: 0;
    margin-left: 8px;
    font-size: inherit;
    line-height: inherit
}

.mx_SpacePublicShare .mx_AccessibleButton {
    position: relative;
    padding: 16px 32px 16px 72px;
    width: 432px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #e7e7e7;
    font-size: 1.5rem;
    margin: 20px 0
}

.mx_SpacePublicShare .mx_AccessibleButton>h3 {
    font-weight: 600;
    margin: 0 0 4px
}

.mx_SpacePublicShare .mx_AccessibleButton>span {
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff)
}

.mx_SpacePublicShare .mx_AccessibleButton:before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    top: 24px;
    left: 20px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 24px;
    mask-size: 24px;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff)
}

.mx_SpacePublicShare .mx_AccessibleButton:hover {
    border-color: #0dbd8b;
    border-color: var(--accent, #0dbd8b)
}

.mx_SpacePublicShare .mx_AccessibleButton:hover:before {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_SpacePublicShare .mx_AccessibleButton:hover>span {
    color: var(--timeline-text-color)
}

.mx_SpacePublicShare .mx_AccessibleButton.mx_SpacePublicShare_shareButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/link.8f4b1fc.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/link.8f4b1fc.svg)
}

.mx_SpacePublicShare .mx_AccessibleButton.mx_SpacePublicShare_inviteButton:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/room/invite.946a71b.svg)
}

.mx_InlineTermsAgreement_cbContainer {
    margin-bottom: 10px;
    font-size: 1.4rem
}

.mx_InlineTermsAgreement_cbContainer a {
    color: #0dbd8b;
    color: var(--accent, #0dbd8b);
    text-decoration: none
}

.mx_InlineTermsAgreement_cbContainer .mx_InlineTermsAgreement_checkbox {
    margin-top: 10px
}

.mx_InlineTermsAgreement_cbContainer .mx_InlineTermsAgreement_checkbox input {
    vertical-align: text-bottom
}

.mx_InlineTermsAgreement_link {
    display: inline-block;
    -webkit-mask-image: url(https://element.anontier.nl/../img/external-link.a8d3e9b.svg);
    mask-image: url(https://element.anontier.nl/../img/external-link.a8d3e9b.svg);
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 12px;
    height: 12px;
    margin-left: 3px;
    vertical-align: middle
}

.mx_AnalyticsToast .mx_AccessibleButton_kind_danger_outline,
.mx_AnalyticsToast .mx_AccessibleButton_kind_primary {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b);
    color: #fff;
    border: 1px solid #0dbd8b;
    border: 1px solid var(--accent, #0dbd8b);
    font-weight: 600
}

.mx_IncomingCallToast {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    pointer-events: auto
}

.mx_IncomingCallToast,
.mx_IncomingCallToast .mx_IncomingCallToast_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.mx_IncomingCallToast .mx_IncomingCallToast_content {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 8px
}

.mx_IncomingCallToast .mx_IncomingCallToast_content .mx_CallEvent_caller {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 2px;
    margin-right: 6px;
    max-width: 200px
}

.mx_IncomingCallToast .mx_IncomingCallToast_content .mx_CallEvent_type {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #edf3ff;
    color: var(--tertiary-content, #edf3ff);
    margin-top: 4px;
    margin-bottom: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_IncomingCallToast .mx_IncomingCallToast_content .mx_CallEvent_type .mx_CallEvent_type_icon {
    height: 16px;
    width: 16px;
    margin-right: 6px
}

.mx_IncomingCallToast .mx_IncomingCallToast_content .mx_CallEvent_type .mx_CallEvent_type_icon:before {
    content: "";
    position: absolute;
    height: inherit;
    width: inherit;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.mx_IncomingCallToast .mx_IncomingCallToast_content.mx_IncomingCallToast_content_voice .mx_CallEvent_type .mx_CallEvent_type_icon:before,
.mx_IncomingCallToast .mx_IncomingCallToast_content.mx_IncomingCallToast_content_voice .mx_IncomingCallToast_buttons .mx_IncomingCallToast_button_accept span:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/voice-call.303eba8.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/voice-call.303eba8.svg)
}

.mx_IncomingCallToast .mx_IncomingCallToast_content.mx_IncomingCallToast_content_video .mx_CallEvent_type .mx_CallEvent_type_icon:before,
.mx_IncomingCallToast .mx_IncomingCallToast_content.mx_IncomingCallToast_content_video .mx_IncomingCallToast_buttons .mx_IncomingCallToast_button_accept span:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/video-call.f465ed0.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/video-call.f465ed0.svg)
}

.mx_IncomingCallToast .mx_IncomingCallToast_content .mx_IncomingCallToast_buttons {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    grid-gap: 12px;
    gap: 12px
}

.mx_IncomingCallToast .mx_IncomingCallToast_content .mx_IncomingCallToast_buttons .mx_IncomingCallToast_button {
    height: 24px;
    padding: 0 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 0;
    font-size: 1.5rem;
    line-height: 2.4rem
}

.mx_IncomingCallToast .mx_IncomingCallToast_content .mx_IncomingCallToast_buttons .mx_IncomingCallToast_button span {
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_IncomingCallToast .mx_IncomingCallToast_content .mx_IncomingCallToast_buttons .mx_IncomingCallToast_button span:before {
    content: "";
    display: inline-block;
    background-color: #fff;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    margin-right: 8px
}

.mx_IncomingCallToast .mx_IncomingCallToast_content .mx_IncomingCallToast_buttons .mx_IncomingCallToast_button.mx_IncomingCallToast_button_accept span:before {
    -webkit-mask-size: 13px;
    mask-size: 13px;
    width: 13px;
    height: 13px
}

.mx_IncomingCallToast .mx_IncomingCallToast_content .mx_IncomingCallToast_buttons .mx_IncomingCallToast_button.mx_IncomingCallToast_button_decline span:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/hangup.a207e54.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/hangup.a207e54.svg);
    -webkit-mask-size: 16px;
    mask-size: 16px;
    width: 16px;
    height: 16px
}

.mx_IncomingCallToast .mx_IncomingCallToast_iconButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    width: 20px
}

.mx_IncomingCallToast .mx_IncomingCallToast_iconButton:before {
    content: "";
    height: inherit;
    width: inherit;
    background-color: #edf3ff;
    background-color: var(--tertiary-content, #edf3ff);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center
}

.mx_IncomingCallToast .mx_IncomingCallToast_silence:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/silence.08cd2d6.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/silence.08cd2d6.svg)
}

.mx_IncomingCallToast .mx_IncomingCallToast_unSilence:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/un-silence.cebdd12.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/un-silence.cebdd12.svg)
}

.mx_NonUrgentEchoFailureToast .mx_NonUrgentEchoFailureToast_icon {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #fff;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/cloud-off.33cd28e.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/cloud-off.33cd28e.svg);
    margin-right: 8px
}

.mx_NonUrgentEchoFailureToast span {
    vertical-align: middle
}

.mx_NonUrgentEchoFailureToast .mx_AccessibleButton {
    padding: 0
}

.mx_VerificationShowSas_decimalSas {
    text-align: center;
    font-weight: 700;
    padding-left: 3px;
    padding-right: 3px
}

.mx_VerificationShowSas_decimalSas span {
    margin-left: 5px;
    margin-right: 5px
}

.mx_VerificationShowSas_emojiSas {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px 0
}

.mx_VerificationShowSas_emojiSas_block {
    display: inline-block;
    margin-bottom: 16px;
    position: relative;
    width: 52px
}

.mx_AuthPage_modal .mx_VerificationShowSas_emojiSas_block,
.mx_Dialog .mx_VerificationShowSas_emojiSas_block {
    width: 60px
}

.mx_VerificationShowSas_emojiSas_emoji {
    font-size: 3.2rem
}

.mx_VerificationShowSas_emojiSas_label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.2rem
}

.mx_VerificationShowSas_emojiSas_break {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.mx_VerificationShowSas_buttonRow {
    text-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 9px;
    gap: 9px
}

.mx_CallViewButtons,
.mx_VerificationShowSas_buttonRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_CallViewButtons {
    position: absolute;
    bottom: 24px;
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    z-index: 200;
    grid-gap: 18px;
    gap: 18px
}

.mx_CallViewButtons.mx_CallViewButtons_hidden {
    opacity: .001;
    pointer-events: none
}

.mx_CallViewButtons .mx_CallViewButtons_button {
    cursor: pointer;
    background-color: #21262c;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_CallViewButtons .mx_CallViewButtons_button:before {
    content: "";
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #edf3ff;
    height: 24px;
    width: 24px
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_on {
    background-color: #21262c
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_on:before {
    background-color: #edf3ff
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_on.mx_CallViewButtons_button_mic:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/call-view/mic-on.42e5b4f.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/call-view/mic-on.42e5b4f.svg)
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_on.mx_CallViewButtons_button_vid:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/call-view/cam-on.2f20559.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/call-view/cam-on.2f20559.svg)
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_on.mx_CallViewButtons_button_screensharing {
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_on.mx_CallViewButtons_button_screensharing:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/call-view/screensharing.6633902.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/call-view/screensharing.6633902.svg);
    background-color: #fff
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_on.mx_CallViewButtons_button_sidebar:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/call-view/sidebar-on.201da9d.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/call-view/sidebar-on.201da9d.svg)
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_off {
    background-color: #edf3ff
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_off:before {
    background-color: #21262c
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_off.mx_CallViewButtons_button_mic:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/call-view/mic-off.9f7b143.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/call-view/mic-off.9f7b143.svg)
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_off.mx_CallViewButtons_button_vid:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/call-view/cam-off.8a4f251.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/call-view/cam-off.8a4f251.svg)
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_off.mx_CallViewButtons_button_screensharing {
    background-color: #21262c
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_off.mx_CallViewButtons_button_screensharing:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/call-view/screensharing.6633902.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/call-view/screensharing.6633902.svg);
    background-color: #edf3ff
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_off.mx_CallViewButtons_button_sidebar {
    background-color: #21262c
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_off.mx_CallViewButtons_button_sidebar:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/call-view/sidebar-off.6aeab15.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/call-view/sidebar-off.6aeab15.svg);
    background-color: #edf3ff
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_dialpad:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/call-view/dialpad.76f693e.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/call-view/dialpad.76f693e.svg)
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_hangup {
    background-color: #ff5b55;
    background-color: var(--alert, #ff5b55)
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_hangup:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/call-view/hangup.ddd2375.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/call-view/hangup.ddd2375.svg);
    background-color: #fff
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_more:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/call-view/more.645220c.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/call-view/more.645220c.svg)
}

.mx_CallViewButtons .mx_CallViewButtons_button.mx_CallViewButtons_button_invisible {
    visibility: hidden;
    pointer-events: none;
    position: absolute
}

.mx_CallContainer {
    position: absolute;
    right: 20px;
    bottom: 72px;
    z-index: 100;
    pointer-events: none
}

.mx_CallContainer .mx_AppTile_persistedWrapper div {
    min-width: 350px
}

.mx_CallPreview {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: auto
}

.mx_CallPreview .mx_VideoFeed_remote.mx_VideoFeed_voice {
    min-height: 150px
}

.mx_CallPreview .mx_VideoFeed_local {
    border-radius: 8px;
    overflow: hidden
}

.mx_CallView {
    border-radius: 8px;
    background-color: var(--roomlist-background-color);
    padding-left: 8px;
    padding-right: 8px;
    pointer-events: auto
}

.mx_CallView_large {
    padding-bottom: 10px;
    margin: 8px 4px 10px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mx_CallView_large,
.mx_CallView_large .mx_CallView_voice {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mx_CallView_large.mx_CallView_belowWidget {
    margin-top: 0
}

.mx_CallView_pip {
    width: 320px;
    padding-bottom: 8px;
    background-color: #21262c;
    background-color: var(--system, #21262c);
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
    border-radius: 8px
}

.mx_CallView_pip .mx_CallView_video_hold,
.mx_CallView_pip .mx_CallView_voice {
    height: 180px
}

.mx_CallView_pip .mx_CallViewButtons {
    bottom: 13px
}

.mx_CallView_pip .mx_CallViewButtons_button {
    width: 34px;
    height: 34px
}

.mx_CallView_pip .mx_CallViewButtons_button:before {
    width: 22px;
    height: 22px
}

.mx_CallView_pip .mx_CallView_holdTransferContent {
    padding-top: 10px;
    padding-bottom: 25px
}

.mx_CallView_content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px
}

.mx_CallView_content>.mx_VideoFeed {
    width: 100%;
    height: 100%
}

.mx_CallView_content>.mx_VideoFeed.mx_VideoFeed_voice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mx_CallView_content>.mx_VideoFeed .mx_VideoFeed_video {
    height: 100%;
    background-color: #000
}

.mx_CallView_content>.mx_VideoFeed .mx_VideoFeed_mic {
    left: 10px;
    bottom: 10px
}

.mx_CallView_voice {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #15171b
}

.mx_CallView_voice,
.mx_CallView_voice_avatarsContainer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-direction: normal
}

.mx_CallView_voice_avatarsContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.mx_CallView_voice_avatarsContainer div {
    margin-left: 12px;
    margin-right: 12px
}

.mx_CallView_voice .mx_CallView_holdTransferContent .mx_CallView_voice_avatarContainer {
    border-radius: 2000px;
    overflow: hidden;
    position: relative
}

.mx_CallView_holdTransferContent {
    height: 20px;
    padding-top: 20px;
    padding-bottom: 15px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx_CallView_holdTransferContent .mx_AccessibleButton_hasKind {
    padding: 0;
    font-weight: 700
}

.mx_CallView_video {
    width: 100%;
    height: 100%;
    z-index: 30;
    overflow: hidden
}

.mx_CallView_video_hold {
    overflow: hidden
}

.mx_CallView_video_hold .mx_VideoFeed {
    visibility: hidden
}

.mx_CallView_video_holdBackground {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    -webkit-filter: blur(20px);
    filter: blur(20px)
}

.mx_CallView_video_holdBackground:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6)
}

.mx_CallView_video .mx_CallView_holdTransferContent {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 700;
    color: #fff;
    text-align: center
}

.mx_CallView_video .mx_CallView_holdTransferContent:before {
    display: block;
    margin-left: auto;
    margin-right: auto;
    content: "";
    width: 40px;
    height: 40px;
    background-image: url(https://element.anontier.nl/../img/voip/paused.77799b3.svg);
    background-position: 50%;
    background-size: cover
}

.mx_CallView_pip .mx_CallView_video .mx_CallView_holdTransferContent:before {
    width: 30px;
    height: 30px
}

.mx_CallView_video .mx_CallView_holdTransferContent .mx_AccessibleButton_hasKind {
    padding: 0
}

.mx_CallView_presenting {
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    position: absolute;
    margin-top: 18px;
    padding: 4px 8px;
    border-radius: 4px;
    color: #fff;
    background-color: #17191c
}

.mx_CallView_presenting_hidden {
    opacity: .001;
    pointer-events: none
}

.mx_CallViewForRoom {
    overflow: hidden
}

.mx_CallViewForRoom .mx_CallViewForRoom_ResizeWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_CallViewForRoom .mx_CallViewForRoom_ResizeWrapper:hover .mx_CallViewForRoom_ResizeHandle {
    width: 100%!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mx_CallViewForRoom .mx_CallViewForRoom_ResizeWrapper:hover .mx_CallViewForRoom_ResizeHandle:after {
    content: "";
    border-radius: 4px;
    height: 4px;
    width: 100%;
    max-width: 64px;
    background-color: var(--timeline-text-color)
}

.mx_CallViewHeader {
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer
}

.mx_CallViewHeader_callType {
    font-size: 1.2rem;
    font-weight: 700;
    vertical-align: middle
}

.mx_CallViewHeader_secondaryCallInfo:before {
    content: "·";
    margin-left: 6px;
    margin-right: 6px
}

.mx_CallViewHeader_controls {
    margin-left: auto
}

.mx_CallViewHeader_button {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.mx_CallViewHeader_button:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center
}

.mx_CallViewHeader_button_fullscreen:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/fullscreen.43be138.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/fullscreen.43be138.svg)
}

.mx_CallViewHeader_button_expand:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/expand.7ef9f56.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/expand.7ef9f56.svg)
}

.mx_CallViewHeader_callInfo {
    margin-left: 12px;
    margin-right: 16px
}

.mx_CallViewHeader_roomName {
    font-weight: 700;
    font-size: 12px;
    line-height: normal;
    height: 15px
}

.mx_CallView_secondaryCall_roomName {
    margin-left: 4px
}

.mx_CallViewHeader_callTypeSmall {
    font-size: 12px;
    color: #edf3ff;
    color: var(--secondary-content, #edf3ff);
    line-height: normal;
    height: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 240px
}

.mx_CallViewHeader_callTypeIcon {
    display: inline-block;
    margin-right: 6px;
    height: 16px;
    width: 16px;
    vertical-align: middle
}

.mx_CallViewHeader_callTypeIcon:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    height: 16px;
    width: 16px;
    background-color: #edf3ff;
    background-color: var(--secondary-content, #edf3ff);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center
}

.mx_CallViewHeader_callTypeIcon.mx_CallViewHeader_callTypeIcon_voice:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/voice-call.303eba8.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/voice-call.303eba8.svg)
}

.mx_CallViewHeader_callTypeIcon.mx_CallViewHeader_callTypeIcon_video:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/video-call.f465ed0.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/video-call.f465ed0.svg)
}

.mx_CallViewSidebar {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 100;
    overflow: auto;
    height: calc(100% - 32px);
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    grid-gap: 12px;
    gap: 12px
}

.mx_CallViewSidebar>.mx_VideoFeed {
    width: 100%;
    border-radius: 4px
}

.mx_CallViewSidebar>.mx_VideoFeed.mx_VideoFeed_voice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #21262c
}

.mx_CallViewSidebar>.mx_VideoFeed .mx_VideoFeed_video {
    border-radius: 4px
}

.mx_CallViewSidebar>.mx_VideoFeed .mx_VideoFeed_mic {
    left: 6px;
    bottom: 6px
}

.mx_CallViewSidebar.mx_CallViewSidebar_pipMode {
    top: 16px;
    bottom: unset;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    grid-gap: 4px;
    gap: 4px
}

.mx_DialPad {
    display: grid;
    grid-row-gap: 16px;
    row-gap: 16px;
    grid-column-gap: 0;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    margin-top: 24px;
    grid-template-columns: repeat(3, 1fr)
}

.mx_DialPad,
.mx_DialPad_button {
    margin-left: auto;
    margin-right: auto
}

.mx_DialPad_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #6f7882;
    background-color: var(--quinary-content, #6f7882);
    border-radius: 40px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle
}

.mx_DialPad_button .mx_DialPad_buttonSubText {
    font-size: 8px
}

.mx_DialPad_dialButton {
    grid-column: 2;
    background-color: #0dbd8b;
    background-color: var(--accent, #0dbd8b)
}

.mx_DialPad_dialButton:before {
    content: "";
    display: inline-block;
    height: 40px;
    width: 40px;
    vertical-align: middle;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 20px;
    mask-size: 20px;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #fff;
    -webkit-mask-image: url(https://element.anontier.nl/../img/element-icons/call/voice-call.303eba8.svg);
    mask-image: url(https://element.anontier.nl/../img/element-icons/call/voice-call.303eba8.svg)
}

.mx_DialPadContextMenu_dialPad .mx_DialPad {
    grid-row-gap: 16px;
    row-gap: 16px;
    grid-column-gap: 32px;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px
}

.mx_DialPadContextMenuWrapper {
    padding: 15px
}

.mx_DialPadContextMenu_header {
    margin-top: 32px;
    margin-left: 20px;
    margin-right: 20px;
    border: none;
    border-bottom: 1px solid #6f7882;
    border-bottom: 1px solid var(--quaternary-content, #6f7882);
    -webkit-transition: border-bottom .25s;
    transition: border-bottom .25s
}

.mx_DialPadContextMenu_cancel {
    float: right;
    -webkit-mask: url(https://element.anontier.nl/../img/feather-customised/cancel.23c2689.svg);
    mask: url(https://element.anontier.nl/../img/feather-customised/cancel.23c2689.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 14px;
    height: 14px;
    background-color: #9fa9ba;
    cursor: pointer
}

.mx_DialPadContextMenu_header:focus-within {
    border-bottom: 1px solid #0dbd8b;
    border-bottom: 1px solid var(--accent, #0dbd8b)
}

.mx_DialPadContextMenu_title {
    color: #a1b2d1;
    font-size: 12px;
    font-weight: 600
}

.mx_DialPadContextMenu_dialled {
    height: 1.5em;
    font-size: 18px;
    font-weight: 600;
    border: none;
    margin: 0
}

.mx_DialPadContextMenu_dialled input {
    font-size: 18px;
    font-weight: 600;
    overflow: hidden;
    max-width: 185px;
    text-align: left;
    padding: 8px 0;
    background-color: transparent
}

.mx_DialPadContextMenu_dialPad {
    margin: 16px
}

.mx_Dialog_dialPadWrapper .mx_Dialog {
    padding: 0
}

.mx_DialPadModal {
    width: 292px;
    height: 370px;
    padding: 16px 0 0
}

.mx_DialPadModal_header {
    margin-top: 32px;
    margin-left: 40px;
    margin-right: 40px;
    border-bottom: 1px solid #6f7882;
    border-bottom: 1px solid var(--quaternary-content, #6f7882);
    -webkit-transition: border-bottom .25s;
    transition: border-bottom .25s
}

.mx_DialPadModal_header:focus-within {
    border-bottom: 1px solid #0dbd8b;
    border-bottom: 1px solid var(--accent, #0dbd8b)
}

.mx_DialPadModal_title {
    color: #a1b2d1;
    font-size: 12px;
    font-weight: 600
}

.mx_DialPadModal_cancel {
    float: right;
    -webkit-mask: url(https://element.anontier.nl/../img/feather-customised/cancel.23c2689.svg);
    mask: url(https://element.anontier.nl/../img/feather-customised/cancel.23c2689.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 14px;
    height: 14px;
    background-color: #9fa9ba;
    cursor: pointer;
    margin-right: 16px
}

.mx_DialPadModal_field {
    border: none;
    margin: 0;
    height: 30px
}

.mx_DialPadModal_field .mx_Field_postfix {
    border-left: none
}

.mx_DialPadModal_field input {
    font-size: 18px;
    font-weight: 600
}

.mx_DialPadModal_dialPad {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 16px
}

.mx_VideoFeed {
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mx_VideoFeed.mx_VideoFeed_voice {
    background-color: #15171b;
    aspect-ratio: 16/9
}

.mx_VideoFeed .mx_VideoFeed_video {
    width: 100%;
    background-color: transparent
}

.mx_VideoFeed .mx_VideoFeed_video.mx_VideoFeed_video_mirror {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.mx_VideoFeed .mx_VideoFeed_mic {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 100%
}

.mx_VideoFeed .mx_VideoFeed_mic:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #fff;
    border-radius: 7px
}

.mx_VideoFeed .mx_VideoFeed_mic.mx_VideoFeed_mic_muted:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/mic-muted.d4c8cf9.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/mic-muted.d4c8cf9.svg)
}

.mx_VideoFeed .mx_VideoFeed_mic.mx_VideoFeed_mic_unmuted:before {
    -webkit-mask-image: url(https://element.anontier.nl/../img/voip/mic-unmuted.523e72c.svg);
    mask-image: url(https://element.anontier.nl/../img/voip/mic-unmuted.523e72c.svg)
}