/**
 * MARKETING SITE SLIDESHOW
 * Polite Platform :: Cloud Web
 * Path: /cloud-web/www/marketing-site-new/marketing-site-assets/css/marketing-slideshow.css
 * Description: Focus and navigation treatment for the native marketing slideshow.
 * Context: UI
 * Author: Polite Platform Team
 * Date: 2026-08-26T17:18:44Z
 * Generated by: Codex (GPT-5)
 */

.rslides-container {
	touch-action: pan-y;
}

button.rslides_nav {
	color: transparent;
	cursor: pointer;
}

button.rslides_nav::after {
	align-items: center;
	background: rgba(0, 0, 0, 0.42);
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-family: Arial, sans-serif;
	font-size: 34px;
	font-weight: 300;
	height: 44px;
	justify-content: center;
	line-height: 1;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: opacity 180ms ease, background-color 180ms ease;
	width: 44px;
}

button.rslides_nav.prev::after {
	content: "\2039";
	left: 16px;
}

button.rslides_nav.next::after {
	content: "\203A";
	right: 16px;
}

.rslides-container:hover button.rslides_nav::after,
button.rslides_nav:focus-visible::after {
	opacity: 1;
}

button.rslides_nav:hover::after,
button.rslides_nav:focus-visible::after {
	background: rgba(0, 0, 0, 0.68);
}

button.rslides_nav:focus-visible {
	outline: none;
}

.rslides_tabs a:focus-visible {
	outline: 3px solid #121212;
	outline-offset: 3px;
}

.reversed .rslides_tabs a:focus-visible {
	outline-color: #fff;
}

@media (hover: none) {
	button.rslides_nav::after {
		opacity: 0.82;
	}
}

@media (prefers-reduced-motion: reduce) {
	button.rslides_nav::after {
		transition: none;
	}
}