
smile { text-align: center; }
smile {
	img { position: static !important; left: auto !important; top: auto !important; margin: 0px !important; vertical-align: top; }
}
smile * { display: inline; vertical-align: middle; }
smile .loaderWrapper { display: inline-block; }

.markuplink { color: inherit; text-decoration: none; }

markupcode { display: inline; font-family: 'Plex'; border-radius: 4px; background: var(--color-shape-secondary); padding: 1px 4px; }
markupcode::after { content: ''; display: inline; width: 0.5em; height: 0.5em; vertical-align: middle; }

markupemoji { display: inline; user-select: all; }
markupemoji * { user-select: all; }
markupemoji {
	smile img { vertical-align: top; }
}

.markuplink, markupobject { 
	position: relative; color: inherit; text-decoration: none; border-bottom: 0.075em solid; transition: border-color $transitionCommon; cursor: default; 
	user-select: text !important;
}
.markuplink.disabled, markupobject.disabled { border-width: 0px; }

markupmention { display: inline; user-select: all !important; position: relative; cursor: default; }
markupmention * { user-select: text !important; }
markupmention {
	smile { display: none; position: relative; z-index: 1; }
	smile img { margin-top: 2px !important; }

	.space { width: 4px; height: 20px; vertical-align: middle; display: none; }
	name { display: inline; white-space: normal; position: relative; border-bottom: 0.075em solid; border-color: inherit; }
}
markupmention.disabled {
	name { border-width: 0px; }
}
markupmention.withImage {
	smile { display: inline; }
	.space { display: inline; }
}
markupmention.withImage.c20 name markupBgcolor:first-child { margin-left: -20px; padding-left: 20px; }
markupmention.withImage.c22 name markupBgcolor:first-child { margin-left: -22px; padding-left: 22px; }
markupmention.withImage.c26 name markupBgcolor:first-child { margin-left: -26px; padding-left: 26px; }
markupmention.withImage.c30 name markupBgcolor:first-child { margin-left: -30px; padding-left: 30px; }
markupmention:hover {
	name::before { border-color: var(--color-text-primary); }
}

markupbold { font-weight: 600; }
markupitalic { font-style: italic; }
markupstrike { text-decoration: line-through; }
markupunderline { border-bottom: 0.05em solid; }

markuphighlight { background: #b2dff9 !important; color: var(--color-text-primary) !important; border-radius: 2px; display: inline; }
markuphighlight.active { background: orange !important; }

markupsearch { background: yellow !important; color: var(--color-text-primary) !important; border-radius: 2px; display: inline; }
markupsearch.active { background: orange !important; }

markuplatex { user-select: all !important; }

markupbold, markupitalic, markupstrike, markupunderline, markuphighlight, markupsearch {
	user-select: text !important;
}