.corners {
	pointer-events: none;
	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10001
}

.corners .corner {
	position: absolute;
	width: 2vh;
	height: 2vh;
	border-left: 0.66666666666667vh solid white;
	border-top: 0.66666666666667vh solid white;
}
	.corners .corner::before {
		content: '';
		position: absolute;
		width: 0.66666666666667vh;
		height: 0.66666666666667vh;
		left: 0;
		bottom: 0;
		background: white;
	}
	.corners .corner::after {
		content: '';
		position: absolute;
		width: 0.66666666666667vh;
		height: 0.66666666666667vh;
		right: 0;
		top: 0;
		background: white;
	}

.corners .tl {
	left: 0;
	top: 0;
}
.corners .tr {
	right: 0;
	top: 0;
	transform: rotate( 90deg );
	-moz-transform: rotate( 90deg );
	-webkit-transform: rotate( 90deg );
}
.corners .br {
	right: 0;
	bottom: 0;
	transform: rotate( 180deg );
	-moz-transform: rotate( 180deg );
	-webkit-transform: rotate( 180deg );
}
.corners .bl {
	left: 0;
	bottom: 0;
	transform: rotate( -90deg );
	-moz-transform: rotate( -90deg );
	-webkit-transform: rotate( -90deg );
}