@font-face {
	font-family: "DM Sans";
	src: url("../fonts/dm-sans-variable.ttf") format("truetype");
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
}

.slw-switcher {
	--slw-border: #dae3da;
	--slw-muted: #61706c;
	color: var(--slw-text, #14372e);
	font-family: "DM Sans", system-ui, sans-serif;
	font-size: 13px;
	font-synthesis: none;
}

.slw-switcher .slw-switcher__toggle,
.slw-switcher .slw-switcher__pill {
	background: var(--slw-bg, #fff);
	border-color: var(--slw-border, #dae3da);
	border-radius: min(var(--slw-radius, 10px), 14px);
	box-shadow: none;
	color: var(--slw-text, #14372e);
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	gap: 7px;
	min-height: 38px;
	padding: 8px 11px;
}

.slw-switcher .slw-switcher__toggle:hover,
.slw-switcher .slw-switcher__pill:hover { border-color: var(--slw-accent, #3155e7); color: var(--slw-accent, #3155e7); }
.slw-switcher .slw-switcher__toggle:focus-visible,
.slw-switcher .slw-switcher__pill:focus-visible,
.slw-switcher .slw-switcher__option:focus-visible { outline: 2px solid #3155e7; outline-offset: 2px; box-shadow: 0 0 0 4px rgba(49,85,231,.12); }

.slw-switcher .slw-switcher__flag.slw-flag--circle {
	background: transparent;
	border: 0;
	border-radius: 50%;
	height: 18px;
	object-fit: cover;
	width: 18px;
}

.slw-switcher .slw-switcher__toggle .slw-switcher__flag.slw-flag--circle { height: 18px; width: 18px; }
.slw-switcher .slw-switcher__chevron { height: 12px; opacity: .82; width: 12px; }

.slw-switcher .slw-switcher__menu {
	background: #fff;
	border: 1px solid #dae3da;
	border-radius: 10px;
	box-shadow: 0 10px 25px rgba(20,55,46,.07);
	max-height: min(360px, calc(100vh - 24px));
	min-width: 145px;
	padding: 7px;
	width: max-content;
}

.slw-switcher .slw-switcher__option {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 6px;
	color: var(--slw-text, #14372e);
	font-family: inherit;
	font-size: 13px;
	font-weight: 450;
	gap: 8px;
	min-height: 38px;
	padding: 9px 10px;
}

.slw-switcher .slw-switcher__option:hover,
.slw-switcher .slw-switcher__option:focus-visible { background: #eef2ff; color: var(--slw-accent, #3155e7); outline: 0; }
.slw-switcher .slw-switcher__option.is-active { background: #f2f4ff; color: var(--slw-accent, #3155e7); font-weight: 600; }
.slw-switcher .slw-switcher__option .slw-switcher__label { flex: 1 1 auto; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
.slw-switcher .slw-switcher__check { color: currentColor; flex: 0 0 15px; height: 15px; margin-inline-start: auto; width: 15px; }

.slw-switcher--pills { align-items: center; gap: 6px; }
.slw-switcher--pills .slw-switcher__pill { min-height: 36px; padding: 7px 10px; }
.slw-switcher--pills .slw-switcher__pill.is-active { background: #eef2ff; border-color: #cbd5ff; color: var(--slw-accent, #3155e7); }
.slw-switcher--card .slw-switcher__card-list { border-color: #dae3da; border-radius: 12px; box-shadow: 0 4px 16px rgba(20,55,46,.04); padding: 7px; }
.slw-switcher--card .slw-switcher__option { border-radius: 7px; }

.slw-switcher--style-homepage-header .slw-switcher__toggle,
.slw-switcher--style-homepage-header .slw-switcher__disclosure > summary {
	background: transparent;
	border: 0;
	border-radius: 6px;
	box-shadow: none;
	font-size: 12px;
	gap: 6px;
	min-height: 36px;
	padding: 7px 5px;
}

.slw-switcher--style-homepage-header .slw-switcher__toggle:hover,
.slw-switcher--style-homepage-header .slw-switcher__disclosure > summary:hover { background: rgba(255,255,255,.55); color: var(--slw-text, #14372e); }
.slw-switcher--style-homepage-header .slw-switcher__menu { inset-inline-end: 0; inset-inline-start: auto; left: auto; right: 0; top: calc(100% + 2px); }
.slw-switcher--style-homepage-header .slw-switcher__option .slw-switcher__flag.slw-flag--circle { height: 18px; width: 18px; }

.slw-switcher--style-floating-popup .slw-switcher__toggle,
.slw-switcher--style-compact-flag-dropdown .slw-switcher__toggle { border-radius: 999px; min-height: 40px; padding: 8px 12px; }
.slw-switcher--style-floating-popup .slw-switcher__menu,
.slw-switcher--style-compact-flag-dropdown .slw-switcher__menu,
.slw-switcher--style-labeled-language-button .slw-switcher__menu { width: min(19rem, calc(100vw - 24px)); }
.slw-switcher--style-floating-popup.is-align-left .slw-switcher__menu,
.slw-switcher--style-compact-flag-dropdown.is-align-left .slw-switcher__menu,
.slw-switcher--style-labeled-language-button.is-align-left .slw-switcher__menu { inset-inline-start: 0; inset-inline-end: auto; left: 0; right: auto; }

.slw-switcher.is-drop-up .slw-switcher__menu { bottom: calc(100% + 6px); top: auto; }

@media (max-width: 480px) {
	.slw-switcher--dropdown .slw-switcher__menu { max-height: min(55vh, 340px); max-width: calc(100vw - 20px); }
	.slw-switcher--style-homepage-header .slw-switcher__menu { inset-inline-end: 0; inset-inline-start: auto; max-width: calc(100vw - 20px); }
}

@media (prefers-reduced-motion: reduce) {
	.slw-switcher *, .slw-switcher *::before, .slw-switcher *::after { scroll-behavior: auto; transition-duration: .01ms; animation-duration: .01ms; }
}