Skip to content

Instantly share code, notes, and snippets.

@Hexality
Created January 13, 2022 20:51
Show Gist options
  • Save Hexality/e6942194ca9131210ddf319963c2e745 to your computer and use it in GitHub Desktop.
Save Hexality/e6942194ca9131210ddf319963c2e745 to your computer and use it in GitHub Desktop.
Element Dracula (Theme extracted from Anontier's element client)
@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)
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment