.interactive-button {
	fill: #cccccc;
	stroke: #adadad;
	stroke-width: 0.1mm;
}

	.interactive-button.enabled {
		cursor: pointer;
		fill: #e1e1e1;
	}

	.interactive-button.highlight {
		fill: #e5f1fb;
		stroke: #0078d7;
	}

.interactive-button-foreground {
	outline: none;
	fill: transparent;
}

	.interactive-button-foreground.disabled {
		cursor: default;
	}

	.interactive-button-foreground:focus-visible {
		stroke: #0078d7;
		stroke-width: 0.125mm;
	}

.interactive-input-element.error, .interactive-input-text.error {
	filter: drop-shadow(0px 0px 1px rgba(209, 146, 142, 1));
}

.interactive-radio-button {
	fill: #ffffff;
	stroke: #707070;
	stroke-width: 0.06mm;
}
	.interactive-radio-button.disabled {
		fill: #e6e6e6;
		stroke: #c6c6c6;
	}

	.interactive-radio-button.highlight {
		fill: #f3f9ff;
		stroke: #5593ff;
	}

.interactive-radio-button-foreground {
	fill: transparent;
	cursor: pointer;
}

	.interactive-radio-button-foreground.disabled {
		pointer-events: none;
		cursor: default;
	}

.interactive-checkbox {
	fill: #ffffff;
	stroke: #707070;
	stroke-width: 0.06mm;
}

	.interactive-checkbox.disabled {
		fill: #e6e6e6;
		stroke: #c6c6c6;
	}

	.interactive-checkbox.highlight {
		fill: #f3f9ff;
		stroke: #5593ff;
	}

.interactive-checkbox-foreground {
	fill: transparent;
	cursor: pointer;
}

	.interactive-checkbox-foreground.disabled {
		pointer-events: none;
		cursor: default;
	}

.element-foreground {
	outline: none;
	fill: transparent;
}

	.element-foreground.highlight {
		stroke: #606A76;
		stroke-width: 0.01mm;
	}

.outline {
	outline: none;
	fill: transparent;
}

	.outline:focus-visible {
		stroke: black;
		stroke-width: 0.1mm;
		stroke-dasharray: 0.5, 0.5;
	}

	.outline.hidden {
		stroke-width: 0.0mm;
	}

.checkmark.checked {
	display: auto;
}

.checkmark.unchecked {
	display: none;
}