.toolbar-settings-element {
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(var(--zui-gu) * 4);
	padding: 0 calc(var(--zui-gu) * 1);
	margin-left: 4px;
	border-radius: var(--zui-border-radius-default);
	border-style: solid;
	border-width: var(--zui-line-strength-thin);
	border-color: transparent;
	background: none;
	color: var(--web-color-icon);
}

.settings-icon {
	display: inline-block;
	vertical-align: bottom;
	color: var(--web-color-icon);
}

	.settings-icon:hover {
		color: var(--web-color-icon-hover);
	}

	.settings-icon:active {
		color: var(--web-color-icon-active);
	}

.settings-icon-info-pane {
	transform: scale(1.1, 1.15);
}

.settings-icon-open-pane {
	transform: rotate(90deg);
}

.refresh-icon-rotated {
	transform: scaleX(-1) rotate(45deg)
}

	.refresh-icon-rotated::before {
		transform: translate(-50%, -50%) rotate(-45deg)
	}