.timeMeasureMark22222 {
	fill: var(--line-color);
	fill-opacity: 25%;
}

.positionMark1 {
	stop-color: var(--drag-color);
	stop-opacity: 0%;
}

.positionMark2 {
	stop-color: var(--drag-color);
	stop-opacity: 50%;
}

.positionMark3 {
	stop-color: var(--drag-color);
	stop-opacity: 100%;
}

.positionTimeMarkShow {
	fill2: var(--drag-color);
	fill: url(#positionTimeMarkFill);
	visibility:visible;
}
.positionTimeMarkHide {
	fill2: var(--drag-color);
	fill: url(#positionTimeMarkFill);
	visibility:hidden;
}



.timeSelection {
	fill-opacity2: 20%;
	fill: var(--selectedtime-color);
	pointer-events: none;
	animation2: focusFlashFill 4s linear infinite;

}

.timeSubMark {
	fill: var(--line-color);
	fill-opacity: 50%;
	pointer-events: none;
}

.timeMarkButtonCircle025 {
	fill: var(--click-color);
	cursor: pointer;
	stroke: var(--main-color);
    stroke-width: 0.005cm;
}
.timeMarkButtonCircle05 {
	fill: var(--click-color);
	cursor: pointer;
	stroke: var(--main-color);
    stroke-width: 0.01cm;
}
.timeMarkButtonCircle1 {
	fill: var(--click-color);
	cursor: pointer;
	stroke: var(--main-color);
    stroke-width: 0.02cm;
}
.timeMarkButtonCircle2 {
	fill: var(--click-color);
	cursor: pointer;
	stroke: var(--main-color);
    stroke-width: 0.04cm;
}
.timeMarkButtonCircle4 {
	fill: var(--click-color);
	cursor: pointer;
	stroke: var(--main-color);
    stroke-width: 0.08cm;
}
.timeMarkButtonCircle8 {
	fill: var(--click-color);
	cursor: pointer;
	stroke: var(--main-color);
    stroke-width: 0.16cm;
}
.timeMarkButtonCircle16 {
	fill: var(--click-color);
	cursor: pointer;
	stroke: var(--main-color);
    stroke-width: 0.32cm;
}
.timeMarkButtonCircle32 {
	fill: var(--click-color);
	cursor: pointer;
	stroke: var(--main-color);
    stroke-width: 0.64cm;
}
.timeMarkButtonCircle64 {
	fill: var(--click-color);
	cursor: pointer;
	stroke: var(--main-color);
    stroke-width: 1.28cm;
}
.timeMarkButtonCircle128 {
	fill: var(--click-color);
	cursor: pointer;
	stroke: var(--main-color);
    stroke-width: 2.56cm;
}

.timeMarkButtonBorder {
	fill: var(--main-color);

}

.timeBarNum025 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(0.2*var(--tapSize));
	text-anchor22: start;
	pointer-events: none;
}

.timeBarNum05 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(0.4*var(--tapSize));
	pointer-events: none;
}

.timeBarNum1 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(0.8*var(--tapSize));
	pointer-events: none;
}

.timeBarNum2 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(1.6*var(--tapSize));
	pointer-events: none;
}

.timeBarNum4 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(3.2*var(--tapSize));
	pointer-events: none;
}

.timeBarNum8 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(6.4*var(--tapSize));
	pointer-events: none;
}

.timeBarNum16 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(12.8*var(--tapSize));
	pointer-events: none;
}

.timeBarNum32 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(25.6*var(--tapSize));
	pointer-events: none;
}

.timeBarNum64 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(51.2*var(--tapSize));
	pointer-events: none;
}

.timeBarNum128 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(102.4*var(--tapSize));
	pointer-events: none;
}





.selectedBarNum025 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(0.75*0.2*var(--tapSize));
	text-anchor22: start;
	pointer-events: none;
}

.selectedBarNum05 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(0.75*0.4*var(--tapSize));
	pointer-events: none;
}

.selectedBarNum1 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(0.75*0.8*var(--tapSize));
	pointer-events: none;
}

.selectedBarNum2 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(0.75*1.6*var(--tapSize));
	pointer-events: none;
}

.selectedBarNum4 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(0.75*3.2*var(--tapSize));
	pointer-events: none;
}

.selectedBarNum8 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(0.75*6.4*var(--tapSize));
	pointer-events: none;
}

.selectedBarNum16 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(0.75*12.8*var(--tapSize));
	pointer-events: none;
}

.selectedBarNum32 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(0.75*25.6*var(--tapSize));
	pointer-events: none;
}

.selectedBarNum64 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(0.75*51.2*var(--tapSize));
	pointer-events: none;
}

.selectedBarNum128 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(0.75*102.4*var(--tapSize));
	pointer-events: none;
}








.selectedBarIcon025 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(0.2*var(--tapSize));
	pointer-events: none;
	font-family: "Material-Design-Iconic-Font";
}

.selectedBarIcon05 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(0.4*var(--tapSize));
	pointer-events: none;
	font-family: "Material-Design-Iconic-Font";
}

.selectedBarIcon1 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(0.8*var(--tapSize));
	pointer-events: none;
	font-family: "Material-Design-Iconic-Font";
}

.selectedBarIcon2 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(1.6*var(--tapSize));
	pointer-events: none;
	font-family: "Material-Design-Iconic-Font";
}

.selectedBarIcon4 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(3.2*var(--tapSize));
	pointer-events: none;
	font-family: "Material-Design-Iconic-Font";
}

.selectedBarIcon8 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(6.4*var(--tapSize));
	pointer-events: none;
	font-family: "Material-Design-Iconic-Font";
}

.selectedBarIcon16 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(12.8*var(--tapSize));
	pointer-events: none;
	font-family: "Material-Design-Iconic-Font";
}

.selectedBarIcon32 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(25.6*var(--tapSize));
	pointer-events: none;
	font-family: "Material-Design-Iconic-Font";
}

.selectedBarIcon64 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(51.2*var(--tapSize));
	pointer-events: none;
	font-family: "Material-Design-Iconic-Font";
}

.selectedBarIcon128 {
	fill: var(--main-color);
	fill-opacity: 90%;
	font-size: calc(102.4*var(--tapSize));
	pointer-events: none;
	font-family: "Material-Design-Iconic-Font";
}






















.timeBarInfo025 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(0.1*var(--tapSize));
	text-anchor2: end;
}

.timeBarInfo05 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(0.2*var(--tapSize));
	text-anchor2: end;
}

.timeBarInfo1 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(0.4*var(--tapSize));
	text-anchor2: end;
}

.timeBarInfo2 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(0.8*var(--tapSize));
	text-anchor2: end;
}

.timeBarInfo4 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(1.6*var(--tapSize));
	text-anchor2: end;
}

.timeBarInfo8 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(3.2*var(--tapSize));
	text-anchor2: end;
}

.timeBarInfo16 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(6.4*var(--tapSize));
	text-anchor2: end;
}

.timeBarInfo32 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(12.8*var(--tapSize));
	text-anchor2: end;
}

.timeBarInfo64 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(25.6*var(--tapSize));
	text-anchor2: end;
}

.timeBarInfo128 {
	fill: var(--line-color);
	fill-opacity: 90%;
	font-size: calc(51.2*var(--tapSize));
	text-anchor2: end;
}