.tabbar {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	width: 100%;
	margin: 1vw 0 1vw 0;

	border-style: solid;
	border-width: 0;
	border-bottom-width: .2vw;
	border-color: var(--shy);
}

.tab {
	border: 0 solid transparent;
	border-bottom-width: var(--dims-line);
	cursor: pointer;
}
.tab:hover {
	border-color: var(--color-accent);
}
.tab.selected {
	background-color: var(--color-accent);
	border-color: var(--color-accent);
}

.gui-container {
	width: 100%;
	pointer-events: none;
}
.gui-container > * {
	pointer-events: auto;
}

.mobile-controls {
	position: fixed;
	right: var(--dims-spacing);
	bottom: 30vh;

	width: fit-content;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: var(--dims-spacing);
	margin-inline-start: auto;
}
.mobile-controls > button{
	aspect-ratio: 1/1;
	font-size: 3em;
	line-height: 1em;
}

.console > summary {
	cursor: pointer;
	color: var(--color-accent);
	width: fit-content;
	border-radius: var(--dims-rounding);
	padding: var(--dims-padding);
}
.console[data-unread="0"] > summary {
	color: inherit;
}
.console {
	width: calc(var(--dims-popup-width) - var(--dims-spacing) * 2);
}
.console[open] > div {
	max-height: var(--dims-popup-height);
	color: var(--color-secondary);
	overflow: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--color-secondary) transparent;
}
.console[open] > div:hover {
	scrollbar-color: var(--color-accent) transparent;
}
.console[open] > div > div:hover {
	color: var(--color-text);
}
.console > div > div:first-child {
	color: var(--color-accent);
}

.moderable img {
	max-height: 50vh;
	max-width: 100%;
	object-fit: contain;
}
.moderable.approved {
	background-color: hsla(100, 72%, 23%, .42);
}
.moderable.rejected {
	background-color: hsla(0, 72%, 23%, .42);
}
.moderable {
	transition: box-shadow var(--transition-time), border-color var(--transition-time);
}
.moderable:focus {
	border-color: var(--color-accent);
	box-shadow: var(--effect-glow);
	outline: none;
}

.pool-item > img {
	max-height: 20vh;
}

.pool-item[data-failed="true"] {
	opacity: .7;
}

.selector-theme {
	height: 1.2lh;
}

.refeeder-log-value-ok {
	color: var(--color-text);
}

.refeeder-log-value-error {
	background: var(--color-accent);
	color: var(--color-base);
	border-radius: var(--dims-rounding);
	padding-inline: var(--dims-spacing);
}

.refeeder-log-value-dupe {
	color: var(--color-secondary);
}

.refeeder-section {
	color: var(--color-secondary);
	border-bottom: var(--dims-line) solid var(--color-secondary);
	margin-top: var(--dims-spacing);
}

.refeeder-list-counter {
	color: var(--color-secondary);
	user-select: none;
}

#refeeder-list {
	margin-bottom: 3rem;
}