/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */

/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */

/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */

*,
::before,
::after {
	background-repeat: no-repeat; /* 1 */
	box-sizing: inherit; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */

::before,
::after {
	text-decoration: inherit; /* 1 */
	vertical-align: inherit; /* 2 */
}

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */

html {
	box-sizing: border-box; /* 1 */
	cursor: default; /* 2 */
	-ms-text-size-adjust: 100%; /* 3 */
	-webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: .67em 0;
}

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
	display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
	list-style: none;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
	font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
	font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
	background-color: #ffff00;
	color: #000000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */

::-moz-selection {
	background-color: #b3d4fc; /* 1 */
	color: #000000; /* 1 */
	text-shadow: none;
}

::selection {
	background-color: #b3d4fc; /* 1 */
	color: #000000; /* 1 */
	text-shadow: none;
}

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */

/*
 * Change the alignment on media elements in all browers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
	border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

svg {
	fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */

/**
 * Collapse border spacing
 */

table {
	border-collapse: collapse;
}

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */

/**
 * Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	margin: 0;
}

/**
 * Inherit styling in all browsers (opinionated).
 */

button,
input,
select,
textarea {
	background-color: transparent;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */

textarea {
	overflow: auto; /* 1 */
	resize: vertical; /* 2 */
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
	display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
	display: none;
}

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */

/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
	-ms-touch-action: manipulation; /* 1 */
	touch-action: manipulation;
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
	display: none;
}

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */

/**
 * Change the cursor on busy elements (opinionated).
 */

[aria-busy="true"] {
	cursor: progress;
}

/*
 * Change the cursor on control elements (opinionated).
 */

[aria-controls] {
	cursor: pointer;
}

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */

[aria-hidden="false"][hidden]:not(:focus) {
	clip: rect(0, 0, 0, 0);
	display: inherit;
	position: absolute;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */

[aria-disabled] {
	cursor: default;
}

@font-face {
	font-family: 'PublicSans';
	src:
		url('/static/v1.18.1/font/public-sans-v15-latin-regular.woff2') format('woff2');
}
:root {
	--min-site-width: 800px;
	--max-site-width: 1200px;

	--color-light: white;
	--color-light-offset: #ababab;
	--color-dark: #252e31;
	--color-dark-rgb: 37, 46, 49;
	--color-dark-offset-dark: #2e3639;
	--color-dark-offset-light: #585858;
	--color-brand: #FDDB00;

	--color-bg: var(--color-dark);
	--color-text: var(--color-light);

	--navbar-height: 70px;
	--sidebar-width: 250px;
	--input-padding-x: 12px;
	--list-item-height: 42px;
	--list-border-color: var(--color-dark-offset-light);

	--x-padding: 20px;
}

.u-image-restraints {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}

html {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	min-width: var(--min-site-width);
	min-height: 100vh;
	background: var(--color-bg);
	color: var(--color-text);
}

a,
a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
	color: inherit;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

input {
	outline: none;
}

/* Try to make this component work in older browsers as well. */

.browser-support__c-browser-support___OdhIFYcyEZ {
	width: 100%;
	width: 100vw;
	height: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background: #282828;
	background: rgba(0, 0, 0, .75);
}

.browser-support__c-browser-support__msg___24x3IgTJLS {
	max-width: 80%;
	width: 450px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 30px;
	border: 6px solid #d9534f;
	border-radius: 2px;
	text-align: center;
	background: #EEE;
}

.browser-support__c-browser-support__msg___24x3IgTJLS h1 {
	margin: 0 0 20px;
}

.browser-support__c-browser-support__msg___24x3IgTJLS p {
	margin: 0;
}

.browser-support__c-browser-support__msg___24x3IgTJLS a {
	color: #5cb85c;
}

.browser-support__c-browser-support__msg___24x3IgTJLS a:hover {
	text-decoration: underline;
}

/* This file contains all global styles. Most styling should be imported in the
relevant components themselves as CSS modules */

/* Reset */

/* Base */

/* "Component" styles that aren't attached to a React component */

@keyframes login__Autofill___3szDmwb0gp {
    to {
        color: #666;
		background: transparent;
		color: white;
		font-size: 16px;
    }
}

.login__wrapper___12nQ5-wtE4 {
	--logo-height: 25px;
	--logo-offset: 100px;

	height: 100vh;
	background: url('/static/v1.18.1/img/bg/login.png') center/cover;
}

.login__main___3Dj-wkF3o0 {
	width: 100%;
}

.login__container___2GpetCogLs {
	margin-left: 20%;
	width: 400px;
}

.login__content___pq6Dut5A06 {
	width: calc(100% - 274px);
	min-width: 800px;
	min-height: 100vh;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	padding-top: calc(var(--logo-height) + var(--logo-offset));
}

.login__session-expired___16MxpLw7L8 {
	display: flex;
	z-index: 1;
	position: absolute;
	width: 100%;
	justify-content: center;
	align-items: center;
	background: #dd493b;
	height: 30px;
	font-size: 11px;
	font-weight: 500;
	font-family: PublicSans;
}

.login__content___pq6Dut5A06::before {
	content: '';
	width: 85%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transform: rotate(12deg);
	transform-origin: top right;
	-webkit-backdrop-filter: blur(5px);
	        backdrop-filter: blur(5px);
	background: linear-gradient(222deg, rgba(22, 100, 182, .9), rgba(25, 116, 76, .9));
}

.login__text___2OMFceYNcR {
	position: absolute;
	letter-spacing: 7.4px;
	text-transform: uppercase;
	font-size: 37px;
	color: #f7d331;
	top: 25%;
}

.login__logo___1AgIL6Ya31 {
	max-height: var(--logo-height);
	position: absolute;
	top:  21%;
}

.login__login-text___1Lk9zBZooi {
	position: absolute;
	font-size: 22px;
	font-family: PublicSans;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.login__heading___3tL6kGQQym {
	margin: 0;
	font-family: PublicSans;
	font-size: 22px;
	font-weight: 300;
	letter-spacing: 14px;
	text-transform: uppercase;
}

.login__error___3VWvILcJUS {
	font-family: PublicSans;
	display: flex;
	height: 400;
	background: #ff9999;
	justify-content: center;
	align-items: center;
	height: 40px;
}

.login__form___2nNvnfntP- {
	width: 440px;
	position: relative;
	z-index: 1;
}

.login__inputs___2cLLolYo9t {
	width: 100%;
	margin: 50px 0;
}

.login__inputs___2cLLolYo9t > *:not(:last-child) {
	margin-bottom: 25px;
}

/* !important to beat specificity of component styles */
.login__input___jjBV0yB08t {
	padding: 20px 20px !important;
	border-width: 0 0 1px 0 !important;
	border-color: rgba(220, 220, 220, .27) !important;
	font-family: PublicSans !important;
	font-size: 16px;
	border-radius: 0 !important;
	caret-color: white;
	background: none !important;
	box-shadow: 0 0 0px 1000px none inset;
	color: white !important;
	transition: border-color .2s !important;
	animation-name: login__Autofill___3szDmwb0gp;
	animation-fill-mode: both;
}

.login__button___y_20-4XfOk {
	width: 100%;
	font-size: 13px;
}

.login__input___jjBV0yB08t:focus {
	border-color: rgba(220, 220, 220, .75) !important;
}

.login__input___jjBV0yB08t::-ms-input-placeholder {
	color: white !important;
}

.login__input___jjBV0yB08t::placeholder {
	color: white !important;
}

.button__btn___2t3YAlRGLD {
	padding: 10px 25px;
	border: none;
	outline: none;
	cursor: pointer;
}

.button__btn___2t3YAlRGLD:active {
	transform: translateY(2px);
}

.button__btn___2t3YAlRGLD:disabled {
	filter: saturate(40%);
	cursor: not-allowed;
}

.button__btn--primary___1azPubiBte,
.button__btn--secondary___3gePVsddzs,
.button__btn--danger___ApHnKZna45 {
	border-radius: 4px;
	filter: hue-rotate(0deg);
	font-family: PublicSans;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 2.8px;
	text-transform: uppercase;
	transition: filter .5s;
	color: white;
}

.button__btn--primary___1azPubiBte,
.button__btn--secondary___3gePVsddzs {
	background: linear-gradient(259deg, #4896e8, #4ba67e);
}

.button__btn--primary___1azPubiBte {
	min-width: 120px;
	width: 100%;
	display: block;
	padding-top: 34px;
	padding-bottom: 28px;
}

.button__btn--danger___ApHnKZna45 {
	background: linear-gradient(259deg, #e84896, #7e4ba6);
}

.button__btn--primary___1azPubiBte:hover:not(:disabled),
.button__btn--secondary___3gePVsddzs:hover:not(:disabled),
.button__btn--danger___ApHnKZna45:hover:not(:disabled) {
	filter: hue-rotate(20deg);
}

.button__btn___2t3YAlRGLD + .button__btn___2t3YAlRGLD {
	margin-left: 15px;
}

.input__header___7mW3X9LgyY {
	display: flex;
	justify-content: space-between;
}

.input__counter___342FoM_qm3 {
	font-family: 'PublicSans';
	font-size: 13px;
	font-weight: 900;
	color: #989898;
}

.input__counter--alert___3a9aXGt3ps {
	color: #ec1d26;
}

.input__input___2VDcNyPgDH {
	width: 100%;
	padding: 6px var(--input-padding-x);
	border: 1px solid #e9e9e9;
	outline: none;
	border-radius: 3px;
	transition: border-color .15s;
}

.input__input___2VDcNyPgDH::-ms-input-placeholder {
	color: #9d9da3;
}

.input__input___2VDcNyPgDH::placeholder {
	color: #9d9da3;
}

.input__input___2VDcNyPgDH:focus {
	border-color: #d2d2d2;
}

.input__input--disabled___89mxx6C9h- {
	background: #f9f9f9;
	cursor: not-allowed;
	pointer-events: none;
}

.label__label___13cERxP_ys {
	margin: 0 0 5px;
}

.wrapper__sidebar-wrapper___P0vMUdiZuK {
	min-height: calc(100vh - var(--navbar-height));
}

.wrapper__banner-space___32u8XALr6U {
	margin-bottom: 72px;
	bottom: 0;
	left: 0;
}

.wrapper__sport-items___3JQ09HEtUi {
	max-height: calc(80vh - var(--navbar-height));
	overflow: hidden;
}

.wrapper__sticky___3cgA3LfFZy {
	position: absolute;
	bottom: 0;
	left: 0;
}
.navbar__wrapper___3F_jYOZuV0 {
	--logo-width: calc(var(--sidebar-width) - var(--x-padding));
	--leaderboard-width: 375px;

	width: 100%;
	min-width: var(--min-site-width);
	height: var(--navbar-height);
	display: flex;
	position: fixed;
	z-index: 1;
	padding: 10px var(--x-padding);
	border-bottom: 1px solid #666;
	background: var(--color-bg);
}

.navbar__logo___3Xs0rfInVU {
	width: var(--logo-width);
	display: flex;
	align-items: center;
}

.navbar__controls___17NQPOKs_Z {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.navbar__user___23H3wk43nW {
	white-space: nowrap;
	font-family: PublicSans;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .5px;
}

.navbar__user___23H3wk43nW img {
	width: 46px;
	height: 46px;
	margin: 0 0 0 15px;
	border-radius: 50%;
}

.navbar__other-content___1Xae43pNqR {
	min-height: calc(100vh - var(--navbar-height));
	padding: var(--navbar-height) 0 0;
}

.sidebar__wrapper___2Frrew_7Rw {
	width: var(--sidebar-width);
	height: calc(100% - var(--navbar-height));
	position: fixed;
	top: var(--navbar-height);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px var(--x-padding) 20px 0;
}

.sidebar__wrapper___2Frrew_7Rw ul {
	padding: 0 0 0 var(--x-padding);
}

.sidebar__other-content___39VE16TAY1 {
	min-height: 100%;
	padding: 20px 20px 20px var(--sidebar-width);
	overflow: hidden;
}

.sidebar-item__item___16kHwbYZuu {
	padding: 10px 0;
	font-family: PublicSans;
	font-size: 15px;
	font-weight: 900;
	letter-spacing: .5px;
	color: white;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.sidebar-item__item___16kHwbYZuu:not(.sidebar-item__item--disabled___1H_FU6iQJ-) {
	cursor: pointer;
}

.sidebar-item__item--active___qT9A2DwbO2,
.sidebar-item__item___16kHwbYZuu:not(.sidebar-item__item--disabled___1H_FU6iQJ-):hover {
	color: var(--color-brand) !important;
}

.sidebar-item__item--disabled___1H_FU6iQJ- {
	color: var(--color-dark-offset-light) !important;
}

.sidebar-item__item___16kHwbYZuu + ul .sidebar-item__item___16kHwbYZuu {
	font-size: 12px;
	letter-spacing: .4px;
	color: var(--color-light-offset);
}

.sidebar-item__spacer___3_IEB9lZkv {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sidebar-item__label-wrapper___2NyAdXYE1x {
	white-space: nowrap;
}

.sidebar-item__icon___2fiSQX_y8U,
.sidebar-item__label___5t8o1-Rnqz {
	display: inline-block;
}

.sidebar-item__icon___2fiSQX_y8U {
	width: 100%;
	max-width: 18px;
	margin: 0 13px 0 0;
}

.sidebar-item__item___16kHwbYZuu:not(.sidebar-item__item--disabled___1H_FU6iQJ-):hover .sidebar-item__icon___2fiSQX_y8U svg path,
.sidebar-item__item--active___qT9A2DwbO2 .sidebar-item__icon___2fiSQX_y8U svg path {
	fill: var(--color-brand);
}

.sidebar-item__label___5t8o1-Rnqz {
	white-space: nowrap;
}

.sidebar-item__toggle___19av62BDIk {
	margin: 0 0 0 5px;
	font-size: 8px;
	color: var(--color-light-offset);
	cursor: pointer;
}

.sidebar-item__rotateleft___WfIQWx_KFj {
	transform: rotate(90deg);
}

.sidebar-item__rotatedown___3otWDklsMS {
	transform: rotate(180deg);
}
.banner__banner___2HAg6u7JUk {
	width: 100vw;
	padding: 25px 0;
	border: none;
	outline: none;
	position: fixed;
	bottom: 0;
	z-index: 3;
}

.banner__banner--primary___2mUYDfIDbG,
.banner__banner--secondary___3BUo59am5U,
.banner__banner--danger___1XkugsFHOF {
	border-radius: 4px;
	font-family: PublicSans;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 2.8px;
	text-transform: uppercase;
	transition: filter .5s;
	color: white;
}

.banner__banner--primary___2mUYDfIDbG,
.banner__banner--secondary___3BUo59am5U {
	background: linear-gradient(259deg, #4896e8, #4ba67e);
}

.banner__banner--primary___2mUYDfIDbG {
	min-width: 120px;
	width: 100%;
	display: block;
	padding-top: 34px;
	padding-bottom: 28px;
}

.banner__banner--danger___1XkugsFHOF {
	background: rgb(218, 34, 34);
}
.filter__icon___3Eo0ptwRpk {
	width: 23px;
	height: 23px;
	display: inline-block;
	vertical-align: middle;
}

.filter__icon___3Eo0ptwRpk svg path {
	fill: rgba(255, 255, 255, .6);
}

.filter__icon--active___8aTCgyCpmo svg path {
	fill: var(--color-brand);
}

.filter__header___RSm7U_EDwQ {
	width: 100%;
}

.filter__filter___2snMPF4TvP {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.filter__action___1DofH9WM-Q {
	cursor: pointer;
}

.filter__action--active___4P3ZT6MTX6 {
	color: var(--color-brand);
}

.filter__sized-action___TQfLx5sRj4 {
	width: 150px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.filter__bookie-wrapper___3nbSCg4kjI {
	width: 390px;
	margin: 0 0 -15px;
	columns: 2;
}

.filter__bookie-wrapper___3nbSCg4kjI .filter__bookie___3rD38D616Y {
	break-inside: avoid-column;
}

.filter__title___GAzN2E6RYm {
	height: 16px;
	margin: 0 0 5px 0;
	letter-spacing: 4px;
	font-family: PublicSans;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	color: var(--color-brand);
}

.filter__sub-title___2bUEQ0hHX4 {
	font-family: PublicSans;
	color: var(--color-light);
	font-size: 12px;
	margin: 0 0 17px;
}

.filter__bookie___3rD38D616Y {
	height: 39px;
}

.filter__date-icon___1hq6orq2mM {
	margin: 0 20px 0 0;
}

.filter__date-arrow___2FSxrf4V95 {
	display: inline-block;
	vertical-align: middle;
}

.filter__date-range___jVI8-gbaBV {
	margin: 0 30px;
	vertical-align: middle;
	cursor: pointer;
}

.filter__std-wrapper___3wjm9L9h06 {
	padding: 20px 15px;
}

.filter__wrapper___2Sgyo62rAG {
	min-width: 700px;
	display: flex;
}

.filter__no-data-message___3LpxOTZdnp {
	width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkbox__container___19pSkznExD {
	height: 25px;
	padding-right: 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	cursor: pointer;
}

.checkbox__container--disabled___2Op8ng5qZY {
	cursor: not-allowed;
}

.checkbox__label___1pg6wtUCJx,
.checkbox__input___2tWvAGLElU {
	cursor: inherit;
}

.checkbox__label___1pg6wtUCJx {
	position: relative;
	font-family: PublicSans;
	font-size: 12px;
	letter-spacing: 0.5px;
	font-weight: 900;
	/* Expand clickable region */
	width: 100%;
	flex-shrink: 100;
}

.checkbox__label___1pg6wtUCJx:not(.checkbox__label--active___1VnNogMvzy) {
	color: #ababab;
}

.checkbox__input___2tWvAGLElU {
	width: 27px;
	height: 11px;
	position: relative;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border-radius: 20px;
	background: #707070; /* Can be changed by JS */
	transition: background-color .2s;
}

.checkbox__input___2tWvAGLElU::before {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	top: -3px;
	transform: none;
	border: 2px solid transparent;
	border-radius: 20px;
	background-color: currentColor;
	transition: transform .3s, border-color .2s;
}

.checkbox__input___2tWvAGLElU:checked::before {
	transform: translate(15px, 0);
	border-color: #d4d4d4;
}

.no-data-message__title___1BZBtMtLLb {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	border: 1px solid #8c8d8d;
	width: 282px;
	height: 65px;
	opacity: 0.9;
	border-radius: 5px;
	background-color: #2e3639;
	font-family: PublicSans;
  	font-size: 15px;
  	font-weight: 900;
}

.no-data-message__sub-title___356wCZoSg5 {
	color: var(--color-light-offset);
	font-size: 13px;
}

.chevron__chevron___HTKy2ypLci {
	--border-size: calc(var(--size) * .2);

	width: var(--size);
	height: var(--size);
	margin: var(--margin);
	border-width: var(--border-size) var(--border-size) 0 0;
	border-style: solid;
	border-color: var(--color);
	transform: rotate(var(--rotation));
}

.filter-bar__wrapper___j77xx-UBpt {
	padding: 10px 0;
	border: 1px solid var(--color-dark-offset-light);
	border-radius: 4px 4px 0 0;
	background: linear-gradient(93deg, #1a415c, #1d4c6d);
}

.filter-bar__item___1aMx6IVAmR {
	display: inline-block;
	vertical-align: middle;
	padding: 5px 15px;
	font-family: PublicSans;
	font-size: 14px;
	font-weight: bold;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	letter-spacing: .5px;
}

.filter-bar__item--active___QE3fb1J5I0 {
	color: var(--color-brand);
}

.filter-bar__item--clickable___2Kj8iN5Hkk {
	cursor: pointer;
}

.filter-bar__item___1aMx6IVAmR + .filter-bar__item___1aMx6IVAmR {
	border-left: 1px solid #395d75;
}

.race-grid__wrapper___2mFVnP28sj {
	min-height: 200px;
}

.race-grid__event___JG3sH7v0gC {
	/* Vertical padding primarily applied to subevents individually for better
	clickability */
	--y-spacing: 21px;
	--y-spacing-subevent-items: 14px;

	display: grid;
	grid-template-columns: 120px 1fr;
	grid-gap: 25px;
	padding: 0 14px;
}

.race-grid__event___JG3sH7v0gC:nth-child(2n) {
	background: var(--color-dark-offset-dark);
}

.race-grid__label___jm0qeyi6om {
	padding: var(--y-spacing) 0;
	font-family: PublicSans;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .5px;
}

.race-grid__subevents___uG-x04jVjz {
	padding: calc(var(--y-spacing) - var(--y-spacing-subevent-items)) 0;
	list-style: none;
}

.race-grid__subevent___1qmI5x-xdb {
	display: inline-block;
	padding: var(--y-spacing-subevent-items) 24px;
	font-family: PublicSans;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .5px;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.race-grid__subevent--disabled___2lvReeRpSq {
	color: var(--color-light-offset);
}

.race-grid__subevent--active___234E7iaG9k {
	cursor: default;
}

.race-grid__subevent___1qmI5x-xdb:not(.race-grid__subevent--disabled___2lvReeRpSq):hover,
.race-grid__subevent--active___234E7iaG9k {
	color: var(--color-brand);
}

.base-calendar__header___1PngDoZCim {
	display: flex;
	justify-content: center;
	align-content: center;
	margin: 25px 0;
}

.base-calendar__reset___U9zR2nedgq {
	display: block;
	text-align: center;
	margin: 42px 0 0;
}

.base-calendar__reset-button___1u_-QS4px- {
	color: #ffffff;
	position: fixed;
	bottom: 0;
	left: 0;
	border: none;
	letter-spacing: 5px;
	width: 100%;
	padding: 20px 0;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	background-image: linear-gradient(to bottom, #4f4f4f, #2e3639);
}

.base-calendar__disabled-reset-button___2YMRtaEdy2,
.base-calendar__disabled-reset-button___2YMRtaEdy2:active,
.base-calendar__disabled-reset-button___2YMRtaEdy2:focus {
	color: #666d70;
	position: fixed;
	bottom: 0;
	left: 0;
	border: none;
	outline: none;
	letter-spacing: 5px;
	width: 100%;
	padding: 20px 0;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	background-image: linear-gradient(to bottom, #4f4f4f, #2e3639);
}

.base-calendar__icon___2_fteyOHbu {
	display: inline-block;
	width: 100%;
	max-width: 18px;
	margin: 0 0 0 8px;
}

.base-calendar__control___2JFMZL2icb {
	position: relative;
}

.base-calendar__control___2JFMZL2icb + .base-calendar__control___2JFMZL2icb {
	margin-left: 10px;
}

.base-calendar__arrow___OiQ0DVDD47 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	border: none;
	outline: none;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.base-calendar__arrow___OiQ0DVDD47:first-child {
	bottom: 100%;
}

.base-calendar__arrow___OiQ0DVDD47:last-child {
	top: 100%;
}

.base-calendar__heading___2v_izkw_0F {
	--letter-spacing: 5px;

	margin: 0 calc(var(--letter-spacing) * -1) 0 0;
	padding: 8px 0;
	font-family: PublicSans;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: var(--letter-spacing);
	color: var(--color-brand);
	text-transform: uppercase;
}

.base-calendar__week___3o_CRoFZZH {
	--spacing: 22px;

	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: var(--spacing);
}

.base-calendar__week___3o_CRoFZZH + .base-calendar__week___3o_CRoFZZH {
	margin-top: 10px;
}

.base-calendar__day___zwrn30Oqd7 {
	--size: 30px;

	width: var(--size);
	height: var(--size);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border-radius: 50%;
	font-family: PublicSans;
	font-size: 12px;
	letter-spacing: .5px;
	text-transform: uppercase;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.base-calendar__day--faded___1TqaGqxp2A {
	color: #666;
}

.base-calendar__day--emphasis___2rTT1tpWnV::after {
	content: '';
	width: 6px;
	height: 6px;
	position: absolute;
	top: 4.5px;
	right: 4.5px;
	border-radius: 50%;
	background: var(--color-brand);
}

.base-calendar__day--selected___1wAFQYzzwB.base-calendar__day--emphasis___2rTT1tpWnV::after {
	background: var(--color-dark);
}

.base-calendar__day--selected___1wAFQYzzwB {
	background: var(--color-brand);
	color: black;
}

.base-calendar__day--selected___1wAFQYzzwB + .base-calendar__day--selected___1wAFQYzzwB::before {
	content: '';
	width: calc(var(--size) + var(--spacing));
	height: var(--size);
	position: absolute;
	top: 0;
	right: 50%;
	z-index: -1;
	background: var(--color-brand);
}

.base-calendar__day--selectable___jto7e_WrOa {
	cursor: pointer;
}

.tooltip__wrapper___3NQYuEjyaL {
	border: 1px solid var(--color-dark-offset-light);
	background: var(--color-dark);
}

.Popover {
	z-index: 1;
}

.Popover-tip {
	/* transform is already being used by the library */
	position: relative;
	stroke: var(--color-dark-offset-light);
	fill: var(--color-dark);
}

.Popover-above .Popover-tip {
	bottom: 2px;
	border-top: 1px solid var(--color-dark);
}

.Popover-below .Popover-tip {
	top: 1px;
	border-bottom: 1px solid var(--color-dark);
}

.info-tooltip__trigger___21zgHti9KT {
	width: 15px;
	margin-left: 10px;
	height: 15px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: text-bottom;
	border-radius: 50%;
	font-size: 10px;
	background: var(--color-light-offset);
	color: var(--color-dark);
}

.info-tooltip__outer-wrapper___1O6xi9tEdv {
	border-radius: 5px;
	opacity: .9;
	border-color: var(--color-light-offset);
}

.info-tooltip__tooltip___3xM5PFb5k_ {
	width: 300px;
	padding: 5px 10px;
	line-height: 1.45;
	font-size: 11px;
	font-weight: 900;
}

.leaderboard-item__item___3269oUagXX {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 12px;
}

.leaderboard-item__item___3269oUagXX:nth-child(2n) {
	background: var(--color-dark-offset-dark);
}

.leaderboard-item__item--active___3q8pYEVCGr .leaderboard-item__name___3lkH8t0J8B,
.leaderboard-item__item--active___3q8pYEVCGr .leaderboard-item__value___3LiESgfMN2,
.leaderboard-item__item--active___3q8pYEVCGr .leaderboard-item__eachWay___2qzM_QKeU2  {
	color: var(--color-brand);
}

.leaderboard-item__item--disabled___NpY7neMuTn:not(.leaderboard-item__item--active___3q8pYEVCGr) .leaderboard-item__name___3lkH8t0J8B,
.leaderboard-item__item--disabled___NpY7neMuTn:not(.leaderboard-item__item--active___3q8pYEVCGr) .leaderboard-item__value___3LiESgfMN2,
.leaderboard-item__item--disabled___NpY7neMuTn:not(.leaderboard-item__item--active___3q8pYEVCGr) .leaderboard-item__eachWay___2qzM_QKeU2 {
	color: var(--color-light-offset);
}

.leaderboard-item__group___1lMZ1yI6J2 {
	display: flex;
	align-items: center;
	width: 60%;
}

.leaderboard-item__rank___3BpVJm5F8Z {
	width: 17px; /* Assumes never more than 99 items and font-size etc remains the same as time of writing */
	text-align: right;
	font-family: PublicSans;
	font-size: 12px;
	font-weight: 900;
}

.leaderboard-item__gfx___3XzQs5zd6D {
	width: 32px;
	height: 32px;
	margin: 0 12px;
}

.leaderboard-item__name___3lkH8t0J8B {
	font-family: PublicSans;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .5px;
}

.leaderboard-item__value___3LiESgfMN2 {
	text-align: center;
	font-family: PublicSans;
	font-size: 15px;
	font-weight: 900;
	width: 15%;
}

.leaderboard-item__eachWay___2qzM_QKeU2 {
	font-family: PublicSans;
	font-size: 12px;
	font-weight: 900;
	text-align: center;
	width: 25%;
}

/* Cannot align horizontally the normal way due to the dot animation */

.loader__wrapper___3XizUcQUty {
	content: '';
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	position: absolute;
	top: 100;
	left: 0;
}

.loader__info___3_Gwgabpuq {
	position: relative;
	top: 25%;
}

.loader__gfx___20Ev2hu_79 {
	--size: 45px;
	width: var(--size);
	height: var(--size);
	display: block;
	margin: 0 auto;
	animation: loader__Rotate___3SSssUMZtz 1.25s infinite linear;
}

.loader__message___c8FwzODIkY {
	margin: 15px 0 0;
	font-family: PublicSans;
	font-size: 17px;
	font-weight: 900;
	letter-spacing: .6px;
}

.loader__message___c8FwzODIkY::after {
	content: '';
	animation: loader__MsgAppendage___27_qOc0b2v 1.25s infinite;
}

@keyframes loader__Rotate___3SSssUMZtz {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes loader__MsgAppendage___27_qOc0b2v {
	0%,
	100% {
		content: '\A0\A0\A0';
	}

	25% {
		content: '.\A0\A0';
	}

	50% {
		content: '..\A0';
	}

	75% {
		content: '...';
	}
}

.modal__wrapper___Tj9PwCG6ad {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
	background: rgba(0, 0, 0, .5);
	transition: opacity .2s;
	pointer-events: none;
}

.modal__wrapper--active___2iviXr2xCw {
	opacity: 1;
	pointer-events: all;
}

.modal__modal___HnaFHgowJv {
	min-width: 300px;
	min-height: 250px;
	max-width: 75%;
	max-height: 90%;
	width: 1200px;
	transform: translateY(50px);
	padding: 35px 25px;
	border-radius: 3px;
	background: var(--color-bg);
	transition: transform .3s;
}

.modal__wrapper--active___2iviXr2xCw .modal__modal___HnaFHgowJv {
	transform: translateY(0);
}

.clickshare__container___2CX4bBez0N {
	--selection-border-width: 1px;
	--selection-wrapper-height: 450px;
	--leaderboard-width: 375px;

	/* For loader */
	position: relative;
}

.clickshare__container--active___18TZybpI9X {
	opacity: .1;
}

.clickshare__selection-header___1HMgI3PaiM,
.clickshare__selection-content___20leXE53sF {
	display: grid;
	grid-template-columns: 1fr var(--leaderboard-width);
	border-style: solid;
	border-color: var(--color-dark-offset-light);
}

.clickshare__selection-header___1HMgI3PaiM,
.clickshare__selection-header-bar-graph__group___3i9CTznGwP {
	border-width: 0 var(--selection-border-width) var(--selection-border-width) var(--selection-border-width);
	font-family: PublicSans;
	font-size: 12px;
	background: linear-gradient(88deg, var(--color-dark), var(--color-dark-offset-dark));
	color: var(--color-light-offset);
}

.clickshare__selection-header__group___3JG-K7pEje,
.clickshare__selection-header-bar-graph__group___3i9CTznGwP {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px;
}

.clickshare__selection-header__group___3JG-K7pEje:not(:first-child) {
	border-left: 1px solid var(--color-dark-offset-light);
}

.clickshare__selection-header-bar-graph__group___3i9CTznGwP {
	border-bottom: 1px solid var(--color-dark-offset-light);
}

.clickshare__selection-heading___1_O8KUYMUC {
	margin: 0;
	font-size: inherit;
	font-weight: 900;
	color: var(--color-light);
}

.clickshare__eachWay___2itLhWm4Sw {
	padding-right: 30px;
}

.clickshare__selection-content___20leXE53sF {
	height: var(--selection-wrapper-height);
	border-width: 0 var(--selection-border-width);
}

.clickshare__leaderboard___sQftJgNQiJ {
	max-height: 100%;
	border-left: 1px solid var(--color-dark-offset-light);
	overflow-y: scroll;
}

.clickshare__leaderboard__no-data___2jCa1NpCEh {
	display: flex;
	justify-content: center;
	align-items: center;
}

.clickshare__no-data___2czULQsh-5 {
	background: var(--color-dark-offset-dark);
	border: 1px solid var(--color-light-offset);
	border-radius: 6px;
	padding: 14px;
	font-family: PublicSans;
	font-size: 13px;
	font-weight: 500;
}

.clickshare__bar-graph-wrapper___2VSghfESV5 {
	border: 1px solid var(--color-dark-offset-light);
}

.clickshare__info-tooltip-trigger___3Rm1oUQKvL {
	margin: 0 0 0 10px;
}

.overround__container___2VE2v_-ZVk {
	--selection-border-width: 1px;
	--selection-wrapper-height: 450px;
	--leaderboard-width: 375px;

	/* For loader */
	position: relative;
}

.overround__container--active___985B9iQz_M {
	opacity: .1;
}

.overround__selection-header___2mZtada1cY,
.overround__selection-content___3pT4MXmLWH {
	display: grid;
	grid-template-columns: 1fr var(--leaderboard-width);
	border-style: solid;
	border-color: var(--color-dark-offset-light);
}

.overround__selection-header___2mZtada1cY,
.overround__selection-header-bar-graph__group___1yvzXtmAu_ {
	border-width: 0 var(--selection-border-width) var(--selection-border-width) var(--selection-border-width);
	font-family: PublicSans;
	font-size: 12px;
	background: linear-gradient(88deg, var(--color-dark), var(--color-dark-offset-dark));
	color: var(--color-light-offset);
}

.overround__selection-header__group___2Q1bU8Acn8,
.overround__selection-header-bar-graph__group___1yvzXtmAu_ {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px;
}

.overround__selection-header__group___2Q1bU8Acn8:not(:first-child) {
	border-left: 1px solid var(--color-dark-offset-light);
}

.overround__selection-header-bar-graph__group___1yvzXtmAu_ {
	border-bottom: 1px solid var(--color-dark-offset-light);
}

.overround__selection-heading___3ncWKMec3K {
	margin: 0;
	font-size: inherit;
	font-weight: 900;
	color: var(--color-light);
}

.overround__selection-content___3pT4MXmLWH {
	height: var(--selection-wrapper-height);
	border-width: 0 var(--selection-border-width);
}

.overround__leaderboard___2bBN6aWZRH {
	max-height: 100%;
	border-left: 1px solid var(--color-dark-offset-light);
	overflow-y: scroll;
}

.overround__leaderboard__no-data___2uHCBzKdSS {
	display: flex;
	justify-content: center;
	align-items: center;
}

.overround__no-data___hhWojdlrMo {
	border: 1px solid var(--color-light-offset);
	background: var(--color-dark-offset-dark);
	border-radius: 6px;
	padding: 14px;
	font-family: PublicSans;
	font-size: 13px;
	font-weight: 500;
}

.overround__bar-graph-wrapper___2FJhmNG2ql {
	border: 1px solid var(--color-dark-offset-light);
}

.overround__info-tooltip-trigger___1d8_SOCkjP {
	margin: 0 0 0 10px;
}

.filter__icon___dzvI7gRAX- {
	width: 23px;
	height: 23px;
	display: inline-block;
	vertical-align: middle;
}

.filter__icon___dzvI7gRAX- svg path {
	fill: rgba(255, 255, 255, .6);
}

.filter__icon--active___3MFeYz1xg7 svg path {
	fill: var(--color-brand);
}

.filter__header___3mZZwRGgrl {
	width: 100%;
}

.filter__filter___XtT2Ifq4mM {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.filter__action___2iqayfDF1W {
	cursor: pointer;
}

.filter__action--active___1WouYsRytY {
	color: var(--color-brand);
}

.filter__sized-action___c5hWvHctA_ {
	width: 150px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.filter__bookie-wrapper___3KLxkTC7z0 {
	width: 390px;
	margin: 0 0 -15px;
	columns: 2;
}

.filter__bookie-wrapper___3KLxkTC7z0 .filter__bookie___19dtTRHFtD {
	break-inside: avoid-column;
}

.filter__title___1UR2kBq0sI {
	height: 16px;
	margin: 0 0 5px 0;
	letter-spacing: 4px;
	font-family: PublicSans;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	color: var(--color-brand);
}

.filter__sub-title___2bmkwgPmHh {
	font-family: PublicSans;
	color: var(--color-light);
	font-size: 12px;
	margin: 0 0 17px;
}

.filter__bookie___19dtTRHFtD {
	height: 39px;
}

.filter__date-icon___1DVInVByvL {
	margin: 0 20px 0 0;
}

.filter__date-arrow___3EDWa9PLec {
	display: inline-block;
	vertical-align: middle;
}

.filter__date-range___3YiMwgy8AA {
	margin: 0 30px;
	vertical-align: middle;
	cursor: pointer;
}

.filter__std-wrapper___1ukfMmoqW5 {
	padding: 20px 15px;
}

.filter__no-data-message___2wV3Dhn3m9 {
	width: 640px;
    height: 300px;
    display: flex;
    justify-content: center;
	align-items: center;
	font-family: PublicSans;
	font-size: 15px;
	font-weight: 900;
}

.clickshare__container___3f783V3uz6 {
	--selection-border-width: 1px;
	--selection-wrapper-height: 450px;
	--leaderboard-width: 375px;

	/* For loader */
	position: relative;
}

.clickshare__container--active___3ATlMUJmeQ {
	opacity: .1;
}

.clickshare__selection-header___3bRzT-90PY,
.clickshare__selection-content___3ZbMVm6RmU {
	display: grid;
	grid-template-columns: 1fr var(--leaderboard-width);
	border-style: solid;
	border-color: var(--color-dark-offset-light);
}

.clickshare__selection-header___3bRzT-90PY,
.clickshare__selection-header-bar-graph__group___OkV-0ILMEw {
	border-width: 0 var(--selection-border-width) var(--selection-border-width) var(--selection-border-width);
	font-family: PublicSans;
	font-size: 12px;
	background: linear-gradient(88deg, var(--color-dark), var(--color-dark-offset-dark));
	color: var(--color-light-offset);
}

.clickshare__selection-header__group___1eoZgjlpyK,
.clickshare__selection-header-bar-graph__group___OkV-0ILMEw {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px;
}

.clickshare__selection-header__group___1eoZgjlpyK:not(:first-child) {
	border-left: 1px solid var(--color-dark-offset-light);
}

.clickshare__selection-header-bar-graph__group___OkV-0ILMEw {
	border-bottom: 1px solid var(--color-dark-offset-light);
}

.clickshare__selection-heading___2dGPm3Z-qs {
	margin: 0;
	font-size: inherit;
	font-weight: 900;
	color: var(--color-light);
}

.clickshare__selection-content___3ZbMVm6RmU {
	height: var(--selection-wrapper-height);
	border-width: 0 var(--selection-border-width);
}

.clickshare__leaderboard___1u767U2Hxj {
	max-height: 100%;
	border-left: 1px solid var(--color-dark-offset-light);
	overflow-y: scroll;
}

.clickshare__leaderboard__no-data___dv4MwHl0ae {
	display: flex;
	justify-content: center;
	align-items: center;
}

.clickshare__no-data___17upeBJaa- {
	background: var(--color-dark-offset-dark);
	border: 1px solid var(--color-light-offset);
	border-radius: 6px;
	padding: 14px;
	font-family: PublicSans;
	font-size: 13px;
	font-weight: 500;
}

.clickshare__bar-graph-wrapper___3miuvsCE_w {
	border: 1px solid var(--color-dark-offset-light);
}

.clickshare__info-tooltip-trigger___2Rispzo6oG {
	margin: 0 0 0 10px;
}

.filter__icon___1ApNSw2DF- {
	width: 23px;
	height: 23px;
	display: inline-block;
	vertical-align: middle;
}

.filter__icon___1ApNSw2DF- svg path {
	fill: rgba(255, 255, 255, .6);
}

.filter__icon--active___2mzrC1HBxz svg path {
	fill: var(--color-brand);
}

.filter__header___X6a4eatxdk {
	width: 100%;
}

.filter__filter___1HmwcHmJec {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.filter__action___3Yyy5PRPyC {
	cursor: pointer;
}

.filter__action--active___2utnA9i-75 {
	color: var(--color-brand);
}

.filter__sized-action___3jro10P156 {
	width: 150px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.filter__bookie-wrapper___2oglstslKx {
	width: 390px;
	margin: 0 0 -15px;
	columns: 2;
}

.filter__bookie-wrapper___2oglstslKx .filter__bookie___3LVUPde5ul {
	break-inside: avoid-column;
}

.filter__title___3jEjNgnfeT {
	height: 16px;
	margin: 0 0 5px 0;
	letter-spacing: 4px;
	font-family: PublicSans;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	color: var(--color-brand);
}

.filter__sub-title___32pxIULioq {
	font-family: PublicSans;
	color: var(--color-light);
	font-size: 12px;
	margin: 0 0 17px;
}

.filter__bookie___3LVUPde5ul {
	height: 39px;
}

.filter__date-icon___24DwUIVCdx {
	margin: 0 20px 0 0;
}

.filter__date-arrow___1_qlCbnsFR {
	display: inline-block;
	vertical-align: middle;
}

.filter__date-range___QjvchF6ora {
	margin: 0 30px;
	vertical-align: middle;
	cursor: pointer;
}

.filter__std-wrapper___2pF8WGgaVb {
	padding: 20px 15px;
}

.filter__wrapper___1aZcCXMh4c {
	min-width: 700px;
	display: flex;
}

.filter__no-data-message___1qETosG73A {
	width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
	align-items: center;
}

.events-list__list___VxMWBps13h {
	border-right: 1px solid var(--list-border-color);
	width: 30%;
}

.events-list__item___3SKz9pij7d {
	height: var(--list-item-height);
	display: flex;
	align-items: center;
	padding: 0 20px;
	border-bottom: 1px solid var(--list-border-color);
	list-style-type: none;
	font-family: PublicSans;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .5px;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.events-list__item___3SKz9pij7d:nth-child(2n+1) {
	background: var(--color-dark-offset-dark);
}

.events-list__item--active___3UX0bjJs8D {
	background: var(--color-brand) !important;
	color: var(--color-dark);
}

.subevents-list__list___5xZkJ6_33R {
	list-style-type: none;
	width: 70%;
}

.subevents-list__item___1z2x_dQxYZ {
	height: var(--list-item-height);
	display: flex;
	align-items: center;
	padding: 0 20px 0 50px;
	border-bottom: 1px solid var(--list-border-color);
	font-family: PublicSans;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .5px;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.subevents-list__item___1z2x_dQxYZ:nth-child(2n+1) {
	background: var(--color-dark-offset-dark);
}

.subevents-list__time___uKlRe8hT9_ {
	margin: 0 18px 0 0;
	font-weight: 500;
	color: var(--color-light-offset);
}

.subevents-list__item--active___1F510BpIzJ {
	color: var(--color-brand);
}

.overround__container___3jkgqqFiq2 {
	--selection-border-width: 1px;
	--selection-wrapper-height: 450px;
	--leaderboard-width: 375px;

	/* For loader */
	position: relative;
}

.overround__container--active___1x6qkVlNIk {
	opacity: .1;
}

.overround__selection-header___2F1DppJln1,
.overround__selection-content___2fb2gNsorT {
	display: grid;
	grid-template-columns: 1fr var(--leaderboard-width);
	border-style: solid;
	border-color: var(--color-dark-offset-light);
}

.overround__selection-header___2F1DppJln1,
.overround__selection-header-bar-graph__group___2UU5zzYmwB {
	border-width: 0 var(--selection-border-width) var(--selection-border-width) var(--selection-border-width);
	font-family: PublicSans;
	font-size: 12px;
	background: linear-gradient(88deg, var(--color-dark), var(--color-dark-offset-dark));
	color: var(--color-light-offset);
}

.overround__selection-header__group___2WmLlrC2mS,
.overround__selection-header-bar-graph__group___2UU5zzYmwB {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px;
}

.overround__selection-header__group___2WmLlrC2mS:not(:first-child) {
	border-left: 1px solid var(--color-dark-offset-light);
}

.overround__selection-header-bar-graph__group___2UU5zzYmwB {
	border-bottom: 1px solid var(--color-dark-offset-light);
}

.overround__selection-heading___3dB9s2bfmS {
	margin: 0;
	font-size: inherit;
	font-weight: 900;
	color: var(--color-light);
}

.overround__selection-content___2fb2gNsorT {
	height: var(--selection-wrapper-height);
	border-width: 0 var(--selection-border-width);
}

.overround__leaderboard___3c7-rTHy7i {
	max-height: 100%;
	border-left: 1px solid var(--color-dark-offset-light);
	overflow-y: scroll;
}

.overround__leaderboard__no-data___3ihUpeS7fw {
	display: flex;
	justify-content: center;
	align-items: center;
}

.overround__no-data___344SmtT4wm {
	border: 1px solid var(--color-light-offset);
	background: var(--color-dark-offset-dark);
	border-radius: 6px;
	padding: 14px;
	font-family: PublicSans;
	font-size: 13px;
	font-weight: 500;
}

.overround__bar-graph-wrapper___vKzgrfC77U {
	border: 1px solid var(--color-dark-offset-light);
}

.overround__info-tooltip-trigger___3DRQQgtJiQ {
	margin: 0 0 0 10px;
}

.filter__icon___2Y09SSpiex {
	width: 23px;
	height: 23px;
	display: inline-block;
	vertical-align: middle;
}

.filter__icon___2Y09SSpiex svg path {
	fill: rgba(255, 255, 255, .6);
}

.filter__icon--active___3LHXpS5-HS svg path {
	fill: var(--color-brand);
}

.filter__header___2_qgAl9lwa {
	width: 100%;
}

.filter__filter___1K4u6TwjCv {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.filter__action___G60NW1SSjv {
	cursor: pointer;
}

.filter__action--active___3P2CoapNzl {
	color: var(--color-brand);
}

.filter__sized-action___2Df8ccvvoV {
	width: 150px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.filter__bookie-wrapper____Ree5rEK9I {
	width: 390px;
	margin: 0 0 -15px;
	columns: 2;
}

.filter__bookie-wrapper____Ree5rEK9I .filter__bookie___2lUYcSNERQ {
	break-inside: avoid-column;
}

.filter__title___3ZDzpr34x_ {
	height: 16px;
	margin: 0 0 5px 0;
	letter-spacing: 4px;
	font-family: PublicSans;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	color: var(--color-brand);
}

.filter__sub-title___2Zn43YaG0z {
	font-family: PublicSans;
	color: var(--color-light);
	font-size: 12px;
	margin: 0 0 17px;
}

.filter__bookie___2lUYcSNERQ {
	height: 39px;
}

.filter__date-icon___116fsEsTgr {
	margin: 0 20px 0 0;
}

.filter__date-arrow___3_QQsmULey {
	display: inline-block;
	vertical-align: middle;
}

.filter__date-range___13RbyBVpG1 {
	margin: 0 30px;
	vertical-align: middle;
	cursor: pointer;
}

.filter__std-wrapper___3HTc6MCZ-L {
	padding: 20px 15px;
}

.filter__wrapper___2Po6s_ciTt {
	min-width: 700px;
	display: flex;
}

.filter__no-data-message___217jY80Pg_ {
	width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reports__tabs___2bshvtv5mt {
	margin: 0 0 -1px;
	overflow: auto;
	white-space: nowrap;
}

.reports__list___KtmfEooQPk {
	border: 1px solid var(--color-dark-offset-light);
}

.reports__item___2KKYc8HE2W {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px;
	font-family: PublicSans;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .5px;
	background: var(--color-dark);
	color: var(--color-light);
}

.reports__item___2KKYc8HE2W:nth-child(2n) {
	background: var(--color-dark-offset-dark);
}

.reports__item___2KKYc8HE2W:not(:last-child) {
	border-bottom: 1px solid var(--color-dark-offset-light);
}

.reports__info___N7rZV_WLGN {
	margin: 0 15px 0 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.reports__icon___30WS1ycpCp {
	margin: 0 25px 0 0;
}

.reports__desc___3jMPmZQ-V6,
.reports__action___KsxnPhFVeX {
	color: var(--color-light-offset);
}

.reports__actions___o90-QE51z5 {
	display: flex;
}

.reports__action___KsxnPhFVeX {
	display: flex;
	align-items: center;
}

.reports__action___KsxnPhFVeX:not(:last-child)::after {
	content: '';
	width: 1px;
	height: 25px;
	border-right: 1px solid var(--color-dark-offset-light);
	margin: 0 25px;
}

.reports__action___KsxnPhFVeX img {
	margin: 0 0 0 25px;
}

.reports__action-button___QqTE3Gsiot {
	outline: none;
	border: 0;
	text-decoration: none;
	color: var(--color-light-offset);
	cursor: pointer;
	font-family: PublicSans;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .5px;
}

.tab__tab___3M3vYJzstd {
	--border-width: 1px;

	width: 195px;
	height: 50px;
	display: inline-flex;
	align-items: center;
	padding: 0 15px;
	border: var(--border-width) solid var(--color-dark-offset-light);
	opacity: .5;
	font-family: PublicSans;
	font-size: 14px;
	background: var(--color-dark);
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.tab__tab___3M3vYJzstd:first-child {
	border-top-left-radius: 6px;
}

.tab__tab___3M3vYJzstd:last-child {
	border-top-right-radius: 6px;
}

.tab__tab___3M3vYJzstd:not(:first-child) {
	margin-left: calc(var(--border-width) * -1);
}

.tab__tab___3M3vYJzstd:hover,
.tab__tab--active___ZpYJR9vpJv {
	opacity: 1;
}

.pdf-viewer__pdf-viewer___1v2gJidFV3 {
	position: relative;
}

.pdf-viewer__container___2r8L-V385b {
	min-width: 300px;
	min-height: 250px;
	max-height: 85%;
	margin: 0 auto;
	padding: 35px 25px;
	border-radius: 3px;
	background: var(--color-bg);
	transition: transform .3s;
}

.pdf-viewer__container--active___2yVNKLzJ-1 .pdf-viewer__modal___2mS9r9sJj3 {
	transform: translateY(0);
}

.pdf-viewer__container___2r8L-V385b header {
	padding: 0 15px;
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
}

.pdf-viewer__heading___1DuUY5m7U8 {
	margin: 0 0 25px;
}

.pdf-viewer__close-button___2WP1UeqKv2 {
	width: 25px;
	height: 25px;
	outline: none;
	border: 0;
	cursor: pointer;
}

.pdf-viewer__close-button___2WP1UeqKv2 img {
	width: 15px;
	height: 15px;
}

.pdf-viewer__document___E1x82c6_IE {
	max-width: 85vw;
	max-height: 70vh;
	overflow-y: scroll;
}

.nav-buttons__nav-buttons___gGizDjZw8I button {
	width: 50px;
	height: 50px;
	outline: none;
	border: 0;
	text-decoration: none;
	color: var(--color-light-offset);
	cursor: pointer;
	font-family: PublicSans;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .5px;
}

.nav-buttons__nav-buttons___gGizDjZw8I button.nav-buttons__prev-button___2eGAqx0h7l {
	position: absolute;
	top: 50%;
	left: -100px;
}

.nav-buttons__nav-buttons___gGizDjZw8I button.nav-buttons__next-button___3nJW_VBAaU {
	position: absolute;
	top: 50%;
	right: -100px;
}

.nav-buttons__nav-buttons___gGizDjZw8I button img {
	width: 25px;
	height: 25px;
}

.nav-buttons__nav-buttons___gGizDjZw8I button.nav-buttons__prev-button___2eGAqx0h7l img {
	transform: rotate(180deg);
}

.page-info__page-info___12_EZXhKLO {
	display: flex;
	align-content: space-around;
	justify-content: center;
}

.orgs__header___1_4JJaMnXj {
	display: flex;
	align-items: center;
}

.orgs__heading___2SSOJJJw1g {
	margin: 0 15px 0 0;
}

.orgs__orgs___3bHBJwIfOH {
	margin: 25px 0;
}

.orgs__org___1IlDdf9rcM {
	display: flex;
	align-items: center;
}

.orgs__org___1IlDdf9rcM + .orgs__org___1IlDdf9rcM {
	margin-top: 15px;
}

.orgs__logo___17vYpzO6_8 {
	max-width: 32px;
	max-height: 32px;
	margin: 0 10px;
}

.form__heading___22PjVEWGGQ {
	margin: 0;
}

.form__hr___1-vOU4sP1x {
	height: 1px;
	margin: 20px 0;
	border: none;
	background: #ddd;
}

.form__form___3nW-o6F9vT > *:not(:last-child) {
	margin-bottom: 15px;
}

.snackbar__snackbar___2iuLBRZVlt {
	max-width: 640px;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 100%);
	z-index: 11;
	padding: 15px 25px;
	border-radius: 3px 3px 0 0;
	opacity: 0;
	transition: opacity .25s, transform .25s;
}

.snackbar__snackbar--active___RNVF2yWzNI {
	transform: translate(-50%, 0);
	opacity: 1;
}

.reports__header___3XK2jdoqFk {
	display: flex;
	align-items: center;
	margin: 0 0 25px;
}

.reports__heading___2_jw3Rz3s6 {
	margin: 0 15px 0 0;
}

.reports__list___2G0-e-BGbX {
	margin: 25px 0;
	list-style: none;
}

.reports__item___2H-st1rMRu {
	display: flex;
	align-items: center;
}

.reports__item___2H-st1rMRu + .reports__item___2H-st1rMRu {
	margin-top: 15px;
}

.reports__item___2H-st1rMRu > *:not(:last-child) {
	margin-right: 10px;
}

.reports__item___2H-st1rMRu a:hover {
	text-decoration: underline;
}

.form__heading___33BxHQXYMh {
	margin: 0;
}

.form__hr___1SofQovDfD {
	height: 1px;
	margin: 20px 0;
	border: none;
	background: #ddd;
}

.form__form___37kFjv0GuV > *:not(:last-child) {
	margin-bottom: 15px;
}

.form__category-adder___31LIiwhSi- {
	display: grid;
	grid-template-columns: auto 60px;
	grid-gap: 25px;
}

.form__selected-file___3rPaot3g7S {
	margin: 0 0 0 10px;
}

.select__dropdown___INz6QCKSlH {
  color: #3e3e3e;
}
.upload__heading___qdPU-cVKuZ {
	margin: 0 0 25px;
}

.upload__hitbox___Zqdq44eAcV {
	width: 100%;
	min-height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 25px;
	border: 2px dashed white;
	transition: .15s background;
	cursor: pointer;
}

.upload__hitbox___Zqdq44eAcV:hover {
	background: rgba(255, 255, 255, .05);
}

.users__header___1qnmckNpEf {
	display: flex;
	align-items: center;
}

.users__heading___vf2QG8QXjt {
	margin: 0 15px 0 0;
}

.users__meta___h1qDHo18La {
	margin: 0 0 0 10px;
}

.users__users___1GJ5qU13nn {
	margin: 30px 0;
}

.users__user--inactive___f8TE3jXl-U .users__username___3dAD0nxUVy {
	color: #999;
}

.users__user___1uCfrlKF-b + .users__user___1uCfrlKF-b {
	margin-top: 10px;
}

.users__user___1uCfrlKF-b > * {
	display: inline-block;
}

.users__username___3dAD0nxUVy {
	margin: 0 0 0 10px;
	font-size: 18px;
}

.form__heading___o3AJYZIEXd {
	margin: 0;
}

.form__hr___1CPeCYH9Ml {
	height: 1px;
	margin: 20px 0;
	border: none;
	background: #ddd;
}

.form__form___gkDxmupYhW > *:not(:last-child) {
	margin-bottom: 15px;
}