.frr-fun-takeover,
[data-frr-fun-takeover] {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	background: #0b0b0b;
	overflow: auto;
	padding: 0;
	margin: 0;
}

.frr-fun-takeover.is-open,
[data-frr-fun-takeover].is-open {
	display: block;
}

.frr-fun-takeover .frr-fun,
[data-frr-fun-takeover] .frr-fun {
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
}

.frr-fun-takeover .frr-fun__shell,
[data-frr-fun-takeover] .frr-fun__shell {
	min-height: 100svh;
	height: 100%;
	border-radius: 0;
	border-left: 0;
	border-right: 0;
}

.frr-fun {
	--frr-pink: #ff2d87;
	--frr-pink-dim: rgba(255, 45, 135, 0.35);
	--frr-red: #ff0000;
	--frr-qr: 3.6rem;
	--frr-bg: #0b0b0b;
	--frr-panel: #141414;
	--frr-text: #fff;
	--frr-muted: #9a968e;
	--frr-slot: 12.5rem;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0;
	color: var(--frr-text);
	font-family: "Roboto", Arial, sans-serif;
}

.frr-fun *,
.frr-fun *::before,
.frr-fun *::after {
	box-sizing: border-box;
}

.frr-fun__shell {
	display: flex;
	flex-direction: column;
	min-height: min(100svh, 56rem);
	background: var(--frr-bg);
	border: 2px solid var(--frr-pink);
	border-radius: 14px;
	overflow: visible;
	box-shadow: 0 0 0 1px var(--frr-pink-dim) inset;
}

.frr-fun__top {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	border-bottom: 2px solid var(--frr-pink);
	background: #100810;
	position: relative;
	z-index: 30;
	overflow: visible;
}

.frr-fun__top.has-admin {
	display: grid;
	grid-template-columns: minmax(16rem, 0.9fr) minmax(18rem, 1.3fr) minmax(22rem, 1.15fr);
	align-items: center;
	gap: 10px;
}

.frr-fun__top-lead {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.frr-fun__top.has-admin .frr-fun__top-lead {
	grid-column: 1 / 3;
}

.frr-fun__top.has-admin .frr-fun__event-row {
	flex: 1 1 auto;
	min-width: 0;
	max-width: none;
	width: auto;
}

.frr-fun__top.has-admin .frr-fun__admin {
	grid-column: 3;
	width: 100%;
	max-width: none;
}

.frr-fun__logo {
	display: block;
	height: 2.7rem;
	width: auto;
	max-height: 2.7rem;
	max-width: 4.2rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	outline: none;
	object-fit: contain;
	object-position: left center;
	flex: 0 0 auto;
	overflow: visible;
	cursor: pointer;
}

.frr-fun__logo:hover,
.frr-fun__logo:focus,
.frr-fun__logo:focus-visible,
.frr-fun__logo:active {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	outline: none;
	opacity: 1;
}

.frr-fun__exit-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(0, 0, 0, 0.72);
}

.frr-fun__exit-modal[hidden] {
	display: none;
}

.frr-fun__exit-dialog {
	width: min(22rem, 100%);
	padding: 22px 20px 18px;
	background: #100810;
	border: 2px solid var(--frr-pink);
	border-radius: 12px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
	text-align: center;
}

.frr-fun__exit-title {
	margin: 0 0 16px;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 0.04em;
}

.frr-fun__exit-acts {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.frr-fun__exit-yes,
.frr-fun__exit-no {
	min-width: 5.5rem;
	height: 2.4rem;
	padding: 0 14px;
	border: 1px solid var(--frr-pink);
	border-radius: 8px;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
}

.frr-fun__exit-yes {
	background: var(--frr-pink);
	color: #000;
}

.frr-fun__exit-no {
	background: #000;
	color: #fff;
}

.frr-fun__picker-line {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 8px;
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
}

.frr-fun__event-row {
	display: block;
	flex: 1 1 auto;
	width: auto;
	max-width: 30rem;
	min-width: 0;
}

.frr-fun__source {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	align-self: stretch;
	height: 2.7rem;
	width: 4.6rem;
	min-width: 4.6rem;
	padding: 0;
	border: 1px solid var(--frr-pink);
	border-radius: 8px;
	overflow: hidden;
	background: #000;
	margin-bottom: 0;
	flex: 0 0 auto;
}

.frr-fun__source button {
	flex: 1 1 0;
	margin: 0;
	padding: 0 4px;
	border: 0;
	border-radius: 0;
	background: #000;
	color: #fff;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
}

.frr-fun__source button.is-active {
	background: var(--frr-pink);
	color: #000;
}

.frr-fun__event-label,
.frr-fun__event-id {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
	position: relative;
}

.frr-fun__event-id label {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.frr-fun__event-id-row {
	display: flex;
	align-items: stretch;
	gap: 6px;
}

.frr-fun__event-id input {
	width: 100%;
	min-width: 0;
	padding: 8px 10px;
	border: 1px solid var(--frr-pink);
	border-radius: 8px;
	background: #000;
	color: #fff;
	font-size: 14px;
	height: 2.65rem;
}

.frr-fun__event-id button {
	flex: 0 0 auto;
	padding: 8px 10px;
	border: 1px solid var(--frr-pink);
	border-radius: 8px;
	background: #000;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
	height: 2.65rem;
}

.frr-fun__event-id button:hover {
	background: #241018;
}

.frr-fun__admin {
	display: flex;
	flex-direction: column;
	gap: 4px;
	width: 100%;
	max-width: none;
	min-width: 0;
	flex: 0 0 auto;
}

.frr-fun__method {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	justify-content: center;
	min-width: 4.6rem;
	height: 1.45rem;
	padding: 0 8px;
	border-radius: 6px;
	background: #d00000;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1;
}

.frr-fun__admin-acts {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 4px;
}

.frr-fun .frr-fun__admin-acts button {
	flex: 0 0 3.2rem;
	width: 3.2rem;
	min-width: 3.2rem;
	height: 1.45rem;
	padding: 0 2px;
	border: 1px solid var(--frr-pink);
	border-radius: 6px;
	background: #000;
	color: #fff;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	cursor: pointer;
}

.frr-fun .frr-fun__admin-acts button:hover {
	background: #241018;
	color: #fff;
}

.frr-fun .frr-fun__admin-acts button.is-active,
.frr-fun .frr-fun__admin-acts button[aria-pressed="true"],
.frr-fun .frr-fun__admin-acts button.is-active:hover {
	background: var(--frr-pink);
	color: #000;
}

.frr-fun input.frr-fun__admin-input,
.frr-fun .frr-fun__admin-input {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: 1.45rem;
	padding: 2px 8px;
	border: 1px solid var(--frr-pink) !important;
	border-radius: 8px;
	background: #000 !important;
	background-color: #000 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	caret-color: #fff;
	font-size: 12px;
	outline: none;
	box-shadow: none !important;
	color-scheme: dark;
	appearance: none;
	-webkit-appearance: none;
}

.frr-fun input.frr-fun__admin-input:focus,
.frr-fun .frr-fun__admin-input:focus {
	border-color: var(--frr-pink) !important;
	background: #000 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	box-shadow: none !important;
}

.frr-fun--restricted {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 24px;
	background: #000;
	box-shadow: none;
}

.frr-fun__restricted-msg {
	margin: 0;
	max-width: 36rem;
	color: #fff;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1.4;
	text-align: center;
}

.frr-fun__event-picker {
	position: relative;
	min-width: 0;
	max-width: 100%;
	width: 100%;
}

.frr-fun__event-scroll {
	min-width: 0;
	max-width: 100%;
	width: 100%;
}

.frr-fun__event-trigger {
	-webkit-appearance: none;
	appearance: none;
	display: flex;
	align-items: center;
	width: 100%;
	min-width: 0;
	min-height: 2.7rem;
	height: auto;
	margin: 0;
	padding: 4px 10px;
	border: 1px solid var(--frr-pink);
	border-radius: 8px;
	background: #000;
	color: #fff;
	font-size: 14px;
	line-height: 1.2;
	text-align: left;
	cursor: pointer;
	box-shadow: none;
}

.frr-fun button.frr-fun__event-trigger,
.frr-fun button.frr-fun__event-trigger:hover,
.frr-fun button.frr-fun__event-trigger:focus,
.frr-fun button.frr-fun__event-trigger:focus-visible,
.frr-fun button.frr-fun__event-trigger:active {
	background: #000 !important;
	color: #fff !important;
	box-shadow: none !important;
}

.frr-fun__event-trigger [data-frr-fun-event-label] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 2px;
	width: 100%;
	min-width: 0;
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
}

.frr-fun__qr {
	position: absolute;
	left: 8px;
	bottom: 8px;
	z-index: 6;
	display: block;
	box-sizing: border-box;
	width: var(--frr-qr);
	height: var(--frr-qr);
	max-width: var(--frr-qr);
	max-height: var(--frr-qr);
	padding: 3px;
	overflow: hidden;
	text-decoration: none;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
	cursor: zoom-in;
}

.frr-fun__qr.is-large {
	width: calc(var(--frr-qr) * 2);
	height: calc(var(--frr-qr) * 2);
	max-width: calc(var(--frr-qr) * 2);
	max-height: calc(var(--frr-qr) * 2);
	z-index: 8;
	cursor: zoom-out;
}

.frr-fun__qr img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	border: 0;
	padding: 0;
	background: transparent;
}

.frr-fun__event-menu {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 4px);
	z-index: 40;
	margin: 0;
	padding: 0;
	list-style: none;
	max-height: calc(2.2rem * 12);
	overflow-x: hidden;
	overflow-y: scroll;
	background: #000;
	border: 1px solid var(--frr-pink);
	border-radius: 0;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55);
	scrollbar-width: thin;
	scrollbar-color: var(--frr-pink) #000;
}

.frr-fun__event-menu[hidden],
.frr-fun__event-menu:not(.is-open) {
	display: none !important;
}

.frr-fun__event-menu-port.is-open {
	background: #000 !important;
	color: #fff !important;
	border: 1px solid #ff2d87 !important;
}

.frr-fun__event-menu-port.is-open .frr-fun__event-menu,
.frr-fun__event-menu-port.is-open li,
.frr-fun__event-menu-port.is-open .frr-fun__event-option {
	background: #000 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff;
}

.frr-fun__event-menu-port.is-open .frr-fun__event-title {
	color: #fff !important;
	-webkit-text-fill-color: #fff;
}

.frr-fun__event-menu-port.is-open .frr-fun__event-when {
	color: #ff2d87 !important;
	-webkit-text-fill-color: #ff2d87;
}

.frr-fun__event-menu-port.is-open .frr-fun__event-option:hover,
.frr-fun__event-menu-port.is-open .frr-fun__event-option:active {
	background: #000 !important;
	color: #fff !important;
}

.frr-fun__event-menu-port.is-open .frr-fun__event-option:hover .frr-fun__event-title,
.frr-fun__event-menu-port.is-open .frr-fun__event-option:active .frr-fun__event-title {
	color: #fff !important;
	-webkit-text-fill-color: #fff;
}

.frr-fun__event-menu-port.is-open .frr-fun__event-option:hover .frr-fun__event-when,
.frr-fun__event-menu-port.is-open .frr-fun__event-option:active .frr-fun__event-when {
	color: #ff2d87 !important;
	-webkit-text-fill-color: #ff2d87;
}

.frr-fun__event-menu-port.is-open .frr-fun__event-option.is-active,
.frr-fun__event-menu-port.is-open .frr-fun__event-option.is-active:hover,
.frr-fun__event-menu-port.is-open .frr-fun__event-option.is-active:active {
	background: #ff0000 !important;
	color: #fff !important;
}

.frr-fun__event-menu-port.is-open .frr-fun__event-option.is-active .frr-fun__event-title,
.frr-fun__event-menu-port.is-open .frr-fun__event-option.is-active .frr-fun__event-when,
.frr-fun__event-menu-port.is-open .frr-fun__event-option.is-active:hover .frr-fun__event-title,
.frr-fun__event-menu-port.is-open .frr-fun__event-option.is-active:hover .frr-fun__event-when,
.frr-fun__event-menu-port.is-open .frr-fun__event-option.is-active:active .frr-fun__event-title,
.frr-fun__event-menu-port.is-open .frr-fun__event-option.is-active:active .frr-fun__event-when {
	color: #fff !important;
	-webkit-text-fill-color: #fff;
}

.frr-fun__event-empty {
	padding: 8px 10px;
	color: var(--frr-muted);
	font-size: 13px;
}

.frr-fun__event-option {
	display: flex !important;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0;
	width: 100%;
	height: auto !important;
	min-height: 2.15rem;
	padding: 4px 8px;
	border: 0;
	border-radius: 0;
	background: #000;
	color: #fff;
	font-size: 12px;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
	white-space: normal !important;
}

.frr-fun__event-copy {
	display: block;
	width: 100%;
	min-width: 0;
}

.frr-fun__event-title {
	display: block !important;
	width: 100%;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 600;
	line-height: 1.25 !important;
	letter-spacing: 0;
	text-transform: none !important;
}

.frr-fun__event-when {
	display: block !important;
	visibility: visible !important;
	width: 100%;
	color: var(--frr-pink) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: 0.02em;
	text-transform: none !important;
	white-space: nowrap;
}

.frr-fun__event-datetime {
	display: block !important;
	visibility: visible !important;
	margin: 6px 0 4px;
	color: var(--frr-pink) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em;
	text-transform: none !important;
}

.frr-fun__event-option:hover,
.frr-fun__event-option.is-active {
	background: var(--frr-red);
	color: #fff;
}

.frr-fun__event-option:hover .frr-fun__event-title,
.frr-fun__event-option.is-active .frr-fun__event-title,
.frr-fun__event-option:hover .frr-fun__event-when,
.frr-fun__event-option.is-active .frr-fun__event-when {
	color: #fff !important;
}

.frr-fun__event-menu::-webkit-scrollbar,
.frr-fun__compact-menu::-webkit-scrollbar,
.frr-fun__pred-list::-webkit-scrollbar,
.frr-fun__segments-body::-webkit-scrollbar,
.frr-fun__primes-body::-webkit-scrollbar,
.frr-fun__leaders::-webkit-scrollbar,
.frr-fun__ticker-panel .frr-fun__spare-body::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.frr-fun__event-menu::-webkit-scrollbar-thumb,
.frr-fun__compact-menu::-webkit-scrollbar-thumb,
.frr-fun__pred-list::-webkit-scrollbar-thumb,
.frr-fun__segments-body::-webkit-scrollbar-thumb,
.frr-fun__primes-body::-webkit-scrollbar-thumb,
.frr-fun__leaders::-webkit-scrollbar-thumb,
.frr-fun__ticker-panel .frr-fun__spare-body::-webkit-scrollbar-thumb {
	background: var(--frr-pink);
	border-radius: 8px;
}

.frr-fun__event-menu::-webkit-scrollbar-track,
.frr-fun__compact-menu::-webkit-scrollbar-track,
.frr-fun__pred-list::-webkit-scrollbar-track,
.frr-fun__segments-body::-webkit-scrollbar-track,
.frr-fun__primes-body::-webkit-scrollbar-track,
.frr-fun__leaders::-webkit-scrollbar-track,
.frr-fun__ticker-panel .frr-fun__spare-body::-webkit-scrollbar-track {
	background: #000;
}

.frr-fun__top-actions {
	display: flex;
	align-items: end;
	gap: 8px;
}

.frr-fun__copy {
	padding: 8px 12px;
	border: 1px solid var(--frr-pink);
	border-radius: 8px;
	background: #000;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	height: 2.65rem;
}

.frr-fun__copy:hover {
	background: #241018;
}

.frr-fun__wallet {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 4px 8px;
	border: 1px solid var(--frr-pink);
	border-radius: 8px;
	min-width: 4.5rem;
}

.frr-fun__wallet span {
	font-size: 10px;
	color: var(--frr-muted);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.frr-fun__wallet strong {
	font-size: 16px;
	color: var(--frr-pink);
}

.frr-fun__board {
	display: grid;
	grid-template-columns: minmax(16rem, 0.9fr) minmax(18rem, 1.3fr) minmax(16rem, 1fr);
	grid-template-rows: minmax(0, 1fr) var(--frr-slot);
	grid-template-areas:
		"riders-top live play"
		"riders-bottom primes play";
	gap: 10px;
	flex: 1;
	min-height: 0;
	padding: 10px;
	background: #0e0b0d;
}

.frr-fun__board.is-expanded {
	grid-template-areas:
		"live live play"
		"live live play";
}

.frr-fun__board.is-expanded .frr-fun__col--riders-top,
.frr-fun__board.is-expanded .frr-fun__col--riders-bottom,
.frr-fun__board.is-expanded .frr-fun__primes {
	display: none;
}

.frr-fun__board.is-expanded .frr-fun__yt {
	margin: 0;
}

.frr-fun__col {
	display: flex;
	flex-direction: column;
	min-height: 0;
	min-width: 0;
	border: 1px solid var(--frr-pink);
	border-radius: 10px;
	background: var(--frr-panel);
	overflow: hidden;
}

.frr-fun__col--riders-top {
	grid-area: riders-top;
}

.frr-fun__riders-panel,
.frr-fun__primes-panel,
.frr-fun__ticker-panel {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	overflow: hidden;
}

.frr-fun__col--live {
	grid-area: live;
}

.frr-fun__col--play {
	grid-area: play;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.frr-fun__col--riders-bottom {
	grid-area: riders-bottom;
	background: #090607;
}

.frr-fun__ticker-panel .frr-fun__col-head,
.frr-fun__primes-panel .frr-fun__col-head {
	flex: 0 0 auto;
	flex-wrap: nowrap;
	align-items: center;
	box-sizing: border-box;
	height: calc(1.85rem + 8px);
	min-height: calc(1.85rem + 8px);
	padding: 4px 8px;
	gap: 4px;
}

.frr-fun__ticker-panel .frr-fun__col-head h3,
.frr-fun__primes-panel .frr-fun__col-head h3 {
	margin: 0;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.85rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--frr-pink);
}

.frr-fun__ticker-panel .frr-fun__spare-body {
	flex: 1;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 4px 0;
	scrollbar-gutter: stable;
	scrollbar-width: thin;
	scrollbar-color: var(--frr-pink) #000;
	overscroll-behavior: contain;
	touch-action: pan-y;
}

.frr-fun__ticker-panel .frr-fun__spare-body.is-wide {
	overflow-x: auto;
	touch-action: none;
}

.frr-fun__ticker-msg {
	margin: 0;
	padding: 1px 8px;
	width: max-content;
	max-width: none;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.02em;
	white-space: nowrap;
	word-break: normal;
	overflow-wrap: normal;
	border: 0;
}

.frr-fun__ticker-prefix {
	color: var(--frr-pink);
}

.frr-fun__col-main {
	display: flex;
	flex-direction: column;
	min-height: 0;
	overflow: hidden;
}

.frr-fun__slot {
	height: var(--frr-slot);
	min-height: var(--frr-slot);
	max-height: var(--frr-slot);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-top: 1px solid var(--frr-pink);
	background: #090607;
}

.frr-fun__slot .frr-fun__col-head,
.frr-fun__slot .frr-fun__play-head {
	flex: 0 0 auto;
}

.frr-fun__col-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 10px;
	border-bottom: 1px solid var(--frr-pink);
}

.frr-fun__col-head h3,
.frr-fun__play-head {
	margin: 0;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--frr-pink);
}

.frr-fun__riders-title {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.frr-fun__ticker-title {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.frr-fun__race-state {
	display: inline-block;
	flex-shrink: 0;
	padding: 2px 8px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
	white-space: nowrap;
}

.frr-fun__race-state[data-state="PRE"] {
	background: #fc6719;
	border-color: #fc6719;
}

.frr-fun__race-state[data-state="LIVE"] {
	background: #16a34a;
	border-color: #16a34a;
}

.frr-fun__race-state[data-state="ENDED"] {
	background: #dc2626;
	border-color: #dc2626;
}

.frr-fun__race-state[hidden] {
	display: none !important;
}

.frr-fun__pens {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
}

.frr-fun__pens-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.frr-fun__pens-btns button[hidden],
.frr-fun__pen-picker li[hidden],
.frr-fun__pen-picker button[hidden] {
	display: none !important;
}

.frr-fun__pen-picker {
	display: none;
}

.frr-fun__pens > button,
.frr-fun__pens-btns button {
	height: 1.5rem;
	min-height: 1.5rem;
	padding: 0 8px;
	border: 1px solid var(--frr-pink);
	border-radius: 6px;
	background: transparent;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
}

.frr-fun__pens > button.is-active,
.frr-fun__pens-btns button.is-active {
	background: var(--frr-pink);
	color: #fff;
}

.frr-fun__pens-btns button[data-pen="A"].is-active,
.frr-fun__pens-btns button[data-prime-pen="A"].is-active,
.frr-fun__pens-btns button[data-create-pen="A"].is-active {
	background: #ff0000;
	border-color: #ff0000;
	color: #fff;
}

.frr-fun__pens-btns button[data-pen="B"].is-active,
.frr-fun__pens-btns button[data-prime-pen="B"].is-active,
.frr-fun__pens-btns button[data-create-pen="B"].is-active {
	background: #00cc44;
	border-color: #00cc44;
	color: #fff;
}

.frr-fun__pens-btns button[data-pen="C"].is-active,
.frr-fun__pens-btns button[data-prime-pen="C"].is-active,
.frr-fun__pens-btns button[data-create-pen="C"].is-active {
	background: #0099ff;
	border-color: #0099ff;
	color: #fff;
}

.frr-fun__pens-btns button[data-pen="D"].is-active,
.frr-fun__pens-btns button[data-prime-pen="D"].is-active,
.frr-fun__pens-btns button[data-create-pen="D"].is-active {
	background: #fc6719;
	border-color: #fc6719;
	color: #fff;
}

.frr-fun__pens-btns button[data-pen="E"].is-active,
.frr-fun__pens-btns button[data-prime-pen="E"].is-active,
.frr-fun__pens-btns button[data-create-pen="E"].is-active {
	background: #9b30ff;
	border-color: #9b30ff;
	color: #fff;
}

.frr-fun__extra-filter {
	margin: 0;
	width: 4.6rem;
	max-width: 4.6rem;
}

.frr-fun__role-filter {
	width: 4.2rem;
	max-width: 4.2rem;
}

.frr-fun__extra-filter .frr-fun__compact-trigger {
	height: 1.5rem;
	min-height: 1.5rem;
	padding: 0 6px;
	border-radius: 6px;
	font-size: 11px;
}

.frr-fun__extra-filter[hidden] {
	display: none !important;
}

.frr-fun__pen-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.4rem;
	padding: 2px 6px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	background: #3a3a3a;
}

.frr-fun__pen-badge--A { background: #ff0000; }
.frr-fun__pen-badge--B { background: #00cc44; }
.frr-fun__pen-badge--C { background: #0099ff; }
.frr-fun__pen-badge--D { background: #fc6719; }
.frr-fun__pen-badge--E { background: #9b30ff; }

.frr-fun__tourist--full {
	color: #00cc44;
	font-weight: 700;
}

.frr-fun__role {
	font-weight: 700;
}

.frr-fun__role--GCRIDER {
	color: #ffd400;
}

.frr-fun__role--SPRINTER {
	color: #00cc44;
}

.frr-fun__role--CLIMBER {
	color: #ff3b30;
}

.frr-fun__leaders {
	--frr-rider-row: 1.25rem;
	--frr-rider-th: 1.45rem;
	flex: 1 1 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	overflow-x: auto;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: var(--frr-pink) #000;
	touch-action: pan-x pan-y;
}

.frr-fun__table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	background: transparent;
	font-size: 13px;
}

.frr-fun .frr-fun__leaders table,
.frr-fun .frr-fun__segments-body table {
	border: 0 !important;
	border-top: 0 !important;
	border-left: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}

.frr-fun__table th,
.frr-fun__table td {
	padding: 7px 10px;
	text-align: left;
	border: 0;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 1px solid rgba(255, 45, 135, 0.25) !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.frr-fun__table .frr-fun__name,
.frr-fun__table .frr-fun__team {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.frr-fun__rider-link {
	color: inherit;
	text-decoration: none;
	touch-action: manipulation;
}

.frr-fun__rider-link:hover,
.frr-fun__rider-link:focus {
	color: var(--frr-pink);
	text-decoration: underline;
}

.frr-fun__table th {
	position: sticky;
	top: 0;
	background: #1a1016;
	color: var(--frr-muted);
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.frr-fun__table tbody tr {
	cursor: pointer;
}

.frr-fun__table tbody tr:hover,
.frr-fun__table tbody tr.is-active {
	background: #241018;
}

.frr-fun__pos {
	width: 5ch;
	max-width: 5ch;
	font-weight: 800;
	color: var(--frr-pink);
}

.frr-fun__riders-table {
	width: max-content;
	min-width: 100%;
	margin: 0;
	margin-left: 0;
	table-layout: auto;
}

.frr-fun__riders-table col.frr-fun__col-pos {
	width: 5ch;
}

.frr-fun__riders-table col.frr-fun__col-power {
	width: 2.6rem;
}

.frr-fun__riders-table col.frr-fun__col-name {
	width: calc((100% - 5ch - 2.6rem) * 0.6);
	min-width: 8rem;
}

.frr-fun__riders-table col.frr-fun__col-team {
	width: calc((100% - 5ch - 2.6rem) * 0.4);
	min-width: 5rem;
}

.frr-fun__riders-table.is-tour col.frr-fun__col-pen,
.frr-fun__riders-table.is-six col.frr-fun__col-pen {
	width: 2.6rem;
}

.frr-fun__riders-table.is-tour col.frr-fun__col-tourist {
	width: 3.8rem;
}

.frr-fun__riders-table.is-six col.frr-fun__col-role {
	width: 5.8rem;
}

.frr-fun__riders-table.is-tour col.frr-fun__col-name,
.frr-fun__riders-table.is-six col.frr-fun__col-name {
	width: auto;
}

.frr-fun__riders-table.is-tour col.frr-fun__col-club,
.frr-fun__riders-table.is-six col.frr-fun__col-club {
	width: 22%;
}

.frr-fun__riders-table.is-tour col.frr-fun__col-frhc {
	width: 5.6rem;
}

.frr-fun__riders-table th,
.frr-fun__riders-table td {
	height: var(--frr-rider-row);
	padding: 2px 6px;
	line-height: 1.15;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.frr-fun__riders-table thead th {
	height: var(--frr-rider-th);
	padding: 3px 6px;
}

.frr-fun__riders-table .frr-fun__pos,
.frr-fun__riders-table.is-public thead th:first-child {
	width: 5ch;
	max-width: 5ch;
	padding-left: 6px;
	padding-right: 2px;
}

.frr-fun__riders-table.is-public .frr-fun__name,
.frr-fun__riders-table.is-public thead th.frr-fun__name {
	width: auto;
}

.frr-fun__riders-table.is-public .frr-fun__team,
.frr-fun__riders-table.is-public thead th.frr-fun__team {
	width: auto;
}

.frr-fun__riders-table.is-six thead th:nth-child(2),
.frr-fun__riders-table.is-six td:nth-child(2) {
	width: 5.8rem;
	max-width: 5.8rem;
}

.frr-fun__riders-table.is-tour thead th:nth-child(2),
.frr-fun__riders-table.is-tour td:nth-child(2) {
	width: 3.8rem;
	max-width: 3.8rem;
}

.frr-fun__riders-table .frr-fun__power,
.frr-fun__riders-table thead th.frr-fun__power-head {
	width: 2.6rem;
	max-width: 2.6rem;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0;
	padding-bottom: 0;
	overflow: visible;
	text-overflow: clip;
	vertical-align: middle;
}

.frr-fun__powerbar {
	display: flex;
	align-items: stretch;
	box-sizing: border-box;
	width: 2.15rem;
	height: 0.72rem;
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-radius: 1px;
	background: transparent;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

.frr-fun__riders-table thead th.frr-fun__power-head {
	cursor: pointer;
}

.frr-fun__power-seg {
	flex: 1 1 0;
	display: block;
	min-width: 0;
	height: 100%;
	background: #3a3a3a;
}

.frr-fun__power-seg:not(:last-child) {
	border-right: 1px solid #fff;
}

.frr-fun__power-seg.is-red {
	background: #ff3b30;
}

.frr-fun__power-seg.is-amber {
	background: #ffbf00;
}

.frr-fun__power-seg.is-green {
	background: #00cc44;
}

.frr-fun__power-hint {
	position: fixed;
	z-index: 2147483001;
	box-sizing: border-box;
	width: auto;
	max-width: 22rem;
	padding: 8px 10px;
	border: 2px solid #ff2d87 !important;
	outline: 2px solid #ff2d87;
	border-radius: 6px;
	background: #120910;
	color: #fff;
	font-size: 12px;
	line-height: 1.35;
	white-space: normal;
	overflow-wrap: break-word;
	box-shadow: 0 0 0 1px rgba(255, 45, 135, 0.45) inset, 0 6px 18px rgba(0, 0, 0, 0.45);
	pointer-events: none;
}

.frr-fun__power-hint.is-values {
	white-space: nowrap;
	overflow-wrap: normal;
	max-width: none;
}

.frr-fun__power-hint[hidden] {
	display: none !important;
}

.frr-fun__empty,
.frr-fun__status {
	margin: 0;
	padding: 10px;
	color: var(--frr-muted);
	font-size: 12px;
}

.frr-fun__col--live {
	background: #120910;
	overflow: hidden;
}

.frr-fun__event-card {
	display: none;
}

.frr-fun__event-card h3 {
	margin: 0 0 4px;
	font-size: 15px;
	color: #fff;
}

.frr-fun__event-card p {
	margin: 0;
	font-size: 13px;
	color: #fff;
}

.frr-fun__event-course {
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.frr-fun__event-world,
.frr-fun__event-woz,
.frr-fun__event-datetime {
	margin: 0;
	color: var(--frr-muted);
	font-size: 12px;
}

.frr-fun__yt {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: #090607;
	overflow: hidden;
}

.frr-fun__yt .frr-fun__col-head {
	flex: 0 0 auto;
}

.frr-fun__yt-actions {
	display: flex;
	align-items: center;
	gap: 6px;
}

.frr-fun__yt-actions[hidden] {
	display: none !important;
}

.frr-fun__yt-actions button {
	width: 4.35rem;
	height: 2.2rem;
	padding: 0;
	border: 1px solid var(--frr-pink);
	border-radius: 6px;
	background: var(--frr-pink);
	color: #000;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
}

.frr-fun__yt-actions button:hover,
.frr-fun__yt-actions button.is-open {
	background: #ff4a9a;
	color: #000;
}

.frr-fun__yt-bar,
.frr-fun__yt-add {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 5.5rem;
	gap: 6px;
	align-items: stretch;
	padding: 6px 8px;
	flex: 0 0 auto;
	border-bottom: 1px solid var(--frr-pink-dim);
}

.frr-fun__yt-bar[hidden],
.frr-fun__yt-add[hidden],
.frr-fun__yt-msg[hidden] {
	display: none !important;
}

.frr-fun__yt-bar select,
.frr-fun__yt-add input {
	width: 100%;
	min-width: 0;
	height: 2.2rem;
	padding: 0 8px;
	border: 1px solid var(--frr-pink);
	border-radius: 6px;
	background: #000;
	color: #fff;
	font-size: 13px;
}

.frr-fun__yt-bar .frr-fun__compact-picker {
	width: 100%;
	min-width: 0;
}

.frr-fun__yt-bar .frr-fun__stream-picker .frr-fun__compact-trigger,
.frr-fun__yt-bar .frr-fun__stream-picker .frr-fun__compact-trigger:hover,
.frr-fun__yt-bar .frr-fun__stream-picker .frr-fun__compact-trigger:focus,
.frr-fun__yt-bar .frr-fun__stream-picker .frr-fun__compact-trigger[aria-expanded="true"] {
	width: 100%;
	height: 2.2rem;
	min-height: 2.2rem;
	padding: 0 8px;
	border: 1px solid var(--frr-pink);
	border-radius: 6px;
	background: #000;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

.frr-fun__yt-bar .frr-fun__stream-picker .frr-fun__compact-option {
	width: max-content;
	min-width: 100%;
	height: auto;
	min-height: 1.7rem;
	padding: 2px 8px;
	border: 0;
	border-radius: 0;
	background: #000;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	overflow: visible;
}

.frr-fun .frr-fun__yt-bar .frr-fun__stream-picker .frr-fun__compact-option:hover,
.frr-fun .frr-fun__yt-bar .frr-fun__stream-picker .frr-fun__compact-option:focus,
.frr-fun .frr-fun__yt-bar .frr-fun__stream-picker .frr-fun__compact-option.is-active,
.frr-fun .frr-fun__yt-bar .frr-fun__stream-picker .frr-fun__compact-option.is-active:hover {
	background: var(--frr-red) !important;
	background-color: #ff0000 !important;
	color: #fff !important;
}

.frr-fun__stream-picker .frr-fun__compact-menu {
	max-height: calc(1.7rem * 10);
	overflow-x: scroll;
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: var(--frr-pink) #000;
}

.frr-fun__yt-bar > button,
.frr-fun__yt-add > button {
	width: 5.5rem;
	height: 2.2rem;
	padding: 0;
	border: 1px solid var(--frr-pink);
	border-radius: 6px;
	background: var(--frr-pink);
	color: #000;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
}

.frr-fun__yt-bar > button:hover,
.frr-fun__yt-add > button:hover {
	background: #ff4a9a;
	color: #000;
}

.frr-fun__yt-msg {
	margin: 0;
	padding: 0 8px 6px;
	color: var(--frr-pink);
	font-size: 11px;
	font-weight: 700;
	flex: 0 0 auto;
}

.frr-fun__yt-stage {
	position: relative;
	flex: 1;
	min-height: 0;
	overflow: hidden;
	background: #050405;
}

.frr-fun__yt-stage iframe,
.frr-fun__yt-stage video {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

.frr-fun__yt-stage video {
	object-fit: contain;
	background: #050405;
}

.frr-fun__yt-hint {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 18px 12px 4.2rem;
	color: var(--frr-muted);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-align: center;
	text-transform: uppercase;
}

.frr-fun__segments {
	background: #090607;
}

.frr-fun__primes {
	grid-area: primes;
	height: auto;
	min-height: 0;
	max-height: none;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--frr-pink);
	border-radius: 10px;
	background: #090607;
}

.frr-fun__segments .frr-fun__col-head span {
	font-size: 11px;
	font-weight: 700;
	color: var(--frr-muted);
	text-transform: none;
	letter-spacing: 0;
	max-width: 55%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.frr-fun__segments-body {
	flex: 1;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}

.frr-fun__primes-body .frr-fun__status {
	padding: 16px 12px;
	text-align: center;
}

.frr-fun__prime-filters {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	flex-wrap: nowrap;
}

.frr-fun__compact-picker {
	position: relative;
	min-width: 0;
}

.frr-fun__compact-picker[hidden] {
	display: none !important;
}

.frr-fun__compact-trigger {
	display: flex;
	align-items: center;
	width: 100%;
	min-width: 0;
	min-height: 1.85rem;
	padding: 2px 8px;
	border: 1px solid var(--frr-pink);
	border-radius: 8px;
	background: #000;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-align: left;
	cursor: pointer;
}

.frr-fun__compact-trigger span {
	display: block;
	width: 100%;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.frr-fun__compact-trigger.is-pen {
	width: 2.15rem;
	min-width: 2.15rem;
	height: 1.5rem;
	min-height: 1.5rem;
	justify-content: center;
	padding: 0;
	font-size: 13px;
	font-weight: 800;
	color: #fff;
}

.frr-fun__compact-trigger.is-pen span {
	width: auto;
}

.frr-fun__compact-trigger.is-pen-all {
	background: var(--frr-pink);
	border-color: var(--frr-pink);
	color: #000;
}

.frr-fun__compact-trigger.is-pen-A,
.frr-fun__compact-option.is-pen-A {
	background: #ff0000;
	border-color: #ff0000;
	color: #fff;
}

.frr-fun__compact-trigger.is-pen-B,
.frr-fun__compact-option.is-pen-B {
	background: #00cc44;
	border-color: #00cc44;
	color: #fff;
}

.frr-fun__compact-trigger.is-pen-C,
.frr-fun__compact-option.is-pen-C {
	background: #0099ff;
	border-color: #0099ff;
	color: #fff;
}

.frr-fun__compact-trigger.is-pen-D,
.frr-fun__compact-option.is-pen-D {
	background: #fc6719;
	border-color: #fc6719;
	color: #fff;
}

.frr-fun__compact-trigger.is-pen-E,
.frr-fun__compact-option.is-pen-E {
	background: #9b30ff;
	border-color: #9b30ff;
	color: #fff;
}

.frr-fun__compact-menu {
	position: absolute;
	left: 0;
	right: auto;
	top: calc(100% + 4px);
	z-index: 50;
	margin: 0;
	padding: 0;
	list-style: none;
	max-height: calc(1.7rem * 8);
	overflow-x: hidden;
	overflow-y: scroll;
	background: #000;
	border: 1px solid var(--frr-pink);
	border-radius: 0;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55);
	scrollbar-width: thin;
	scrollbar-color: var(--frr-pink) #000;
}

.frr-fun__compact-option {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	min-height: 1.7rem;
	padding: 2px 8px;
	border: 0;
	border-radius: 0;
	background: #000;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-align: left;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: clip;
}

.frr-fun__compact-option .frr-fun__pen-badge {
	min-width: 1.6rem;
}

.frr-fun__compact-option:hover,
.frr-fun__compact-option:focus,
.frr-fun__compact-option.is-active {
	background: var(--frr-pink);
	color: #000;
}

.frr-fun__prime-name .frr-fun__compact-trigger,
.frr-fun__prime-name .frr-fun__compact-trigger span,
.frr-fun__prime-name .frr-fun__compact-option {
	text-transform: none !important;
	letter-spacing: 0;
	font-weight: 700;
}

.frr-fun__prime-name {
	min-width: 7.5rem;
	max-width: 16rem;
}

.frr-fun__prime-name .frr-fun__compact-menu {
	min-width: 12rem;
	width: max-content;
	max-width: min(22rem, calc(100vw - 16px));
	overflow-x: auto;
}

.frr-fun__prime-name .frr-fun__compact-option {
	width: max-content;
	min-width: 100%;
	overflow: visible;
	white-space: nowrap;
}

.frr-fun__prime-lap {
	width: 1.7rem;
	min-width: 1.7rem;
	max-width: 1.7rem;
}

.frr-fun__prime-lap .frr-fun__compact-trigger {
	justify-content: center;
	height: 1.5rem;
	min-height: 1.5rem;
	padding: 0;
	text-align: center;
}

.frr-fun__prime-lap .frr-fun__compact-trigger span {
	width: auto;
	margin: 0 auto;
	text-align: center;
}

.frr-fun__prime-kinds {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	align-self: center;
	height: 1.5rem;
	max-height: 1.5rem;
	width: 2.4rem;
	min-width: 2.4rem;
	margin: 0;
	padding: 0;
	border: 1px solid var(--frr-pink);
	border-radius: 6px;
	overflow: hidden;
	background: #000;
	flex: 0 0 auto;
	gap: 0;
	flex-wrap: nowrap;
}

.frr-fun__prime-kinds button {
	flex: 1 1 0;
	width: 100%;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 0 2px;
	border: 0;
	border-radius: 0;
	background: #000;
	color: #fff;
	font-size: 7px;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
}

.frr-fun__prime-kinds button.is-active {
	background: var(--frr-pink);
	color: #000;
}

.frr-fun__profile-body {
	flex: 1;
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 2px 4px 1px;
}

.frr-fun__profile {
	position: relative;
}

.frr-fun__profile-stats {
	position: absolute;
	top: 6px;
	left: 6px;
	right: 6px;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 4px;
	pointer-events: none;
}

.frr-fun__profile-stat {
	min-width: 0;
	padding: 3px 4px 2px;
	border: 1px solid var(--frr-pink);
	border-radius: 6px;
	background: rgba(5, 4, 5, 0.82);
	text-align: center;
}

.frr-fun__profile-stat strong {
	display: block;
	margin: 0;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: 0.01em;
}

.frr-fun__profile-stat span {
	display: block;
	margin: 1px 0 0;
	color: var(--frr-muted);
	font-size: 7px;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.15;
	text-transform: uppercase;
}

.frr-fun__profile-art {
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.frr-fun__profile-art svg {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 100%;
	margin: 0;
	transform: translateY(10%);
}

@media (max-width: 1366px) {
	.frr-fun__profile-art svg {
		transform: translateY(28%);
	}
}

.frr-fun__profile.is-elev .frr-fun__profile-art svg path,
.frr-fun__profile.is-elev .frr-fun__profile-art svg polyline,
.frr-fun__profile.is-elev .frr-fun__profile-art svg polygon,
.frr-fun__profile.is-elev .frr-fun__profile-art svg line {
	stroke: var(--frr-pink) !important;
}

.frr-fun__profile.is-elev .frr-fun__profile-art svg path[fill]:not([fill="none"]),
.frr-fun__profile.is-elev .frr-fun__profile-art svg polygon[fill]:not([fill="none"]) {
	fill: rgba(255, 45, 135, 0.18) !important;
}

.frr-fun__profile.is-map .frr-fun__profile-art svg polyline,
.frr-fun__profile.is-map .frr-fun__profile-art svg path {
	stroke: var(--frr-pink) !important;
	fill: none !important;
}

.frr-fun__seg-table col.frr-fun__seg-col-num {
	width: 4ch;
}

.frr-fun__seg-table col.frr-fun__seg-col-name {
	width: auto;
}

.frr-fun__seg-table col.frr-fun__seg-col-detail {
	width: 42%;
}

.frr-fun__seg-table th,
.frr-fun__seg-table td {
	padding: 3px 6px;
	line-height: 1.15;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.frr-fun__seg-table .frr-fun__seg-num,
.frr-fun__seg-table thead th:first-child {
	width: 4ch;
	max-width: 4ch;
	padding-left: 6px;
	padding-right: 2px;
	font-weight: 800;
	color: var(--frr-pink);
}

.frr-fun__seg-table .frr-fun__seg-name,
.frr-fun__seg-table .frr-fun__seg-detail {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.frr-fun__prime-table col.frr-fun__prime-col-pos {
	width: 4ch;
}

.frr-fun__prime-table col.frr-fun__prime-col-type {
	width: 7.2ch;
}

.frr-fun__prime-table col.frr-fun__prime-col-gap {
	width: 28%;
}

.frr-fun__prime-table th,
.frr-fun__prime-table td {
	height: var(--frr-prime-row, 1.25rem);
	padding: 0 6px;
	font-size: 11px;
	line-height: 1.1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.frr-fun__prime-table thead th {
	height: var(--frr-prime-row, 1.25rem);
}

.frr-fun__prime-table .frr-fun__prime-pad {
	cursor: default;
}

.frr-fun__prime-table .frr-fun__prime-pad:hover {
	background: transparent;
}

.frr-fun__prime-table .frr-fun__prime-pos,
.frr-fun__prime-table thead th:first-child {
	width: 4ch;
	max-width: 4ch;
	padding-left: 4px;
	padding-right: 2px;
	font-weight: 800;
	color: var(--frr-pink);
	text-align: center;
}

.frr-fun__prime-table .frr-fun__prime-type,
.frr-fun__prime-table thead th:nth-child(3) {
	width: 7.2ch;
	max-width: 7.2ch;
	padding-left: 2px;
	padding-right: 2px;
	overflow: visible;
	text-align: center;
}

.frr-fun__prime-table .frr-fun__prime-type .frr-fun__seg-type {
	font-size: 9px;
	padding: 0 4px;
	line-height: 1.2;
	vertical-align: middle;
}

.frr-fun__seg-type {
	display: inline-block;
	padding: 1px 6px;
	border-radius: 4px;
	border: 1px solid var(--frr-pink-dim);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.frr-fun__seg-type--climb {
	color: #ffb347;
	border-color: #ffb347;
}

.frr-fun__seg-type--sprint {
	color: #22e36a;
	border-color: #22e36a;
	background: rgba(34, 227, 106, 0.12);
	font-weight: 800;
}

.frr-fun__play {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 10px;
}

.frr-fun__play-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

.frr-fun__play label {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
}

.frr-fun__play select,
.frr-fun__play input {
	width: 100%;
	padding: 4px 6px;
	border: 1px solid var(--frr-pink);
	border-radius: 4px;
	background: #000;
	color: #fff;
	font-size: 11px;
	height: 1.55rem;
}

.frr-fun__play-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
}

.frr-fun__submit,
.frr-fun__match {
	padding: 10px 12px;
	border: 1px solid var(--frr-pink);
	border-radius: 8px;
	background: var(--frr-pink);
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
}

.frr-fun__form-msg {
	margin: 0;
	min-height: 1.2em;
	font-size: 12px;
	color: var(--frr-muted);
}

.frr-fun__pen-play {
	margin: 0;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--frr-pink);
}

.frr-fun__predictions {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	gap: 8px;
	padding: 10px;
}

.frr-fun__pred-box {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 0;
	flex: 1;
	border: 0;
	border-radius: 0;
	overflow: hidden;
}

.frr-fun__match-modal {
	position: absolute;
	inset: 0;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	background: rgba(0, 0, 0, 0.72);
}

.frr-fun__match-modal[hidden] {
	display: none;
}

.frr-fun__match-dialog {
	width: min(16rem, 100%);
	padding: 16px 14px 14px;
	background: #100810;
	border: 2px solid var(--frr-pink);
	border-radius: 10px;
	text-align: center;
}

.frr-fun__match-title {
	margin: 0 0 12px;
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.04em;
}

.frr-fun__match-acts {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.frr-fun__info-lower.frr-fun__pred-box {
	flex: 0 0 var(--frr-slot);
	border-radius: 10px;
}

.frr-fun__info-box.frr-fun__pred-box {
	border-radius: 8px;
}

.frr-fun__pred-box .frr-fun__play-head {
	padding: 8px 10px;
	border-bottom: 1px solid var(--frr-pink);
}

.frr-fun__col--play {
	display: flex;
	flex-direction: column;
	min-height: 0;
	border: 0;
	background: transparent;
}

.frr-fun__side-tabs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	padding: 8px 10px;
	background: var(--frr-panel);
}

.frr-fun__side-tabs button[hidden] {
	display: none;
}

.frr-fun__side-tabs button {
	flex: 1 1 0;
	min-width: 4.2rem;
	height: 2.2rem;
	padding: 0 8px;
	border: 1px solid var(--frr-pink);
	border-radius: 6px;
	background: transparent;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
}

.frr-fun__side-tabs button.is-active {
	background: var(--frr-pink);
	color: #000;
}

.frr-fun__side-tabs button:disabled,
.frr-fun__side-tabs button.is-disabled,
.frr-fun__mobile-row button:disabled,
.frr-fun__mobile-row button.is-disabled {
	color: #6d6a66;
	border-color: #4a4744;
	background: #1a1918;
	cursor: not-allowed;
	opacity: 0.55;
}

.frr-fun__side-tabs button:disabled.is-active,
.frr-fun__side-tabs button.is-disabled.is-active,
.frr-fun__mobile-row button:disabled.is-active,
.frr-fun__mobile-row button.is-disabled.is-active {
	background: #1a1918;
	color: #6d6a66;
}

.frr-fun__mobile-control {
	display: none;
	flex-direction: column;
	gap: 6px;
	flex: 0 0 auto;
	padding: 8px 10px;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.frr-fun__mobile-row {
	display: flex;
	align-items: stretch;
	gap: 6px;
}

.frr-fun__mobile-row button[hidden] {
	display: none;
}

.frr-fun__mobile-row button {
	flex: 1 1 0;
	min-width: 0;
	height: 2.2rem;
	padding: 0 8px;
	border: 1px solid var(--frr-pink);
	border-radius: 6px;
	background: transparent;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
}

.frr-fun__mobile-row button.is-active {
	background: var(--frr-pink);
	color: #000;
}

.frr-fun__side-pane {
	display: none;
	flex: 1;
	min-height: 0;
	flex-direction: column;
	gap: 10px;
	overflow: hidden;
}

.frr-fun__side-pane.is-active {
	display: flex;
}

.frr-fun__info-box[data-frr-fun-riders-slot] {
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	min-height: 0;
	overflow: hidden;
	border-bottom: 1px solid var(--frr-pink);
}

.frr-fun__info-box--primes {
	display: flex;
	flex-direction: column;
	flex: 0 0 var(--frr-slot);
	height: var(--frr-slot);
	min-height: var(--frr-slot);
	max-height: var(--frr-slot);
	overflow: hidden;
}

.frr-fun__info-upper {
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	gap: 0;
	border: 1px solid var(--frr-pink);
	border-radius: 10px;
	background: var(--frr-panel);
}

.frr-fun__info-box.frr-fun__segments {
	border-bottom: 1px solid var(--frr-pink);
}

.frr-fun__info-create {
	flex: 0 0 auto;
	min-height: 0;
	max-height: none;
	overflow: hidden;
	background: var(--frr-panel);
	border-bottom: 1px solid var(--frr-pink);
}

.frr-fun__info-create .frr-fun__play {
	gap: 4px;
	padding: 6px 8px;
}

.frr-fun__info-create .frr-fun__compact-trigger {
	min-height: 1.45rem;
	height: 1.45rem;
	padding: 0 6px;
	border-radius: 4px;
	font-size: 10px;
}

.frr-fun__info-create .frr-fun__compact-option {
	min-height: 1.45rem;
	font-size: 10px;
}

.frr-fun__info-create .frr-fun__compact-option:hover,
.frr-fun__info-create .frr-fun__compact-option:focus,
.frr-fun__info-create .frr-fun__compact-option.is-active {
	background: var(--frr-pink);
	color: #000;
}

.frr-fun__info-create .frr-fun__play input {
	height: 1.45rem;
	font-size: 10px;
}

.frr-fun__info-create .frr-fun__submit {
	padding: 5px 10px;
	font-size: 12px;
	flex: 0 0 auto;
	margin: 0;
}

.frr-fun__info-create .frr-fun__form-msg {
	min-height: 0;
	margin: 0;
}

.frr-fun__info-create .frr-fun__form-msg:empty {
	display: none;
}

.frr-fun__info-upper .frr-fun__pred-box {
	flex: 1 1 0;
	max-height: none;
	min-height: 6.5rem;
}

.frr-fun__pick-kinds button {
	min-width: 0;
	padding: 4px 6px;
	font-weight: 800;
	font-size: 10px;
}

.frr-fun__info-create .frr-fun__play-head {
	display: flex;
	align-items: center;
	gap: 8px;
}

.frr-fun__info-create .frr-fun__pens {
	flex: 1;
	justify-content: center;
	flex-wrap: nowrap;
	padding: 0;
}

.frr-fun__info-create .frr-fun__wallet {
	margin-left: auto;
}

.frr-fun__info-lower {
	flex: 0 0 var(--frr-slot);
	height: var(--frr-slot);
	min-height: var(--frr-slot);
	max-height: var(--frr-slot);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--frr-pink);
	border-radius: 10px;
	background: #090607;
}

.frr-fun__side-pane > .frr-fun__col-main {
	flex: 1;
	min-height: 0;
}

.frr-fun__standings {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	padding: 8px;
	overflow: hidden;
	border: 0;
}

.frr-fun__standings-head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 10px;
	flex: 0 0 auto;
}

.frr-fun__standings-head h3 {
	margin: 0;
	font-size: 14px;
	font-weight: 800;
	color: #fff;
	text-transform: none;
	letter-spacing: 0;
}

.frr-fun__standings-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.frr-fun__gender {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	background: transparent;
}

.frr-fun__gender button {
	margin: 0;
	padding: 4px 8px;
	border: 1px solid var(--frr-pink);
	border-radius: 6px;
	background: transparent;
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 700;
	cursor: pointer;
}

.frr-fun__gender button.is-active {
	background: var(--frr-pink);
	color: #fff;
}

.frr-fun__gender button[data-frr-fun-gender="MENS"].is-active {
	background: #0099ff;
	border-color: #0099ff;
	color: #fff;
}

.frr-fun__gender button[data-frr-fun-gender="WOMENS"].is-active {
	background: #9b30ff;
	border-color: #9b30ff;
	color: #fff;
}

.frr-fun__standings-cat {
	width: 5.2rem;
	min-width: 5.2rem;
}

.frr-fun__standings-tabs {
	display: flex;
	width: 100%;
	gap: 6px;
	margin: 0 0 10px;
	flex: 0 0 auto;
}

.frr-fun__standings-tabs button {
	appearance: none;
	flex: 1 1 0;
	min-width: 0;
	margin: 0;
	border: 3px solid #5a5a5a;
	border-radius: 6px;
	padding: 6px 6px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	background: #000;
	color: #9a968e;
	cursor: pointer;
}

.frr-fun__standings-tabs button[data-frr-fun-board-tab="gc"] {
	color: #ffe600;
	border-color: #ffe600;
}

.frr-fun__standings-tabs button[data-frr-fun-board-tab="sprint"] {
	color: #22e36a;
	border-color: #22e36a;
}

.frr-fun__standings-tabs button[data-frr-fun-board-tab="polka"] {
	color: #ff2a2a;
	border-color: #ff2a2a;
}

.frr-fun__standings-tabs button:not(.is-active) {
	opacity: 0.45;
}

.frr-fun__standings-grid {
	flex: 1;
	min-height: 0;
	overflow: hidden;
}

.frr-fun__jersey {
	display: none;
	height: 100%;
	background: #111;
	border: 1px solid #2a2a30;
	border-radius: 12px;
	overflow: hidden;
}

.frr-fun__jersey.is-active {
	display: flex;
	flex-direction: column;
}

.frr-fun__jersey-scroll {
	flex: 1;
	min-height: 0;
	overflow: auto;
}

.frr-fun__jersey .frr-fun__table {
	table-layout: fixed;
	width: 100%;
}

.frr-fun__jersey col.frr-fun__st-pos {
	width: 5ch;
}

.frr-fun__jersey col.frr-fun__st-rider {
	width: calc((100% - 5ch) * 0.6);
}

.frr-fun__jersey col.frr-fun__st-stat {
	width: calc((100% - 5ch) * 0.4);
}

.frr-fun__jersey .frr-fun__table th:first-child,
.frr-fun__jersey .frr-fun__table td:first-child {
	width: 5ch;
	max-width: 5ch;
	padding-left: 4px;
	padding-right: 2px;
	text-align: center;
}

.frr-fun__jersey .frr-fun__table th,
.frr-fun__jersey .frr-fun__table td {
	padding: 4.5px 8px;
	font-size: 9px;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.frr-fun__jersey tr.is-in-field td {
	background: #1a2a1c;
}

.frr-fun__jersey tr.is-rank-1 td {
	background: rgba(255, 204, 0, 0.22) !important;
	color: #fff;
}

.frr-fun__jersey tr.is-rank-2 td {
	background: rgba(196, 196, 196, 0.2) !important;
	color: #fff;
}

.frr-fun__jersey tr.is-rank-3 td {
	background: rgba(205, 127, 50, 0.24) !important;
	color: #fff;
}

.frr-fun__route-block {
	display: flex;
	flex-direction: column;
	min-height: 0;
	overflow: hidden;
}

.frr-fun__route-spare {
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
	background: #050405;
}

.frr-fun__play .frr-fun__wallet {
	flex-direction: row;
	align-items: center;
	gap: 6px;
	padding: 2px 8px;
	min-width: 0;
}

.frr-fun__play .frr-fun__wallet strong {
	font-size: 14px;
}

.frr-fun__staked {
	margin: 0;
	font-size: 11px;
	color: var(--frr-muted);
}

.frr-fun__pred-list {
	flex: 1;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}

.frr-fun__ticket-row {
	display: flex;
	align-items: center;
	gap: 6px;
	min-height: 1.35rem;
	padding: 1px 8px;
	border-bottom: 1px solid rgba(255, 45, 135, 0.25);
	font-size: 10px;
	line-height: 1.2;
}

.frr-fun__ticket-main {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.frr-fun__ticket-row .frr-fun__match {
	flex: 0 0 auto;
	width: auto;
	margin: 0;
	padding: 1px 6px;
	font-size: 10px;
	line-height: 1.2;
	border-radius: 4px;
}

@media (max-width: 960px) {
	.frr-fun-takeover,
	[data-frr-fun-takeover] {
		overflow: hidden;
		touch-action: pan-y;
	}

	.frr-fun {
		--frr-slot: 6.25rem;
	}

	.frr-fun-takeover .frr-fun,
	[data-frr-fun-takeover] .frr-fun {
		height: 100%;
		max-height: 100%;
		overflow: hidden;
	}

	.frr-fun-takeover .frr-fun__shell,
	[data-frr-fun-takeover] .frr-fun__shell {
		height: 100%;
		max-height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: none;
	}

	.frr-fun__power-hint {
		max-width: 12rem;
	}

	.frr-fun__power-hint.is-values {
		max-width: calc(100vw - 16px);
	}

	.frr-fun__shell {
		min-height: 100svh;
	}

	.frr-fun__board {
		display: flex;
		flex-direction: column;
		grid-template-columns: none;
		grid-template-rows: none;
		grid-template-areas: none;
		gap: 0;
		overflow-x: hidden;
		overflow-y: auto;
		flex: 1;
		min-height: 0;
		overscroll-behavior-x: none;
	}

	.frr-fun__mobile-control {
		display: flex;
		order: 0;
		margin-bottom: 10px;
	}

	.frr-fun__side-tabs {
		display: none;
	}

	.frr-fun__col--riders-top,
	.frr-fun__primes,
	.frr-fun__col--play {
		order: 1;
		max-height: 0;
		min-height: 0 !important;
		margin: 0;
		border-width: 0;
		opacity: 0;
		overflow: hidden;
		pointer-events: none;
		transition: max-height 0.32s ease, opacity 0.2s ease, margin 0.28s ease, border-width 0.2s ease;
	}

	.frr-fun__col--riders-top.is-mobile-open,
	.frr-fun__primes.is-mobile-open,
	.frr-fun__col--play.is-mobile-open {
		max-height: 42rem;
		min-height: 16rem !important;
		margin-bottom: 10px;
		border-width: 1px;
		opacity: 1;
		pointer-events: auto;
		overflow: auto;
	}

	.frr-fun__col--riders-top.is-mobile-open {
		overflow: hidden;
	}

	.frr-fun.is-mobile-layout .frr-fun__leaders {
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: none;
		touch-action: pan-y;
	}

	.frr-fun.is-mobile-layout .frr-fun__riders-table {
		width: 100%;
		min-width: 0;
		max-width: 100%;
		margin: 0;
		table-layout: fixed;
	}

	.frr-fun.is-mobile-layout .frr-fun__riders-table col {
		width: auto;
	}

	.frr-fun.is-mobile-layout .frr-fun__riders-table .frr-fun__power,
	.frr-fun.is-mobile-layout .frr-fun__riders-table thead th.frr-fun__power-head {
		width: 2.4rem;
		max-width: 2.4rem;
	}

	.frr-fun__col--play.is-mobile-open {
		border-width: 0;
		min-height: 0 !important;
		max-height: 48rem;
	}

	.frr-fun__col--play.is-mobile-open .frr-fun__info-upper {
		min-height: 16rem;
	}

	.frr-fun__info-lower {
		display: none;
	}

	.frr-fun__col--live {
		order: 2;
		flex: 1 1 0;
		min-height: 16.5rem;
		margin-bottom: 10px;
	}

	.frr-fun__col--riders-bottom {
		order: 3;
		flex: 0 0 var(--frr-slot);
		min-height: var(--frr-slot);
		margin-bottom: 0;
	}

	.frr-fun__yt-actions [data-frr-fun-stream-expand-btn] {
		display: none !important;
	}

	.frr-fun__qr {
		display: none;
	}

	.frr-fun__yt-hint {
		padding: 18px 12px;
	}

	.frr-fun__board.is-expanded .frr-fun__col--live {
		min-height: 36rem;
	}

	.frr-fun__board.is-expanded .frr-fun__col--riders-top.is-mobile-open,
	.frr-fun__board.is-expanded .frr-fun__primes.is-mobile-open {
		display: none;
	}
}

@media (min-width: 961px) and (max-width: 1366px) and (orientation: landscape) {
	.frr-fun__col--riders-top {
		justify-self: stretch;
		width: 100%;
	}

	.frr-fun__leaders {
		width: 100%;
		margin: 0;
		overflow-x: hidden;
		overflow-y: auto;
		touch-action: pan-y;
	}

	.frr-fun__riders-table {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		margin: 0 auto 0 0;
		table-layout: fixed;
	}
}

@media (min-width: 768px) and (max-width: 1366px) {
	.frr-fun__top,
	.frr-fun__top.has-admin {
		display: grid;
		grid-template-columns: minmax(16rem, 0.9fr) minmax(18rem, 1.3fr) minmax(22rem, 1.15fr);
		align-items: center;
		gap: 10px;
	}

	.frr-fun__top-lead,
	.frr-fun__top.has-admin .frr-fun__top-lead {
		grid-column: 1 / 3;
		min-width: 0;
		width: 100%;
	}

	.frr-fun__top.has-admin .frr-fun__event-row {
		flex: 1 1 auto;
		min-width: 0;
		max-width: none;
		width: auto;
	}

	.frr-fun__admin,
	.frr-fun__top.has-admin .frr-fun__admin {
		grid-column: 3;
		width: 100%;
		max-width: none;
	}

	.frr-fun__picker-line,
	.frr-fun__event-row,
	.frr-fun__event-label {
		flex: 1 1 auto;
		min-width: 0;
		max-width: none;
		width: 100%;
	}

	.frr-fun__event-picker {
		width: 100%;
		max-width: none;
	}

	.frr-fun .frr-fun__admin-acts button {
		flex-basis: 2.9rem;
		width: 2.9rem;
		min-width: 2.9rem;
	}
}

@media (max-width: 960px) {
	.frr-fun__event-scroll {
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		scrollbar-width: auto;
		scrollbar-color: #ff2d87 #000;
	}

	.frr-fun__event-scroll::-webkit-scrollbar {
		-webkit-appearance: none;
		display: block;
		height: 8px;
	}

	.frr-fun__event-scroll::-webkit-scrollbar-thumb {
		background: #ff2d87;
		border-radius: 4px;
	}

	.frr-fun__event-scroll::-webkit-scrollbar-track {
		background: #000;
	}

	.frr-fun__event-trigger {
		display: inline-flex;
		width: auto;
		min-width: 100%;
		max-width: none;
		height: auto;
		min-height: 2.7rem;
	}

	.frr-fun__event-trigger [data-frr-fun-event-label] {
		width: max-content;
		min-width: 100%;
		max-width: none;
		overflow: visible;
	}

	.frr-fun__event-trigger .frr-fun__event-title,
	.frr-fun__event-trigger .frr-fun__event-when {
		width: max-content !important;
		max-width: none !important;
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: nowrap !important;
	}

	.frr-fun__event-menu-port.is-open {
		display: block !important;
		position: fixed !important;
		z-index: 2147483646;
		box-sizing: border-box;
		height: auto !important;
		max-height: calc(100dvh - 7rem);
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		touch-action: pan-y;
		background: #000;
		color: #fff;
		border: 1px solid #ff2d87;
		scrollbar-width: auto;
		scrollbar-color: #ff2d87 #000;
	}

	.frr-fun__event-menu-port.is-open .frr-fun__event-menu,
	.frr-fun__event-menu {
		position: static !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		max-height: none !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
		background: #000 !important;
		color: #fff !important;
		border: 0 !important;
		overflow: visible !important;
		contain: none;
		transform: none !important;
	}

	.frr-fun__event-menu[hidden],
	.frr-fun__event-menu:not(.is-open) {
		display: none !important;
	}

	.frr-fun__event-menu.is-open {
		z-index: 2147483002;
		display: block !important;
	}

	.frr-fun__event-menu li {
		display: block;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		margin: 0;
		padding: 0;
		background: #000 !important;
		list-style: none !important;
	}

	.frr-fun__event-option,
	.frr-fun__event-menu .frr-fun__event-option {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		overflow: visible !important;
		touch-action: pan-y;
		align-items: flex-start;
		text-align: left;
		background: #000 !important;
		color: #fff !important;
		border: 0 !important;
		box-shadow: none !important;
		-webkit-user-select: none;
		user-select: none;
	}

	.frr-fun__event-menu .frr-fun__event-copy {
		display: block;
		width: max-content;
		min-width: 100%;
		max-width: none;
		overflow: visible;
	}

	.frr-fun__event-menu .frr-fun__event-option.is-active,
	.frr-fun__event-menu .frr-fun__event-option:hover {
		background: #ff0000 !important;
		color: #fff !important;
	}

	.frr-fun__event-menu .frr-fun__event-title {
		color: #fff !important;
		width: max-content !important;
		max-width: none !important;
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: nowrap !important;
	}

	.frr-fun__event-menu .frr-fun__event-when {
		color: #ff2d87 !important;
		width: max-content !important;
		max-width: none !important;
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: nowrap !important;
	}

	.frr-fun__event-menu .frr-fun__event-option.is-active .frr-fun__event-title,
	.frr-fun__event-menu .frr-fun__event-option.is-active .frr-fun__event-when,
	.frr-fun__event-menu .frr-fun__event-option:hover .frr-fun__event-title,
	.frr-fun__event-menu .frr-fun__event-option:hover .frr-fun__event-when {
		color: #fff !important;
	}
}

@media (hover: none) {
	.frr-fun__event-menu .frr-fun__event-option:hover {
		background: #000 !important;
		color: #fff !important;
	}

	.frr-fun__event-menu .frr-fun__event-option:hover .frr-fun__event-title {
		color: #fff !important;
	}

	.frr-fun__event-menu .frr-fun__event-option:hover .frr-fun__event-when {
		color: #ff2d87 !important;
	}

	.frr-fun__event-menu .frr-fun__event-option.is-active:hover {
		background: #ff0000 !important;
		color: #fff !important;
	}

	.frr-fun__event-menu .frr-fun__event-option.is-active:hover .frr-fun__event-title,
	.frr-fun__event-menu .frr-fun__event-option.is-active:hover .frr-fun__event-when {
		color: #fff !important;
	}
}

@media (min-width: 961px) and (max-width: 1366px) {
	.frr-fun__event-menu-port.is-open {
		display: block !important;
		position: fixed !important;
		z-index: 2147483646;
		box-sizing: border-box;
		height: auto !important;
		max-height: calc(100dvh - 7rem);
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		touch-action: pan-y;
		background: #000;
		color: #fff;
		border: 1px solid #ff2d87;
		scrollbar-width: auto;
		scrollbar-color: #ff2d87 #000;
	}

	.frr-fun__event-menu-port.is-open .frr-fun__event-menu {
		position: static !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		max-height: none !important;
		min-width: 0 !important;
		overflow: visible !important;
		border: 0 !important;
		background: #000 !important;
	}

	.frr-fun__event-menu-port.is-open li {
		display: block;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.frr-fun__event-menu-port.is-open .frr-fun__event-option {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		overflow: visible !important;
		touch-action: pan-y;
	}

	.frr-fun__event-menu-port.is-open .frr-fun__event-title,
	.frr-fun__event-menu-port.is-open .frr-fun__event-when {
		width: max-content !important;
		max-width: none !important;
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: nowrap !important;
	}
}

@media (max-width: 960px) and (orientation: portrait) {
	.frr-fun__event-picker,
	.frr-fun__event-scroll,
	.frr-fun__event-row,
	.frr-fun__event-label {
		max-width: 100%;
		min-width: 0;
	}
}

@media (max-width: 767px) {
	.frr-fun__top,
	.frr-fun__top.has-admin {
		display: flex;
		flex-wrap: wrap;
	}

	.frr-fun__top.has-admin .frr-fun__top-lead,
	.frr-fun__top.has-admin .frr-fun__admin {
		grid-column: auto;
	}

	.frr-fun__top-lead {
		flex: 1 1 100%;
		width: 100%;
		min-width: 0;
		flex-wrap: nowrap;
	}

	.frr-fun__logo,
	.frr-fun__source {
		flex: 0 0 auto;
	}

	.frr-fun__picker-line {
		flex: 1 1 auto;
		min-width: 0;
		width: auto;
	}

	.frr-fun__event-row {
		flex: 1 1 auto;
		max-width: none;
		min-width: 0;
		width: auto;
	}

	.frr-fun__event-picker {
		width: 100%;
	}

	.frr-fun__admin {
		flex: 1 1 100%;
		width: 100%;
		max-width: none;
	}
}

@media (max-width: 1199px) {
	.frr-fun__pens-btns {
		display: none;
	}

	.frr-fun__pen-picker {
		display: block;
	}

	.frr-fun {
		--frr-qr: 3.1rem;
	}

	.frr-fun__prime-filters {
		flex-wrap: nowrap;
		gap: 4px;
	}

	.frr-fun__prime-lap {
		width: 1.7rem;
		min-width: 1.7rem;
		max-width: 1.7rem;
	}

	.frr-fun__prime-lap .frr-fun__compact-trigger {
		height: 1.5rem;
		min-height: 1.5rem;
		padding: 0;
		font-size: 11px;
	}

	.frr-fun__primes-panel .frr-fun__compact-trigger.is-pen,
	.frr-fun__col--riders-top .frr-fun__compact-trigger.is-pen {
		width: 1.7rem;
		min-width: 1.7rem;
		height: 1.5rem;
		min-height: 1.5rem;
	}
}