<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Switch Field CSS */

div ul.switch-field {
	display: inline-flex;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

div ul.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 2em;
	width: 9em;
	border: 0;
	overflow: hidden;
}

div ul.switch-field label {
	background-color: #e4e4e4;
	color: #272727;
	font-size: 12px !important;
	line-height: 1;
	width: auto;
	text-align: center;
	padding: 6px 16px;
	margin-right: -1px;
	margin-left: 0px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

div ul.switch-field input:not([disabled]) + label:hover {
	cursor: pointer;
	background: #bfbfbf;
}
div ul.switch-field input:checked + label:hover {
	background: var(--main-bg-color);
}

div ul.switch-field input:checked + label {
	background: var(--main-bg-color);
	color: white;
	box-shadow: none;
}
div ul.switch-field input:focus + label {
	outline: -webkit-focus-ring-color auto 1px;
}

div#right-menu-bar ul.switch-field input:checked + label {
	background: var(--header-bg-color);
}

div ul.switch-field input:disabled + label {
    opacity: 0.4;
	cursor: not-allowed;
}
div ul.switch-field input:checked:disabled + label {
    color: white;
    opacity: 0.4;
    cursor: not-allowed;
}

div ul.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

div ul.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
	margin-right: 0px;
}

div ul.switch-field label:first-of-type:last-of-type{
	border-radius: 4px;
}
</pre></body></html>