.rw-timezone-switcher-slot {
	--rw-switcher-teal: #114552;
}

.rw-timezone-switcher-slot.is-timezone-hidden {
	display: none !important;
}

.rw-timezone-switcher-slot {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
}

.rw-timezone-switcher-slot--desktop {
	margin-left: auto;
}

.header-sidebar .rw-timezone-switcher-slot--desktop {
	margin: 0;
	align-items: center;
}

.header-sidebar .rw-timezone-switcher-slot--desktop .rw-timezone-switcher-heading {
	color: #ffffff;
}

.header-sidebar .rw-timezone-switcher-slot--desktop .rw-timezone-switcher {
	background: transparent;
	box-shadow: none;
}

.header-sidebar .rw-timezone-switcher-slot--desktop .rw-timezone-switcher__track {
	background: rgba(255, 255, 255, 0.12);
}

.header-sidebar .rw-timezone-switcher-slot--desktop .rw-timezone-switcher.is-local .rw-timezone-switcher__label--station,
.header-sidebar .rw-timezone-switcher-slot--desktop .rw-timezone-switcher.is-station .rw-timezone-switcher__label--local {
	color: rgba(255, 255, 255, 0.62);
}

.rw-timezone-switcher-slot--mobile {
	display: none;
	margin: 2.6rem auto 1.8rem;
	width: 100%;
}

.rw-timezone-switcher-heading {
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1;
	color: var(--rw-switcher-teal);
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	opacity: 0.9;
}

.rw-timezone-switcher {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	column-gap: 0.95rem;
	padding: 0.58rem 1.15rem;
	border: 0;
	border-radius: 999px;
	background: var(--rw-switcher-teal);
	color: #ffffff;
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	line-height: 1;
	cursor: pointer;
	opacity: 1;
	transition: opacity 150ms ease, box-shadow 180ms ease;
	text-decoration: none;
}

.rw-timezone-switcher:hover,
.rw-timezone-switcher:focus,
.rw-timezone-switcher:focus-visible {
	opacity: 0.92;
	box-shadow: 0 0.8rem 1.8rem rgba(22, 89, 104, 0.18);
	text-decoration: none !important;
}

.rw-timezone-switcher__label {
	position: relative;
	z-index: 1;
	white-space: nowrap;
	word-break: keep-all;
	text-transform: uppercase;
	transition: color 180ms ease, opacity 180ms ease;
	text-decoration: none;
}

.rw-timezone-switcher,
.rw-timezone-switcher *,
.rw-timezone-switcher:hover,
.rw-timezone-switcher:hover *,
.rw-timezone-switcher:focus,
.rw-timezone-switcher:focus *,
.rw-timezone-switcher:focus-visible,
.rw-timezone-switcher:focus-visible *,
.rw-timezone-switcher:active,
.rw-timezone-switcher:active * {
	text-decoration: none !important;
}

.rw-timezone-switcher__track {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: 5.2rem;
	height: 2.55rem;
	padding: 0 0.35rem;
	background: rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	transition: background-color 180ms ease;
}

.rw-timezone-switcher__thumb {
	width: 1.85rem;
	height: 1.85rem;
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.12);
	transform: translateX(0);
	transition: transform 180ms ease;
}

.rw-timezone-switcher.is-local .rw-timezone-switcher__label--local,
.rw-timezone-switcher.is-station .rw-timezone-switcher__label--station {
	color: #ffffff;
	opacity: 1;
}

.rw-timezone-switcher.is-local .rw-timezone-switcher__label--station,
.rw-timezone-switcher.is-station .rw-timezone-switcher__label--local {
	color: rgba(255, 255, 255, 0.62);
}

.rw-timezone-switcher.is-station .rw-timezone-switcher__thumb {
	transform: translateX(2.62rem);
}

[data-rw-time-range],
[data-rw-event-date],
[data-rw-event-datetime],
[data-rw-event-day] {
	transition: opacity 150ms ease;
}

@media (max-width: 999px) {
	.rw-timezone-switcher-slot--desktop {
		display: none;
	}

	.rw-timezone-switcher-slot--mobile {
		display: flex !important;
	}
}

@media (max-width: 999px) {
	.rw-timezone-switcher-slot--mobile {
		gap: 0.25rem;
		max-width: none;
	}

	.rw-timezone-switcher-slot--mobile .rw-timezone-switcher-heading {
		font-size: 0.85rem;
		letter-spacing: 0.1em;
	}

	.rw-timezone-switcher-slot--mobile .rw-timezone-switcher {
		column-gap: 0.95rem;
		padding: 0.58rem 1.15rem;
		border: 1px solid #0e5060;
		background: #ffffff;
		color: #0e5060;
		font-size: 0.82rem;
	}

	.rw-timezone-switcher-slot--mobile .rw-timezone-switcher:hover,
	.rw-timezone-switcher-slot--mobile .rw-timezone-switcher:focus-visible {
		box-shadow: 0 0.8rem 1.8rem rgba(14, 80, 96, 0.12);
	}

	.rw-timezone-switcher-slot--mobile .rw-timezone-switcher__track {
		width: 5.2rem;
		height: 2.55rem;
		padding: 0 0.35rem;
		background: #dce7ec;
	}

	.rw-timezone-switcher-slot--mobile .rw-timezone-switcher__thumb {
		width: 1.85rem;
		height: 1.85rem;
		background: #0e5060;
		box-shadow: none;
	}

	.rw-timezone-switcher-slot--mobile .rw-timezone-switcher.is-local .rw-timezone-switcher__label--local,
	.rw-timezone-switcher-slot--mobile .rw-timezone-switcher.is-station .rw-timezone-switcher__label--station {
		color: #0e5060;
		opacity: 1;
	}

	.rw-timezone-switcher-slot--mobile .rw-timezone-switcher.is-local .rw-timezone-switcher__label--station,
	.rw-timezone-switcher-slot--mobile .rw-timezone-switcher.is-station .rw-timezone-switcher__label--local {
		color: rgba(14, 80, 96, 0.45);
	}

	.rw-timezone-switcher-slot--mobile .rw-timezone-switcher.is-station .rw-timezone-switcher__thumb {
		transform: translateX(2.62rem);
	}
}