/* THIS IS A PLACEHOLDER FILE
   place a css file at $static_dir/static/custom.css
   to apply custom styles to your frontend
*/

/* Remove underlay (in cases you don't use a wallpaper in the background */
.underlay {
  opacity: 0;
}

.form-post-body::placeholder {
	opacity: 0;
}

.ScopeSelector .scope {
  margin-right: 0 !important;
}
.ScopeSelector {
	font-size: smaller;
  margin-right: auto;
}
.button-unstyled {
	font-size: 1em !important;
}
.post-status-form .form-bottom {
	height: 1.5em !important;
}
.post-status-form .media-upload-icon, .post-status-form .poll-icon, .post-status-form .emoji-icon {
  font-size: 1.2em !important;
}
.post-status-form .form-bottom-left {
	margin-right: 74px !important;
	max-width: 6em !important;
}

label#post-language > select > option
{
  display: none;
}
[value="en"], [value="pt"], [value="es"] {
  display: unset !important;
}
.language-selector {
	padding-right: 0.5em !important;
}
.edit-form-modal-panel > * > * > * > .visibility-tray {
	justify-content: end !important;
}
label.Select select {
  padding: 0 1.5em 0 0.4em !important;
}

.emoji {
	--_still_image-label-scale: 0.5;
	--emoji-size: 16px !important;
}
.notification-reaction-emoji {
	width: var(--emoji-size) !important;
}

p:has(> .emoji):hover, .content:hover {
	/* line-height: 35.2px; */
  overflow: visible !important;
}

.emoji:hover {
  transform: scale(3) !important;
  transition: 0.5s !important;
  z-index: 1000 !important;
  vertical-align: top !important;
  cursor: none;
}

.unicode-emoji
{
  font-size: 100% !important;
}
.emoji-reaction .reaction-emoji {
	max-height: 1em !important;
  margin-right: 0.5em !important;
}

.instance-panel{
  padding: 0 1em 1em 1em;
  margin-left:12px;
  margin-right:12px
}

.column-inner > .instance-specific-panel {
	display: none;
}

.staff-panel {
  display: none;
}

#notifs-column > .Notifications > .panel > .panel-body {
  display: unset;
}
.settings-modal-panel > .panel-body {
	display: unset !important;
}
.panel-default > .panel-body {
  display: table;
}

.tos-content {
  display: table-footer-group;;
}

.tos-header {
  display: table-header-group;
  padding: 0 1em 1em 1em;
}

.tos {
  margin: 1em
}