:root {
	--ui-point-tab-radius: 10em;
	--ui-rotate: 0deg;
}

.middle-field {
	margin-top: 3em;
}

body[data-issetedimark="false"] .coodinate-elm {
	display: none;
}

#coodinateConsole .fields {
	margin: 1em 0px;
	margin-bottom: 3.5em;
	text-align: center;
}

#coodinateConsole .fields fieldset {
	margin: 2.0em 0px;
}

#coodinateConsole input[type="range"] {
	appearance: none;
	width: 45%;
	height: 0.6em;
	background: rgb(0, 0, 0);
	border-radius: 1em;
	outline: currentcolor;
	pointer-events: auto;
	touch-action: manipulation;
}

#coodinateConsole input[type="range"]::-webkit-slider-runnable-track {
}

#coodinateConsole input[type="range"]::-webkit-slider-thumb {
	appearance: none;
	width: 2.8em;
	height: 2.8em;
	background: center center / 60% auto no-repeat rgb(255, 255, 255);
	border-radius: 100%;
	border: 3px solid rgb(0, 0, 0);
	cursor: pointer;
	pointer-events: auto;
}

#coodinateConsole input[type="range"]:hover::-webkit-slider-thumb {
	background-color: rgb(191, 191, 191);
	box-shadow: rgba(0, 0, 0, 0.39) 0px 1px 3px;
}

#coodinateConsole input[type="range"][name="imarkscale"]::-webkit-slider-thumb {
	background-image: url("/share/im/mrk_scalebox-bl.svg");
}

#coodinateConsole input[type="range"][name="imarkrotate"]::-webkit-slider-thumb {
	background-image: url("/share/im/mrk_rotate-bl.svg");
	background-size: 74% auto;
	transform: rotate(var(--ui-rotate)); 
}

#layoutConsole {
	text-align: left;
	padding-bottom: 4em;
}

#layoutConsole .console-gruop {
	margin-bottom: 1em;
}

#layoutConsole .guide {
	font-size: 0.9em;
	margin-top: 3em;
}

#layoutConsole .guide details summary {
	font-weight: 600;
}

#layoutConsole .guide details[open] summary {
	font-weight: 400;
	margin-bottom: 1em;
	opacity: 0.5;
}

#layoutConsole .bt {
	font-size: 1.1em;
}

#layoutConsole .bt.select {
	background-image: url("/share/im/append/mrk_select-imark-wh.svg");
}

#layoutConsole .bt.done {
	background-image: url("/share/im/mrk_circ-wh.svg");
}

[data-issetedimark="true"] #layoutConsole .bt.select {
	background-color: rgb(237, 237, 237);
	color: rgb(0, 0, 0);
	border-color: rgb(224, 224, 224);
}