@media (min-width:901px) {
	#display {
		right:auto;
		left:var(--report-width);
	}
	body.PANEL_CLOSED #display {
		left:0;
	}
	#display>.button {
		right:auto;
		left:0;
		clip-path: polygon(0 0, calc(100% - var(--skewval)) 0, 100% 100%, 0 100%);
		padding-right:var(--skewval);
		padding-left:0;
	}
	#display .preferences {
		left:0;
		right:0;
		width:auto;
		clip-path:none;
		padding-left:7px;
		padding-right:7px;
	}
	#display .content {
		padding-left:30px;
	}
	#display.keep .content{
		backdrop-filter:none;
	}
	#display.keep .content .group.kept {
		padding-left:60px;
	}
	
	#tools {
		top:auto;
		left:50%;
		right:auto;
		transform:rotate(-90deg) translateX(-70px);
		width:var(--tools-width);
		bottom:0;
	}	
	#tools .iconbutton:before {
		justify-content:flex-end;
		position:absolute;
		top:0;
		left:100%;
		right:auto;
		height:100%;
		border-radius: 0 17px 17px 0;
		transform: translateX(-19px);
		padding-right:10px;
		padding-left:25px;
	}
	#tools .iconbutton .icon {
		transform:rotate(90deg);
	}	
}


@media (max-width:900px) {
	:root {
		--blockmark-height:0px;
	}
}