@media (max-width: 768px) {
	.position-top-right, .position-middle-center {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		margin: 0 auto;
	}
}

@media (min-width: 768px) {
	.position-middle-left {
		position: absolute;
		top: 50%;
		left: var(--left, 10%);
		transform: rotate(-90deg) translateX(-50%);
		transform-origin: top left;
		white-space: nowrap;
	}

	.position-middle-center {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.position-bottom-center {
		position: absolute;
		bottom: 10%;
		left: 50%;
		transform: translateX(-50%);
	}

	.position-top-right {
		position: absolute;
		top: var(--top, 10%);
		right: var(--right, 5%);
		width: max-content;
		transform: rotate(-90deg);
		transform-origin: bottom right;
		white-space: nowrap;
	}
}