/*
Temporarily removed. HTML in asset.html
.icons-layer {
	max-width: 100%;
  position: absolute;
  top: -100px;
  z-index: 0;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 0.2;
  pointer-events: none;
}
*/

p.muted {
	color: light-dark(#777, #aaa);
}

p.centered {
	text-align: center;
}

.margins {
	margin: calc( var(--basic-gap) / 2 );
}

.vertical-margins {
	margin: calc( var(--basic-gap) / 2 ) 0;
}

.chat-message {
	margin: 16px 0px;
}

/* HTMX request indicators */

.show-during-request {
	display: none;
}

.htmx-request .show-during-request {
	display: inline;
}

.hide-during-request {
	display: inline;
}

.htmx-request .hide-during-request {
	display: none;
}

.input {
	&.datetime {
		width: auto; 
		min-width: 120px; 
		text-align: center;
		margin: 0;
	}
}

#versions table {
    text-align: center;
}

#versions table th, #versions table td {
    text-align: center;
    vertical-align: middle;
}

.highlighted {
	outline: 2px solid #f06;
	transition: outline 0.2s;
}

.button-disabled {
    opacity: 0.5;
    cursor: default;
}