﻿@media (min-width:901px) {
	body {
  --blockmark-height:75px;
  --blockmark-width:180px;
  --blockmark-half-height:75px;
	--report-width:410px;
  --subtitle-width:calc(var(--report-width) - var(--blockmark-width) + var(--blockmark-height) * var(--macsf-curve-ratio));
	}
	#blockmark {
		padding-right:0;
		clip-path:none;
	}
	#subtitle {
		--height:var(--blockmark-height);
		padding:0;
		font-size:23px;
		width:var(--subtitle-width);
		--curve-width:calc(var(--blockmark-height) * var(--macsf-curve-ratio));
		mask-image:
				linear-gradient(#000000 0 0),
				url("mask_right.svg");
		mask-size:
				calc(100% - var(--curve-width)) 100%,
				var(--curve-width) 100%;
		mask-position:
				left top,
				right top;
		mask-repeat: no-repeat;
	}

	#tools {
		right:var(--mascf-margins);
	}
	
}


@media (max-width:900px) {
	#chrono {
		mask-image:none;
	}
	
}

