.tabgrid {
  display: grid;
  padding: 3px 9px;
  gap: 18px;
  grid-template-columns: fit-content(12rem) 3fr 3fr;
  max-width: 100vw;
  overflow: hidden;
}
.tabpanel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 3px solid var(--normally-light-grey);
  border-radius: 3px;
  padding: 9px;
  justify-content: center;
  align-content: center;
}
.tabsubcategory {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
.tabbuttonstack {
  display: flex;
  flex-direction: column;
  gap: 3px;
  justify-content: center;
  align-content: center;
}
.tooltabs {
  border-width: 3px;
  text-decoration-line: revert;
  margin: 0;
}
.infobutton {
  border-color: var(--normally-bright-buttonteal);
  background-color: var(--normally-dark-buttonteal);
}
.explaincontainer {
  grid-column: 1 / -1;
  gap: 0;
  display: none;
}
.explaincontainer h4 {
  margin: 18px 0 9px 0;
}
.explaincontainer p {
  margin: 8px 0;
  line-height: 1.3;
}

#results {
  max-height: 90vh;
}

.status-succeed {
  border: 1px solid lime;
  border-left: 3px solid lime;
  padding: 6px;
  padding-left: 15px;
  overflow-wrap: break-word;
  overflow: clip;
  word-break: break-word;
  margin: 16px 0;
}

:not(.quoteblock) > ol, :not(.quoteblock) > ul {
  margin-left: calc(9px + 3px);
}

details {
  color: var(--normally-dark-grey);
  background-color: var(--normally-dark-grey);
  width: max-content;
  display: inline-block;
  padding: 0 3px;
}
details:open {
  color: var(--normally-white);
}
summary {
  list-style: none;
}


.entity_object, .category_object { /* used in object view, not lists */
	border: 3px solid var(--normally-white);
	padding: 6px;
	overflow-wrap: break-word;
	overflow: clip;
	word-break: break-word;
}

.entity_header, .category_header { /* used in object view, not lists */
	padding: 12px 0;
}
.entity_header_content, .category_header_content { /* used in object view, not lists */
	flex: 1 1 0%;
	display: flex;
	gap: 9px;
	flex-direction: column;
}
.entity_hero, .category_hero { /* used in object view, not lists */
	flex-direction: column;
}
.entity_mainavatar, .category_mainavatar {
  margin: 9px;
  max-height: 150px;
  max-width: 150px;
  min-height: 5vh;
  min-width: 5vh;
}
.imagenotfound {
  box-sizing: border-box;
  border: 9px solid  var(--normally-dark-tenvred);
  height: 150px;
  width: 150px;
  align-content: center;
  padding: 9px;
  color: var(--normally-bright-tenvred)
}
.entity_avatarurl, .category_avatarurl { /* used in object view, not lists */
	margin: -8px 0 9px 0;
	border: 1px double var(--normally-white);
	border-color: rgb(144, 145, 233);
	width: calc(100% - 18px);
	box-sizing: border-box;
	text-align: center;
	padding: 3px;
}

.entity_name, .entity_pronouns, .entity_groups, .entity_tags,
.entity_name_large, .entity_pronouns_large, .entity_groups_large, .entity_tags_large,  .category_name, .category_members, .category_utilities, .category_name_large, .category_members_large, .category_utilities_large {
  margin: 0 9px;
}

.entitystickyheader, .categorystickyheader { /* used in object view, not lists */
	position: sticky;
	background-color: var(--normally-black);
	padding: 3px 0 3px 3px;
	border-bottom: 1px dotted var(--normally-light-grey);
	top: -3px;
	left: -3px;
}
.entitystickyheader_inner, .categorystickyheader_inner { /* used in object view, not lists */
	margin: 0;
	padding: 3px;
}

.entity_groups, .entity_tags, .category_members, .category_utilities {
  margin-top: 3px;
  max-height: 5.5em;
  overflow-y: auto;
  border: 1px dashed var(--normally-grey);
  padding: 3px;
}
.entity_groups_large, .category_members_large, .entity_tags_large, .category_utilities_large { /* used in object view, not lists */
  margin-top: 3px;
  max-height: 12em;
  overflow-y: auto;
  border: 1px dashed var(--normally-grey);
  padding: 3px;
}
.entity_categoriescontainer, .category_entitiescontainer {
  display: flex;
  margin: 3px 0;
}
.entity_categoriescontainer_large, .category_entitiescontainer_large {
  /* used in object view, not lists */
  display: flex;
  margin: 12px 0;
}
.object_category, .object_entity {
  display: inline-block;
  margin: 3px;
  border: 1px solid white;
  border-radius: 14px;
  padding: 1px 9px;
}

.entity_frontcontainer {
  border: 1px solid var(--normally-grey);
  margin: 3px;
  padding: 3px;
}
.entity_description, .category_description {
  margin: 9px;
  border: 1px dotted var(--normally-grey);
  padding: 9px;
  overflow: auto;
  max-height: 18.5em;
}
.entity_description p + p, .category_description p + p {
  margin: 3px 0;
}
.entity_description h4, .category_description h4 {
	margin-top: 18px;
	border-bottom: 1px dotted var(--normally-grey);
}

.entity_flexy, .category_flexy{
  display: flex;
  align-items: center;
}
.entity_flexy h1, .entity_flexy h2, .entity_flexy h3, .entity_flexy h4, .category_flexy h1, .category_flexy h2, .category_flexy h3, .category_flexy h4 {
  margin-right: 9px;
}

.entity_frontlogs { /* used in object view, not lists */
	margin: 15px 0;
	border: 3px outset var(--normally-bright-buttongreen);
	padding: 12px 3px;
	overflow-x: auto;
	overflow-y: clip;
}
.logcarousel { /* used in object view, not lists */
	display: grid;
	gap: 1vw;
	grid-auto-flow: column;
	overflow: auto;
	margin: 3px;
	padding: 9px;
}
.log_entry { /* used in object view, not lists */
	border: 3px inset var(--normally-dark-buttongreen);
	margin: 3px;
	padding: 6px;
	min-width: 25vw;
	height: 25vh;
	max-width: 30vw;
	overflow-y: auto;
	overflow-x: clip;
}
.logentry_time { /* used in object view, not lists */
	font-family: monospace;
	margin: 12px 0;
}
.logentry_comment { /* used in object view, not lists */
	font-style: italic;
	margin: 6px 3px;
}
.log_entityroll { /* used in object view, not lists */
	margin: 6px 3px;
	border: 3px double var(--normally-dark-buttongreen);
	padding: 3px;
	overflow: auto;
	max-height: 12vh;
}

.entitynotfound, .categorynotfound {
  border: 3px solid var(--normally-dark-tenvred);
}
.rollnotfound, .lognotfound {
  border: 6px double var(--normally-dark-tenvred);
}

.entity_references, .category_references { /* used in object view, not lists */
	border: 3px groove var(--normally-bright-buttonred);
	padding: 3px 9px;
	margin: 3px;
	background-color: var(--normally-dark-buttonred);
	flex: 1 1 min-content;
}

.entity_metadata, .category_metadata { /* used in object view, not lists */
	border: 3px groove var(--normally-bright-buttonyellow);
	padding: 3px 9px;
	margin: 3px;
	background-color: var(--normally-dark-buttonyellow);
	flex: 1 1 min-content;
}

.entity_edit, .category_edit { /* used in object view, not lists */
	border: 3px groove var(--normally-bright-buttonblue);
	padding: 3px 9px;
	margin: 3px;
	background-color: var(--normally-dark-buttonblue);
	flex: 1 0 max-content;
}

.entity_references h4, .entity_metadata h4, .entity_edit h4, .category_references h4, .category_metadata h4, .category_edit h4 {
  margin: 6px 0 3px 0;
}

dl.entity_footer_dl, dl.category_footer_dl { /* used in object view, not lists */
	line-height: 1.5rem;
	margin: 9px 3px;
}
dl.entity_footer_dl dd, dl.category_footer_dl dd {
	margin-bottom: 9px;
}
dd p {
	margin: 0;
}

.colourblock {
	height: 1em;
	width: 2em;
	background-color: var(--normally-grey);
	display: inline-block;
	position: relative;
	top: 3px;
	outline: 3px double var(--normally-grey);
	margin: 0 9px;
}

.entity_actions, .category_actions {
	border: 3px double var(--normally-light-broospurple);
	margin: 36px 9px 18px 9px;
	padding: 18px;
}
.entity_actions h4, .category_actions h4 {
	margin: 9px 0;
}
.entity_actionbutton, .category_actionbutton {
	display: inline-block;
	margin: 3px 9px;
	border: 1px outset var(--normally-white);
	border-radius: 3px;
	padding: 3px 9px;
	flex: 1 1 min-content;
}
.action_main {
  border-color: var(--normally-light-broospurple);
  /* background-color: var(--normally-dark-buttonyellow); */
}
.action_change {
  border-color: var(--normally-bright-buttonorange);
  /* background-color: var(--normally-dark-buttonyellow); */
}
.action_confirm {
  border-color: var(--normally-bright-buttongreen);
  /* background-color: var(--normally-dark-buttonteal); */
}
.action_critical {
	border-color: var(--normally-bright-buttonred);
	background-color: var(--normally-dark-buttonorange);
	color: var(--normally-bright-tenvred);
}

.entity_footer, .category_footer { /* used in object view, not lists */
  align-items: stretch;
}