.swiper-container:hover + .swiper-mouseover {
	opacity: 1; visibility: visible;
}

.swiper-container:has(+ .swiper-mouseover):hover {
	cursor: none !important;
}

.swiper-mouseover {
	padding: 5px;
	position: fixed; top: 0; left: 0; z-index: 123; opacity: 0; visibility: hidden;
    width: max(2.5rem, calc(6.25 * var(--su)));
    height: auto;
    aspect-ratio: 1;
	pointer-events: none;
	user-select: none;
	background-color: var(--cbw-emerald-100);
    color: var(--cbw-deep-pine-100);
	border-radius: 50%;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	display: flex;
	align-items: center;
    justify-content: center;
	font-size: var(--scaling-body-m-medium);
	font-weight: 500;
}