html {
	overflow: hidden;
}

/* Add OS-specific fonts */
body {
	font-family: -apple-system,
			BlinkMacSystemFont,
			'Segoe UI',
			Roboto,
			Oxygen-Sans,
			Ubuntu,
			Cantarell,
			'Helvetica Neue',
			sans-serif,
			'Apple Color Emoji',
			'Segoe UI Emoji',
			'Segoe UI Symbol' !important;
	text-rendering: optimizeLegibility !important;
	font-feature-settings: 'liga', 'clig', 'kern';
}

/* Bind the toolbar as the window's draggable region */
._36ic._5l-3,
._5742,
._673w {
	-webkit-app-region: drag;
}

/* Exclude `New Messages`, `Voice Call`, `Video Call` & `Conversation Info` buttons from the draggable region */
._36ic._5l-3 ._30yy,
._5742 ._30yy,
._673w ._30yy {
	-webkit-app-region: no-drag;
	-webkit-user-drag: none;
}

/* Window wrapper */
._4sp8 {
	min-width: 0;
}

/* Hide sidebar (optionally) */
html.sidebar-hidden ._1enh {
	display: none;
}

/* Hide footer at login view */
._210n {
	display: none;
}

/* First time user popup */
._s15 {
	display: none;
}

/* "Keep the conversation going" bar */
._s15 {
	display: none !important;
}

/* Right column */
._1q5- {
	border-left: 1px solid rgba(0, 0, 0, .10) !important;
}

/* Hide settings menu */
.uiContextualLayerBelowLeft ._5v-0._53il {
	display: none !important;
}

/* Hide settings icon */
._30yy._2fug._p {
	display: none !important;
}

/* Hide title */
._1tqi {
	display: none;
}

/* Center names in titlebar */
._5742,
._673w {
	text-align: center !important;
}

/* Narrower titlebar */
._36ic,
._5742,
._673w {
	height: 40px !important;
	padding: 4px !important;
}
/* Vertically center chat options */
._fl2 {
	padding: 0 !important;
	top: 4px !important;
	right: 6px !important;
}

/* Adjust `To` field for narrower titlebar */
._2y8y {
	min-height: 40px !important;
	padding: 8px !important;
}

/* `New messages` popup */
._2xhi._5vn4 ._2xhj {
	display: none;
}

/* Message box: fix video width */
._3zvs._5z-5 {
	width: 100% !important;
}
._2poz._52mr._ui9._2n8h._2n8i._5fk1 {
	width: 100% !important;
}
._ccq._4tsk._3o67._52mr._4-od {
	width: 100% !important;
}
._1c_u {
	width: 100% !important;
}
._53j5 {
	width: 100% !important;
}
._ox1._21y0 {
	width: 100% !important;
}

/* Message box: hide bottom white line */
.chatAttachmentShelf:empty {
	display: none !important;
}

/* macOS: Move the contextual back button so it's not obstructed by the native traffic lights */
.os-darwin ._30yy._2oc9 {
	margin-left: 65px !important;
}

@media all and (max-width: 700px) {
	/* Make right column flexible in compact mode */
	._1q5- {
		position: absolute !important;
		right: 0 !important;
		left: 74px !important;
		height: 100% !important;
	}

	/* Fix for left space in compact mode */
	html.sidebar-hidden ._1q5- {
		left: 0px !important;
	}

	/* `New Conversation` icon */
	._30yy[href='/new'] {
		display: none !important;
	}

	/* Hide right sidebar in compact mode */
	._4_j5 {
		display: none !important;
	}
	
	/* Fix the `New Conversation` button overlapping the traffic light controls on macOS */
	html.os-darwin ._36ic._5l-3 {
		margin-top: 30px;
	}
}

/* Don't show outline on clickable elements except in the delete/mute modal so that we know what we are selecting */
a,
*[role='button'] {
	outline: none !important;
}

/* Remove white background in Preferences */
._1u5d {
	background-color: transparent !important;
}

/* Fix incorrect border radius in Preferences */
._4eby {
	border-radius: 2px !important;
}

/* Contact list: latest message, under contact name */
._1ht1 ._1htf {
	color: rgba(0, 0, 0, 0.7);
}

/* Allow scrolling of "Edit Nicknames" dialog */
._4h9n ._4h9o {
	max-height: 100% !important;
	height: 280px;
}

/* Tomorrow light theme for code blocks */
._wu0 {
	--code-block-base: #1d1f21;
	--code-block-background: #ffffff;
	--code-block-border: #b9b9b9;
	--code-block-primary: #de935f;
	--code-block-meta: #969896;
	--code-block-tag: #a3685a;
	--code-block-quoted: #b5bd68;
	--code-block-variable: #cc6666;
	--code-block-special: #8abeb7;
	--code-block-attr-value: #139543;
	--code-block-keyword: #b294bb;
	--code-block-function: #81a2be;
	background-color: var(--code-block-background) !important;
	border: 1px solid var(--code-block-border) !important;
	color: var(--code-block-base) !important;
}
._wu0 .token.punctuation { color: var(--code-block-base) !important }
._wu0 .token.property    { color: var(--code-block-base) !important }
._wu0 .token.operator    { color: var(--code-block-base) !important }
._wu0 .token.boolean     { color: var(--code-block-primary) !important }
._wu0 .token.number      { color: var(--code-block-primary) !important }
._wu0 .token.constant    { color: var(--code-block-primary) !important }
._wu0 .token.selector    { color: var(--code-block-primary) !important }
._wu0 .token.bold        { color: var(--code-block-primary) !important; font-weight: bold; }
._wu0 .token.comment     { color: var(--code-block-meta) !important }
._wu0 .token.prolog      { color: var(--code-block-meta) !important }
._wu0 .token.doctype     { color: var(--code-block-meta) !important }
._wu0 .token.cdata       { color: var(--code-block-meta) !important }
._wu0 .token.tag         { color: var(--code-block-tag) !important }
._wu0 .token.symbol      { color: var(--code-block-quoted) !important }
._wu0 .token.string      { color: var(--code-block-quoted) !important }
._wu0 .token.char        { color: var(--code-block-quoted) !important }
._wu0 .token.inserted    { color: var(--code-block-quoted) !important }
._wu0 .token.attr-name   { color: var(--code-block-variable) !important }
._wu0 .token.url         { color: var(--code-block-variable) !important }
._wu0 .token.entity      { color: var(--code-block-variable) !important }
._wu0 .token.variable    { color: var(--code-block-variable) !important }
._wu0 .token.deleted     { color: var(--code-block-variable) !important }
._wu0 .token.builtin     { color: var(--code-block-special) !important }
._wu0 .token.hexcode     { color: var(--code-block-special) !important }
._wu0 .token.regex       { color: var(--code-block-special) !important }
._wu0 .token.attr-value  { color: var(--code-block-attr-value) !important }
._wu0 .token.keyword     { color: var(--code-block-keyword) !important }
._wu0 .token.important   { color: var(--code-block-keyword) !important }
._wu0 .token.italic      { color: var(--code-block-keyword) !important; font-style: italic; }
._wu0 .token.function    { color: var(--code-block-function) !important }

/* Hide hidden accessibility elements so they're not included in copy-pasting of chat logs */
.accessible_elem {
	display: none !important;
}

[role='navigation'] a {
	cursor: default !important;
}
