.top-section-decor {
	position: absolute;

	background: var(--color-dark);

	// Position
	&.position-top-left {
		top: 0;
		left: 0;

		transform: rotateY(180deg) rotateX(180deg);
	}
	&.position-top-right {
		top: 0;
		right: 0;

		transform: rotateX(180deg);
	}
	&.position-bottom-left {
		bottom: 0;
		left: 0;

		transform: rotateY(180deg);
	}
	&.position-bottom-right {
		bottom: 0;
		right: 0;
	}

	// Size
	$base-pixel: 80px;
	// Small: 1px
	&.size-sm {
		width: $base-pixel;
		height: $base-pixel;
	}
	// Medium: 2px, 5px
	&.size-md {
		width: calc($base-pixel * 2);
		height: calc($base-pixel * 5);

		clip-path: polygon(
			0 calc($base-pixel * 2),
			$base-pixel calc($base-pixel * 2),
			$base-pixel 0,
			calc($base-pixel * 2) 0,

			100% calc($base-pixel * 5),
			0 calc($base-pixel * 5)
		);
	}
	// Large: 2px, 7px
	&.size-lg {
		width: calc($base-pixel * 2);
		height: calc($base-pixel * 7);

		clip-path: polygon(
			0 calc($base-pixel * 2),
			$base-pixel calc($base-pixel * 2),
			$base-pixel 0,
			calc($base-pixel * 2) 0,

			100% calc($base-pixel * 7),
			0 calc($base-pixel * 7)
		);
	}
}