/* -- Photo Tape -- */

.photo.tape {
	position: relative;
	font-size: 0;
}

.photo.tape:before,
.photo.tape:after {
	content: '';
	position: absolute;
	z-index: 2;
}

.photo.tape.top:before {
	height: calc(var(--space-100) * 1.85 );
	width: calc(var(--space-100) * 1.85 );
	top: 0;
	left: 50%;
	transform: translate(-50%, -60%);
	background-image: url('/media/tape-1.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.photo.tape.bottom:after {
	height: calc(var(--space-100) * 2.5 );
	width: calc(var(--space-100) * 2.5 );
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 60%);
	background-image: url('/media/tape-2.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.photo.tape.left:before {
	height: calc(var(--space-100) * 2.25 );
	width: calc(var(--space-100) * 2.25 );
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
	background-image: url('/media/tape-3.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.photo.tape.right:after {
	height: calc(var(--space-100) * 2.25 );
	width: calc(var(--space-100) * 2.25 );
	top: 0;
	right: 0;
	transform: translate(50%, -50%) rotate(90deg);
	background-image: url('/media/tape-3.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}